*{box-sizing:border-box}
:root{
  --sb-ink:#17130D;--sb-ink-soft:#5C5346;--sb-muted:#8A7F70;--sb-faint:#A0968A;
  --sb-cream:#F6F0E8;--sb-line:#ECE4D8;--sb-line-strong:#DCD2C4;
  --sb-peach:#E0A87A;--sb-caramel:#B76A2E;--sb-sale:#B23A2E;--sb-green:#7BA05B;
  --sb-r-sm:3px;--sb-r-md:7px;--sb-r-lg:12px;--sb-r-xl:22px;
}
html,body{margin:0;padding:0;overscroll-behavior-y:none}
body{font-family:'Syne',system-ui,sans-serif;background:#FFFFFF;color:#17130D;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#17130D;text-decoration:none}
a:hover{color:#8A7F70}
img{display:block}
input,button,select,textarea{font-family:'Syne',system-ui,sans-serif}
.no-sb::-webkit-scrollbar{display:none}
.no-sb{scrollbar-width:none;-ms-overflow-style:none}
html{scrollbar-width:thin;scrollbar-color:#17130D #ECE4D8}
body::-webkit-scrollbar{width:11px;height:11px}
body::-webkit-scrollbar-track{background:#ECE4D8}
body::-webkit-scrollbar-thumb{background:#17130D;border-radius:20px;border:2px solid #ECE4D8}
body::-webkit-scrollbar-thumb:hover{background:#000000}
@keyframes sbToastIn{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes sbDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes sbPreFade{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@keyframes sbFade{from{opacity:0}to{opacity:1}}
@keyframes sbCardReveal{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1.09)}}
@keyframes sbKen{0%{transform:scale(1.02)}100%{transform:scale(1.12)}}
@keyframes sbBarUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes sbMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html{scroll-behavior:smooth}
.sb-burger,.sb-msearch{display:none}
.acct-pop[data-open="true"]{opacity:1 !important; visibility:visible !important; transform:translateY(0) !important}
@media(hover:hover){ .acct-menu:hover .acct-pop{opacity:1; visibility:visible; transform:translateY(0)} }
.cart-pop[data-open="true"]{transform:translateX(0) !important;}
.cart-backdrop[data-open="true"]{display:block !important; opacity:1 !important; visibility:visible !important;}
.cart-backdrop{display:block; position:fixed; inset:0; background:linear-gradient(270deg, rgba(23,19,13,.82) 0%, rgba(23,19,13,.52) 42%, rgba(23,19,13,.2) 100%); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; z-index:385;}
@media(hover:hover){ .cart-menu:hover .cart-pop{transform:translateX(0);} }
@media(max-width:900px){
  .acct-pop{position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important; width:100% !important; max-width:100% !important; border-radius:18px 18px 0 0 !important; padding:14px 22px calc(30px + env(safe-area-inset-bottom)) !important; transform:translateY(100%) !important; opacity:1 !important; visibility:visible !important; box-shadow:0 -20px 48px rgba(23,19,13,.22) !important; transition:transform .34s cubic-bezier(.16,1,.3,1) !important; z-index:390 !important;}
  .acct-pop[data-open="true"]{transform:translateY(0) !important;}
  .cart-pop{width:100% !important; max-width:100% !important;}
  .acct-handle{display:block !important; width:42px; height:4px; border-radius:2px; background:#E0D8CB; margin:0 auto 18px;}
  .acct-backdrop{display:block !important; position:fixed; inset:0; background:rgba(23,19,13,.5); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; z-index:385;}
  .acct-backdrop[data-open="true"]{opacity:1; visibility:visible;}
}
@media(max-width:640px){
  .cat-grid{display:flex !important; grid-template-columns:none !important; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; gap:12px !important; padding-bottom:4px;}
  .cat-grid::-webkit-scrollbar{display:none}
  .cat-grid > a{flex:0 0 82% !important; scroll-snap-align:start;}
  .rev-grid{display:flex !important; grid-template-columns:none !important; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; gap:12px !important; padding-bottom:4px;}
  .rev-grid::-webkit-scrollbar{display:none}
  .rev-grid > div{flex:0 0 86% !important; scroll-snap-align:start;}
}
.foot-acc > summary{list-style:none;}
.foot-acc > summary::-webkit-details-marker{display:none;}
@keyframes sbModalIn{from{opacity:0; transform:translateY(14px) scale(.97)}to{opacity:1; transform:translateY(0) scale(1)}}
.foot-acc-chev{transition:transform .25s ease;}
@media(min-width:769px){
  .foot-acc > ul{display:flex !important;}
  .foot-acc::details-content{content-visibility:visible !important; display:block !important;}
  .foot-acc > summary{cursor:default; pointer-events:none;}
  .foot-acc-chev{display:none !important;}
}
@media(max-width:768px){
  .foot-cols{grid-template-columns:1fr !important; gap:0 !important; justify-content:stretch !important;}
  .foot-acc{border-top:1px solid rgba(255,255,255,.14);}
  .foot-acc{padding:0;}
  .foot-acc > summary{margin:0 !important; padding:13px 0 !important; font-size:15px !important; line-height:1;}
  .foot-acc[open] > summary{padding-bottom:11px !important;}
  .foot-acc[open] .foot-acc-chev{transform:rotate(180deg);}
  .foot-acc > ul{padding-bottom:0 !important; margin:0 !important;}
  :root{ interpolate-size: allow-keywords; }
  .foot-acc::details-content{ block-size:0; overflow:hidden; transition: block-size .34s cubic-bezier(.4,0,.2,1), content-visibility .34s allow-discrete; }
  .foot-acc[open]::details-content{ block-size:auto; padding-bottom:16px; }
  .foot-bar1{flex-direction:column !important; justify-content:center !important; gap:20px !important;}
  .foot-pay{justify-content:center !important;}
  .foot-bar2{flex-direction:column !important; justify-content:center !important; text-align:center !important; gap:14px !important;}
}
@media(max-width:768px){
  .story-tint{background:linear-gradient(to top, rgba(23,19,13,.84) 0%, rgba(23,19,13,.52) 44%, rgba(23,19,13,.22) 100%) !important;}
  .story-copy{text-align:center !important; margin:0 auto !important;}
  .story-stats{justify-content:center !important;}
}
@keyframes sbMenuIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes sbOverlayFade{from{opacity:0}to{opacity:1}}
@media (min-width:1081px) and (max-width:1340px){
  .sb-nav{gap:clamp(10px,1.1vw,16px) !important}
  .sb-nav a{font-size:12.5px !important}
}
@media(max-width:1080px){
  .sb-nav{display:none !important}
  .sb-burger{display:inline-flex !important; order:1 !important; flex:0 0 auto !important}
  .sb-msearch{display:inline-flex !important; order:2 !important; flex:1 1 0 !important}
  .site-logo{position:absolute !important; left:50% !important; top:50% !important; transform:none !important; translate:-50% -50% !important; scale:var(--lsc,1) !important; transform-origin:center !important; transition:scale .3s ease !important}
  .sb-icons{order:4 !important; flex:1 1 0 !important}
  .sb-icons > button{display:none !important}
  .sb-icons > a:nth-of-type(1){display:none !important}
}
@media(max-width:900px){
  .pre-side{display:none !important}
  .pre-grid{grid-template-columns:1fr !important}
}
@media (prefers-reduced-motion:reduce){.nav-dd{transition:opacity .01s !important; transform:none !important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} [data-reveal],[data-reveal-child]{opacity:1 !important; transform:none !important}}
body{--sbmax:100%}
/* Content uses identical side padding (clamp max 60px) at every resolution, incl. 2K/4K */
/* Tablet */
@media (max-width:1024px){
  [data-footcols]{flex:1 1 100% !important; grid-template-columns:repeat(3,max-content) !important; justify-content:flex-start !important; gap:40px 64px !important;}
}
@media (max-width:820px){
  [data-catgrid]{grid-template-columns:repeat(2,1fr) !important;}
}
/* Mobile */
@media (max-width:640px){
  [data-hero-h1]{white-space:normal !important; font-size:clamp(30px,8.5vw,44px) !important;}
  [data-footcols]{grid-template-columns:repeat(2,1fr) !important; gap:34px 32px !important; width:100%;}
}
@media (max-width:420px){
  [data-catgrid]{grid-template-columns:1fr !important;}
  [data-footcols]{grid-template-columns:1fr !important;}
}

/* Category page */
.cat-filters__backdrop{display:none;}
@media (max-width:1280px){
  .cat-grid4{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:1024px){
  .cat-layout{grid-template-columns:clamp(210px,24vw,260px) 1fr !important; gap:clamp(20px,2.4vw,36px) !important;}
}
@media (max-width:900px){
  .cat-layout{grid-template-columns:1fr !important;}
  .cat-mobilebar{display:flex !important;}
  .cat-toolbar{display:none !important;}
  .cat-grid4{grid-template-columns:repeat(3,1fr) !important;}
  .cat-filters{position:fixed !important; inset:0 !important; top:0; left:0; right:0; bottom:0; width:100% !important; height:100% !important; background:#FFFFFF; z-index:430; transform:translateX(-100%); transition:transform .34s cubic-bezier(.16,1,.3,1); overflow-y:auto; padding:20px clamp(20px,5vw,28px) 32px !important; box-shadow:none;}
  .cat-filters[data-open="true"]{transform:translateX(0);}
  .cat-filters__head{display:flex !important;}
  .cat-filters__backdrop{position:fixed; inset:0; background:rgba(23,19,13,.5); z-index:425;}
  .cf-title{display:none !important;}
  .cat-filters__backdrop[data-open="true"]{display:block;}
  .cat-mobilebar{display:none !important;}
  [data-cat-fab]{display:inline-flex !important;}
}
@media (max-width:720px){
  .cat-grid4{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:420px){
  .cat-grid4{grid-template-columns:repeat(2,1fr) !important; gap:12px 10px !important;}
}

/* Circular filter checkboxes */
.filter-check{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid #C9BEAE;border-radius:50%;background:#FFFFFF;cursor:pointer;position:relative;flex:0 0 auto;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease;}
.filter-check:hover{background:rgba(224,168,122,.16);}
.filter-check:checked{background:rgba(224,168,122,.28);border-color:rgba(224,168,122,.8);-webkit-backdrop-filter:blur(6px) saturate(150%);backdrop-filter:blur(6px) saturate(150%);}
.filter-check:checked::after{content:"";position:absolute;left:50%;top:46%;width:5px;height:8px;border-right:1.5px solid #17130D;border-bottom:1.5px solid #17130D;transform:translate(-50%,-50%) rotate(45deg);}

/* Size chip hover tint (Sirmos peach) */
.cat-filters button{transition:background .28s ease,border-color .28s ease,color .28s ease !important;}
.cat-filters button:hover{background:#F7E3D0 !important; border-color:#F7E3D0 !important;}

/* Price range — peach (Sirmos) tinted track, black thumb */
.price-range{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:#EAD4BE;outline:none;}
.price-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#EAD4BE;}
.price-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#17130D;border:none;cursor:pointer;}
.price-range::-moz-range-track{height:6px;border-radius:3px;background:#EAD4BE;}
.price-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#17130D;border:none;cursor:pointer;}

/* Glass sort dropdown */
.sort-select{-webkit-appearance:none;appearance:none;padding:11px 40px 11px 16px !important;border:1px solid rgba(23,19,13,.12) !important;border-radius:10px !important;background-color:rgba(255,255,255,.55) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2317130D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:14px 14px !important;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 6px 20px rgba(23,19,13,.08), inset 0 1px 0 rgba(255,255,255,.6);color:#17130D !important;cursor:pointer;transition:border-color .25s ease, background-color .25s ease, box-shadow .25s ease;}
.sort-select:hover{background-color:rgba(255,255,255,.72) !important;border-color:rgba(224,168,122,.7) !important;}
.sort-select:focus{outline:none;box-shadow:0 6px 22px rgba(23,19,13,.12), 0 0 0 3px rgba(224,168,122,.22);}
.sort-select option{background:#FFFFFF;color:#17130D;padding:8px;}
.sort-select option:checked,.sort-select option:hover{background:#F7E3D0 !important;color:#17130D !important;box-shadow:inset 0 0 0 2em #F7E3D0;}

/* Product page */

@media (max-width:900px){
  .prod-layout{grid-template-columns:1fr !important;}
  .prod-info{position:static !important; top:auto !important;}
}
@media (max-width:480px){
  .prod-gallery{grid-template-columns:1fr !important;}
}


html{overflow-x:hidden;}
@media (max-width:640px){ .cat-sub{white-space:normal !important;} }

/* Off-canvas containment — closed drawers must not paint/extend layout */
.cart-pop{visibility:hidden;}
.cart-pop[data-open="true"]{visibility:visible;}
@media(hover:hover){ .cart-menu:hover .cart-pop{visibility:visible;} }

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none;}

@media (max-width:900px){ .cart-ship-msg{flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:9px !important; text-align:left !important;} .cart-ship-msg span{text-align:left !important;} .cart-ship-msg svg{flex:0 0 auto;} }

/* similar swiper */
.sim-grid{scrollbar-width:none;}
.sim-grid::-webkit-scrollbar{display:none;}
@media(min-width:901px){
  .sim-grid{display:grid !important; grid-template-columns:repeat(6,1fr) !important; overflow:visible !important;}
  .sim-grid > div{flex:initial !important; width:auto !important;}
}
@media(max-width:900px){ .sim-grid > div{flex-basis:clamp(220px,60vw,320px) !important;} }
@media(max-width:520px){ .sim-grid > div{flex-basis:74% !important;} }

/* Added-to-cart modal mobile */
@media (max-width:640px){
  .am-h3{font-size:14px !important; line-height:1.3 !important;}
  .am-title{font-size:14px !important;}
  .am-pill{font-size:11px !important; padding:5px 11px !important;}
  .am-price{font-size:16px !important;}
  .am-cta{height:46px !important; font-size:12.5px !important;}
}

/* Product buy row */
@media (min-width:901px){
  .pa-buy{flex-direction:row !important; flex-wrap:wrap; align-items:center;}
  .pa-qty{width:150px !important; flex:0 0 150px;}
  .pa-add{flex:1 1 auto; width:auto !important;}
  .pa-wish{flex:0 0 100%; width:100%; margin:8px 0 0 !important;}
}

/* Product info accordions */
.prod-acc{border-bottom:1px solid #ECE4D8;}
.prod-acc > summary{list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0; cursor:pointer; font-family:'Syne',sans-serif; font-size:15px; font-weight:700; letter-spacing:-.01em; color:#17130D;}
.prod-acc > summary::-webkit-details-marker{display:none;}
.prod-acc-chev{transition:transform .25s ease; flex:0 0 auto;}
.prod-acc[open] .prod-acc-chev{transform:rotate(180deg);}
.prod-acc-body{padding:0 0 20px;}
:root{interpolate-size:allow-keywords;}
.prod-acc::details-content{block-size:0; overflow:hidden; transition:block-size .32s ease, content-visibility .32s allow-discrete;}
.prod-acc[open]::details-content{block-size:auto;}

/* Sentence-case titles (first letter uppercase, rest lowercase) */
main article h3{text-transform:lowercase;}
main article h3::first-letter{text-transform:uppercase;}
.prod-info h1{text-transform:lowercase;}
.prod-info h1::first-letter{text-transform:uppercase;}

/* Similar grid responsive */
@media (max-width:820px){ .sim-grid{grid-template-columns:repeat(3,1fr) !important;} }
@media (max-width:520px){ .sim-grid{grid-template-columns:repeat(2,1fr) !important;} }

/* Splash loader */
.sb-loader{position:fixed;inset:0;z-index:9999;background:#FFFFFF;display:grid;place-items:center;transition:opacity .5s ease,visibility .5s ease;}
.sb-loader.is-done{opacity:0;visibility:hidden;pointer-events:none;}
.sb-loader__logo{width:clamp(120px,16vw,180px);height:auto;display:block;animation:sbLoaderPulse 1.15s ease-in-out infinite;}
.sb-loader__bar{position:absolute;left:50%;bottom:38%;transform:translateX(-50%);width:120px;height:2px;background:#EDE5D8;border-radius:2px;overflow:hidden;}
.sb-loader__bar::after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:#17130D;border-radius:2px;animation:sbLoaderSlide 1.1s ease-in-out infinite;}
@keyframes sbLoaderPulse{0%,100%{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}
@keyframes sbLoaderSlide{0%{left:-40%}100%{left:100%}}
@keyframes sbLoaderOut{to{opacity:0;visibility:hidden;pointer-events:none}}

/* Range input */
input[type="range"]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#E4DACB;outline:none;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#17130D;cursor:pointer;border:none;}
input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#17130D;cursor:pointer;border:none;}
input[type="range"]::-moz-range-track{height:4px;border-radius:2px;background:#E4DACB;}

/* Nav dropdown */
.sb-nav{overflow:visible !important;}
.nav-item:hover .nav-dd{opacity:1 !important; visibility:visible !important; transform:translateY(0) !important;}

/* Megamenu focus */
.nav-dd{box-shadow:0 30px 40px -12px rgba(23,19,13,.18) !important;}
.nav-dd::before{content:"";position:absolute;left:0;right:0;top:-26px;height:26px;}
.nav-dd::after{content:"";position:absolute;top:100%;left:0;right:0;height:100vh;background:linear-gradient(180deg, rgba(23,19,13,.55) 0%, rgba(23,19,13,.32) 45%, rgba(23,19,13,0) 100%);pointer-events:none;}

/* Tab swap fade */
@keyframes sbCardFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
[data-track-featured],[data-track-featured2]{transition:opacity .3s ease;}

/* Product gallery mobile swiper */
@media (max-width:640px){
  .prod-gallery{display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px !important;}
  .prod-gallery::-webkit-scrollbar{display:none;}
  .prod-gallery>div{flex:0 0 100% !important;scroll-snap-align:center;}
}
/* Gallery dots (mobile) */
.gdot{width:7px;height:7px;border-radius:50%;background:#17130D;opacity:.35;transition:opacity .2s ease;}
@media (max-width:640px){ .gallery-dots{display:flex !important;} }

/* FAQ accordion */
.faq-item > summary::-webkit-details-marker{display:none;}
.faq-item[open] .faq-chev{transform:rotate(180deg);}
.faq-item::details-content{block-size:0;overflow:hidden;transition:block-size .32s ease,content-visibility .32s allow-discrete;content-visibility:hidden;}
.faq-item[open]::details-content{block-size:auto;content-visibility:visible;}
:root{interpolate-size:allow-keywords;}

/* Keep nav underline while mega-menu open */
.nav-item:hover > a{border-bottom-color:#17130D !important;color:#17130D !important;}


@media (max-width:640px){ .sb-toast{bottom:88px !important; max-width:calc(100vw - 24px) !important;} }

/* Megamenu subcategory grid — equal columns at every breakpoint */
.dd-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1180px){.dd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Laptops: keep 6 even columns but tighten the vertical rhythm so the panel fits */
@media (max-width:1500px){
  .nav-dd{padding-top:24px !important; padding-bottom:22px !important}
  .dd-groups{gap:20px !important}
  .dd-grid{gap:18px clamp(14px,1.4vw,22px) !important}
}
@media (max-height:860px){
  .nav-dd{padding-top:20px !important; padding-bottom:18px !important}
  .dd-groups{gap:16px !important}
  .dd-grid{gap:14px clamp(14px,1.4vw,22px) !important}
}

/* Related products swiper + quick categories — small screens */
@media (max-width:900px){
  .mini-rel{gap:10px !important}
  .mini-rel > a{flex:0 0 clamp(230px,58vw,280px) !important}
}
@media (max-width:560px){
  .mini-rel > a{flex:0 0 86% !important; padding:10px 12px !important}
  .quick-cats a{height:36px !important; padding:0 14px !important; font-size:12.5px !important}
  .quick-cats{gap:8px 8px !important}
}
@media (max-width:380px){
  .mini-rel > a{flex:0 0 92% !important}
}