/*
Theme Name: Ambaraalayaa
Template: storefront
Description: Ambaraalayaa WordPress child theme based on Storefront.
Version: 2.0.0
Text Domain: ambaraalayaa
*/
:root{--bg:#fffcf3;--card:#f4efdc;--fg:#222224;--mut:#525457;--neutral:#75777A;--g:#B82625;--primary:#B82625;--primary-dark:#8E1B1A;--g2:#240B0B;--au:#C59B4B;--accent:#C59B4B;--line:#e5e2db;--s:'Asul',Georgia,serif;--b:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
:focus-visible{outline:2px solid var(--au);outline-offset:3px}
body,.site,button,input,select,textarea{font-family:var(--b);color:var(--fg)}
body{background:var(--bg)}
h1,h2,h3,h4,h5,h6,.entry-title,.woocommerce-loop-product__title,.product_title{font-family:var(--s);color:var(--g)}
a{color:var(--g)}
.button,button.button,a.button,input[type=submit],.added_to_cart,.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button{background:var(--g)!important;color:#fff!important;border-radius:99px!important;font-weight:600;padding:.8rem 1.6rem;transition:transform .4s var(--ease),box-shadow .4s,background .4s;text-decoration:none!important}
.button:hover,button.button:hover,a.button:hover,input[type=submit]:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(184,38,37,.32);background:var(--primary-dark)!important}
.price,.woocommerce-Price-amount{color:var(--g)!important;font-weight:600}
ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:1.6rem!important;margin:0 0 2.5rem!important;padding:0!important;list-style:none!important}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{display:flex!important;flex-direction:column!important;height:100%!important;border:1px solid var(--line);border-radius:18px;padding:1rem;background:#fff;transition:transform .4s var(--ease),box-shadow .4s var(--ease);float:none!important;margin:0!important;width:auto!important;box-sizing:border-box!important}
ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(36,11,11,.08)}
ul.products li.product img{border-radius:12px;width:100%;aspect-ratio:3/4;object-fit:contain;object-position:center center!important}
ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem;line-height:1.35;margin:.8rem 0 .4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
ul.products li.product .price{margin-bottom:.8rem;font-size:1.05rem}
ul.products li.product .button,ul.products li.product .added_to_cart{margin-top:auto!important;text-align:center;width:100%;box-sizing:border-box}
.onsale{background:var(--au)!important;color:#fff!important;border-radius:99px;font-weight:700}
.site-footer,.site-info{display:none}
/* Remove Storefront parent header elements & promo bar remnants */
.sb-top,.site-header,.storefront-primary-navigation,.site-branding,.site-description,.site-title,.secondary-navigation,.storefront-handheld-footer-bar,.skip-link,.storefront-breadcrumb,.header-widget-region{display:none!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;visibility:hidden!important}
/* Kill every possible gap above our header */
body,#page,.hfeed,.site{margin-top:0!important;padding-top:0!important}
.admin-bar body,.admin-bar #page,.admin-bar .hfeed,.admin-bar .site{margin-top:0!important;padding-top:0!important}
#page>*:first-child:not(#sbh){display:none!important;height:0!important;padding:0!important;margin:0!important;border:0!important;font-size:0!important;line-height:0!important}
#sbh{margin-top:0!important}
.home .col-full{max-width:none;padding:0;margin:0}
.home .site-content{padding:0}
.sb-w{width:min(1240px,100% - 2.5rem);margin-inline:auto}
#sbh{position:sticky;top:0;z-index:50;background:rgba(255,252,243,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .4s}
.admin-bar #sbh{top:32px}
#sbh.sc{box-shadow:0 8px 30px rgba(36,11,11,.08)}
.sb-hd{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(0.8rem,1.5vw,1.5rem);align-items:center;padding:.8rem 0}
.sb-logo{display:flex;align-items:center;gap:.6rem;font:700 1.35rem/1 var(--s);color:var(--g);text-decoration:none}
.sb-logo b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--au);color:#fff}
.sb-logo small{display:block;font:500 .62rem var(--b);letter-spacing:.14em;color:var(--mut)}
#sbh nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:clamp(0.6rem,1.3vw,1.6rem);font-weight:500}
#sbh nav a{color:var(--fg);position:relative;padding:.3rem 0;transition:color .25s var(--ease);font-size:clamp(.88rem,.95vw,.96rem);text-decoration:none;-webkit-tap-highlight-color:transparent}
#sbh nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--au);transform:scaleX(0);transform-origin:0 0;transition:transform .4s var(--ease)}
#sbh nav a:hover{color:var(--g)}
#sbh nav a:hover::after{transform:none}
#sbh nav a:focus,#sbh nav a:active,#sbh a:focus,#sbh a:active{outline:none!important;box-shadow:none!important}
#sbh nav a:focus-visible{outline:none!important;box-shadow:none!important;color:var(--g)}
#sbh nav a:focus-visible::after{transform:none}
.sb-ac{display:flex;gap:clamp(0.6rem,1vw,1.1rem);align-items:center;font-size:.92rem}
.sb-ac form{margin:0}.sb-ac input[type=search]{border:1px solid var(--line);border-radius:99px;padding:.45rem 1rem;width:clamp(120px,10vw,170px);background:#fff;transition:border-color .3s,box-shadow .3s;font-family:var(--b);font-size:.9rem}
.sb-ac input[type=search]:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(184,38,37,.15)}
.sb-ac .woocommerce-product-search button,.sb-ac button[type=submit]{display:none}
.sb-ac a{color:var(--fg);transition:color .25s var(--ease);text-decoration:none}
.sb-ac a:hover{color:var(--g)}
.sb-cc{background:var(--g);color:#fff;border-radius:99px;padding:.35rem .9rem;font-weight:600;white-space:nowrap}
@media(max-width:900px){#sbh nav,.sb-ac input[type=search]{display:none}.sb-hd{grid-template-columns:1fr auto}}
.sb-hero{position:relative;padding:6rem 0 7rem;overflow:hidden;background:linear-gradient(135deg, var(--bg) 0%, #f7f3e8 50%, var(--card) 100%);}
.sb-hero::before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at 85% 20%,rgba(225,98,39,.12) 0%,transparent 50%);pointer-events:none;}
.sb-hg{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;}
.sb-text-col{position:relative;z-index:2;}
.sb-image-col{position:relative;}
.sb-eb{display:inline-block;background:var(--card);border:1px solid var(--line);padding:.5rem 1.25rem;border-radius:99px;font-size:.85rem;color:var(--g);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-family:var(--b);}
.sb-hero h1{font-family:var(--s);font-size:clamp(2.8rem,6.6vw,5.8rem);line-height:1.05;margin:1.5rem 0;font-weight:700;color:var(--g);letter-spacing:-0.02em;}
.sb-hero h1 em{color:var(--au);font-style:normal;}
.sb-hero p{max-width:42ch;color:var(--mut);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7;margin-bottom:2rem;font-weight:400;}
.sb-cta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.5rem;}
.sb-btn{display:inline-block;background:var(--g);color:#fff;padding:1.2rem 2.5rem;border-radius:99px;font-weight:600;font-family:var(--b);font-size:1rem;letter-spacing:.02em;transition:all .4s var(--ease);box-shadow:0 4px 20px rgba(184,38,37,.25);text-decoration:none;border:2px solid transparent;}
.sb-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(184,38,37,.38);background:var(--primary-dark);color:#fff;}
.sb-btn.o{background:transparent;color:var(--g);border:2px solid var(--g);box-shadow:none;}
.sb-btn.o:hover{background:var(--g);color:#fff;box-shadow:0 8px 25px rgba(184,38,37,.28);}
.sb-arches{position:relative;height:min(62vw,540px)}
.sb-ar{position:absolute;border-radius:999px 999px 18px 18px;border:5px solid var(--bg);box-shadow:0 20px 50px rgba(36,11,11,.2);transition:transform .25s linear}
.sb-ar1{left:0;top:8%;width:46%;height:82%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 9px),linear-gradient(170deg,#B82625,#5A1010)}
.sb-ar2{left:34%;top:0;width:42%;height:70%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 3px,transparent 3px 10px),linear-gradient(160deg,#E16227,#8F340C)}
.sb-ar3{right:0;top:22%;width:38%;height:72%;background:linear-gradient(170deg,#8B1E2F,#450C16)}
.sb-bd{position:absolute;left:4%;bottom:2%;background:var(--bg);color:var(--g);border-radius:99px;padding:.7rem 1.3rem;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.18);animation:sbfl 4s ease-in-out infinite;z-index:3}
@keyframes sbfl{50%{transform:translateY(-10px)}}
@media(max-width:860px){.sb-hg{grid-template-columns:1fr}}
.sb-sec{padding:5rem 0}
#categories.sb-sec{padding:3rem 0 3.5rem}
.sb-h2{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.4rem;flex-wrap:wrap}
#categories .sb-h2{margin-bottom:1.6rem}
.sb-h2 h2{font-size:clamp(2rem,4.6vw,3.2rem);margin:0}
.sb-h2 h2::after{content:"";display:block;width:70px;height:4px;background:var(--au);margin-top:.8rem;border-radius:4px}
.sb-rv{opacity:0;transform:translateY(46px);transition:opacity .9s ease,transform 1.1s var(--ease)}
.sb-rv.in{opacity:1;transform:none}
.sb-ft{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:960px){.sb-ft{grid-template-columns:repeat(2,1fr);gap:1rem}}
@media(max-width:560px){.sb-ft{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.sb-tile{position:relative;aspect-ratio:3/4;border-radius:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:1.2rem 1.2rem;color:#fff;text-decoration:none;transition:transform .5s var(--ease),box-shadow .5s var(--ease);border:3px solid rgba(255,255,255,.2);box-shadow:0 14px 34px rgba(36,11,11,.12)}
.sb-tile::before{content:"";position:absolute;inset:0;background:var(--t) center top/cover no-repeat;transition:transform 1s var(--ease)}
.sb-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,6,6,.45) 65%,rgba(16,4,4,.88) 100%);transition:background .4s var(--ease)}
.sb-tile:hover{transform:translateY(-10px);box-shadow:0 24px 50px rgba(36,11,11,.24);color:#fff;border-color:rgba(197,155,75,.6)}
.sb-tile:hover::before{transform:scale(1.08)}
.sb-tile:hover::after{background:linear-gradient(180deg,transparent 25%,rgba(184,38,37,.35) 60%,rgba(36,11,11,.92) 100%)}
.sb-tile span{position:relative;z-index:2;text-align:center;font:700 clamp(1.2rem,1.8vw,1.55rem)/1.25 var(--s);text-shadow:0 2px 10px rgba(0,0,0,.6);transition:transform .3s var(--ease)}
.sb-tile:hover span{transform:translateY(-2px)}
.sb-tile small{display:block;font:500 .84rem var(--b);opacity:.95;margin-top:.35rem;letter-spacing:.04em;color:rgba(255,255,255,.9);text-transform:uppercase}
.sb-pg{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
@media(max-width:1100px){.sb-pg{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.3rem}}
@media(max-width:640px){.sb-pg{grid-template-columns:repeat(2,1fr);gap:.85rem}}
@media(max-width:360px){.sb-pg{grid-template-columns:1fr}}
.sb-pc{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:18px;padding:.85rem;background:#fff;transition:transform .4s var(--ease),box-shadow .4s var(--ease);box-sizing:border-box}
.sb-pc:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(36,11,11,.08)}
.sb-im{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--p);border:1px solid var(--line)}
.sb-im img{width:100%;height:100%;object-fit:contain;object-position:center center!important;transition:transform .8s var(--ease)}
.sb-pc:hover .sb-im img{transform:scale(1.06)}
.sb-im::after{display:none!important}
.sb-pc:hover .sb-im::after{display:none!important}
.sb-pc h3{font:600 1.02rem/1.35 var(--b);color:var(--fg);margin:.8rem 0 .35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.sb-pc h3 a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
.sb-pc h3 a:hover{color:var(--g)}
.sb-pc .price{display:block;margin-bottom:.75rem;font-size:1.05rem}
.sb-pc .button,.sb-pc .added_to_cart{margin-top:auto!important;display:block;text-align:center;width:100%;box-sizing:border-box;padding:.75rem 1rem;font-size:.92rem}
.sb-prem{background:var(--g2);color:#F5F3EF;border-radius:36px;padding:4rem clamp(1.5rem,4vw,3.5rem)}
.sb-prem h2{color:#fff}.sb-prem .sb-pc{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.sb-prem .sb-pc:hover{background:rgba(255,255,255,.08);box-shadow:0 16px 36px rgba(0,0,0,.3)}.sb-prem .sb-pc h3{color:#F5F3EF}.sb-prem .sb-pc h3 a{color:#F5F3EF}.sb-prem .sb-pc h3 a:hover{color:var(--au)}.sb-prem .price,.sb-prem .woocommerce-Price-amount{color:var(--au)!important}.sb-prem .sb-pc .button{background:var(--au)!important;color:#fff!important}.sb-prem .sb-pc .button:hover{background:#b08639!important}
.sb-vl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
.sb-vl div{border-top:3px solid var(--au);padding-top:1.1rem}.sb-vl h3{font-size:1.6rem;margin:0 0 .4rem}.sb-vl p{color:var(--mut)}
.sb-wa{background:linear-gradient(120deg,var(--g),#781414);color:#fff;border-radius:36px;padding:3.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.sb-wa h2{color:#fff;max-width:16ch;margin:0;font-size:clamp(2rem,4vw,3rem)}.sb-wa .sb-btn{background:#fff;color:var(--g);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.sb-wa .sb-btn:hover{background:var(--card);color:var(--primary-dark);transform:translateY(-3px)}
.sb-foot{background:var(--g2);color:#E5E2DC;padding:3.5rem 0 1.5rem;margin-top:5rem}
.sb-fg{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}
.sb-foot h4{color:var(--au);font:600 .95rem var(--b);margin-bottom:.8rem}
.sb-foot ul{list-style:none;margin:0;padding:0}.sb-foot li{margin:.3rem 0;font-size:.93rem}.sb-foot a{color:#E5E2DC;transition:color .25s var(--ease)}
.sb-foot a:hover{color:var(--au)}
.sb-foot .sb-logo{color:#fff}
.sb-cp{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-top:1.2rem;text-align:center;font-size:.85rem;color:var(--neutral)}
@media(max-width:800px){.sb-fg{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.sb-rv{opacity:1;transform:none}}

@keyframes sbin{from{opacity:0;translate:0 140px;scale:.82}to{opacity:1;translate:0 0;scale:1}}
@keyframes sbfloat{0%,100%{translate:0 0}50%{translate:0 -16px}}
.sb-ar1{animation:sbin 1.3s var(--ease) 0s both,sbfloat 6s ease-in-out 1.4s infinite}
.sb-ar2{animation:sbin 1.3s var(--ease) .18s both,sbfloat 7.5s ease-in-out 1.6s infinite}
.sb-ar3{animation:sbin 1.3s var(--ease) .36s both,sbfloat 5.5s ease-in-out 1.8s infinite}
.sb-bd{animation:sbin 1s var(--ease) .7s both,sbfl 4s ease-in-out 1.8s infinite}

/* v1.0.2: spacing under the header + cleaner product pages */
.site-content{padding:3rem 0 4rem}
.home .site-content{padding:0}
.single-product div.product{margin-top:1rem}
.single-product div.product .woocommerce-product-gallery{border-radius:16px;overflow:hidden}
.single-product div.product .product_title{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1}
.woocommerce-breadcrumb{padding:0 0 1.2rem;margin:0;color:var(--mut);font-size:.9rem}
.woocommerce-tabs ul.tabs li.active a{color:var(--g)}

/* v1.0.3: safety net for full width and a clean single image */
body.single-product #secondary,body.woocommerce-cart #secondary,body.woocommerce-checkout #secondary,body.woocommerce-account #secondary,body.page:not(.home) #secondary{display:none}
body.single-product .content-area,body.woocommerce-cart .content-area,body.woocommerce-checkout .content-area,body.woocommerce-account .content-area,body.page:not(.home) .content-area{width:100%!important;float:none!important;margin:0!important}
.single-product div.product .woocommerce-product-gallery{opacity:1!important;overflow:hidden}

/* v1.0.4: size selector */
.variations{margin-bottom:1rem}
.variations th,.variations td{display:block;padding:0;text-align:left}
.variations label{font-weight:600;color:var(--g2)}
.variations select{border:1px solid var(--line);border-radius:99px;padding:.6rem 1.2rem;min-width:200px;background:#fff}
.reset_variations{color:var(--mut);font-size:.85rem}
.woocommerce-variation-price .price{font-size:1.4rem}

/* v1.0.6: size chips */
.sb-hide{position:absolute!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important}
.sb-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem}
.sb-chip{min-width:44px;min-height:38px;padding:.4rem .8rem;border:1.5px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:var(--fg)!important;font:600 .85rem var(--b);cursor:pointer;transition:all .3s var(--ease)}
.sb-chip:hover{border-color:var(--g)!important;transform:translateY(-2px)}
.sb-chip.on{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important}
.sb-chip:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed;transform:none}

/* v1.0.7: responsive layout */
body{overflow-x:hidden}
img{max-width:100%;height:auto}
.sb-burger,.sb-msearch,.sb-ml{display:none}
.sb-burger{place-items:center;width:44px;height:44px;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--fg)!important;font-size:1.25rem;cursor:pointer;padding:0}
@media(min-width:901px) and (max-width:1180px){
 #sbh nav ul{gap:clamp(0.5rem, 1vw, 1.1rem);font-size:.9rem}
 #sbh nav a{padding:.25rem 0}
 .sb-ac input[type=search]{width:clamp(115px, 9vw, 150px)}
 .sb-header-logo-img{height:60px;max-width:250px}
 .sb-hd{gap:.8rem}
}
@media(max-width:900px){
 .sb-burger{display:grid}
 #sbh nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(36,11,11,.1);padding:.6rem 1.25rem 1.4rem;max-height:calc(100vh - 75px);overflow-y:auto;-webkit-overflow-scrolling:touch}
 #sbh.sb-open nav{display:block}
 #sbh nav ul{flex-direction:column;align-items:stretch;gap:0}
 #sbh nav li a{display:flex;align-items:center;min-height:44px;padding:.75rem 0;font-size:1.05rem;border-bottom:1px solid var(--line)}
 #sbh nav li a::after{display:none}
 .sb-msearch{display:block;margin-top:1rem}
 .sb-msearch input[type=search]{width:100%;border:1px solid var(--line);border-radius:99px;padding:.75rem 1.1rem;background:#fff;font-size:1rem}
 .sb-msearch button{display:none}
 .sb-ml{display:block;padding:.85rem 0;font-weight:600}
 .sb-hero{padding:3.5rem 0 4rem}
 .sb-hg{gap:2.2rem}
}
@media(max-width:782px){.admin-bar #sbh{top:46px}}
@media(max-width:640px){
 .sb-ac a.sb-hm{display:none}
 .sb-ac{gap:.6rem}
 .sb-logo{font-size:1.1rem}.sb-logo b{width:40px;height:40px}.sb-logo small{font-size:.55rem}
 .sb-hd{gap:.6rem}
 .sb-cc{padding:.3rem .75rem;font-size:.9rem}
 .sb-hero{padding:2.5rem 0 3rem}
 .sb-hero h1{font-size:clamp(2.2rem,10vw,3rem)}
 .sb-cta{gap:.8rem}
 .sb-btn{padding:.95rem 1.6rem;text-align:center}
 .sb-cta .sb-btn{flex:1 1 100%}
 .sb-arches{height:min(86vw,380px)}
 .sb-bd{font-size:.85rem;padding:.5rem 1rem}
 .sb-sec{padding:3rem 0}
 #categories.sb-sec{padding:2rem 0 2.5rem}
 .sb-h2{margin-bottom:1.5rem}
 #categories .sb-h2{margin-bottom:1.2rem}
 .sb-ft{grid-template-columns:repeat(2,1fr);gap:.7rem}
 .sb-tile{padding:.9rem}.sb-tile span{font-size:1.1rem}
 .sb-pg{grid-template-columns:repeat(2,1fr);gap:1rem}
 .sb-pc h3{font-size:.95rem}
 .sb-pc .button{display:block;text-align:center;padding:.65rem .8rem;font-size:.85rem}
 .sb-prem{border-radius:24px;padding:2rem 1rem}
 .sb-wa{border-radius:24px;padding:2rem 1.5rem;flex-direction:column;align-items:flex-start}
 .sb-fg{grid-template-columns:1fr;gap:1.5rem}
 .single-product div.product .product_title{font-size:1.8rem}
 .single-product div.product form.cart .single_add_to_cart_button{width:100%}
}
@media(max-width:400px){
 .sb-w{width:min(1240px,calc(100% - 1.25rem))}
 .sb-header-logo-img{height:46px;max-width:190px}
 .sb-burger{width:40px;height:40px;font-size:1.15rem}
 .sb-cc{padding:.25rem .55rem;font-size:.8rem}
}
@media(max-width:340px){
 .sb-header-logo-img{height:40px;max-width:160px}
 .sb-burger{width:36px;height:36px}
 .sb-cc{padding:.2rem .45rem;font-size:.75rem}
}
@media(max-width:600px){.admin-bar #sbh{top:0}}
@media(hover:none){.sb-chip:hover,ul.products li.product:hover,.sb-tile:hover{transform:none}}

/* v1.0.8: tidy add-to-cart row */
.quantity .qty{background:#fff!important;border:1px solid var(--line)!important;border-radius:99px!important;height:48px;width:84px;text-align:center;padding:0 .5rem}
.woocommerce-variation-add-to-cart,form.cart:not(.variations_form){display:flex;gap:.8rem;align-items:stretch;flex-wrap:nowrap}
.woocommerce-variation-add-to-cart .single_add_to_cart_button,form.cart:not(.variations_form) .single_add_to_cart_button{flex:1 1 auto;margin:0;min-height:48px}
.woocommerce-variation-add-to-cart .quantity,form.cart:not(.variations_form) .quantity{margin:0}
.variations{margin-bottom:.4rem}
.single_variation_wrap{margin-top:.4rem}
.reset_variations[style*="hidden"]{display:none}
.reset_variations{display:inline-block;margin:.3rem 0 .6rem}
.woocommerce-variation-description:empty,.woocommerce-variation-availability:empty{display:none}
@media(max-width:640px){.single-product div.product form.cart .single_add_to_cart_button{width:auto}}

/* v1.0.9: align the add-to-cart row and the title on wide screens */
.woocommerce div.product form.cart div.quantity,.woocommerce div.product form.cart .quantity{float:none!important;margin:0!important}
.woocommerce div.product form.cart div.quantity .qty,.woocommerce .quantity .qty{width:84px!important;margin:0!important;float:none!important}
.woocommerce div.product form.cart .variations,.woocommerce div.product form.cart .woocommerce-variation-add-to-cart{margin-left:0!important;padding-left:0!important}
.woocommerce div.product form.cart .single_add_to_cart_button{float:none!important;margin:0!important}
.single-product div.product .summary{margin-top:0!important}
.single-product div.product .product_title{margin:0 0 .6rem!important;line-height:1.1}
.single-product div.product .woocommerce-product-gallery{margin-bottom:0!important}
.single-product div.product .summary form.cart{margin-bottom:1.2rem}

/* v1.0.10: stronger alignment rules for the cart row */
body.single-product form.cart .single_variation_wrap,body.single-product form.cart .woocommerce-variation-add-to-cart{margin:0!important;padding:0!important;width:100%;box-sizing:border-box}
body.single-product form.cart .woocommerce-variation-add-to-cart{display:flex!important;align-items:stretch;gap:.8rem}
body.single-product form.cart .quantity{margin:0!important;padding:0!important;flex:0 0 auto;width:auto!important}
body.single-product form.cart .quantity input.qty{width:84px!important;max-width:84px!important;min-width:0!important;height:48px!important;margin:0!important;box-shadow:none!important}
body.single-product form.cart .single_add_to_cart_button{flex:1 1 auto!important;width:auto!important;margin:0!important}
body.single-product div.product .entry-summary,body.single-product div.product .summary{padding-top:0!important}
body.single-product div.product .product_title{padding-top:0!important;margin-top:0!important}
/* Product cart row — identical control heights */
body.single-product form.cart .quantity,
body.single-product form.cart .quantity .qty,
body.single-product form.cart .single_add_to_cart_button {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
}

body.single-product form.cart .quantity {
    width: 84px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
}

body.single-product form.cart .quantity .qty {
    width: 84px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 48px !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

body.single-product form.cart .single_add_to_cart_button {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 48px !important;
}

body.single-product form.cart .quantity .qty::-webkit-inner-spin-button,
body.single-product form.cart .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ==========================================================
   v1.1.0: Categories dropdown
   ========================================================== */
#sbh nav li{position:relative}
#sbh nav li.sb-has-sub>a{display:inline-flex;align-items:center;gap:.45rem}
.sb-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease);flex:0 0 auto}
#sbh nav ul.sb-sub{display:block;position:absolute;left:50%;top:calc(100% + 16px);min-width:240px;margin:0;padding:.6rem;gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(36,11,11,.1);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .25s ease,transform .35s var(--ease),visibility .25s;z-index:60;text-align:left}
#sbh nav ul.sb-sub::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
#sbh nav .sb-sub li{margin:0}
#sbh nav .sb-sub a{display:block;padding:.6rem .9rem;border-radius:10px;white-space:nowrap}
#sbh nav .sb-sub a::after{display:none}
#sbh nav .sb-sub a:hover{background:var(--card);color:var(--g)}
@media(min-width:901px){
 #sbh nav li.sb-has-sub:hover>ul.sb-sub,#sbh nav li.sb-has-sub:focus-within>ul.sb-sub,#sbh nav li.sb-has-sub.sb-sub-open>ul.sb-sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
 #sbh nav li.sb-has-sub:hover>a .sb-caret,#sbh nav li.sb-has-sub.sb-sub-open>a .sb-caret{transform:rotate(-135deg) translateY(-1px)}
}
@media(max-width:900px){
 #sbh nav li.sb-has-sub>a{display:flex;justify-content:space-between;align-items:center}
 #sbh nav ul.sb-sub{position:static;display:none;opacity:1;visibility:visible;transform:none;min-width:0;padding:0 0 .3rem 1rem;border:0;border-radius:0;box-shadow:none;background:transparent}
 #sbh nav ul.sb-sub::before{display:none}
 #sbh nav li.sb-has-sub.sb-sub-open>ul.sb-sub{display:block}
 #sbh nav .sb-sub a{white-space:normal;font-size:1rem;padding:.7rem 0;border-radius:0}
 #sbh nav .sb-sub a:hover{background:none}
 #sbh nav li.sb-has-sub.sb-sub-open>a .sb-caret{transform:rotate(-135deg) translateY(-1px)}
}

/* ==========================================================
   v1.1.0: product Share button
   ========================================================== */
.sb-share{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:1.1rem 0 1.4rem}
.sb-share-l{font-weight:600;color:var(--g2);margin-right:.2rem}
.sb-sh{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:0 1rem;border:1.5px solid var(--line)!important;border-radius:99px!important;background:#fff!important;color:var(--fg)!important;font:600 .88rem var(--b);line-height:1;text-decoration:none;cursor:pointer;box-shadow:none!important;text-shadow:none!important;transition:border-color .3s,transform .3s var(--ease)}
.sb-sh svg{width:18px;height:18px;flex:0 0 auto}
.sb-sh:hover{border-color:var(--g)!important;transform:translateY(-2px)}
.sb-sh-wa{background:#0e7c6b!important;border-color:#0e7c6b!important;color:#fff!important}
.sb-sh-wa:hover{background:#0a6558!important;border-color:#0a6558!important}
.sb-sh[hidden]{display:none!important}
.sb-share-msg{font-size:.85rem;color:var(--g);min-height:1em}
@media(hover:none){.sb-sh:hover{transform:none}}

/* ==========================================================
   v1.1.0: content pages (About, Contact, policies)
   ========================================================== */
.sb-doc{max-width:860px;line-height:1.75;font-size:1.02rem}
.sb-doc.sb-wide{max-width:none}
.sb-doc .sb-lead{font-size:1.2rem;color:var(--mut);max-width:60ch}
.sb-doc.sb-wide .sb-lead,.sb-about-doc .sb-lead{max-width:100%!important;width:100%!important}
.sb-doc h2{font-size:clamp(1.45rem,2.6vw,1.9rem);margin:2.4rem 0 .7rem}
.sb-doc h2::after{content:"";display:block;width:56px;height:3px;background:var(--au);margin-top:.55rem;border-radius:3px}
.sb-doc ul{margin:0 0 1.2rem 1.3rem}
.sb-doc li{margin:.35rem 0}
.sb-doc .sb-vl{margin:1.4rem 0 .6rem}
.sb-doc.sb-wide .sb-vl{gap:1.2rem;margin:1.6rem 0 .6rem}
.sb-doc.sb-wide .sb-vl>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem 1.5rem;transition:transform .5s var(--ease),box-shadow .5s}
.sb-doc.sb-wide .sb-vl>div:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(36,11,11,.08)}
.sb-doc .sb-vl h3{margin:0 0 .5rem}
.sb-doc.sb-wide ul{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.sb-doc.sb-wide ul li{margin:0;padding:1.1rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:16px;font-weight:500}
.sb-doc.sb-wide ul li::before{content:"";display:block;width:28px;height:3px;background:var(--au);border-radius:3px;margin-bottom:.7rem}
@media(hover:none){.sb-doc.sb-wide .sb-vl>div:hover{transform:none;box-shadow:none}}
.sb-doc .sb-cta{margin-top:1.6rem}
.sb-todo{background:#fff1b8;color:#5a4300;padding:.05rem .4rem;border-radius:6px;font-weight:600}
button.sb-btn{cursor:pointer;font-family:var(--b)}
.sb-btn.sb-wabtn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#0e7c6b;color:#fff;box-shadow:0 4px 20px rgba(14,124,107,.25)}
.sb-btn.sb-wabtn:hover{background:#0a6558;color:#fff;box-shadow:0 12px 30px rgba(14,124,107,.4)}
.sb-wabtn svg{width:22px;height:22px;flex:0 0 auto}

/* v1.1.0: contact page */
.sb-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:2rem;align-items:start;margin-top:1.8rem}
.sb-ci,.sb-cf{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem}
.sb-ci h2,.sb-cf h2{font-size:1.6rem;margin:0 0 1.1rem}
.sb-cl{list-style:none;margin:0 0 1.5rem;padding:0}
.sb-cl li{margin:0 0 1.1rem}
.sb-cl b{display:block;font:600 .85rem var(--b);color:var(--mut);margin-bottom:.15rem}
.sb-cl span,.sb-cl a{font-size:1.05rem}
.sb-fld{margin:0 0 1.1rem}
.sb-cf label{display:block;font-weight:600;margin:0 0 .35rem;color:var(--g2)}
.sb-cf input[type=text],.sb-cf input[type=email],.sb-cf input[type=tel],.sb-cf textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;background:#fff;font:inherit;margin:0}
.sb-cf textarea{min-height:150px;resize:vertical}
.sb-cf input:focus,.sb-cf textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(184,38,37,.15)}
.sb-inv input,.sb-inv textarea{border-color:#b3261e!important}
.sb-err{color:#b3261e;font-size:.9rem;margin-top:.3rem}
.sb-note{padding:.9rem 1.1rem;border-radius:12px;margin:0 0 1.2rem}
.sb-note.ok{background:#e8f6ee;border:1px solid #bfe3cd;color:#14532d}
.sb-note.bad{background:#fdeceb;border:1px solid #f3c1bd;color:#8a1c14}
.sb-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.sb-map-box{box-shadow:0 4px 16px rgba(36,11,11,.04);transition:box-shadow .3s var(--ease)}
.sb-map-box:hover{box-shadow:0 8px 24px rgba(36,11,11,.08)}
.sb-map-wrap iframe{display:block;width:100%;border:0}
.sb-footer-biz strong{font-family:var(--b);font-weight:700}
.sb-footer-biz address{font-style:normal;margin:0 0 .8rem;line-height:1.6}
@media(max-width:800px){
 .sb-contact{grid-template-columns:1fr;gap:1.2rem}
 .sb-ci,.sb-cf{padding:1.4rem;border-radius:16px}
 .sb-cf .sb-btn{width:100%}
 .sb-map-box{padding:1rem}
}
@media(max-width:640px){.sb-doc .sb-cta .sb-btn{flex:1 1 100%}}

/* ==========================================================
   v1.1.0: product tabs and reviews layout
   Puts the tab panel under the product at full width (it was pushed
   to the right by the side-by-side tab layout) and tidies the review form.
   ========================================================== */
body.single-product div.product .woocommerce-tabs{clear:both;float:none!important;width:100%!important;max-width:100%!important;margin:3rem 0 0!important;padding:0!important}
body.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel{float:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2:first-child,
body.single-product #reviews .woocommerce-Reviews-title{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.2;margin:0 0 1rem;padding:0}
@media(min-width:768px){
 body.single-product div.product .woocommerce-tabs ul.tabs{display:flex!important;flex-wrap:wrap;gap:.6rem;float:none!important;width:100%!important;margin:0 0 1.6rem!important;padding:0!important;list-style:none!important;border:0!important;text-align:left}
 body.single-product div.product .woocommerce-tabs ul.tabs::before,body.single-product div.product .woocommerce-tabs ul.tabs::after{display:none!important}
 body.single-product div.product .woocommerce-tabs ul.tabs li{float:none!important;margin:0!important;padding:0!important;border:1.5px solid var(--line)!important;border-radius:99px!important;background:#fff!important;box-shadow:none!important}
 body.single-product div.product .woocommerce-tabs ul.tabs li::before,body.single-product div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
 body.single-product div.product .woocommerce-tabs ul.tabs li a{display:block!important;padding:.6rem 1.3rem!important;font-weight:600;color:var(--fg)}
 body.single-product div.product .woocommerce-tabs ul.tabs li a::after,body.single-product div.product .woocommerce-tabs ul.tabs li a::before{display:none!important}
 body.single-product div.product .woocommerce-tabs ul.tabs li.active{background:var(--g)!important;border-color:var(--g)!important}
 body.single-product div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
}
body.single-product #reviews{display:block;float:none!important;width:100%!important;margin:0!important;padding:0!important}
body.single-product #reviews #comments,
body.single-product #reviews #review_form_wrapper{float:none!important;clear:both;width:100%!important;max-width:100%!important;margin:0 0 2rem!important;padding:0!important}
body.single-product #reviews .woocommerce-noreviews{margin:0 0 1.2rem;padding:0;background:none;border:0;color:var(--mut)}
body.single-product #reviews ol.commentlist{list-style:none;margin:0 0 1.5rem;padding:0}
body.single-product #reviews ol.commentlist li{margin:0 0 1rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:#fff;list-style:none}
body.single-product #reviews ol.commentlist li .comment_container{display:flex;gap:1rem;align-items:flex-start}
body.single-product #reviews ol.commentlist li img.avatar{position:static!important;float:none!important;width:48px;height:48px;flex:0 0 48px;border-radius:50%;margin:0!important;padding:0!important}
body.single-product #reviews ol.commentlist li .comment-text{flex:1;min-width:0;margin:0!important;padding:0!important;border:0!important}
body.single-product #reviews .star-rating{float:none!important;margin:0 0 .4rem}
body.single-product #review_form #respond,body.single-product #review_form .comment-respond{margin:0;padding:1.4rem 1.5rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none}
body.single-product #review_form .comment-reply-title{display:block;font:600 1.3rem/1.2 var(--s);color:var(--g);margin:0 0 .9rem;padding:0}
body.single-product #review_form .comment-notes{margin:0 0 1rem;color:var(--mut);font-size:.92rem}
body.single-product #review_form .comment-form p{margin:0 0 1rem;padding:0}
body.single-product #review_form .comment-form label{display:block;margin:0 0 .35rem;font-weight:600;color:var(--g2)}
body.single-product #review_form .comment-form-rating{margin:0 0 1rem}
body.single-product #review_form p.stars{margin:.1rem 0 0;line-height:1;text-align:left}
body.single-product #review_form .comment-form textarea#comment,
body.single-product #review_form .comment-form input[type=text],
body.single-product #review_form .comment-form input[type=email]{width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;background:#fff;font:inherit}
body.single-product #review_form .comment-form textarea#comment{min-height:150px;height:auto;resize:vertical}
body.single-product #review_form .comment-form select#rating{border:1px solid var(--line);border-radius:99px;padding:.5rem 1rem;background:#fff}
body.single-product #review_form .comment-form-cookies-consent{display:flex;gap:.5rem;align-items:flex-start}
body.single-product #review_form .comment-form-cookies-consent label{margin:0;font-weight:400}
body.single-product #review_form .comment-form-cookies-consent input{margin:.3rem 0 0}
body.single-product #review_form .form-submit{margin:0}
body.single-product #review_form .form-submit input#submit{float:none;margin:0}
@media(max-width:640px){
 body.single-product #review_form #respond,body.single-product #review_form .comment-respond{padding:1.1rem}
 body.single-product #reviews ol.commentlist li{padding:1rem}
}

/* v1.1.1: keep every top-level menu item on the same line (the Categories arrow had shifted it down) */
@media(min-width:901px){
 #sbh nav>ul>li{display:flex;align-items:center}
 #sbh nav>ul>li>a{display:inline-flex;align-items:center;gap:.45rem}
}

/* v1.1.3: page header banner (About Us, Contact Us). Image = the page's Featured Image */
body.sb-has-banner .entry-header{display:none}
.sb-bn{position:relative;display:flex;align-items:flex-end;min-height:clamp(210px,21vw,260px);height:clamp(210px,21vw,260px);max-height:270px;margin:0 0 2.2rem;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,var(--g2),var(--g))}
.sb-bn-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top!important;margin:0;border-radius:0}
.sb-bn::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,11,11,.82) 0%,rgba(36,11,11,.4) 55%,rgba(36,11,11,.12) 100%)}
.sb-bn-in{position:relative;z-index:1;padding:clamp(1.2rem,3.2vw,2.2rem)}
.sb-bn .sb-bn-title{margin:0;color:#fff;font-size:clamp(1.8rem,3.8vw,2.7rem);line-height:1.15}
.sb-bn .sb-bn-title::after{content:"";display:block;width:65px;height:4px;background:var(--au);margin-top:.65rem;border-radius:4px}
@media(max-width:640px){.sb-bn{min-height:180px;height:180px;border-radius:20px;margin-bottom:1.6rem}.sb-bn-in{padding:1.2rem 1.4rem}.sb-bn .sb-bn-title{font-size:1.75rem}}

/* v1.2.0: homepage hero motion */
.sb-live .sb-ar{transition:none;will-change:transform}
.sb-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--cx,75%) var(--cy,35%),rgba(225,98,39,.18),transparent 65%);opacity:var(--so,0);transition:opacity .5s}
.sb-ar[style*="--ai"]{background:var(--ai) center/cover no-repeat}
.sb-wd{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .04em .14em;margin-bottom:-.14em}
.sb-wd>span{display:inline-block;transform:translateY(112%);transition:transform 1.05s var(--ease)}
.sb-split.in .sb-wd>span{transform:none;transition-delay:calc(var(--i)*75ms + 120ms)}

/* v1.2.1: policy pages */
.sb-doc .sb-meta{color:var(--mut);font-size:.9rem;margin:0 0 1.2rem}
.sb-doc ol{margin:0 0 1.2rem 1.3rem}
.sb-doc .sb-ct{margin:.4rem 0 0;padding:1.1rem 1.3rem;background:#fff;border:1px solid var(--line);border-radius:16px;line-height:1.8}


/* ===== v1.5.0 ===== */
/* fonts: Asul headings + Jost body */
body{font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.entry-title,.product_title,.woocommerce-loop-product__title,.sb-hero h1,.sb-h2 h2,.sb-logo,.sb-tile span,.sb-vl h3,.sb-wa h2,.sb-bn-title{font-weight:700;letter-spacing:-.01em}
.sb-hero h1{letter-spacing:-.025em}
.sb-hero h1 em,.sb-prem h2 em,.sb-ab-h em{font-style:italic;font-weight:400}
.sb-logo{letter-spacing:0}
#sbh nav a,.sb-ac,.sb-eb{font-weight:500}

/* About Us page (content lives in the page itself) */
.sb-doc h2.sb-ab-h{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;margin:.2rem 0 1rem}
.sb-ab-h em{color:var(--au)}
.sb-ab-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center;margin:2.6rem 0}
.sb-ab-img{aspect-ratio:3/4;border-radius:999px 999px 24px 24px;border:5px solid var(--bg);box-shadow:0 20px 50px rgba(36,11,11,.22);max-width:420px;width:100%;margin-inline:auto;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 9px),linear-gradient(170deg,#B82625,#5A1010)}
.sb-ab-img[style*="--ai"]{background:var(--ai) center/cover no-repeat}
.sb-ab-chip{display:inline-block;background:var(--card);border:1px solid var(--line);padding:.4rem 1.1rem;border-radius:99px;color:var(--g);font-weight:600;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}
.sb-ab-story h2{margin-top:1rem}
.sb-doc .sb-ab-ft{margin-top:1.4rem}
.sb-doc .sb-ab-ft .sb-tile,.sb-doc .sb-ab-ft .sb-tile:hover{color:#fff}
.sb-ab-call,.sb-wa{background:linear-gradient(120deg,var(--g),#781414);color:#fff;border-radius:36px;padding:3rem 3.5rem;display:flex;justify-content:space-between;align-items:center;gap:2.5rem;flex-wrap:wrap;margin:3rem 0 0;box-shadow:0 16px 40px rgba(36,11,11,.1)}
.sb-ab-call h2,.sb-ab-call h3,.sb-wa h2,.sb-wa h3{color:#fff;font-family:var(--s);font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15;margin:0 0 .65rem;max-width:20ch;font-weight:700}
.sb-ab-call p,.sb-wa p{color:#F5EBE6;font-family:var(--b);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.65;margin:0;max-width:48ch}
.sb-ab-call .sb-cta,.sb-wa .sb-cta,.sb-doc .sb-ab-call .sb-cta,.sb-doc .sb-wa .sb-cta{margin:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;row-gap:12px!important;min-width:220px!important;flex-shrink:0!important}
.sb-ab-call .sb-btn,.sb-wa .sb-btn,.sb-doc .sb-ab-call .sb-btn,.sb-doc .sb-wa .sb-btn{background:#fff!important;color:var(--g)!important;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:99px!important;font-weight:600!important;font-size:1rem!important;line-height:1.2!important;padding:.85rem 2.2rem!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;box-sizing:border-box!important;border:2px solid transparent!important;transition:all .35s var(--ease);text-decoration:none!important;margin:0!important}
.sb-ab-call .sb-btn:hover,.sb-wa .sb-btn:hover,.sb-doc .sb-ab-call .sb-btn:hover,.sb-doc .sb-wa .sb-btn:hover{background:var(--card)!important;color:var(--primary-dark)!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.sb-ab-call .sb-btn.o,.sb-wa .sb-btn.o,.sb-doc .sb-ab-call .sb-btn.o,.sb-doc .sb-wa .sb-btn.o{background:transparent!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important}
.sb-ab-call .sb-btn.o:hover,.sb-wa .sb-btn.o:hover,.sb-doc .sb-ab-call .sb-btn.o:hover,.sb-doc .sb-wa .sb-btn.o:hover{background:#fff!important;color:var(--g)!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.sb-ab-cc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem}
.sb-ab-cc>div{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.4rem 1.5rem}
.sb-ab-cc h3{font-size:1.25rem;margin:0 0 .35rem}
.sb-ab-cc p{margin:0}
.sb-ab-cc a{font-weight:600;color:var(--g)}
@media(max-width:860px){.sb-ab-story{grid-template-columns:1fr;gap:1.6rem}.sb-ab-call,.sb-wa{padding:2.4rem 2rem;border-radius:28px;gap:1.8rem}}
@media(max-width:640px){.sb-ab-call,.sb-wa{padding:2rem 1.4rem;border-radius:24px;flex-direction:column;align-items:flex-start;gap:1.5rem}.sb-ab-call .sb-cta,.sb-wa .sb-cta{width:100%!important;min-width:0!important;gap:12px!important;row-gap:12px!important}.sb-ab-call .sb-btn,.sb-wa .sb-btn{width:100%!important;margin:0!important}}

/* ==========================================================
   v1.8.0: About Us Page - Premium CBA (Consultation for Bridal Apparels)
   Follows reference design:
   - 3 clean white rounded cards side-by-side with rich crimson headers
   - Coordinated portrait couple photograph on the right
   - Matching Bridal Customization cards layout
   - Golden accent underlines and luxurious spacing
   - Fully responsive on desktop, tablet, and mobile
   ========================================================== */

/* Full-Width Intro & Content below Banner */
.sb-about-intro,
.sb-about-doc .sb-about-intro {
  width: 100% !important;
  max-width: 100% !important;
  margin: 1rem 0 2.2rem !important;
  display: block !important;
}

.sb-about-intro .sb-ab-h,
.sb-about-doc .sb-ab-h,
.sb-doc h2.sb-ab-h {
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem) !important;
  line-height: 1.12 !important;
  margin: 0.2rem 0 1.2rem !important;
}

.sb-about-doc .sb-lead,
.sb-doc.sb-wide .sb-lead,
.sb-about-intro .sb-lead {
  max-width: 100% !important;
  width: 100% !important;
  font-size: clamp(1.05rem, 1.2vw, 1.18rem) !important;
  line-height: 1.85 !important;
  color: var(--mut) !important;
  margin-bottom: 1.2rem !important;
  display: block !important;
}

/* Brand Motto Feature Card */
.sb-motto-card {
  background: linear-gradient(135deg, rgba(244, 239, 220, 0.45) 0%, rgba(255, 252, 243, 0.95) 100%);
  border: 1px solid var(--line);
  border-left: 4.5px solid var(--au);
  border-radius: 18px;
  padding: clamp(1.2rem, 2vw, 1.6rem) clamp(1.4rem, 2.5vw, 2.2rem);
  margin: 1.4rem 0 1rem;
  box-shadow: 0 8px 24px rgba(36, 11, 11, 0.035);
  position: relative;
}

.sb-motto-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--b);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--au);
  margin-bottom: 0.45rem;
}

.sb-motto-quote {
  font-family: var(--s);
  font-size: clamp(1.15rem, 1.4vw, 1.35rem);
  line-height: 1.55;
  color: var(--g);
  font-weight: 700;
  margin: 0;
}

.sb-motto-quote em {
  font-style: italic;
  font-weight: 400;
  color: var(--fg);
}

/* Section Headings with Gold Underline */
.sb-about-sec-head,
.sb-about-doc .sb-sec-header {
  margin: 3.2rem 0 1.4rem;
}

.sb-about-doc h2 {
  font-family: var(--s);
  color: var(--g);
  font-size: clamp(1.65rem, 2.8vw, 2.25rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 2rem 0 0.4rem;
  letter-spacing: -0.01em;
}

.sb-about-doc h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 3.5px;
  background: var(--au);
  margin-top: 0.65rem;
  border-radius: 3px;
}

.sb-sec-subtitle {
  font-family: var(--b);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  color: var(--mut);
  margin: 0.4rem 0 0 0;
  line-height: 1.6;
}

/* Our Story 2-Column Section & Value Pillars */
.sb-ab-story {
  display: grid !important;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
  gap: clamp(2rem, 3.5vw, 3.8rem) !important;
  align-items: center !important;
  margin: 2.5rem 0 3.2rem !important;
}

.sb-ab-media-wrap {
  width: 100%;
}

.sb-story-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin-top: 1.6rem;
  padding: 0;
  list-style: none;
}

.sb-story-feature {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 0.95rem 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  box-shadow: 0 4px 14px rgba(36, 11, 11, 0.03);
  transition: transform 0.3s var(--ease), border-color 0.3s;
}

.sb-story-feature:hover {
  transform: translateY(-3px);
  border-color: rgba(197, 155, 75, 0.5);
}

.sb-story-feature b {
  font-family: var(--s);
  color: var(--g);
  font-size: 0.96rem;
  line-height: 1.25;
}

.sb-story-feature span {
  font-family: var(--b);
  color: var(--mut);
  font-size: 0.82rem;
  line-height: 1.45;
}

/* Collections Section */
.sb-about-collections-sec {
  margin: 3.2rem 0;
}

/* CBA Section Wrapper & Grid */
.sb-about-cba-sec,
.sb-about-custom-sec {
  margin: 2rem 0 3.5rem;
}

.sb-ab-cba-grid,
.sb-about-cba-grid {
  display: block !important;
  margin: 1.6rem 0 2.5rem !important;
}

.sb-ab-cba-grid:has(.sb-cba-media-col),
.sb-about-cba-grid:has(.sb-cba-media-col) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.85fr) minmax(0, 1.05fr) !important;
  gap: clamp(1.4rem, 2.2vw, 2.4rem) !important;
  align-items: stretch !important;
}

/* 3 Cards Container */
.sb-cba-cards,
.sb-ab-cba-grid > .sb-vl,
.sb-about-cba-grid > .sb-vl {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: clamp(1rem, 1.5vw, 1.6rem) !important;
  align-items: stretch !important;
  height: 100% !important;
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
}

/* Individual Card Styling */
.sb-cba-card,
.sb-custom-card,
.sb-ab-cba-grid > .sb-vl > div,
.sb-about-cba-grid > .sb-vl > div,
.sb-ab-custom-grid > .sb-vl > div {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 20px !important;
  padding: clamp(1.6rem, 1.8vw, 2.2rem) clamp(1.1rem, 1.3vw, 1.45rem) !important;
  box-shadow: 0 4px 20px rgba(36, 11, 11, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
  box-sizing: border-box !important;
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), border-color 0.35s ease !important;
}

.sb-cba-card:hover,
.sb-custom-card:hover,
.sb-ab-cba-grid > .sb-vl > div:hover,
.sb-about-cba-grid > .sb-vl > div:hover,
.sb-ab-custom-grid > .sb-vl > div:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(36, 11, 11, 0.08) !important;
  border-color: rgba(197, 155, 75, 0.45) !important;
}

/* Card Icon Box */
.sb-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(244, 239, 220, 0.6) 0%, #ffffff 100%);
  border: 1px solid rgba(197, 155, 75, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--g);
  margin-bottom: 0.95rem;
  transition: transform 0.35s var(--ease), background 0.35s, color 0.35s;
}

.sb-cba-card:hover .sb-card-icon,
.sb-custom-card:hover .sb-card-icon {
  transform: scale(1.08) rotate(3deg);
  background: var(--g);
  color: #ffffff;
  border-color: var(--g);
}

.sb-card-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

/* Card Heading - Rich Crimson */
.sb-cba-card h3,
.sb-custom-card h3,
.sb-ab-cba-grid > .sb-vl > div h3,
.sb-about-cba-grid > .sb-vl > div h3,
.sb-ab-custom-grid > .sb-vl > div h3 {
  font-family: var(--s) !important;
  font-size: clamp(1.15rem, 1.35vw, 1.38rem) !important;
  font-weight: 700 !important;
  color: #8B1E2F !important;
  line-height: 1.25 !important;
  margin: 0 0 0.85rem 0 !important;
  letter-spacing: -0.01em !important;
}

/* Card Body - Muted Charcoal */
.sb-cba-card p,
.sb-custom-card p,
.sb-ab-cba-grid > .sb-vl > div p,
.sb-about-cba-grid > .sb-vl > div p,
.sb-ab-custom-grid > .sb-vl > div p {
  font-family: var(--b) !important;
  font-size: clamp(0.9rem, 0.95vw, 0.96rem) !important;
  color: var(--mut) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Card Feature Bullets */
.sb-card-features {
  list-style: none !important;
  margin: auto 0 0 0 !important;
  padding: 0.85rem 0 0 0 !important;
  border-top: 1px dashed var(--line);
  display: grid;
  gap: 0.4rem;
}

.sb-card-features li {
  font-size: 0.82rem;
  color: var(--fg);
  display: flex;
  align-items: center;
  gap: 0.45rem;
  line-height: 1.35;
  margin: 0 !important;
}

.sb-card-features li::before {
  content: "✦";
  color: var(--au);
  font-size: 0.65rem;
  flex-shrink: 0;
}

/* Optional Kicker / Badge */
.sb-card-kicker,
.sb-card-badge,
.sb-cba-card .sb-card-badge,
.sb-custom-card .sb-card-badge {
  display: inline-block !important;
  font-family: var(--b) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--au) !important;
  margin-bottom: 0.45rem !important;
}

/* CBA Media Column & Frame */
.sb-cba-media-col,
.sb-custom-media-col,
.sb-ab-cba-grid > .sb-cba-media,
.sb-about-cba-grid > .sb-cba-media {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.sb-cba-media,
.sb-custom-media,
.sb-heritage-media {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 14px 34px rgba(36, 11, 11, 0.09) !important;
  height: 100% !important;
  min-height: 420px !important;
  display: flex !important;
  flex-direction: column !important;
  background: #f0ebe1 !important;
  aspect-ratio: auto !important;
}

.sb-cba-media img,
.sb-custom-media img,
.sb-heritage-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform 0.65s var(--ease) !important;
}

.sb-cba-media:hover img,
.sb-custom-media:hover img,
.sb-heritage-media:hover img {
  transform: scale(1.03) !important;
}

/* Gradient Overlay & Badge on Image */
.sb-cba-media .sb-cba-media-label,
.sb-cba-media > div:not(img),
.sb-custom-media .sb-custom-media-label,
.sb-custom-media > div:not(img),
.sb-heritage-media .sb-heritage-media-label,
.sb-heritage-media > div:not(img) {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(to top, rgba(36, 11, 11, 0.88) 0%, rgba(36, 11, 11, 0.42) 55%, transparent 100%) !important;
  color: #ffffff !important;
  padding: 1.4rem 1.25rem 0.95rem !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  font-family: var(--b) !important;
  letter-spacing: 0.01em !important;
}

/* Bridal Customization Layout (2 cards + image) */
.sb-ab-custom-grid,
.sb-about-custom-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
  gap: clamp(1.4rem, 2.2vw, 2.4rem) !important;
  align-items: stretch !important;
  margin: 1.6rem 0 2.5rem !important;
}

.sb-custom-cards,
.sb-ab-custom-grid > .sb-vl,
.sb-about-custom-grid > .sb-vl {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: clamp(0.85rem, 1.3vw, 1.35rem) !important;
  align-items: stretch !important;
  height: 100% !important;
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
}

/* 6. Experience & Heritage Showcase Section */
.sb-about-heritage-sec {
  margin: 3rem 0 3.5rem;
}

.sb-heritage-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr);
  gap: clamp(1.6rem, 2.8vw, 2.8rem);
  align-items: stretch;
  margin: 1.8rem 0 2.5rem;
}

.sb-heritage-media-wrap {
  height: 100%;
}

.sb-heritage-media-wrap .sb-heritage-media {
  min-height: 100% !important;
}

.sb-heritage-content-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: clamp(1.8rem, 2.4vw, 2.4rem);
  box-shadow: 0 4px 20px rgba(36, 11, 11, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
}

.sb-heritage-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.85rem;
  margin: 1.2rem 0 1.4rem;
  padding: 1rem;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 16px;
}

.sb-heritage-stat {
  text-align: center;
}

.sb-heritage-stat b {
  display: block;
  font-family: var(--s);
  font-size: clamp(1.25rem, 1.5vw, 1.55rem);
  color: var(--g);
  line-height: 1.1;
  margin-bottom: 0.2rem;
}

.sb-heritage-stat span {
  font-family: var(--b);
  font-size: 0.76rem;
  color: var(--mut);
  line-height: 1.35;
  display: block;
  font-weight: 500;
}

.sb-heritage-location {
  background: #faf8f3;
  border-left: 3.5px solid var(--au);
  border-radius: 0 12px 12px 0;
  padding: 1rem 1.2rem;
  margin-top: auto;
}

.sb-heritage-location strong {
  display: block;
  color: var(--g);
  font-size: 0.92rem;
  margin-bottom: 0.25rem;
}

.sb-heritage-location p {
  font-size: 0.88rem !important;
  color: var(--mut) !important;
  margin: 0 !important;
  line-height: 1.55 !important;
}

/* Call to Action CTA buttons */
.sb-ab-call .sb-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.sb-ab-call .sb-btn svg {
  flex-shrink: 0;
}

/* Responsive Rules for CBA and Customization */
@media (max-width: 1100px) {
  .sb-ab-story {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .sb-ab-story .sb-ab-img {
    max-width: 380px !important;
  }
  .sb-ab-cba-grid,
  .sb-about-cba-grid,
  .sb-ab-custom-grid,
  .sb-about-custom-grid,
  .sb-heritage-showcase {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .sb-cba-cards,
  .sb-ab-cba-grid > .sb-vl,
  .sb-about-cba-grid > .sb-vl {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .sb-cba-media,
  .sb-custom-media,
  .sb-heritage-media {
    aspect-ratio: 16/10 !important;
    height: auto !important;
    max-height: 480px !important;
    width: 100% !important;
    min-height: 320px !important;
  }
}

@media (max-width: 860px) {
  .sb-cba-cards,
  .sb-ab-cba-grid > .sb-vl,
  .sb-about-cba-grid > .sb-vl {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 1.15rem !important;
  }
}

@media (max-width: 768px) {
  .sb-cba-cards,
  .sb-ab-cba-grid > .sb-vl,
  .sb-about-cba-grid > .sb-vl,
  .sb-custom-cards,
  .sb-ab-custom-grid > .sb-vl,
  .sb-about-custom-grid > .sb-vl,
  .sb-heritage-stats {
    grid-template-columns: 1fr !important;
    gap: 1.15rem !important;
  }
  .sb-heritage-stat {
    text-align: left;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.2rem 0;
  }
  .sb-heritage-stat b {
    margin-bottom: 0;
    min-width: 75px;
  }
  .sb-cba-card,
  .sb-custom-card,
  .sb-ab-cba-grid > .sb-vl > div,
  .sb-about-cba-grid > .sb-vl > div,
  .sb-ab-custom-grid > .sb-vl > div,
  .sb-heritage-content-card {
    padding: 1.6rem 1.3rem !important;
  }
  .sb-cba-media,
  .sb-custom-media,
  .sb-heritage-media {
    aspect-ratio: 4/3 !important;
    max-width: 100% !important;
    max-height: none !important;
  }
}




/* v1.4.0: real collection photography inside the existing animated arches */
.sb-ar{display:block;overflow:hidden;isolation:isolate;text-decoration:none;background:var(--bg)!important;}
.sb-ar-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top!important;display:block;border:0;border-radius:inherit;transition:transform .65s var(--ease),filter .65s var(--ease);z-index:0;}
.sb-ar1 .sb-ar-photo{object-position:center top!important;}
.sb-ar2 .sb-ar-photo{object-position:center top!important;}
.sb-ar3 .sb-ar-photo{object-position:center top!important;}
.sb-ar:hover .sb-ar-photo{transform:scale(1.045);filter:saturate(1.04);}
.sb-ar:focus-visible{outline:3px solid var(--au);outline-offset:5px;}
.sb-bd{white-space:nowrap;}
@media(max-width:640px){.sb-ar{border-width:4px}.sb-ar-photo{object-position:center top!important}.sb-bd{left:2%;bottom:0;}}
@media(prefers-reduced-motion:reduce){.sb-ar-photo{transition:none!important}}


/* v1.4.2: New Arrivals uses the same understated navigation styling as other links */
#sbh nav a.sb-nav-new{display:inline;align-items:initial;justify-content:initial;padding:.3rem 0;border-radius:0;background:transparent;color:var(--fg);font-weight:500;line-height:inherit;box-shadow:none;transition:color .25s var(--ease)}
#sbh nav a.sb-nav-new::after{display:block}
#sbh nav a.sb-nav-new:hover{background:transparent;color:var(--g);transform:none;box-shadow:none}
#new-arrivals{scroll-margin-top:110px}


/* v1.4.3: restore the approved tighter desktop homepage hero spacing */
@media (min-width: 1201px){ body.home .sb-hero{padding-top:3.5rem;padding-bottom:4rem;} }

/* v1.4.4: lift the fashion arches slightly on wide desktop screens */
@media (min-width: 1201px){
  body.home .sb-image-col{transform:translateY(-36px);}
}
@media (min-width:861px) and (max-width:1200px){
  body.home .sb-image-col{transform:translateY(-20px);}
}


/* Temporary password notice - balanced message and button */

/* WooCommerce store element styling for theme consistency */
.star-rating span,p.stars a{color:var(--au)!important}
.woocommerce-message{border-top-color:var(--g)!important}
.woocommerce-message::before{color:var(--g)!important}
.woocommerce-info{border-top-color:var(--au)!important}
.woocommerce-info::before{color:var(--au)!important}

/* Ambaraalayaa sections responsive styling */
@media(max-width:860px){
  .sb-intro-grid{grid-template-columns:1fr!important;gap:2rem!important;}
  .sb-exp-box{grid-template-columns:1fr!important;gap:1.5rem!important;}
}
@media(max-width:640px){
  .sb-cba-box,.sb-custom-box,.sb-exp-box,.sb-closing-box{padding:2rem 1.25rem!important;border-radius:20px!important;}
}

/* Ambaraalayaa logo styling */
.sb-header-logo-img{display:block;height:clamp(66px, 5.2vw, 80px);width:auto;max-width:320px;object-fit:contain;transition:transform .3s var(--ease);}
.sb-header-logo-img:hover{transform:scale(1.02);}
.sb-footer-logo-img{display:block;height:clamp(72px, 5.8vw, 90px);width:auto;max-width:320px;object-fit:contain;}
@media(max-width:640px){
  .sb-header-logo-img{height:54px;max-width:230px;}
  .sb-footer-logo-img{height:62px;max-width:230px;}
}

/* ==========================================================
   Ambaraalayaa UI/UX Polish: Shop, Archive, Cart, Checkout & Accessibility
   ========================================================== */

/* Universal accessible touch targets & focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--au);outline-offset:2px}

/* WooCommerce shop archive controls */
.woocommerce-products-header{margin-bottom:2rem}
.woocommerce-products-header .page-title{font-size:clamp(2rem,4vw,3rem);margin:0 0 .5rem}
.woocommerce-result-count{color:var(--mut);font-size:.92rem;margin:0 0 1.2rem}
.woocommerce-ordering{margin-bottom:1.5rem}
.woocommerce-ordering select{border:1px solid var(--line);border-radius:99px;padding:.55rem 1.4rem .55rem 1rem;background:#fff;font-family:var(--b);font-size:.92rem;color:var(--fg);cursor:pointer;outline:none;transition:border-color .3s,box-shadow .3s}
.woocommerce-ordering select:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(184,38,37,.15)}

/* Pagination */
nav.woocommerce-pagination{margin:3.5rem 0 2rem;text-align:center}
nav.woocommerce-pagination ul{display:inline-flex;gap:.45rem;border:none!important;padding:0;margin:0;list-style:none}
nav.woocommerce-pagination ul li{border:none!important;float:none!important;margin:0;padding:0}
nav.woocommerce-pagination ul li a,nav.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .85rem;border:1.5px solid var(--line);border-radius:99px;background:#fff;color:var(--fg);font-family:var(--b);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s var(--ease)}
nav.woocommerce-pagination ul li a:hover{border-color:var(--g);color:var(--g);transform:translateY(-2px)}
nav.woocommerce-pagination ul li span.current{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important}

/* Stock status indicators */
.stock.in-stock{background:#e8f6ee;color:#14532d;border-radius:99px;padding:.3rem .9rem;font-weight:600;display:inline-block;font-size:.85rem;border:1px solid #bfe3cd;margin-bottom:1rem}
.stock.out-of-stock{background:#fdeceb;color:#8a1c14;border-radius:99px;padding:.3rem .9rem;font-weight:600;display:inline-block;font-size:.85rem;border:1px solid #f3c1bd;margin-bottom:1rem}

/* Single product gallery thumbnails */
.single-product .woocommerce-product-gallery .flex-control-thumbs{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:1rem 0 0;list-style:none}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{margin:0;flex:0 0 calc(25% - .45rem)}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{border-radius:10px;border:1.5px solid var(--line);transition:border-color .3s,opacity .3s;cursor:pointer}
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover{border-color:var(--g);opacity:1}

/* Cart table and totals */
table.shop_table{border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden;background:#fff;border-collapse:separate!important;border-spacing:0;width:100%!important;margin-bottom:2.5rem!important}
table.shop_table th{background:var(--card);color:var(--g2);font-family:var(--s);font-weight:700;padding:1.1rem 1.25rem;border-bottom:1px solid var(--line);text-align:left}
table.shop_table td{padding:1.1rem 1.25rem;border-bottom:1px solid var(--line);vertical-align:middle}
table.shop_table tr:last-child td{border-bottom:none}
table.shop_table .product-name a{font-weight:600;color:var(--fg);text-decoration:none;transition:color .25s var(--ease)}
table.shop_table .product-name a:hover{color:var(--g)}
table.shop_table .product-thumbnail img{border-radius:10px;width:70px;height:auto;object-fit:cover}
table.shop_table td.actions{padding:1.5rem!important;background:#faf8f3}
table.shop_table td.actions .coupon{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
table.shop_table td.actions .coupon input.input-text{border:1px solid var(--line);border-radius:99px;padding:.65rem 1.25rem;min-width:180px;background:#fff}
.cart-collaterals .cart_totals{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem 2.2rem;box-shadow:0 12px 30px rgba(36,11,11,.05)}
.cart-collaterals .cart_totals h2{font-size:1.6rem;margin-top:0;margin-bottom:1.2rem;border-bottom:2px solid var(--au);padding-bottom:.6rem;display:inline-block}
.wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;padding:1.05rem 2rem!important;font-size:1.08rem!important;margin-top:1.2rem!important}

/* Checkout forms, review & payments */
.woocommerce-checkout .form-row{margin-bottom:1.2rem}
.woocommerce-checkout .form-row label{font-weight:600;margin-bottom:.4rem;display:block;color:var(--g2)}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;background:#fff;width:100%;box-sizing:border-box;font-family:var(--b);font-size:.95rem;transition:border-color .3s,box-shadow .3s}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(184,38,37,.15)}
#order_review{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem clamp(1.2rem,3vw,2.5rem);box-shadow:0 14px 34px rgba(36,11,11,.05)}
#order_review_heading{font-size:1.7rem;margin:2rem 0 1rem}
#payment{background:var(--card)!important;border-radius:16px!important;padding:1.4rem!important;border:1px solid var(--line)!important}
#payment ul.payment_methods{border-bottom:1px solid var(--line)!important;padding-bottom:1.2rem!important;list-style:none!important;margin:0 0 1.2rem!important;padding-left:0!important}
#payment div.payment_box{background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:1rem 1.2rem!important}
#place_order{width:100%!important;padding:1.1rem 2rem!important;font-size:1.1rem!important;margin-top:1rem!important}

/* Mobile & Touch Target Improvements */
.sb-foot li a{display:inline-block;padding:.2rem 0}
@media(max-width:768px){
 table.shop_table_responsive tr td{padding:.8rem .9rem!important}
 .cart-collaterals .cart_totals{padding:1.4rem 1.25rem}
 #order_review{padding:1.4rem 1.25rem}
}
/* ==========================================================
   Ambaraalayaa Assets Photography Layouts & Polish
   ========================================================== */
.sb-cba-grid, .sb-custom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: clamp(2rem, 3vw, 3.5rem);
  align-items: center;
}
.sb-cba-media, .sb-custom-media, .sb-heritage-media {
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.sb-cba-media:hover, .sb-custom-media:hover, .sb-heritage-media:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(36,11,11,.14)!important;
}
.sb-ab-cba-grid, .sb-ab-custom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: 2.2rem;
  align-items: center;
  margin: 1.4rem 0 2rem;
}
.sb-store-photo {
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
.sb-store-photo:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(36,11,11,.12)!important;
}
.sb-shop-bn, .sb-cat-bn {
  margin: 0 0 2.5rem;
}
.sb-shop-bn .sb-bn-img {
  object-position: center top !important;
}
.sb-cat-bn .sb-bn-img {
  object-position: center top !important;
}
body.sb-has-banner .sb-bn .sb-bn-img {
  object-position: center top !important;
}
body.page-slug-contact-us .sb-bn .sb-bn-img,
body.page-id-contact-us .sb-bn .sb-bn-img {
  object-position: center top !important;
}
.sb-ab-img[style*="--ai"] {
  background-position: center top !important;
}
.sb-ar1 .sb-ar-photo { object-position: center top !important; }
.sb-ar2 .sb-ar-photo { object-position: center top !important; }
.sb-ar3 .sb-ar-photo { object-position: center top !important; }

/* Hide redundant duplicate archive title when custom banner is rendered */
.sb-shop-bn ~ .woocommerce-products-header .page-title,
.sb-cat-bn ~ .woocommerce-products-header .page-title,
body.tax-product_cat .woocommerce-products-header .page-title,
body.post-type-archive-product .woocommerce-products-header .page-title {
  display: none!important;
}

@media(max-width:860px){
  .sb-cba-grid, .sb-custom-grid, .sb-ab-cba-grid, .sb-ab-custom-grid {
    grid-template-columns: 1fr!important;
    gap: 1.8rem!important;
  }
}

/* ==========================================================
   Categories Dropdown & Mega Menu Styling
   ========================================================== */
#sbh nav .sb-sub {
  display: block;
  position: absolute;
  left: 50%;
  top: calc(100% + 14px);
  min-width: 320px;
  max-width: min(92vw, 720px);
  margin: 0;
  padding: 1.2rem 1.4rem;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(36, 11, 11, .14);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  transition: opacity .25s ease, transform .35s var(--ease), visibility .25s;
  z-index: 60;
  text-align: left;
}
#sbh nav .sb-sub::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 20px;
}
@media(min-width: 901px) {
  #sbh nav li.sb-has-sub:hover > .sb-sub,
  #sbh nav li.sb-has-sub:focus-within > .sb-sub,
  #sbh nav li.sb-has-sub.sb-sub-open > .sb-sub {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }
  #sbh nav li.sb-has-sub:hover > a .sb-caret,
  #sbh nav li.sb-has-sub.sb-sub-open > a .sb-caret {
    transform: rotate(-135deg) translateY(-1px);
  }
}
.sb-cat-cols-2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: .35rem .75rem;
}
.sb-cat-cols-2 li { margin: 0; }
.sb-cat-cols-2 a {
  display: flex!important;
  justify-content: space-between;
  align-items: center;
  padding: .6rem .85rem!important;
  border-radius: 10px;
  color: var(--fg);
  font-weight: 500;
  font-size: .95rem;
  text-decoration: none;
  transition: all .25s var(--ease);
}
.sb-cat-cols-2 a:hover {
  background: var(--card)!important;
  color: var(--g)!important;
  transform: translateX(3px);
}
.sb-cat-cols-2 a::after { display: none!important; }

/* Hierarchical Mega Grid (When subcategories exist) */
.sb-mega-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.4rem;
  margin-bottom: .8rem;
}
.sb-mega-col {
  display: flex;
  flex-direction: column;
}
.sb-mega-parent-link {
  display: flex!important;
  justify-content: space-between;
  align-items: center;
  padding: .4rem 0 .55rem!important;
  border-bottom: 1.5px solid var(--line);
  color: var(--g2)!important;
  font-family: var(--s);
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: .4rem;
  transition: color .25s var(--ease);
}
.sb-mega-parent-link:hover {
  color: var(--g)!important;
}
.sb-mega-parent-link::after { display: none!important; }
.sb-mega-sub-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.sb-mega-sub-list li { margin: 0; }
.sb-mega-sub-link {
  display: flex!important;
  justify-content: space-between;
  align-items: center;
  padding: .4rem .6rem!important;
  border-radius: 8px;
  font-size: .9rem;
  color: var(--fg);
  text-decoration: none;
  transition: all .25s var(--ease);
}
.sb-mega-sub-link:hover {
  background: var(--card)!important;
  color: var(--g)!important;
  transform: translateX(3px);
}
.sb-mega-sub-link::after { display: none!important; }

.sb-cat-count {
  font-size: .8rem;
  color: var(--mut);
  font-weight: 400;
  margin-left: .4rem;
}

.sb-mega-foot {
  border-top: 1px solid var(--line);
  margin-top: .8rem;
  padding-top: .8rem;
  text-align: center;
}
.sb-mega-all-btn {
  display: inline-block!important;
  color: var(--g)!important;
  font-weight: 600;
  font-size: .9rem;
  padding: .45rem 1rem!important;
  border-radius: 99px;
  background: rgba(184, 38, 37, .06);
  text-decoration: none;
  transition: all .3s var(--ease);
}
.sb-mega-all-btn:hover {
  background: var(--g)!important;
  color: #fff!important;
}
.sb-mega-all-btn::after { display: none!important; }

/* Mobile Menu Accordion */
@media(max-width: 900px) {
  #sbh nav li.sb-has-sub > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #sbh nav .sb-sub {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    min-width: 0;
    max-width: none;
    padding: 0 0 .4rem 1rem;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  #sbh nav .sb-sub::before { display: none; }
  #sbh nav li.sb-has-sub.sb-sub-open > .sb-sub { display: block; }
  .sb-cat-cols-2 { grid-template-columns: 1fr; gap: .1rem; }
  .sb-mega-grid { grid-template-columns: 1fr; gap: 1rem; }
  #sbh nav .sb-sub a {
    white-space: normal;
    font-size: 1rem;
    min-height: 44px;
    padding: .65rem 0!important;
    border-radius: 0;
    border-bottom: 1px solid var(--line);
  }
  #sbh nav .sb-sub a:hover { background: none!important; transform: none!important; }
  #sbh nav li.sb-has-sub.sb-sub-open > a .sb-caret { transform: rotate(-135deg) translateY(-1px); }
  .sb-mega-foot { text-align: left; border-top: none; padding-top: .4rem; }
  .sb-mega-all-btn { background: transparent!important; padding: .65rem 0!important; border-radius: 0; }
}

/* ==========================================================
   v1.7.0: WooCommerce Shop Page Layout & Category Filter
   Centered Max-Width Container matching About Us reference,
   Aligned Banner & Product Section, Vertical Filter Alignment
   ========================================================== */

/* 1. Centered Two-Column Content Container (Matching About Us .sb-w width & margins) */
body.post-type-archive-product #content .col-full,
body.tax-product_cat #content .col-full,
body.tax-product_tag #content .col-full,
body.woocommerce-shop #content .col-full,
body.sb-shop-layout #content .col-full {
  max-width: min(1240px, calc(100% - 2.5rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: clamp(1.8rem, 2.5vw, 2.6rem) !important;
  align-items: start !important;
  float: none !important;
  clear: both !important;
}

/* Clearfix pseudo-elements suppression to prevent phantom grid cells */
body.post-type-archive-product #content .col-full::before,
body.post-type-archive-product #content .col-full::after,
body.tax-product_cat #content .col-full::before,
body.tax-product_cat #content .col-full::after,
body.woocommerce-shop #content .col-full::before,
body.woocommerce-shop #content .col-full::after,
body.sb-shop-layout #content .col-full::before,
body.sb-shop-layout #content .col-full::after {
  display: none !important;
}

/* 2. Column Overrides: Left Column (#primary) and Right Column (#secondary) */
body.post-type-archive-product #primary,
body.tax-product_cat #primary,
body.woocommerce-shop #primary,
body.sb-shop-layout #primary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  align-self: start !important;
}

body.post-type-archive-product #primary > #main,
body.tax-product_cat #primary > #main,
body.woocommerce-shop #primary > #main,
body.sb-shop-layout #primary > #main {
  margin: 0 !important;
  padding: 0 !important;
}

body.post-type-archive-product #secondary,
body.tax-product_cat #secondary,
body.woocommerce-shop #secondary,
body.sb-shop-layout #secondary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  align-self: start !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 96px !important;
  z-index: 10 !important;
}

/* 3. Shop & Category Banner Top Edge Alignment */
body.sb-shop-layout .sb-shop-bn,
body.sb-shop-layout .sb-cat-bn {
  margin: 0 0 1.8rem 0 !important;
  width: 100% !important;
}

/* 4. Sorting Header & Result Count */
body.sb-shop-layout .storefront-sorting {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.8rem 1.2rem !important;
  margin: 0 0 1.6rem 0 !important;
  padding: 0.85rem 1.1rem !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  clear: both !important;
}
body.sb-shop-layout .storefront-sorting::before,
body.sb-shop-layout .storefront-sorting::after {
  display: none !important;
}
body.sb-shop-layout .storefront-sorting .woocommerce-result-count {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mut) !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
}
body.sb-shop-layout .storefront-sorting .woocommerce-ordering {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.sb-shop-layout .storefront-sorting select.orderby {
  border: 1.5px solid var(--line) !important;
  border-radius: 99px !important;
  padding: 0.45rem 1.2rem !important;
  background-color: #fff !important;
  color: var(--fg) !important;
  font-family: var(--b) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: border-color .3s, box-shadow .3s !important;
}
body.sb-shop-layout .storefront-sorting select.orderby:focus {
  outline: none !important;
  border-color: var(--g) !important;
  box-shadow: 0 0 0 3px rgba(184, 38, 37, 0.15) !important;
}

/* 5. Product Grid (Aligned with Banner above it) */
body.sb-shop-layout ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  clear: both !important;
}

/* 6. Pagination */
body.sb-shop-layout .woocommerce-pagination {
  margin: 1.5rem 0 2.5rem 0 !important;
  padding: 0 !important;
  text-align: center !important;
  clear: both !important;
}
body.sb-shop-layout .woocommerce-pagination ul.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
body.sb-shop-layout .woocommerce-pagination ul.page-numbers li {
  margin: 0 !important;
  border: none !important;
  float: none !important;
}
body.sb-shop-layout .woocommerce-pagination ul.page-numbers li .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 0.75rem !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--line) !important;
  background: #fff !important;
  color: var(--fg) !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  text-decoration: none !important;
  transition: all 0.25s var(--ease) !important;
}
body.sb-shop-layout .woocommerce-pagination ul.page-numbers li .page-numbers:hover {
  background: var(--card) !important;
  border-color: var(--g) !important;
  color: var(--g) !important;
  transform: translateY(-2px) !important;
}
body.sb-shop-layout .woocommerce-pagination ul.page-numbers li span.current {
  background: var(--g) !important;
  border-color: var(--g) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(184, 38, 37, 0.28) !important;
}

/* 7. Shop by Category Filter Sidebar Card */
.sb-cat-filter-card {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  padding: 1.4rem 1.25rem !important;
  box-shadow: 0 10px 28px rgba(36, 11, 11, .05) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.sb-cat-filter-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 2px solid var(--au) !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
}
.sb-cat-filter-title {
  margin: 0 !important;
  font-family: var(--s) !important;
  font-size: 1.18rem !important;
  color: var(--g) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  line-height: 1.2 !important;
}
.sb-filter-icon {
  color: var(--au) !important;
  flex-shrink: 0 !important;
}
.sb-filter-reset {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--mut) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color .2s !important;
}
.sb-filter-reset:hover {
  color: var(--g) !important;
}
.sb-cat-filter-toggle {
  display: none !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.75rem 1rem !important;
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  font-family: var(--b) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--g) !important;
  cursor: pointer !important;
  margin-bottom: 0.5rem !important;
}
.sb-filter-caret {
  transition: transform 0.25s var(--ease) !important;
}
.sb-cat-filter-card.is-open .sb-filter-caret {
  transform: rotate(180deg) !important;
}
.sb-cat-filter-nav {
  display: block !important;
}
.sb-cat-filter-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}
.sb-filter-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.sb-filter-link {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: 10px !important;
  color: var(--fg) !important;
  text-decoration: none !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  border-left: 3px solid transparent !important;
  transition: all 0.22s var(--ease) !important;
}
.sb-filter-link:hover {
  background: var(--card) !important;
  color: var(--g) !important;
  transform: translateX(3px) !important;
}
.sb-filter-item.is-active > .sb-filter-link,
.sb-filter-item.current-cat > .sb-filter-link {
  background: rgba(184, 38, 37, 0.08) !important;
  color: var(--g) !important;
  font-weight: 700 !important;
  border-left: 3px solid var(--au) !important;
}
.sb-cat-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  color: var(--mut) !important;
  background: #f4efdc !important;
  border-radius: 99px !important;
  padding: 0.15rem 0.55rem !important;
  min-width: 24px !important;
  line-height: 1.2 !important;
  transition: all 0.22s var(--ease) !important;
}
.sb-filter-link:hover .sb-cat-badge {
  background: #e7dfc3 !important;
  color: var(--g) !important;
}
.sb-filter-item.is-active > .sb-filter-link .sb-cat-badge,
.sb-filter-item.current-cat > .sb-filter-link .sb-cat-badge {
  background: var(--g) !important;
  color: #fff !important;
}

/* Subcategory list styling */
.sb-filter-sub-list {
  list-style: none !important;
  margin: 0.2rem 0 0.35rem 0.75rem !important;
  padding: 0 0 0 0.6rem !important;
  border-left: 1.5px solid var(--line) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
}
.sb-filter-sub-item {
  margin: 0 !important;
  list-style: none !important;
}
.sb-filter-sub-link {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.35rem 0.6rem !important;
  border-radius: 8px !important;
  color: var(--mut) !important;
  text-decoration: none !important;
  font-size: 0.86rem !important;
  transition: all 0.2s var(--ease) !important;
}
.sb-filter-sub-link:hover {
  color: var(--g) !important;
  background: var(--card) !important;
}
.sb-filter-sub-item.is-active .sb-filter-sub-link,
.sb-filter-sub-item.current-cat .sb-filter-sub-link {
  color: var(--g) !important;
  font-weight: 600 !important;
  background: rgba(184, 38, 37, 0.08) !important;
}

/* Additional widget styling in sidebar */
.sb-sidebar-extra {
  margin-top: 1.5rem !important;
}

/* ==========================================================
   Responsive Breakpoints for Shop Page
   ========================================================== */

/* Tablet (769px to 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
  body.sb-shop-layout #content .col-full {
    grid-template-columns: minmax(0, 1fr) 240px !important;
    gap: 1.6rem !important;
  }
  body.sb-shop-layout ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }
}

/* Mobile (<= 768px): Vertical Stack in Logical Order: Banner -> Category Filter -> Products -> Pagination */
@media (max-width: 768px) {
  body.sb-shop-layout #content .col-full {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.2rem !important;
    width: min(1240px, calc(100% - 1.5rem)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }
  body.sb-shop-layout #primary,
  body.sb-shop-layout #primary > #main {
    display: contents !important;
  }
  body.sb-shop-layout .sb-shop-bn,
  body.sb-shop-layout .sb-cat-bn {
    order: 1 !important;
    margin-bottom: 0 !important;
  }
  body.sb-shop-layout #secondary {
    order: 2 !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.sb-shop-layout .woocommerce-products-header {
    order: 3 !important;
  }
  body.sb-shop-layout .storefront-sorting:first-of-type {
    order: 4 !important;
    margin-bottom: 1.2rem !important;
  }
  body.sb-shop-layout ul.products {
    order: 5 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.9rem !important;
    margin-bottom: 1.5rem !important;
  }
  body.sb-shop-layout ul.products li.product {
    padding: 0.75rem !important;
    border-radius: 14px !important;
  }
  body.sb-shop-layout ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.9rem !important;
    min-height: 2.6em !important;
    margin: 0.6rem 0 0.3rem !important;
  }
  body.sb-shop-layout ul.products li.product .price {
    font-size: 0.95rem !important;
    margin-bottom: 0.6rem !important;
  }
  body.sb-shop-layout ul.products li.product .button,
  body.sb-shop-layout ul.products li.product .added_to_cart {
    padding: 0.55rem 0.8rem !important;
    font-size: 0.8rem !important;
  }
  body.sb-shop-layout .storefront-sorting:last-of-type,
  body.sb-shop-layout .woocommerce-pagination {
    order: 6 !important;
    margin-bottom: 1.5rem !important;
  }

  /* Mobile Category Filter Navigation Accordion */
  .sb-cat-filter-card {
    padding: 1rem !important;
    border-radius: 16px !important;
  }
  .sb-cat-filter-head {
    margin-bottom: 0.6rem !important;
  }
  .sb-cat-filter-toggle {
    display: flex !important;
  }
  .sb-cat-filter-nav {
    display: none !important;
  }
  .sb-cat-filter-card.is-open .sb-cat-filter-nav {
    display: block !important;
    margin-top: 0.6rem !important;
  }
}


/* ==========================================================
   v1.8.0: Centered Banner, Left Search Bar & Right Category Filter
   ========================================================== */
.sb-shop-banner-w {
  width: min(1240px, calc(100% - 2.5rem)) !important;
  margin-inline: auto !important;
  padding: 0 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 2rem !important;
}
.sb-shop-banner-w .sb-shop-bn {
  margin: 0 !important;
  width: 100% !important;
}

/* Left Side Product Search Bar */
.sb-shop-search-bar {
  margin: 0 0 1.25rem 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.sb-shop-search-inner {
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  border: 1.5px solid var(--line) !important;
  border-radius: 99px !important;
  padding: 0.35rem 0.4rem 0.35rem 1.2rem !important;
  box-shadow: 0 4px 16px rgba(36, 11, 11, 0.04) !important;
  transition: border-color 0.25s, box-shadow 0.25s !important;
}
.sb-shop-search-inner:focus-within {
  border-color: var(--g) !important;
  box-shadow: 0 0 0 3px rgba(184, 38, 37, 0.12) !important;
}
.sb-shop-search-icon {
  display: flex !important;
  align-items: center !important;
  color: var(--mut) !important;
  margin-right: 0.65rem !important;
  flex-shrink: 0 !important;
}
.sb-shop-search-input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0.4rem 0 !important;
  font-family: var(--b) !important;
  font-size: 0.95rem !important;
  color: var(--fg) !important;
  min-width: 0 !important;
}
.sb-shop-search-input::placeholder {
  color: var(--mut) !important;
  font-weight: 400 !important;
}
.sb-shop-search-btn {
  background: var(--g) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 99px !important;
  padding: 0.55rem 1.4rem !important;
  font-family: var(--b) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ease) !important;
  flex-shrink: 0 !important;
}
.sb-shop-search-btn:hover {
  background: var(--primary-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(184, 38, 37, 0.25) !important;
}

/* Hide duplicate category widgets if active in sidebar */
.sb-shop-sidebar .widget_product_categories,
.sb-shop-sidebar .widget_layered_nav,
.sb-shop-sidebar .sb-sidebar-extra,
.sb-shop-sidebar ul.product-categories {
  display: none !important;
}


@media (max-width: 768px) {
  body.sb-shop-layout .sb-shop-banner-w {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    width: min(1240px, calc(100% - 1.5rem)) !important;
  }
  body.sb-shop-layout .sb-shop-search-bar {
    order: 1 !important;
    margin-bottom: 0.8rem !important;
  }
}


/* ==========================================================
   v1.8.1: Suppress Extra Filters (Search bar & Bottom Category Widget)
   ========================================================== */
.sb-shop-search-bar,
.widget_product_categories,
.widget_layered_nav,
.sb-sidebar-extra,
#secondary:not(.sb-shop-sidebar),
.col-full > #secondary:nth-of-type(n+2),
.site-main #secondary,
.site-content > #secondary {
  display: none !important;
}

/* Remove duplicate ordering dropdown at the bottom of product loop */
body.sb-shop-layout .storefront-sorting:last-of-type .woocommerce-ordering,
body.sb-shop-layout .storefront-sorting:last-of-type .woocommerce-result-count {
  display: none !important;
}
body.sb-shop-layout .storefront-sorting:last-of-type {
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 2rem 0 !important;
}


/* ==========================================================
   v1.8.2: Unified 1240px Container Across All Pages & Visibility Fix
   ========================================================== */
/* Ensure all content is visible and never hidden by animation classes */
.sb-rv {
  opacity: 1 !important;
  transform: none !important;
}
.sb-wd > span {
  transform: none !important;
}

/* Unified 1240px Container across ALL pages: Home, Shop, About, Contact, Policies, Cart, Checkout */
.col-full,
.sb-w,
.site-content > .col-full,
#content > .col-full,
body #content .col-full,
body.page #content .col-full,
body.single #content .col-full,
body.woocommerce #content .col-full,
body:not(.home) #content .col-full,
.sb-doc,
.sb-doc.sb-wide {
  width: min(1240px, calc(100% - 2.5rem)) !important;
  max-width: min(1240px, calc(100% - 2.5rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Home page full-width sections maintain background while inner content follows 1240px */
body.home .col-full {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.home .sb-w {
  width: min(1240px, calc(100% - 2.5rem)) !important;
  max-width: min(1240px, calc(100% - 2.5rem)) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Mobile responsive container width */
@media (max-width: 768px) {
  .col-full,
  .sb-w,
  .site-content > .col-full,
  #content > .col-full,
  body #content .col-full,
  body.page #content .col-full,
  body.home .sb-w,
  .sb-doc,
  .sb-doc.sb-wide {
    width: min(1240px, calc(100% - 1.5rem)) !important;
    max-width: min(1240px, calc(100% - 1.5rem)) !important;
  }
}

/* ==========================================================
   Image Frame Design: Cover & User Image Fit (v1.7.2)
   Enforces proper object-fit: cover, frame overflow containment,
   and responsive framing so all user-uploaded images fit gracefully.
   ========================================================== */

/* Universal Top-Center Alignment for All Frame-Based Images */
.sb-im img,
.sb-ar-photo,
.sb-tile img,
.sb-cba-media img,
.sb-custom-media img,
.sb-heritage-media img,
.sb-bn-img,
.sb-shop-bn .sb-bn-img,
.sb-cat-bn .sb-bn-img,
.sb-ab-img img,
.sb-store-photo img,
ul.products li.product img,
ul.products li.product .sb-im img,
ul.products li.product > a:first-child:not(.button) img,
.single-product div.product .woocommerce-product-gallery__image a img,
.single-product div.product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
table.shop_table .product-thumbnail img,
.wc-block-components-order-summary-item__image {
  object-position: center top !important;
}

/* 1. Hero Arches Frame */
.sb-ar {
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 999px 999px 18px 18px !important;
}
.sb-ar-photo {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}
.sb-ar1 .sb-ar-photo { object-position: center top !important; }
.sb-ar2 .sb-ar-photo { object-position: center top !important; }
.sb-ar3 .sb-ar-photo { object-position: center top !important; }

@media (max-width: 640px) {
  .sb-ar-photo,
  .sb-ar1 .sb-ar-photo,
  .sb-ar2 .sb-ar-photo,
  .sb-ar3 .sb-ar-photo { object-position: center top !important; }
}

/* 2. Featured Category Arch Tiles Frame */
.sb-tile {
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 0 !important;
}
.sb-tile::before {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}
.sb-tile img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}

/* 3. Product Cards Frame (Homepage & Shop Archive - Unified Luxury Boutique Design) */
.sb-pc,
ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border: 1px solid rgba(229, 226, 219, 0.9) !important;
  border-radius: 20px !important;
  padding: .9rem !important;
  background: #ffffff !important;
  box-shadow: 0 4px 18px rgba(36, 11, 11, 0.04) !important;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease) !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  position: relative !important;
  overflow: visible !important;
}

.sb-pc:hover,
ul.products li.product:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(197, 155, 75, 0.45) !important;
  box-shadow: 0 18px 40px rgba(36, 11, 11, 0.1), 0 2px 10px rgba(197, 155, 75, 0.12) !important;
}

/* Luxury 3:4 Image Frame */
.sb-im,
ul.products li.product .sb-im,
ul.products li.product > a:first-child:not(.button) {
  position: relative !important;
  display: block !important;
  aspect-ratio: 3/4 !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--p, #f7f5f0) !important;
  border: 1px solid rgba(229, 226, 219, 0.7) !important;
  isolation: isolate;
  box-sizing: border-box !important;
}

.sb-im img,
.sb-im a img,
ul.products li.product .sb-im img,
ul.products li.product > a:first-child:not(.button) img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3/4 !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 14px !important;
  transition: transform .75s cubic-bezier(0.16, 1, 0.3, 1), filter .75s var(--ease) !important;
}

.sb-pc:hover .sb-im img,
ul.products li.product:hover .sb-im img,
ul.products li.product:hover > a:first-child:not(.button) img {
  transform: scale(1.05) !important;
  filter: brightness(0.98) !important;
}

/* Golden Zari Inset Frame — disabled for clean card redesign */
.sb-im::after,
ul.products li.product .sb-im::after,
ul.products li.product > a:first-child:not(.button)::after {
  display: none !important;
}

.sb-pc:hover .sb-im::after,
ul.products li.product:hover .sb-im::after,
ul.products li.product:hover > a:first-child:not(.button)::after {
  display: none !important;
}

/* Card Container (Image 1 Clean Luxury Border & Framing) */
.sb-pc,
ul.products li.product {
  background: #ffffff !important;
  border: 1px solid rgba(229, 226, 219, 0.85) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), border-color 0.4s var(--ease) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.sb-pc:hover,
ul.products li.product:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(197, 155, 75, 0.45) !important;
  box-shadow: 0 16px 36px rgba(36, 11, 11, 0.08), 0 2px 8px rgba(197, 155, 75, 0.1) !important;
}

