/* Shansy storefront — Variant B commerce chrome. Source: shop.php (cart, mob, light footer). */
img{display:block;width:100%}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:400;opacity:0;pointer-events:none;transition:opacity .35s}
.overlay.on{opacity:1;pointer-events:all}
.drawer{position:fixed;top:0;right:0;bottom:0;width:400px;background:#fff;z-index:401;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}
.drawer.on{transform:none}
.dr-head{padding:28px 28px 20px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between}
.dr-title{font-size:13px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase}
.dr-close{color:#595959;transition:color .2s}
.dr-close:hover{color:#111}
.dr-close svg{width:18px;height:18px}
.dr-body{flex:1;overflow-y:auto;padding:24px 28px}
.dr-empty{font-size:13px;color:#595959;font-weight:300;text-align:center;padding:60px 0}
.dr-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f0f0f0}
.dr-item-img{width:72px;height:90px;flex-shrink:0}
.dr-item-info{flex:1}
.dr-item-name{font-size:13px;font-weight:400;color:#111;margin-bottom:4px}
.dr-item-detail{font-size:11px;color:#595959;margin-bottom:8px}
.dr-item-price{font-size:12px;color:#595959;margin-bottom:8px}
.dr-item-rm{font-size:10px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:#595959;transition:color .2s}
.dr-item-rm:hover{color:#C4735A}
.dr-foot{padding:20px 28px 28px;border-top:1px solid #e8e8e8}
.dr-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.dr-total-l{font-size:11px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:#595959}
.dr-total-v{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500;color:#111}
.dr-ship-note{font-size:11px;color:#595959;font-weight:300;margin-bottom:16px}
.dr-checkout{display:block;width:100%;padding:16px;background:#111;color:#fff;text-align:center;font-size:11px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;transition:background .2s}
.dr-checkout:hover{background:#C4735A}
.mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:300;opacity:0;pointer-events:none;transition:opacity .3s}
.mob-overlay.on{opacity:1;pointer-events:all}
.mob-panel{position:fixed;top:0;left:0;bottom:0;width:340px;background:#fff;z-index:301;transform:translateX(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow-y:auto}
.mob-panel.on{transform:none}
.mob-panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;border-bottom:1px solid #e8e8e8;flex-shrink:0}
.mob-logo{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#111}
.mob-close{color:#595959;transition:color .2s;padding:4px}
.mob-close:hover{color:#111}
.mob-close svg{width:18px;height:18px;display:block}
.mob-cat-group{padding:0 24px;border-bottom:1px solid #e8e8e8}
.mob-cat-label{font-size:9px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:#595959;padding:20px 0 10px;display:block}
.mob-cat-links{display:flex;flex-direction:column}
.mob-cat-link{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;color:#111;padding:13px 0;border-bottom:1px solid #f5f5f5;transition:color .2s}
.mob-cat-link:last-child{border-bottom:0}
.mob-cat-link:hover{color:#C4735A}
.mob-cat-link svg{width:14px;height:14px;color:#999;flex-shrink:0}
.mob-cat-link.highlight{color:#C4735A;font-weight:500}
.mob-panel-foot{padding:20px 24px;display:flex;flex-direction:column;gap:16px}
.mob-foot-link{font-size:12px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:#595959;transition:color .2s}
.mob-foot-link:hover{color:#111}
footer{background:#fff;border-top:1px solid #e8e8e8}
.foot-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding:56px 40px}
.foot-logo{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#111;margin-bottom:12px}
.foot-about{font-size:12px;font-weight:300;color:#595959;line-height:1.75;max-width:220px}
.foot-col-h{font-size:10px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:#111;margin-bottom:18px}
.foot-links{display:flex;flex-direction:column;gap:11px}
.foot-link{font-size:12px;font-weight:300;color:#666;transition:color .2s}
.foot-link:hover{color:#C4735A}
.foot-bottom{border-top:1px solid #e8e8e8;padding:18px 40px;display:flex;align-items:center;justify-content:space-between}
.foot-copy{font-size:11px;color:#595959;font-weight:300}
.foot-socials{display:flex;gap:18px}
.foot-social{color:#595959;transition:color .2s}
.foot-social:hover{color:#C4735A}
.foot-social svg{width:17px;height:17px}