/* Image Wrap & Floating Action Stack (Image 1) */
.sb-im-wrap {
  position: relative !important;
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--p, #f7f5f0) !important;
}

.sb-card-actions {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

.sb-act-btn {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2b2b2b !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.sb-act-btn svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  transition: transform 0.25s var(--ease), stroke 0.25s var(--ease), fill 0.25s var(--ease) !important;
}

.sb-act-btn:hover {
  background: #B82625 !important;
  color: #ffffff !important;
  border-color: #B82625 !important;
  transform: translateY(-2px) scale(1.08) !important;
  box-shadow: 0 6px 16px rgba(184, 38, 37, 0.32) !important;
}

.sb-act-btn:hover svg {
  stroke: #ffffff !important;
}

/* Active Wishlist State (Heart filled crimson with pop animation) */
.sb-act-wishlist.is-active {
  background: #ffffff !important;
  border-color: #B82625 !important;
  color: #B82625 !important;
}

.sb-act-wishlist.is-active svg {
  fill: #B82625 !important;
  stroke: #B82625 !important;
  animation: sbHeartPop 0.45s cubic-bezier(0.17, 0.89, 0.32, 1.49) !important;
}

@keyframes sbHeartPop {
  0% { transform: scale(1); }
  50% { transform: scale(1.35); }
  100% { transform: scale(1); }
}

/* Product Info Below Image */
.sb-card-info {
  padding: 14px 6px 8px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-grow: 1 !important;
}

.sb-pc h2.woocommerce-loop-product__title,
.sb-pc h3,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
  font-family: var(--b), sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #222224 !important;
  margin: 0 0 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: left !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

.sb-pc h2.woocommerce-loop-product__title a,
.sb-pc h3 a,
ul.products li.product .woocommerce-loop-product__title a,
ul.products li.product h2 a,
ul.products li.product h3 a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.25s var(--ease) !important;
}

.sb-pc h2.woocommerce-loop-product__title a:hover,
.sb-pc h3 a:hover,
ul.products li.product .woocommerce-loop-product__title a:hover,
ul.products li.product h2 a:hover,
ul.products li.product h3 a:hover {
  color: var(--g) !important;
}

/* Centered Prices (Image 1) */
.sb-pc .price,
ul.products li.product .price,
.woocommerce-Price-amount {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--au, #C59B4B) !important;
  line-height: 1.2 !important;
}

.sb-pc .price del,
ul.products li.product .price del {
  order: 2 !important;
  color: var(--neutral) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  opacity: 0.7 !important;
}

.sb-pc .price ins,
ul.products li.product .price ins {
  order: 1 !important;
  color: var(--au, #C59B4B) !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Hide Default Bulky Bottom Buttons inside Loop Cards (Action buttons are now in .sb-card-actions) */
.sb-pc > a.button:not(.sb-act-btn):not(.sb-card-atc-btn),
.sb-pc > button.button:not(.sb-act-btn):not(.sb-card-atc-btn),
ul.products li.product > a.button:not(.sb-act-btn):not(.sb-card-atc-btn),
ul.products li.product > button.button:not(.sb-act-btn):not(.sb-card-atc-btn) {
  display: none !important;
}

/* Full-Width Gold Add to Cart Button */
.sb-card-atc-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 11px 16px !important;
  background: var(--au, #C59B4B) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: var(--b), sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.3s var(--ease), transform 0.2s var(--ease), box-shadow 0.3s var(--ease) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
}
.sb-card-atc-btn:hover,
.sb-card-atc-btn:focus {
  background: #b8893f !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(197, 155, 75, 0.35) !important;
  text-decoration: none !important;
}
.sb-card-atc-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(197, 155, 75, 0.25) !important;
}
.sb-card-atc-btn svg {
  flex-shrink: 0 !important;
  stroke: #fff !important;
}
.sb-card-atc-btn.loading::after {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: sb-btn-spin 0.6s linear infinite !important;
}
@keyframes sb-btn-spin {
  to { transform: rotate(360deg); }
}

/* Hide WooCommerce "View Cart" link injected after AJAX add-to-cart */
.sb-pc .added_to_cart.wc-forward,
ul.products li.product .added_to_cart.wc-forward,
.sb-pc a.added_to_cart,
ul.products li.product a.added_to_cart {
  display: none !important;
}

/* Card container layout for bottom button */
.sb-pc,
ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
}
.sb-card-info {
  flex: 1 0 auto !important;
}

/* Quick View Modal Styles (Image 2) */
.sb-qv-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s !important;
}

.sb-qv-modal.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.sb-qv-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(18, 12, 12, 0.68) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.sb-qv-container {
  position: relative !important;
  width: calc(100% - 36px) !important;
  max-width: 880px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3) !important;
  z-index: 2 !important;
  transform: scale(0.95) translateY(12px) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  scrollbar-width: thin;
}

.sb-qv-modal.is-open .sb-qv-container {
  transform: scale(1) translateY(0) !important;
}

.sb-qv-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: background 0.2s, transform 0.2s !important;
}

.sb-qv-close:hover {
  background: #B82625 !important;
  transform: scale(1.08) !important;
}

.sb-qv-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.25fr) !important;
  gap: 32px !important;
  padding: 32px !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .sb-qv-body {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 22px 18px !important;
  }
}

/* Quick View Left Column (Gallery) */
.sb-qv-gallery-col {
  display: flex !important;
  flex-direction: column !important;
}

.sb-qv-main-frame {
  width: 100% !important;
  aspect-ratio: 3/4 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fbf9f4 !important;
  border: 1px solid #ebe7df !important;
  margin-bottom: 12px !important;
}

.sb-qv-main-frame img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3/4 !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  transition: opacity 0.25s ease !important;
}

.sb-qv-thumbs {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding-bottom: 4px !important;
}

.sb-qv-thumb {
  width: 60px !important;
  height: 60px !important;
  aspect-ratio: 1/1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  background: #fbf9f4 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: border-color 0.2s, transform 0.2s !important;
  flex-shrink: 0 !important;
}

.sb-qv-thumb.is-active {
  border-color: #1a1a1a !important;
}

.sb-qv-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

/* Quick View Right Column (Info & Actions) */
.sb-qv-info-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.sb-qv-title {
  font-family: var(--s), 'Asul', Georgia, serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}

.sb-qv-desc {
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  color: #55585b !important;
  margin-bottom: 16px !important;
}

.sb-qv-price-wrap {
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.sb-qv-price-wrap del {
  color: #8c8f94 !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

.sb-qv-price-wrap ins {
  text-decoration: none !important;
  color: #1a1a1a !important;
}

.sb-qv-urgency {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.86rem !important;
  color: #6a6a6a !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
}

.sb-qv-badge {
  background: #fdf3f2 !important;
  color: #B82625 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(184, 38, 37, 0.2) !important;
}

/* Stepper */
.sb-qv-qty-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.sb-qv-label {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #333333 !important;
  margin: 0 !important;
}

.sb-qv-stepper {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.sb-qv-qty-btn {
  width: 36px !important;
  height: 36px !important;
  border: none !important;
  background: #fafafa !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: #333333 !important;
  transition: background 0.2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.sb-qv-qty-btn:hover {
  background: #eee !important;
}

.sb-qv-qty-input {
  width: 46px !important;
  height: 36px !important;
  border: none !important;
  border-left: 1px solid #dcdcdc !important;
  border-right: 1px solid #dcdcdc !important;
  text-align: center !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  padding: 0 !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.sb-qv-qty-input::-webkit-outer-spin-button,
.sb-qv-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Meta Links */
.sb-qv-meta-links {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
}

.sb-qv-meta-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #333333 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.sb-qv-meta-link:hover {
  color: #B82625 !important;
}

/* Actions Row: ADD TO CART + Wishlist Heart Button (Image 2) */
.sb-qv-actions-row {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}

.sb-qv-btn-cart {
  flex: 1 !important;
  height: 48px !important;
  background: #222224 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: var(--b), sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.sb-qv-btn-cart:hover {
  background: #B82625 !important;
  box-shadow: 0 6px 18px rgba(184, 38, 37, 0.3) !important;
}

.sb-qv-btn-wish {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #444444 !important;
  transition: all 0.25s !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.sb-qv-btn-wish svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  transition: all 0.2s !important;
}

.sb-qv-btn-wish:hover {
  border-color: #B82625 !important;
  color: #B82625 !important;
}

.sb-qv-btn-wish.is-active {
  border-color: #B82625 !important;
  color: #B82625 !important;
  background: #fff8f8 !important;
}

.sb-qv-btn-wish.is-active svg {
  fill: #B82625 !important;
  stroke: #B82625 !important;
  animation: sbHeartPop 0.45s cubic-bezier(0.17, 0.89, 0.32, 1.49) !important;
}

/* Terms Checkbox */
.sb-qv-terms {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.86rem !important;
  color: #666666 !important;
  margin-bottom: 14px !important;
  cursor: pointer !important;
}

.sb-qv-terms input {
  accent-color: #222224 !important;
  cursor: pointer !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

.sb-qv-terms a {
  color: #222224 !important;
  text-decoration: underline !important;
}

/* BUY IT NOW Button (Image 2) */
.sb-qv-btn-buy {
  width: 100% !important;
  height: 46px !important;
  background: #ffffff !important;
  color: #333335 !important;
  border: 1.5px solid #d5d3ce !important;
  border-radius: 4px !important;
  font-family: var(--b), sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
}

.sb-qv-btn-buy:hover {
  border-color: #222224 !important;
  background: #fbfaf7 !important;
  color: #000000 !important;
}

/* Toast Notification */
.sb-toast {
  position: fixed !important;
  bottom: 28px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(30px) !important;
  background: rgba(34, 34, 36, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 99px !important;
  font-family: var(--b), sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25) !important;
  z-index: 10000000 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sb-toast.is-show {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
}

/* Modal Open Body Lock */
body.sb-modal-open {
  overflow: hidden !important;
}

/* Sale badge on all product cards (Gleaming Gold Pill) */
.sb-pc .onsale,
ul.products li.product .onsale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  background: linear-gradient(135deg, #D4AF37 0%, #AA771C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 4px 12px rgba(170, 119, 28, 0.32) !important;
  color: #fff !important;
  border-radius: 99px !important;
  font-weight: 700 !important;
  font-size: .72rem !important;
  padding: .35rem .85rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
  line-height: 1 !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

/* 4. Single Product Gallery Frame & Thumbnails */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .woocommerce-product-gallery__wrapper,
.single-product div.product .woocommerce-product-gallery__image {
  border-radius: 18px !important;
  overflow: hidden !important;
  isolation: isolate;
}
.single-product div.product .woocommerce-product-gallery__image a,
.single-product div.product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3/4 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 18px !important;
  display: block;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  border-radius: 10px !important;
  overflow: hidden !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 10px !important;
  display: block;
}

/* 5. Consultation & Media Frames */
.sb-cba-media,
.sb-custom-media,
.sb-heritage-media {
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 20px !important;
}
.sb-cba-media img,
.sb-custom-media img,
.sb-heritage-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}

/* 6. Page Banners Frame */
.sb-bn,
.sb-shop-bn,
.sb-cat-bn {
  overflow: hidden !important;
  isolation: isolate;
}
.sb-bn-img,
.sb-shop-bn .sb-bn-img,
.sb-cat-bn .sb-bn-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}

/* 7. About Arch & Store Photo Frames */
.sb-ab-img {
  overflow: hidden !important;
  isolation: isolate;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}
.sb-ab-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}
.sb-store-photo {
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 18px !important;
}
.sb-store-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}

/* 8. Cart Table & Checkout Thumbnail Frames */
table.shop_table .product-thumbnail {
  overflow: hidden;
}
table.shop_table .product-thumbnail a {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}
table.shop_table .product-thumbnail img,
.wc-block-components-order-summary-item__image {
  width: 70px !important;
  height: 93px !important;
  aspect-ratio: 3/4 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 10px !important;
  display: block;
}

/* ==========================================================
   v1.8.2: Contact Us Page - Two-Card Modern Design
   Matches client visual specification:
   - Emerald silk saree banner with Jasmine Kalash still life
   - Clean lead subtitle directly below banner
   - Two white rounded cards side-by-side with warm subtle borders
   - Left Card: "Contact details" with Asul emerald serif header,
     Visit us, Call or WhatsApp, Email, and green Chat on WhatsApp pill
   - Right Card: "Send us a message" with Name, Email, Phone, Message
     and vibrant green pill submit button
   - Fully responsive layout for desktop, tablet, and mobile
   ========================================================== */

.sb-contact-intro,
.sb-contact-doc .sb-contact-intro {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.5rem 0 2rem !important;
  display: block !important;
}

.sb-contact-intro .sb-lead,
.sb-contact-doc .sb-lead {
  font-family: var(--b);
  font-size: clamp(1rem, 1.15vw, 1.12rem) !important;
  color: #71717a !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 100% !important;
  display: block !important;
}

.sb-contact {
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr) !important;
  gap: 2rem !important;
  align-items: start !important;
  margin: 0 0 3.5rem !important;
  width: 100% !important;
}

.sb-ci,
.sb-cf {
  background: #ffffff !important;
  border: 1.5px solid #ead8c7 !important;
  border-radius: 22px !important;
  padding: clamp(2rem, 3.2vw, 2.6rem) !important;
  box-shadow: 0 4px 20px rgba(36, 11, 11, 0.03) !important;
  box-sizing: border-box !important;
}

.sb-ci h2,
.sb-cf h2 {
  font-family: var(--s) !important;
  color: #b82625 !important;
  font-size: clamp(1.5rem, 2.2vw, 1.75rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 1.8rem !important;
  letter-spacing: -0.01em !important;
}

.sb-ci h2::after,
.sb-cf h2::after {
  display: none !important;
}

.sb-cl {
  list-style: none !important;
  margin: 0 0 2.2rem !important;
  padding: 0 !important;
}

.sb-cl li {
  margin: 0 0 1.45rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.sb-cl li::before {
  display: none !important;
}

.sb-cl li:last-child {
  margin-bottom: 0 !important;
}

.sb-cl b {
  font-family: var(--b) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #71717a !important;
  margin: 0 0 0.15rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: block !important;
}

.sb-cl span {
  font-family: var(--b) !important;
  font-size: 1.02rem !important;
  color: #27272a !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  display: block !important;
}

.sb-cl a,
a.sb-contact-link {
  font-family: var(--b) !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  color: #b82625 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.sb-cl a:hover,
a.sb-contact-link:hover {
  color: #8e1b1a !important;
  text-decoration: underline !important;
}

.sb-btn.sb-wabtn,
.sb-ci .sb-wabtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  background: #0e7c6b !important;
  color: #ffffff !important;
  border-radius: 99px !important;
  padding: 0.85rem 1.85rem !important;
  font-family: var(--b) !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(14, 124, 107, 0.22) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  margin-top: 0.5rem !important;
  cursor: pointer;
}

.sb-btn.sb-wabtn:hover,
.sb-ci .sb-wabtn:hover {
  background: #085a4e !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(14, 124, 107, 0.32) !important;
}

.sb-wabtn svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  flex-shrink: 0;
}

.sb-fld {
  margin: 0 0 1.25rem !important;
}

.sb-cf label {
  display: block !important;
  font-family: var(--b) !important;
  font-size: 0.94rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  margin: 0 0 0.45rem !important;
}

.sb-cf input[type=text],
.sb-cf input[type=email],
.sb-cf input[type=tel],
.sb-cf textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #d4c8bd !important;
  border-radius: 12px !important;
  padding: 0.85rem 1.15rem !important;
  font-family: var(--b) !important;
  font-size: 1rem !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.sb-cf input[type=text]:focus,
.sb-cf input[type=email]:focus,
.sb-cf input[type=tel]:focus,
.sb-cf textarea:focus {
  outline: none !important;
  border-color: #b82625 !important;
  box-shadow: 0 0 0 3px rgba(184, 38, 37, 0.15) !important;
}

.sb-cf textarea {
  min-height: 145px !important;
  border-radius: 14px !important;
  resize: vertical !important;
}

.sb-cf .sb-btn-submit,
.sb-cf button[type=submit] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #b82625 !important;
  color: #ffffff !important;
  border-radius: 99px !important;
  padding: 0.95rem 2.6rem !important;
  font-family: var(--b) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(184, 38, 37, 0.28) !important;
  transition: all 0.3s ease !important;
  margin-top: 0.6rem !important;
}

.sb-cf .sb-btn-submit:hover,
.sb-cf button[type=submit]:hover {
  background: #8e1b1a !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(184, 38, 37, 0.38) !important;
}

@media (max-width: 860px) {
  .sb-contact {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .sb-ci,
  .sb-cf {
    padding: 1.6rem 1.4rem !important;
    border-radius: 18px !important;
  }
  .sb-cf .sb-btn-submit,
  .sb-cf button[type=submit] {
    width: 100% !important;
  }
  .sb-btn.sb-wabtn,
  .sb-ci .sb-wabtn {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ========================================================
   v1.8.9: Unified Header Action Buttons (Account, Wishlist, Cart)
======================================================== */

/* Header Action Buttons */
.sb-header-btn,
.sb-header-account,
.sb-header-trial-room,
.sb-header-wishlist,
.sb-header-cart {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(184, 38, 37, 0.06) !important;
  color: var(--g) !important;
  border: 1px solid rgba(184, 38, 37, 0.18) !important;
  transition: all 0.3s var(--ease) !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

.sb-header-btn:hover,
.sb-header-account:hover,
.sb-header-trial-room:hover,
.sb-header-wishlist:hover,
.sb-header-cart:hover {
  background: var(--g) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(184, 38, 37, 0.28) !important;
  border-color: var(--g) !important;
}

.sb-header-btn svg,
.sb-header-account svg,
.sb-header-trial-room svg,
.sb-header-wishlist svg,
.sb-header-cart svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  stroke: currentColor !important;
  transition: transform 0.3s var(--ease), stroke 0.3s, fill 0.3s !important;
}

.sb-header-btn:hover svg,
.sb-header-account:hover svg,
.sb-header-trial-room:hover svg,
.sb-header-wishlist:hover svg,
.sb-header-cart:hover svg {
  transform: scale(1.1) !important;
  stroke: #ffffff !important;
}

.sb-header-wishlist.has-items svg {
  fill: currentColor !important;
}

/* Badges for Wishlist and Cart Count */
.sb-wishlist-count,
.sb-cart-count,
.sb-header-cart .sb-cc,
.sb-trial-room-count {
  position: absolute !important;
  top: -4px !important;
  right: -5px !important;
  min-width: 19px !important;
  height: 19px !important;
  line-height: 16px !important;
  border-radius: 99px !important;
  background: var(--au) !important;
  color: #ffffff !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  font-family: var(--b), sans-serif !important;
  text-align: center !important;
  padding: 0 4px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s !important;
  white-space: nowrap !important;
}

.sb-header-btn:hover .sb-wishlist-count,
.sb-header-wishlist:hover .sb-wishlist-count,
.sb-header-btn:hover .sb-cart-count,
.sb-header-cart:hover .sb-cart-count,
.sb-header-cart:hover .sb-cc,
.sb-header-trial-room:hover .sb-trial-room-count {
  transform: scale(1.15) !important;
  background: #AA771C !important;
}

@keyframes sb-badge-pop {
  0% { transform: scale(1); }
  50% { transform: scale(1.35); }
  100% { transform: scale(1); }
}

.sb-pop {
  animation: sb-badge-pop 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

@media (max-width: 640px) {
  .sb-header-btn,
  .sb-header-account,
  .sb-header-trial-room,
  .sb-header-wishlist,
  .sb-header-cart {
    width: 36px !important;
    height: 36px !important;
  }
  .sb-header-btn svg,
  .sb-header-account svg,
  .sb-header-trial-room svg,
  .sb-header-wishlist svg,
  .sb-header-cart svg {
    width: 17px !important;
    height: 17px !important;
  }
  .sb-wishlist-count,
  .sb-cart-count,
  .sb-header-cart .sb-cc,
  .sb-trial-room-count {
    top: -3px !important;
    right: -4px !important;
    min-width: 17px !important;
    height: 17px !important;
    font-size: 0.62rem !important;
    padding: 0 3px !important;
  }
}

/* Hide Trial Room badge when zero */
.sb-trial-room-count:empty,
.sb-trial-room-count[data-count="0"] {
  display: none !important;
}

/* Wishlist Page Container */
.sb-wishlist-doc {
  margin: 0 auto;
}

.sb-wishlist-app {
  width: 100%;
}

.sb-wl-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 1.5rem !important;
  padding-bottom: 1.6rem !important;
  border-bottom: 1px solid var(--line) !important;
  margin-bottom: 2.2rem !important;
  flex-wrap: wrap !important;
}

.sb-wl-count-label {
  display: flex !important;
  flex-direction: column !important;
}

.sb-wl-heading {
  font-family: var(--s) !important;
  font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important;
  color: var(--g) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.sb-wl-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  flex-wrap: wrap !important;
}

/* Products Grid */
.sb-wl-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(1.2rem, 2vw, 1.8rem) !important;
}

@media (max-width: 1100px) {
  .sb-wl-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 1.3rem !important;
  }
}

@media (max-width: 640px) {
  .sb-wl-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.85rem !important;
  }
  .sb-wl-toolbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }
  .sb-wl-actions {
    width: 100% !important;
  }
  .sb-wl-actions .sb-btn {
    flex: 1 !important;
    text-align: center !important;
  }
}

@media (max-width: 380px) {
  .sb-wl-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Individual Wishlist Card */
.sb-wl-card {
  position: relative !important;
}

.sb-wl-remove-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #B82625 !important;
}

.sb-wl-remove-btn:hover {
  background: #B82625 !important;
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

.sb-stock-badge {
  display: inline-block !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 0.2rem 0.65rem !important;
  border-radius: 99px !important;
  margin-bottom: 0.45rem !important;
  width: fit-content !important;
}

.sb-stock-badge.in-stock {
  background: rgba(14, 124, 107, 0.1) !important;
  color: #0e7c6b !important;
  border: 1px solid rgba(14, 124, 107, 0.25) !important;
}

.sb-stock-badge.out-of-stock {
  background: rgba(117, 119, 122, 0.1) !important;
  color: var(--mut) !important;
  border: 1px solid rgba(117, 119, 122, 0.2) !important;
}

/* Loading State */
.sb-wl-loading {
  text-align: center !important;
  padding: 5rem 1rem !important;
}

.sb-wl-spinner {
  width: 44px;
  height: 44px;
  border: 3.5px solid rgba(184, 38, 37, 0.15);
  border-top-color: var(--g);
  border-radius: 50%;
  animation: sb-spin 0.8s linear infinite;
  margin: 0 auto 1.2rem;
}

@keyframes sb-spin {
  to { transform: rotate(360deg); }
}

.sb-wl-loading p {
  color: var(--mut) !important;
  font-size: 1.05rem !important;
}

/* Empty State */
.sb-wl-empty {
  text-align: center !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 24px !important;
  padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 3.5rem) !important;
  box-shadow: 0 12px 34px rgba(36, 11, 11, 0.05) !important;
  max-width: 680px !important;
  margin: 2rem auto 4rem !important;
}

.sb-wl-empty-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(244, 239, 220, 0.8) 0%, rgba(255, 252, 243, 0.9) 100%);
  border: 1.5px solid rgba(197, 155, 75, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--g);
  margin: 0 auto 1.4rem;
  box-shadow: 0 8px 24px rgba(197, 155, 75, 0.15);
}

.sb-wl-empty h3 {
  font-family: var(--s) !important;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem) !important;
  color: var(--g) !important;
  margin: 0 0 0.8rem 0 !important;
}

.sb-wl-empty p {
  color: var(--mut) !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  max-width: 48ch !important;
  margin: 0 auto 1.8rem auto !important;
}

/* ==========================================================================
   Scroll to Top Button with Circular Scroll Progress Indicator
   ========================================================================== */
.sb-back-to-top {
  position: fixed !important;
  bottom: 28px !important;
  right: 28px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: rgba(255, 252, 243, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(197, 155, 75, 0.3) !important;
  box-shadow: 0 8px 24px rgba(36, 11, 11, 0.12), 0 2px 6px rgba(197, 155, 75, 0.15) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 99999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(18px) scale(0.85) !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.3s ease,
              border-color 0.3s ease,
              box-shadow 0.3s ease !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.sb-back-to-top.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

.sb-back-to-top:hover {
  background: var(--g) !important;
  border-color: var(--g) !important;
  box-shadow: 0 12px 30px rgba(184, 38, 37, 0.4), 0 3px 10px rgba(197, 155, 75, 0.25) !important;
  transform: translateY(-4px) scale(1.05) !important;
}

.sb-back-to-top:active {
  transform: translateY(-1px) scale(0.97) !important;
}

.sb-back-to-top:focus-visible {
  outline: 2px solid var(--au) !important;
  outline-offset: 4px !important;
}

/* SVG Progress Ring */
.sb-back-to-top-progress {
  position: absolute !important;
  inset: -1px !important;
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  transform: rotate(-90deg) !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.sb-progress-bg {
  fill: transparent !important;
  stroke: rgba(197, 155, 75, 0.2) !important;
  stroke-width: 2.5 !important;
}

.sb-progress-bar {
  fill: transparent !important;
  stroke: var(--au) !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  transition: stroke-dashoffset 0.1s linear, stroke 0.3s ease !important;
}

.sb-back-to-top:hover .sb-progress-bar {
  stroke: #ffffff !important;
}

.sb-back-to-top:hover .sb-progress-bg {
  stroke: rgba(255, 255, 255, 0.25) !important;
}

/* Inner Upward Arrow Icon */
.sb-back-to-top-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: var(--g) !important;
  transition: color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  z-index: 1 !important;
}

.sb-back-to-top:hover .sb-back-to-top-icon {
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .sb-back-to-top {
    bottom: 20px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sb-back-to-top,
  .sb-back-to-top-icon,
  .sb-progress-bar {
    transition: none !important;
  }
}

/* ==========================================================
   Shop Mega-Menu (v2.0)
   Full-width dropdown with category icons, subcategories,
   gold dividers, and saree image on the right
   ========================================================== */

/* Mega-menu wrapper */
/* Position mega-menu relative to header, not the li */
#sbh nav li.sb-has-mega {
  position: static !important;
}
#sbh .sb-hd {
  position: relative;
}
.sb-mega {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) translateY(8px);
  width: 92vw;
  max-width: 1100px;
  background: linear-gradient(135deg, #fffdf8 0%, #fff 60%);
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(36, 11, 11, .12), 0 2px 8px rgba(197, 155, 75, .08);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, transform .35s var(--ease), visibility .3s;
  z-index: 100;
  overflow: hidden;
}
.sb-mega::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -20px;
  height: 20px;
}

/* Show on hover / focus / toggle */
#sbh nav li.sb-has-mega:hover > .sb-mega,
#sbh nav li.sb-has-mega:focus-within > .sb-mega,
#sbh nav li.sb-has-mega.sb-sub-open > .sb-mega {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
#sbh nav li.sb-has-mega:hover > a .sb-caret,
#sbh nav li.sb-has-mega.sb-sub-open > a .sb-caret {
  transform: rotate(-135deg) translateY(-1px);
}

/* Inner grid: category columns */
.sb-mega-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  min-height: 320px;
}

/* Category columns */
.sb-mega-col {
  padding: 28px 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-right: 1px solid rgba(197, 155, 75, .15);
}
.sb-mega-col:last-of-type {
  border-right: none;
}

/* Category icon circles — hidden (icons removed) */
.sb-mega-icon {
  display: none !important;
}
/* Promotional image — hidden (image removed) */
.sb-mega-img {
  display: none !important;
}

/* Category heading link — override nav a styles */
#sbh nav .sb-mega-cat,
.sb-mega-cat {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-decoration: none !important;
  color: var(--fg) !important;
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  min-height: auto !important;
  background: transparent !important;
}
#sbh nav .sb-mega-cat::after,
.sb-mega-cat::after {
  display: none !important;
}
/* Override nav li styles inside mega */
#sbh nav .sb-mega-col {
  position: relative !important;
}
#sbh nav .sb-mega-subs a {
  border-bottom: none !important;
  min-height: auto !important;
  padding: 7px 8px 7px 0 !important;
  font-size: .88rem !important;
  font-weight: 400 !important;
}
.sb-mega-title {
  font-family: var(--b), sans-serif;
  font-size: .95rem;
  font-weight: 700;
  color: var(--g);
  text-transform: uppercase;
  letter-spacing: .03em;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--au, #C59B4B);
  margin-bottom: 8px;
  display: inline-block;
  line-height: 1.3;
}
/* Columns without children: title + arrow inline */
.sb-mega-col:not(.sb-mega-col--has-children) .sb-mega-cat {
  flex-direction: column;
  align-items: flex-start;
}
.sb-mega-col:not(.sb-mega-col--has-children) .sb-mega-cat .sb-mega-arrow {
  position: absolute;
  right: 0;
  top: 76px;
  color: var(--au, #C59B4B);
  opacity: .7;
  transition: transform .25s var(--ease), opacity .25s;
}
.sb-mega-col:not(.sb-mega-col--has-children) .sb-mega-cat:hover .sb-mega-arrow {
  transform: translateX(3px);
  opacity: 1;
}
.sb-mega-cat:hover .sb-mega-title {
  color: var(--g);
}

/* Subcategory lists — override #sbh nav ul flex-row */
#sbh nav .sb-mega-subs,
.sb-mega-subs {
  list-style: none !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  justify-content: flex-start !important;
}
#sbh nav .sb-mega-subs li,
.sb-mega-subs li {
  margin: 0 !important;
  padding: 0 !important;
}
.sb-mega-subs a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 8px 7px 0;
  color: #444 !important;
  font-family: var(--b), sans-serif;
  font-size: .88rem;
  font-weight: 400;
  text-decoration: none !important;
  transition: color .2s, transform .2s var(--ease);
  border-radius: 6px;
}
.sb-mega-subs a::after {
  display: none !important;
}
.sb-mega-subs a:hover {
  color: var(--g) !important;
  transform: translateX(4px);
}
.sb-mega-arrow {
  flex-shrink: 0;
  color: var(--au, #C59B4B);
  opacity: .5;
  transition: opacity .2s, transform .2s var(--ease);
}
.sb-mega-subs a:hover .sb-mega-arrow {
  opacity: 1;
  transform: translateX(2px);
}

/* Saree image on the right — premium presentation */
.sb-mega-img {
  position: relative;
  overflow: hidden;
  border-radius: 0 19px 19px 0;
  background: linear-gradient(135deg, #f7ece0, #ede0d0);
}
.sb-mega-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,253,248,.6) 0%, transparent 30%);
  z-index: 1;
  pointer-events: none;
}
.sb-mega-img::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(197, 155, 75, .2);
  border-radius: 14px;
  z-index: 2;
  pointer-events: none;
}
.sb-mega-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  filter: contrast(1.02) saturate(1.05);
}

/* ── Responsive: Tablet ── */
@media (max-width: 1200px) {
  .sb-mega-inner {
    grid-template-columns: repeat(5, 1fr);
  }
  .sb-mega-img {
    display: none;
  }
  .sb-mega {
    max-width: 860px;
  }
}

/* ── Responsive: Mobile (accordion) ── */
@media (max-width: 900px) {
  .sb-mega {
    position: static !important;
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: .4rem 0 .4rem .8rem !important;
    border-left: 2px solid rgba(184, 38, 37, .2) !important;
  }
  .sb-mega::before {
    display: none;
  }
  #sbh nav li.sb-has-mega.sb-sub-open > .sb-mega {
    display: block !important;
    animation: sbSubSlideIn .25s ease-out;
  }
  .sb-mega-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
  }
  .sb-mega-col {
    padding: 8px 0 8px 12px;
    border-right: none;
    border-bottom: 1px solid rgba(197, 155, 75, .1);
  }
  .sb-mega-col:last-of-type {
    border-bottom: none;
  }
  .sb-mega-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 4px;
  }
  .sb-mega-icon svg {
    width: 22px;
    height: 22px;
  }
  .sb-mega-title {
    font-size: .88rem;
    padding-bottom: 3px;
    margin-bottom: 4px;
  }
  .sb-mega-cat {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
  .sb-mega-col:not(.sb-mega-col--has-children) .sb-mega-cat .sb-mega-arrow {
    position: static;
    margin-left: auto;
  }
  .sb-mega-subs a {
    padding: 5px 8px 5px 0;
    font-size: .85rem;
  }
  .sb-mega-img {
    display: none;
  }
}

@keyframes sbSubSlideIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================
   v2.0.0: Unified Banner Height (About Us, Contact Us, Contact, Shop, Category archives)
   ========================================================== */
.sb-bn,
.sb-shop-bn,
.sb-cat-bn,
.sb-shop-banner-w .sb-shop-bn,
.sb-contact-doc .sb-bn,
.sb-about-doc .sb-bn,
.sb-trial-room-doc .sb-bn,
.sb-wishlist-doc .sb-bn,
body.sb-has-banner .sb-bn,
body.sb-shop-layout .sb-shop-bn,
body.sb-shop-layout .sb-cat-bn {
  height: clamp(210px, 21vw, 260px) !important;
  min-height: clamp(210px, 21vw, 260px) !important;
  max-height: 270px !important;
}

.sb-shop-banner-w {
  margin-top: 1.2rem !important;
  margin-bottom: 1.8rem !important;
}

@media (max-width: 640px) {
  .sb-bn,
  .sb-shop-bn,
  .sb-cat-bn,
  .sb-shop-banner-w .sb-shop-bn,
  .sb-contact-doc .sb-bn,
  .sb-about-doc .sb-bn,
  .sb-trial-room-doc .sb-bn,
  .sb-wishlist-doc .sb-bn,
  body.sb-has-banner .sb-bn,
  body.sb-shop-layout .sb-shop-bn,
  body.sb-shop-layout .sb-cat-bn {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 190px !important;
  }
}

/* =============================================
   SIDE CART DRAWER
   ============================================= */
.sb-side-cart {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999998 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
.sb-side-cart.is-open {
  pointer-events: auto !important;
  visibility: visible !important;
}
.sb-sc-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
  transition: background 0.35s ease !important;
}
.sb-side-cart.is-open .sb-sc-overlay {
  background: rgba(0, 0, 0, 0.45) !important;
}
.sb-sc-panel {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 420px !important;
  max-width: 90vw !important;
  height: 100% !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12) !important;
  transform: translateX(100%) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.sb-side-cart.is-open .sb-sc-panel {
  transform: translateX(0) !important;
}

/* Header */
.sb-sc-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--line, #e5e2db) !important;
  flex-shrink: 0 !important;
}
.sb-sc-title {
  font-family: var(--h, 'Asul', serif) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}
.sb-sc-title svg {
  flex-shrink: 0 !important;
}
.sb-sc-item-count {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #888 !important;
}
.sb-sc-close {
  width: 36px !important;
  height: 36px !important;
  border: none !important;
  background: #f5f3ee !important;
  border-radius: 50% !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #333 !important;
  transition: background 0.2s, transform 0.2s !important;
}
.sb-sc-close:hover {
  background: #ebe7df !important;
  transform: scale(1.1) !important;
}

/* Body */
.sb-sc-body {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 0 !important;
  overscroll-behavior: contain !important;
}

/* Empty state */
.sb-sc-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 60px 20px !important;
  text-align: center !important;
  gap: 16px !important;
  color: #999 !important;
}
.sb-sc-empty p {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 1rem !important;
  margin: 0 !important;
}
.sb-sc-empty.is-hidden { display: none !important; }

/* Items list */
.sb-sc-items { padding: 0 !important; }
.sb-sc-items.is-hidden { display: none !important; }

/* Single cart item */
.sb-sc-item {
  display: flex !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--line, #e5e2db) !important;
  position: relative !important;
  animation: sbScItemIn 0.3s ease !important;
}
@keyframes sbScItemIn {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}
.sb-sc-item-img {
  width: 72px !important;
  height: 96px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #f7f5f0 !important;
  border: 1px solid var(--line, #e5e2db) !important;
}
.sb-sc-item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}
.sb-sc-item-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.sb-sc-item-name {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.sb-sc-item-name:hover { color: var(--g, #B82625) !important; }
.sb-sc-item-variation {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.78rem !important;
  color: #888 !important;
}
.sb-sc-item-price {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: var(--au, #C59B4B) !important;
}
.sb-sc-item-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding-top: 4px !important;
}

/* Quantity stepper in drawer */
.sb-sc-qty {
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--line, #e5e2db) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.sb-sc-qty-btn {
  width: 30px !important;
  height: 30px !important;
  border: none !important;
  background: #f7f5f0 !important;
  cursor: pointer !important;
  font-size: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #333 !important;
  transition: background 0.2s !important;
  padding: 0 !important;
}
.sb-sc-qty-btn:hover { background: #ebe7df !important; }
.sb-sc-qty-val {
  width: 32px !important;
  text-align: center !important;
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  border: none !important;
  background: transparent !important;
  color: #1a1a1a !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
}
.sb-sc-qty-val::-webkit-inner-spin-button,
.sb-sc-qty-val::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.sb-sc-item-subtotal {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

/* Remove button */
.sb-sc-remove {
  position: absolute !important;
  top: 12px !important;
  right: 16px !important;
  width: 24px !important;
  height: 24px !important;
  border: none !important;
  background: none !important;
  cursor: pointer !important;
  color: #bbb !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.2s !important;
  border-radius: 50% !important;
}
.sb-sc-remove:hover { color: #B82625 !important; }

/* Footer */
.sb-sc-footer {
  border-top: 1px solid var(--line, #e5e2db) !important;
  padding: 16px 20px 20px !important;
  flex-shrink: 0 !important;
  background: #fff !important;
}
.sb-sc-footer.is-hidden { display: none !important; }
.sb-sc-totals {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 6px !important;
}
.sb-sc-totals-label {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #555 !important;
}
.sb-sc-totals-value {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}
.sb-sc-shipping-note {
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.78rem !important;
  color: #999 !important;
  margin: 0 0 14px !important;
}
.sb-sc-actions {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.sb-sc-btn {
  flex: 1 !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  border: none !important;
  display: block !important;
  box-sizing: border-box !important;
}
.sb-sc-btn-cart {
  background: #f7f5f0 !important;
  color: #1a1a1a !important;
  border: 1px solid var(--line, #e5e2db) !important;
}
.sb-sc-btn-cart:hover {
  background: #ebe7df !important;
}
.sb-sc-btn-checkout {
  background: var(--g, #B82625) !important;
  color: #fff !important;
}
.sb-sc-btn-checkout:hover {
  background: var(--primary-dark, #8B1E2F) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(184, 38, 37, 0.3) !important;
}
.sb-sc-continue {
  width: 100% !important;
  padding: 10px !important;
  border: none !important;
  background: none !important;
  cursor: pointer !important;
  font-family: var(--b, 'Jost', sans-serif) !important;
  font-size: 0.85rem !important;
  color: #888 !important;
  text-decoration: underline !important;
  transition: color 0.2s !important;
}
.sb-sc-continue:hover { color: #333 !important; }

/* Loading state */
.sb-sc-item.is-loading {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

/* Responsive */
@media (max-width: 480px) {
  .sb-sc-panel {
    width: 100vw !important;
    max-width: 100vw !important;
  }
  .sb-sc-item-img {
    width: 60px !important;
    height: 80px !important;
  }
}