:root{--black:#000;--white:#fff;--gray1:#7c7c7c;--gray2:#e5e5e5;--gray3:#f7f7f7;--max:1400px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.font-display,h1,h2,.brand,.footer-logo{font-family:'Instrument Serif',Georgia,serif}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:50px;background:#fff;border-bottom:1px solid #dcdcdc}.nav{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative}.nav-left,.nav-right{display:flex;align-items:center;gap:24px}.nav-left a,.nav-right a{font-size:12px;font-weight:700}.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:16px;font-weight:400;white-space:nowrap}.cart-icon,.menu-btn{border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;position:relative;padding:6px}.cart-count{position:absolute;top:-3px;right:-3px;background:#000;color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:10px;display:grid;place-items:center}.menu-btn{display:none}.mobile-panel{display:none;position:absolute;top:50px;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray2);padding:10px 20px}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:13px 0;border-bottom:1px solid var(--gray2);font-size:14px;font-weight:700}.hero{position:relative;min-height:100dvh;background:#000;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:90px 20px}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#000 0%,#000 65%,#111 100%)}.hero-phone{position:absolute;inset:0;margin:auto;width:min(55vw,600px);height:100%;object-fit:contain;z-index:1;opacity:.95}.hero-content{position:relative;z-index:2;margin-top:95px;max-width:860px}.hero h1{margin:0;color:#fff;font-size:clamp(54px,8vw,112px);line-height:1.05;letter-spacing:-.03em;font-weight:400}.hero h1 em{font-style:italic}.hero p{margin:24px 0 40px;color:rgba(255,255,255,.62);font-size:clamp(14px,1.2vw,18px);letter-spacing:.02em}.hero-fade{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(0deg,#000,transparent);z-index:1}.btn-filled,.btn-outline,.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:1px solid #000;font-size:13px;font-weight:700;cursor:pointer;transition:.25s;background:#000;color:#fff;border-radius:0}.btn-filled:hover{background:#fff;color:#000}.btn-outline{background:transparent;color:#000}.btn-outline:hover{background:#000;color:#fff}.btn-outline-light{background:transparent;color:#fff;border-color:#fff}.btn-outline-light:hover{background:#fff;color:#000}.full{width:100%}.category-intro{min-height:80vh;display:grid;grid-template-columns:1fr 1fr}.cat-panel{display:flex;flex-direction:column;justify-content:center;padding:96px 8vw}.cat-new{background:#000;color:#fff}.cat-loved{background:#fff;color:#000;border-left:1px solid var(--gray2)}.cat-panel h2{font-size:clamp(54px,7vw,92px);line-height:1;margin:0 0 26px;letter-spacing:-.035em;font-weight:400;color:var(--gray1)}.cat-new h2{color:#fff}.cat-panel p{font-size:15px;line-height:1.8;max-width:390px;color:var(--gray1)}.cat-new p{color:rgba(255,255,255,.6)}.collection{background:var(--gray3);padding:150px 20px}.collection-inner{max-width:1400px;margin:0 auto}.collection-title{text-align:center;margin-bottom:44px}.collection-title span,.details span,.page-hero span{display:block;color:var(--gray1);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.collection-title h2{font-size:clamp(36px,4vw,46px);font-weight:400;margin:14px 0 16px;letter-spacing:-.02em;line-height:1.1}.collection-title i{display:block;width:86px;height:3px;background:#000;margin:0 auto}.filters{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.filters button{padding:13px 24px;border:1px solid #000;background:#fff;color:#000;font-size:13px;font-weight:700;cursor:pointer}.filters button.active{background:#000;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:var(--gray3)}.product-media{position:relative;min-height:280px;background:linear-gradient(180deg,#f7f7f7,#fff);padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-media img{width:190px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.1));transition:.3s}.product:hover .product-media img{transform:scale(1.05)}.badges{position:absolute;left:16px;right:16px;top:16px;z-index:2;display:flex;justify-content:space-between}.badge{background:#000;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px}.badge.storage{background:rgba(255,255,255,.85);border:1px solid var(--gray2);color:#000}.discount{position:absolute;right:16px;bottom:16px;background:#000;color:#fff;font-size:11px;font-weight:800;padding:8px 12px}.quick-add{position:absolute;left:0;right:0;bottom:0;height:50px;background:#000;color:#fff;border:0;transform:translateY(100%);transition:.2s;cursor:pointer;font-size:13px;font-weight:700}.product:hover .quick-add{transform:translateY(0)}.product-info{border-top:1px solid var(--gray2);padding:20px}.product-info h3{font-size:17px;line-height:1.2;margin:0 0 5px;font-weight:700}.meta{font-size:12px;color:var(--gray1)}.price{margin-top:14px;display:flex;gap:8px;align-items:baseline}.price strong{font-size:17px}.price del{font-size:13px;color:var(--gray1)}.stock-row{margin-top:14px}.stock-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:7px}.stock-label span:first-child{color:var(--gray1)}.bar{height:3px;background:var(--gray2);overflow:hidden}.bar i{display:block;height:100%;background:#000}.swatches{display:flex;gap:8px;margin-top:16px}.swatch{width:20px;height:20px;border:2px solid transparent;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.qty-add{display:flex;gap:12px;margin-top:20px}.qty{display:flex;border:1px solid var(--gray2);height:42px}.qty button{width:36px;border:0;background:#fff;color:var(--gray1);cursor:pointer}.qty input{width:36px;border:0;text-align:center;font-size:13px;font-weight:700;background:#fff}.add-btn{flex:1;border:0;background:#000;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.pager{display:flex;justify-content:center;gap:8px;margin-top:44px}.pager button{width:40px;height:40px;border:1px solid var(--gray2);background:#fff;cursor:pointer;font-size:13px;font-weight:700}.pager button.active{background:#000;color:#fff;border-color:#000}.details{border-top:1px solid var(--gray2);border-bottom:1px solid var(--gray2);background:#fff;text-align:center;padding:170px 20px}.details h2{max-width:900px;margin:25px auto 0;font-size:clamp(34px,4vw,62px);line-height:1.12;letter-spacing:-.035em;font-weight:400}.details h2 em{font-style:normal;color:var(--gray1)}.trade{background:#fff;padding:140px 20px}.trade-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:center}.trade img{width:100%;min-height:400px;object-fit:cover;filter:grayscale(100%)}.trade h2{font-size:clamp(44px,5vw,88px);line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:400}.trade p{margin:24px 0 32px;max-width:520px;color:var(--gray1);line-height:1.8;font-size:15px}.prefooter{background:#000;color:#fff;text-align:center;padding:160px 20px}.prefooter h2{font-size:clamp(48px,6vw,108px);line-height:1.05;letter-spacing:-.03em;font-weight:400;margin:0 0 44px}.prefooter em{font-style:italic}.footer{border-top:1px solid var(--gray2);padding:60px 20px 40px;background:#fff}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:50px}.footer-logo{font-size:21px}.footer p,.footer li,.footer-bottom{font-size:13px;color:var(--gray1);line-height:1.8}.footer p{max-width:300px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gray1);margin:0 0 18px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.footer li a{color:#000}.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--gray2);display:flex;justify-content:space-between;gap:20px}.page-hero{padding:150px 20px 90px;background:#000;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.page-hero.light{background:#fff;color:#000}.page-hero>div,.content-section{max-width:1200px;margin:0 auto;width:100%}.page-hero h1,.content-section h2{font-size:clamp(48px,7vw,98px);line-height:1.02;letter-spacing:-.035em;font-weight:400;margin:18px 0}.page-hero p,.content-section p{color:var(--gray1);font-size:16px;line-height:1.8}.page-hero img{width:100%;max-height:520px;object-fit:cover;filter:grayscale(100%)}.content-section{padding:120px 20px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.values div,.policy article,.contact-card{border-top:1px solid var(--gray2);padding:28px 0}.values h3,.policy h3{margin:0 0 12px;font-size:22px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-card{display:block}.contact-card strong{display:block;font-size:22px;margin-bottom:8px}.contact-card span{color:var(--gray1)}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{border:1px solid var(--gray2);padding:16px;background:#fff}.contact-form textarea{min-height:160px;resize:vertical}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100;opacity:0;pointer-events:none;transition:.2s}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:absolute;right:0;top:0;width:min(440px,100%);height:100%;background:#fff;padding:24px;display:flex;flex-direction:column;transform:translateX(100%);transition:.25s}.cart-overlay.open .cart-drawer{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--gray2);padding-bottom:15px}.cart-head h2{font-size:40px;margin:0}.cart-head button{border:0;background:#fff;font-size:30px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:16px 0;display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;border:1px solid var(--gray2);padding:10px}.cart-item img{height:60px;object-fit:contain;background:#f7f7f7}.cart-item h4{margin:0;font-size:14px}.cart-item p{margin:4px 0;color:var(--gray1);font-size:12px}.remove{border:0;background:#eee;padding:5px 8px;cursor:pointer}.cart-foot{border-top:1px solid var(--gray2);padding-top:16px}.total{display:flex;justify-content:space-between;font-size:20px;font-weight:800;margin-bottom:14px}@media(max-width:920px){.nav-left,.nav-right .whatsapp{display:none}.menu-btn{display:block}.category-intro,.trade-grid,.page-hero,.contact-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid,.values{grid-template-columns:1fr 1fr}.page-hero{padding-top:110px}.trade{padding:90px 20px}.details{padding:100px 20px}}@media(max-width:560px){.brand{font-size:14px}.hero h1{font-size:54px}.product-grid,.footer-grid,.values{grid-template-columns:1fr}.collection{padding:90px 14px}.cat-panel{padding:80px 24px}.footer-bottom{display:block}.qty-add{display:grid;grid-template-columns:1fr}.hero-phone{width:100%;opacity:.75}.prefooter{padding:100px 20px}}


/* Modern scroll animation layer - no 3D hero */
.topbar{transition:box-shadow .25s ease, background-color .25s ease}
.topbar.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.08)}
.hero-phone{will-change:transform,opacity;transition:filter .3s ease;filter:drop-shadow(0 28px 44px rgba(0,0,0,.46))}
.hero-content{will-change:transform,opacity}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.12),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.9),transparent 35%,transparent 65%,rgba(0,0,0,.9))}
.hero-content{z-index:3}.hero-fade{z-index:2}
.has-scroll-animations .scroll-reveal{opacity:0;transform:translate3d(0,42px,0);filter:blur(8px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.has-scroll-animations .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.product{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease, box-shadow .25s ease}
.product:hover{box-shadow:0 22px 55px rgba(0,0,0,.08)}
.product-media::after{content:"";position:absolute;inset:auto 18% 24px;height:26px;background:radial-gradient(ellipse,rgba(0,0,0,.18),transparent 68%);transform:translateY(16px);opacity:.45;transition:.3s ease}
.product:hover .product-media::after{opacity:.7;transform:translateY(10px) scale(1.08)}
.trade img,.page-hero img{will-change:transform;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.trade img:hover,.page-hero img:hover{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.hero-phone,.hero-content,.scroll-reveal,.product,.trade img,.page-hero img{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}

/* React animation upgrade */
.footer{background:#eeeeee;border-top:1px solid #d4d4d4}
.footer li a{color:#111}.footer-bottom{border-top-color:#d0d0d0}.footer-logo{color:#111}
.react-scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#000;z-index:9999;transform-origin:left center;pointer-events:none}
.react-cursor-glow{position:fixed;top:0;left:0;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.09),transparent 64%);pointer-events:none;z-index:2;mix-blend-mode:multiply;transition:transform .08s linear}
.react-page-pulse{position:fixed;inset:0;background:#000;z-index:10000;pointer-events:none;opacity:0;transition:opacity .75s cubic-bezier(.2,.8,.2,1)}.react-page-pulse.show{opacity:1;animation:pageFade .9s forwards}@keyframes pageFade{0%{opacity:1}100%{opacity:0}}
.react-cart-toast{position:fixed;right:22px;bottom:24px;z-index:9998;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-width:min(420px,calc(100vw - 28px));background:rgba(17,17,17,.94);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 80px rgba(0,0,0,.32);padding:16px 18px;animation:toastIn .35s cubic-bezier(.2,.8,.2,1)}
.react-cart-toast .toast-mark{width:34px;height:34px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-weight:900}.react-cart-toast strong{display:block;font-size:14px}.react-cart-toast span{display:block;font-size:12px;color:rgba(255,255,255,.68);margin-top:3px}.react-cart-toast button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer}.react-cart-toast button:hover{background:#fff;color:#000}@keyframes toastIn{from{opacity:0;transform:translate3d(0,18px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.react-floating-cart{position:fixed;right:22px;bottom:98px;z-index:9997;width:56px;height:56px;border-radius:50%;background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 55px rgba(0,0,0,.22);display:grid;place-items:center;cursor:pointer;transition:opacity .25s ease,transform .25s ease}.react-floating-cart span{font-size:18px}.react-floating-cart b{position:absolute;top:-5px;right:-5px;min-width:21px;height:21px;border-radius:999px;background:#fff;color:#000;border:1px solid #000;display:grid;place-items:center;font-size:11px}
.react-animations-ready .react-reveal{opacity:0;transform:translate3d(0,44px,0) scale(.985);filter:blur(12px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--react-delay,0ms)}.react-animations-ready .react-reveal.react-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.product{overflow:hidden}.product::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none;z-index:1}.product:hover::before{transform:translateX(120%)}.product-info,.product-media{position:relative;z-index:2}.cart-overlay{backdrop-filter:blur(8px)}.cart-drawer{box-shadow:-30px 0 90px rgba(0,0,0,.18)}
@media(max-width:560px){.react-cart-toast{right:14px;bottom:18px;grid-template-columns:auto 1fr}.react-cart-toast button{grid-column:1/-1}.react-floating-cart{right:16px;bottom:110px}.react-cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.react-scroll-progress,.react-cursor-glow,.react-page-pulse{display:none}.react-reveal,.react-visible,.react-cart-toast,.react-floating-cart{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}


/* Final mobile and animation fixes */
.hero-phone{transform:translate3d(0,0,0);transform-origin:center center;backface-visibility:hidden;pointer-events:none;max-height:88vh;object-fit:contain}
.hero-content{transform:none;opacity:1}
.react-floating-cart{display:none!important}
.qty-add{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.qty{flex:0 0 auto;min-width:108px}
.add-btn{min-height:42px;white-space:nowrap;border-radius:0;transition:transform .18s ease,background-color .18s ease}
.add-btn:active{transform:scale(.98)}
.react-animations-ready .react-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.992);filter:blur(7px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--react-delay,0ms)}
.react-animations-ready .react-reveal.react-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.product{position:relative;border:1px solid rgba(0,0,0,.03);background:#fff;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product:hover{box-shadow:0 24px 70px rgba(0,0,0,.10);border-color:rgba(0,0,0,.08)}
.footer{background:#e8e8e8!important}
.react-cart-toast{right:18px;bottom:18px;min-width:min(360px,calc(100vw - 28px));grid-template-columns:auto 1fr}
.react-cart-toast button{display:none!important}
@media(max-width:560px){
  .hero{min-height:92dvh;padding:92px 16px 72px}
  .hero-phone{width:118%;max-width:none;height:82%;opacity:.72!important;transform-origin:center center}
  .hero-content{margin-top:60px}
  .qty-add{display:flex!important;grid-template-columns:unset!important;align-items:center;gap:8px;margin-top:16px;width:100%}
  .qty{height:40px;min-width:102px;flex:0 0 102px}
  .qty button{width:32px;height:38px}
  .qty input{width:34px;height:38px}
  .add-btn{height:40px;flex:1 1 auto;min-width:0;font-size:12px;padding:0 10px}
  .quick-add{display:none}
  .product-info{padding:16px}
  .react-cart-toast{left:14px;right:14px;bottom:14px;min-width:0;padding:14px 15px}
}
@media(prefers-reduced-motion:reduce){.hero-phone{transform:none!important}.react-cart-toast{transition:none!important;animation:none!important}}


/* Cart compact + no add-to-cart animation update */
.react-cart-toast{display:none!important}
.product::before{display:none!important}
.product:hover::before{transform:none!important}
.quick-add,.add-btn{transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;animation:none!important;transform:none!important}
.quick-add:active,.add-btn:active{transform:none!important}
.cart-overlay{background:rgba(0,0,0,.22)!important;backdrop-filter:blur(4px)!important}
.cart-drawer{top:72px!important;right:14px!important;width:min(340px,calc(100vw - 28px))!important;height:auto!important;max-height:calc(100dvh - 96px)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 20px 70px rgba(0,0,0,.22)!important;transform:translate3d(18px,0,0) scale(.98)!important;opacity:0!important;transition:opacity .18s ease,transform .18s ease!important}
.cart-overlay.open .cart-drawer{transform:translate3d(0,0,0) scale(1)!important;opacity:1!important}
.cart-head{padding-bottom:10px!important}.cart-head h2{font-size:28px!important}.cart-head button{font-size:24px!important;line-height:1!important}
.cart-items{max-height:52dvh!important;flex:0 1 auto!important;padding:10px 0!important;gap:8px!important}
.cart-item{grid-template-columns:48px 1fr 28px!important;gap:9px!important;padding:8px!important;border-radius:12px!important}
.cart-item img{height:44px!important;width:44px!important;border-radius:10px!important}.cart-item h4{font-size:12px!important;line-height:1.25!important}.cart-item p{font-size:11px!important;margin:2px 0!important}.cart-item strong{font-size:12px!important}.remove{width:24px!important;height:24px!important;padding:0!important;border-radius:50%!important}
.cart-foot{padding-top:10px!important}.total{font-size:16px!important;margin-bottom:10px!important}.cart-foot .btn-filled{padding:12px 16px!important;font-size:12px!important}
@media(max-width:560px){.cart-drawer{top:auto!important;left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-height:72dvh!important;border-radius:18px!important}.cart-items{max-height:43dvh!important}.cart-head h2{font-size:24px!important}.qty-add{gap:6px!important}.qty{flex:0 0 98px!important;min-width:98px!important}.add-btn{height:38px!important;font-size:12px!important}}

/* Final cart and product interaction fixes */
.nav-cart-svg{width:21px;height:21px;display:block}.cart-icon{display:inline-grid;place-items:center;color:#000}.cart-icon:hover{opacity:.72}
.quick-add{display:none!important}
.add-btn{transform:none!important;animation:none!important;transition:background-color .15s ease,color .15s ease!important;will-change:auto!important}.add-btn:active{transform:none!important;filter:none!important}.add-btn:focus{outline:2px solid #000;outline-offset:2px}
.product,.product:active,.product:focus-within{animation:none!important}.product::before{display:none!important}.product.is-adding,.product.was-added{animation:none!important;transform:none!important}
.react-cart-toast{display:grid!important;position:fixed!important;left:50%!important;right:auto!important;bottom:22px!important;transform:translateX(-50%)!important;z-index:9999!important;grid-template-columns:auto 1fr!important;gap:12px!important;align-items:center!important;min-width:min(360px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;background:rgba(18,18,18,.96)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;box-shadow:0 18px 60px rgba(0,0,0,.25)!important;padding:12px 17px!important;animation:bottomToastIn .22s ease-out!important;pointer-events:none!important}.react-cart-toast .toast-mark{width:28px!important;height:28px!important;border-radius:50%!important;background:#fff!important;color:#000!important;display:grid!important;place-items:center!important;font-weight:900!important}.react-cart-toast strong{font-size:13px!important;line-height:1.1!important}.react-cart-toast span{font-size:12px!important;color:rgba(255,255,255,.68)!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:250px!important}.react-cart-toast button{display:none!important}@keyframes bottomToastIn{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
@media(hover:none){.product:hover .product-media img{transform:none!important}.product:hover{box-shadow:none!important}.product:hover .product-media::after{opacity:.45!important;transform:translateY(16px)!important}.product{transform:none!important;transition:box-shadow .2s ease!important}.add-btn,.qty button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qty-add{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}.qty{flex:0 0 104px!important;min-width:104px!important}.add-btn{height:40px!important;line-height:40px!important;white-space:nowrap!important;padding:0 10px!important}}
@media(max-width:560px){.react-cart-toast{left:12px!important;right:12px!important;bottom:14px!important;transform:none!important;min-width:0!important;border-radius:16px!important;animation:bottomToastInMobile .22s ease-out!important}.react-cart-toast span{max-width:calc(100vw - 110px)!important}.qty-add{display:flex!important;grid-template-columns:unset!important}.add-btn{font-size:12px!important}.nav-cart-svg{width:20px;height:20px}}@keyframes bottomToastInMobile{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}


/* Liquid menu, cart lock, and calmer one-section scroll animations */
body.cart-is-open{overflow:hidden;touch-action:none;}
.menu-btn{border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.22);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 28px rgba(0,0,0,.12);transition:transform .2s ease,background .2s ease,box-shadow .2s ease;}
.menu-btn:hover,.menu-btn.open{background:rgba(255,255,255,.36);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 16px 40px rgba(0,0,0,.18);}
.mobile-panel{background:rgba(255,255,255,.66)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-left:0;border-right:0;box-shadow:0 24px 70px rgba(0,0,0,.16);}
.mobile-panel.open{animation:liquidMenuIn .32s ease both;}
.mobile-panel a{border-bottom:1px solid rgba(0,0,0,.08)!important;}
@keyframes liquidMenuIn{from{opacity:0;transform:translateY(-12px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

.react-reveal{opacity:1!important;transform:none!important;transition:none!important;}
.section-reveal{opacity:0;transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}
.section-reveal.from-left{transform:translate3d(-58px,0,0);}
.section-reveal.from-right{transform:translate3d(58px,0,0);}
.section-reveal.section-visible{opacity:1;transform:translate3d(0,0,0);}
.hero-content.section-reveal{transition-delay:.08s;}
.collection.section-reveal,.content-section.section-reveal{transition-delay:.04s;}

.hero-phone{will-change:transform;transition:opacity .2s ease,filter .2s ease;}
.add-btn,.qty button{transform:none!important;animation:none!important;}
.product,.product *{animation-play-state:running;}

@media(max-width:560px){
  .qty-add{display:flex!important;grid-template-columns:none!important;gap:8px;align-items:stretch;}
  .qty{flex:0 0 auto;min-width:112px;}
  .qty button{width:34px;}
  .qty input{width:34px;}
  .add-btn{min-width:0;padding:0 10px;white-space:nowrap;}
  .section-reveal.from-left{transform:translate3d(-26px,0,0);}
  .section-reveal.from-right{transform:translate3d(26px,0,0);}
}
@media(prefers-reduced-motion:reduce){.section-reveal{opacity:1!important;transform:none!important;transition:none!important}.mobile-panel.open{animation:none!important}}

/* Mobile polish, liquid glass menu, safe layout, and improved animations */
html,body{max-width:100%;overflow-x:hidden!important;}
body.menu-is-open{overflow:hidden;touch-action:none;}
.topbar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);}
.topbar.scrolled{box-shadow:0 12px 34px rgba(0,0,0,.08);}
.nav{max-width:100vw;}
.nav-cart-svg{width:22px;height:22px;display:block;}
.cart-icon{border:0!important;background:transparent!important;display:inline-grid!important;place-items:center!important;color:#000!important;padding:7px!important;}
.cart-icon:active,.menu-btn:active,.add-btn:active,.qty button:active{transform:none!important;filter:none!important;animation:none!important;}
.menu-btn{display:none;border:1px solid rgba(255,255,255,.38)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.18))!important;backdrop-filter:blur(18px) saturate(190%)!important;-webkit-backdrop-filter:blur(18px) saturate(190%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75), inset 0 -1px 0 rgba(255,255,255,.18),0 12px 30px rgba(0,0,0,.12)!important;width:36px;height:36px;place-items:center;}
.menu-btn.open{background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.32))!important;}
.mobile-panel{position:fixed!important;top:58px!important;left:10px!important;right:10px!important;width:auto!important;padding:12px!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.34))!important;backdrop-filter:blur(28px) saturate(190%)!important;-webkit-backdrop-filter:blur(28px) saturate(190%)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 24px 80px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.72)!important;overflow:hidden;}
.mobile-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.70),transparent 34%),radial-gradient(circle at 90% 100%,rgba(255,255,255,.35),transparent 42%);pointer-events:none;}
.mobile-panel a{position:relative;z-index:1;border:0!important;border-radius:16px;padding:14px 16px!important;margin:2px 0;font-size:14px!important;background:rgba(255,255,255,.18);}
.mobile-panel a:hover{background:rgba(255,255,255,.42);}
.hero{max-width:100vw;contain:layout paint;}
.hero-phone{left:50%!important;right:auto!important;transform:translate3d(-50%,0,0);max-width:720px;}
.hero-content{width:min(100%,920px);padding-inline:10px;}
.hero h1{max-width:100%;overflow-wrap:normal;}
.swatch{appearance:none;border-radius:50%;border:1px solid rgba(0,0,0,.18)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 0 0 0 #000!important;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease!important;}
.swatch:hover,.swatch.active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 0 0 2px #000!important;border-color:#fff!important;transform:translateY(-1px);}
.product-color{transition:opacity .16s ease;}
.product{will-change:opacity,transform;}
.product.card-reveal{opacity:0;transform:translate3d(0,26px,0)!important;transition:opacity .64s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease!important;transition-delay:var(--card-delay,0ms)!important;}
.product.card-visible{opacity:1;transform:translate3d(0,0,0)!important;}
.product-media img{transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease!important;}
.product:hover .product-media img{transform:translateY(-6px) scale(1.035)!important;}
.add-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:.01em;}
@media(max-width:760px){
  .topbar{height:48px!important;border-radius:0!important;}
  .nav{height:48px!important;padding:0 10px!important;}
  .nav-left{display:none!important;}
  .nav-right{gap:5px!important;}
  .nav-right .whatsapp{display:none!important;}
  .menu-btn{display:grid!important;}
  .brand{font-size:13px!important;max-width:45vw;overflow:hidden;text-overflow:ellipsis;}
  .cart-count{top:-2px!important;right:-2px!important;min-width:15px!important;height:15px!important;font-size:9px!important;}
  .hero{min-height:88dvh!important;padding:70px 8px 44px!important;align-items:center!important;}
  .hero-phone{width:min(118vw,430px)!important;height:76%!important;max-height:650px!important;object-fit:contain!important;opacity:.76!important;top:38px!important;bottom:auto!important;}
  .hero-content{margin-top:92px!important;padding-inline:0!important;}
  .hero h1{font-size:clamp(42px,12.6vw,56px)!important;line-height:.98!important;letter-spacing:-.045em!important;white-space:normal!important;}
  .hero p{font-size:12px!important;line-height:1.45!important;max-width:280px;margin:18px auto 26px!important;}
  .btn-filled,.btn-outline,.btn-outline-light{padding:13px 22px!important;font-size:11px!important;}
  .category-intro{grid-template-columns:1fr!important;min-height:auto!important;}
  .cat-panel{min-height:46vh;padding:58px 22px!important;}
  .collection{padding:82px 12px!important;}
  .product-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .product-media{min-height:230px!important;}
  .product-media img{width:160px!important;}
  .qty-add{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;width:100%!important;}
  .qty{flex:0 0 104px!important;min-width:104px!important;height:40px!important;}
  .qty button,.qty input{height:38px!important;}
  .add-btn{height:40px!important;min-width:0!important;flex:1 1 auto!important;font-size:12px!important;padding:0 8px!important;white-space:nowrap!important;}
  .details{padding:90px 18px!important;}
  .trade{padding:80px 18px!important;}
  .trade-grid{grid-template-columns:1fr!important;gap:30px!important;}
  .prefooter{padding:95px 18px!important;}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important;}
  .footer-bottom{flex-direction:column;}
  .page-hero{grid-template-columns:1fr!important;padding:95px 18px 62px!important;gap:26px!important;}
  .content-section{padding:72px 18px!important;}
  .values,.contact-layout{grid-template-columns:1fr!important;gap:20px!important;}
}
@media(max-width:380px){.hero h1{font-size:41px!important}.hero-phone{width:124vw!important}.qty{flex-basis:98px!important;min-width:98px!important}.add-btn{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.product.card-reveal,.product.card-visible{opacity:1!important;transform:none!important;transition:none!important}.swatch{transition:none!important}}


/* FINAL MOBILE LAYOUT + ANIMATION FIXES */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;background:#fff!important;}
main,.hero,.category-intro,.collection,.details,.trade,.prefooter,.footer{max-width:100vw;overflow-x:clip;}
.topbar{overflow:visible!important;}

/* Better real cart icon */
.cart-icon{width:38px;height:38px;border-radius:999px!important;display:inline-grid!important;place-items:center!important;color:#000!important;background:transparent!important;}
.cart-icon:hover{background:rgba(0,0,0,.045)!important;}
.nav-cart-svg{width:23px!important;height:23px!important;stroke-width:1.7;}
.cart-count{top:1px!important;right:1px!important;min-width:16px!important;height:16px!important;border:2px solid #fff!important;font-size:9px!important;font-weight:800!important;}

/* Liquid glass mobile menu, 35px blur */
.mobile-panel{display:none!important;opacity:0;pointer-events:none;}
.mobile-panel.open{display:block!important;opacity:1;pointer-events:auto;}
@media(max-width:760px){
  .menu-btn{display:grid!important;width:38px!important;height:38px!important;border-radius:999px!important;background:rgba(255,255,255,.38)!important;border:1px solid rgba(255,255,255,.68)!important;backdrop-filter:blur(35px) saturate(190%)!important;-webkit-backdrop-filter:blur(35px) saturate(190%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(0,0,0,.13)!important;color:#000!important;}
  .menu-btn.open{background:rgba(255,255,255,.56)!important;}
  .mobile-panel{position:fixed!important;top:56px!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;border-radius:26px!important;padding:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.24))!important;backdrop-filter:blur(35px) saturate(200%)!important;-webkit-backdrop-filter:blur(35px) saturate(200%)!important;border:1px solid rgba(255,255,255,.64)!important;box-shadow:0 26px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.86)!important;}
  .mobile-panel a{display:flex!important;align-items:center!important;border:0!important;border-radius:18px!important;padding:15px 16px!important;margin:3px 0!important;background:rgba(255,255,255,.22)!important;color:#000!important;}
  .mobile-panel a:active{background:rgba(255,255,255,.48)!important;}
}

/* Stop broken horizontal side gaps from section animations */
.section-reveal{overflow:visible;}
@media(max-width:760px){
  .section-reveal.from-left,.section-reveal.from-right{transform:translate3d(0,34px,0)!important;}
  .section-reveal.section-visible{transform:translate3d(0,0,0)!important;}
}

/* Fix mobile hero and category blocks */
@media(max-width:760px){
  .hero{min-height:96dvh!important;padding:64px 10px 48px!important;overflow:hidden!important;}
  .hero-phone{width:min(112vw,440px)!important;height:78%!important;top:45px!important;bottom:auto!important;left:50%!important;right:auto!important;object-fit:contain!important;opacity:.82!important;transform:translate3d(-50%,0,0)!important;will-change:transform,opacity!important;}
  .hero-content{margin-top:78px!important;position:relative!important;z-index:3!important;}
  .hero h1{font-size:clamp(40px,12vw,54px)!important;line-height:1!important;max-width:100%!important;}
  .hero p{max-width:300px!important;margin:18px auto 26px!important;}

  .category-intro{display:block!important;min-height:0!important;}
  .cat-panel{min-height:0!important;padding:84px 28px!important;display:block!important;}
  .cat-panel h2{font-size:56px!important;line-height:1!important;margin:0 0 26px!important;}
  .cat-panel p{font-size:15px!important;line-height:1.75!important;max-width:330px!important;margin:0!important;}
  .cat-loved{border-left:0!important;border-top:1px solid rgba(0,0,0,.08)!important;}
}

/* Ensure products always appear; animation should never leave blank cards */
.product{opacity:1!important;visibility:visible!important;}
.product.card-reveal{opacity:1!important;transform:translate3d(0,0,0)!important;animation:productSoftIn .58s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--card-delay,0ms);}
.product.card-visible{opacity:1!important;transform:translate3d(0,0,0)!important;}
@keyframes productSoftIn{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* Clean color chooser */
.swatches{align-items:center;}
.swatch{width:22px!important;height:22px!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)!important;}
.swatch.active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),0 0 0 2px #000!important;}

/* Mobile cart/add row stays normal */
@media(max-width:560px){
  .qty-add{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
  .qty{flex:0 0 100px!important;min-width:100px!important;}
  .qty button,.qty input{width:33px!important;}
  .add-btn{height:40px!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;font-size:12px!important;}
}


/* Final hero phone turn-around animation and cleaner real cart icon */
.hero{perspective:1200px;}
.hero-phone.hero-motion-active{
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,var(--hero-y,0px),0) perspective(950px) rotateY(var(--hero-rotate,0deg)) rotateZ(var(--hero-tilt,0deg)) scale(var(--hero-scale,1))!important;
  transform-origin:center center!important;
  transition:opacity .22s ease, filter .22s ease!important;
  will-change:transform,opacity,filter!important;
  backface-visibility:hidden!important;
}
.nav-cart-svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none!important;display:block!important;overflow:visible!important;}
.cart-icon{width:40px!important;height:40px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:transparent!important;color:#000!important;padding:0!important;}
.cart-icon:hover{background:rgba(0,0,0,.055)!important;}
.cart-count{top:2px!important;right:1px!important;min-width:16px!important;height:16px!important;border:2px solid #fff!important;font-size:9px!important;font-weight:800!important;line-height:1!important;}
@media(max-width:760px){
  .hero{perspective:1000px!important;}
  .hero-phone.hero-motion-active{
    transform:translate3d(-50%,var(--hero-y,0px),0) perspective(850px) rotateY(var(--hero-rotate,0deg)) rotateZ(var(--hero-tilt,0deg)) scale(var(--hero-scale,1))!important;
  }
  .cart-icon{width:38px!important;height:38px!important;}
  .nav-cart-svg{width:23px!important;height:23px!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero-phone.hero-motion-active{transform:translate3d(-50%,0,0)!important;}
}


/* Requested final update: 80px mobile menu blur, lighter scroll, order steps, full cart scroll lock */
html.cart-is-open, body.cart-is-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;}
body.cart-is-open{position:fixed!important;}

.footer-bottom{justify-content:center!important;text-align:center!important;}
.footer-bottom span:last-child:not(:first-child){display:none!important;}

.how-order{background:#fff;padding:126px 20px 96px;overflow:hidden;}
.how-order-inner{max-width:1200px;margin:0 auto;}
.how-title{margin-bottom:48px;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.step-card{position:relative;min-height:250px;background:linear-gradient(180deg,#fff,#f6f6f6);border:1px solid rgba(0,0,0,.09);padding:34px;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,border-color .5s ease;}
.step-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(0,0,0,.08),transparent 38%);opacity:0;transition:.45s ease;}
.step-card b{position:relative;display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:52px;color:#777;}
.step-card h3{position:relative;margin:0 0 14px;font-size:28px;line-height:1.05;font-family:'Instrument Serif',Georgia,serif;font-weight:400;}
.step-card p{position:relative;margin:0;color:#707070;line-height:1.7;font-size:14px;max-width:290px;}
.step-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,0,0,.09);border-color:rgba(0,0,0,.2);}
.step-card:hover::before{opacity:1;}

.hero-phone.hero-motion-active{animation:heroSoftFloat 6.8s ease-in-out infinite!important;filter:drop-shadow(0 28px 45px rgba(0,0,0,.48))!important;}
@keyframes heroSoftFloat{0%,100%{margin-top:0}50%{margin-top:-10px}}
.react-cursor-glow{display:none!important;}
.product:hover{transform:translateY(-4px)!important;}
.product-media img{transition:transform .36s cubic-bezier(.16,1,.3,1),filter .36s ease!important;}
.section-reveal{transition-duration:.62s!important;}

.nav-cart-svg path{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.cart-icon{background:rgba(255,255,255,.7)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 7px 18px rgba(0,0,0,.06)!important;}
.cart-icon:hover{background:#fff!important;box-shadow:0 11px 28px rgba(0,0,0,.1)!important;}

@media(max-width:760px){
  .menu-btn{backdrop-filter:blur(80px) saturate(220%)!important;-webkit-backdrop-filter:blur(80px) saturate(220%)!important;background:rgba(255,255,255,.46)!important;}
  .mobile-panel{backdrop-filter:blur(80px) saturate(230%)!important;-webkit-backdrop-filter:blur(80px) saturate(230%)!important;background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.27))!important;}
  .how-order{padding:84px 14px 72px!important;}
  .steps-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .step-card{min-height:185px!important;padding:26px 24px!important;border-radius:0!important;}
  .step-card b{margin-bottom:28px!important;}
  .step-card h3{font-size:30px!important;}
  .hero-phone.hero-motion-active{animation:heroSoftFloatMobile 7.2s ease-in-out infinite!important;}
  @keyframes heroSoftFloatMobile{0%,100%{margin-top:0}50%{margin-top:-7px}}
  .section-reveal.from-left,.section-reveal.from-right{transform:translate3d(0,24px,0)!important;}
  .section-reveal.section-visible{transform:translate3d(0,0,0)!important;}
}


/* User requested navbar update: previous cart icon, 80% liquid blur menu, hamburger on right */
.cart-icon{background:transparent!important;border:0!important;box-shadow:none!important;width:38px!important;height:38px!important;padding:0!important;color:#000!important;}
.cart-icon:hover{background:rgba(0,0,0,.045)!important;box-shadow:none!important;}
.nav-cart-svg{width:23px!important;height:23px!important;stroke:currentColor!important;fill:none!important;display:block!important;overflow:visible!important;}
.nav-cart-svg path{fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.nav-cart-svg path:nth-child(1){stroke-width:1.9!important;}
.nav-cart-svg path:nth-child(2){stroke-width:3.2!important;}
.nav-cart-svg path:nth-child(3){stroke-width:1.5!important;}
@media(max-width:760px){
  .nav{justify-content:flex-end!important;}
  .nav-right{margin-left:auto!important;margin-right:0!important;display:flex!important;align-items:center!important;gap:6px!important;}
  .menu-btn{order:3!important;margin-left:2px!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:999px!important;background:rgba(255,255,255,.80)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 10px 35px rgba(0,0,0,.10)!important;backdrop-filter:blur(80px) saturate(220%)!important;-webkit-backdrop-filter:blur(80px) saturate(220%)!important;}
  .cart-icon{order:2!important;}
  .mobile-panel{left:10px!important;right:10px!important;top:56px!important;border-radius:22px!important;overflow:hidden!important;background:rgba(255,255,255,.80)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 25px 80px rgba(0,0,0,.16)!important;backdrop-filter:blur(80px) saturate(230%)!important;-webkit-backdrop-filter:blur(80px) saturate(230%)!important;}
}

/* Final scroll/menu/cart polish */
:root{--cougar-glass-blur:80px;}
html,body{max-width:100%;overflow-x:hidden!important;}
html.cart-is-open,body.cart-is-open,html.menu-is-open,body.menu-is-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;}
body.cart-is-open,body.menu-is-open{position:fixed!important;left:0!important;right:0!important;width:100%!important;}

/* Cart and mobile menu share the same glass blur intensity */
.cart-overlay{background:rgba(0,0,0,.20)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(160%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(160%)!important;}
.cart-drawer{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;border:1px solid rgba(255,255,255,.6)!important;}
@media(max-width:760px){
  .mobile-panel{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 25px 80px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.8)!important;}
  .menu-btn{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;}
}

/* Lighter hero motion fixes the heavy first scroll while keeping the phone alive */
.hero-phone.hero-motion-active{animation:none!important;transition:none!important;contain:paint!important;filter:drop-shadow(0 22px 32px rgba(0,0,0,.38))!important;}
.hero-phone{will-change:transform,opacity!important;backface-visibility:hidden!important;}
@media(max-width:760px){
  .hero{touch-action:pan-y!important;}
  .hero-phone.hero-motion-active{animation:none!important;filter:drop-shadow(0 18px 26px rgba(0,0,0,.36))!important;}
}

/* Slower, calmer one-section-at-a-time side animation */
.section-reveal{transition:opacity 1.35s cubic-bezier(.16,1,.3,1),transform 1.35s cubic-bezier(.16,1,.3,1)!important;will-change:opacity,transform;}
.section-reveal.from-left{transform:translate3d(-72px,0,0)!important;}
.section-reveal.from-right{transform:translate3d(72px,0,0)!important;}
.section-reveal.section-visible{opacity:1!important;transform:translate3d(0,0,0)!important;}
@media(max-width:760px){
  .section-reveal.from-left{transform:translate3d(-30px,0,0)!important;}
  .section-reveal.from-right{transform:translate3d(30px,0,0)!important;}
  .section-reveal.section-visible{transform:translate3d(0,0,0)!important;}
}

/* Prevent mobile menu animation from pushing layout or causing scroll drag */
.mobile-panel.open{animation:liquidMenuIn .55s cubic-bezier(.16,1,.3,1) both!important;}
@keyframes liquidMenuIn{from{opacity:0;transform:translate3d(0,-12px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}


/* FINAL REQUEST: liquid-glass mobile menu, page blur overlays, screenshot-style order section */
:root{--cougar-glass-blur:80px;--cougar-glass-bg:rgba(18,18,18,.30);--cougar-glass-line:rgba(255,255,255,.34);}
html,body{max-width:100%;overflow-x:hidden!important;}
html.cart-is-open,body.cart-is-open,html.menu-is-open,body.menu-is-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;}
body.cart-is-open,body.menu-is-open{position:fixed!important;left:0!important;right:0!important;width:100%!important;}
body.menu-is-open::before{content:"";position:fixed;inset:0;z-index:86;background:rgba(0,0,0,.16);backdrop-filter:blur(var(--cougar-glass-blur)) saturate(165%);-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(165%);pointer-events:auto;}
.topbar{z-index:120!important;}
@media(max-width:760px){
  .menu-btn{z-index:132!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.45)!important;color:#111!important;box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.45)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(210%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(210%)!important;}
  .menu-btn.open{background:rgba(25,25,25,.36)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important;}
  .mobile-panel{z-index:130!important;position:fixed!important;top:62px!important;left:14px!important;right:14px!important;width:auto!important;max-width:calc(100vw - 28px)!important;border-radius:28px!important;padding:13px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(35,35,35,.42),rgba(255,255,255,.12))!important;border:1px solid var(--cougar-glass-line)!important;box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(220%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(220%)!important;}
  .mobile-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.38),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));pointer-events:none;}
  .mobile-panel a{position:relative;z-index:1;color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;margin:6px 0!important;padding:16px 17px!important;text-shadow:0 1px 12px rgba(0,0,0,.25);}
  .mobile-panel a:active,.mobile-panel a:hover{background:rgba(255,255,255,.22)!important;}
}
.cart-overlay{background:rgba(255,255,255,.03)!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(165%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(165%)!important;}
.cart-drawer{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.62))!important;backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;-webkit-backdrop-filter:blur(var(--cougar-glass-blur)) saturate(190%)!important;border-left:1px solid rgba(255,255,255,.65)!important;box-shadow:-34px 0 90px rgba(0,0,0,.18)!important;}
@media(max-width:760px){.cart-overlay{background:rgba(255,255,255,.04)!important;}.cart-drawer{width:min(390px,92vw)!important;border-radius:26px 0 0 26px!important;margin:10px 0;height:calc(100% - 20px)!important;}}

.how-order-shot{background:#f4f4f4!important;padding:150px 20px 130px!important;text-align:center!important;overflow:hidden!important;}
.how-order-shot .how-order-inner{max-width:1100px!important;margin:0 auto!important;}
.order-pill{display:inline-flex;align-items:center;justify-content:center;padding:15px 34px;border:1px solid #d6d6d6;border-radius:999px;color:#6f6f6f;text-transform:uppercase;letter-spacing:.35em;font-size:18px;font-weight:800;background:rgba(255,255,255,.38);margin-bottom:42px;}
.order-heading{font-size:clamp(42px,4.8vw,64px);line-height:1;margin:0;font-weight:800;letter-spacing:-.05em;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;}
.order-line{display:block;width:96px;height:5px;border-radius:20px;background:#000;margin:26px auto 74px;}
.order-steps-row{display:grid;grid-template-columns:1fr 130px 1fr 130px 1fr;align-items:start;gap:10px;max-width:960px;margin:0 auto;}
.order-step{text-align:center;min-width:0;}
.order-icon-wrap{position:relative;width:74px;height:64px;margin:0 auto 25px;display:grid;place-items:center;}
.order-badge{position:absolute;top:-12px;right:4px;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;z-index:2;box-shadow:0 8px 18px rgba(0,0,0,.16);}
.order-icon{width:48px;height:48px;fill:none;stroke:#000;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;}
.order-icon circle{fill:#000;stroke:none;}
.order-step h3{font-size:24px;margin:0 0 14px;font-weight:800;letter-spacing:-.03em;}
.order-step p{font-size:19px;color:#8a8a8a;margin:0;font-weight:500;}
.order-connector{height:1px;background:#cfcfcf;margin-top:58px;width:100%;}
@media(min-width:761px){.order-step-request{grid-column:1;}.order-step-revise{grid-column:3;}.order-step-browse{grid-column:5;}}
@media(max-width:760px){
  .how-order-shot{padding:92px 18px 82px!important;}
  .order-pill{font-size:12px;letter-spacing:.28em;padding:12px 22px;margin-bottom:28px;}
  .order-heading{font-size:38px;}
  .order-line{width:76px;height:4px;margin:18px auto 46px;}
  .order-steps-row{grid-template-columns:1fr!important;gap:26px;max-width:320px;}
  .order-connector{display:none;}
  .order-step{padding:22px 12px;background:rgba(255,255,255,.36);border:1px solid rgba(0,0,0,.06);border-radius:26px;}
  .order-step h3{font-size:22px;}
  .order-step p{font-size:16px;}
}

/* slower, calmer side animations */
.animate-section,.reveal,.product{transition-duration:1.15s!important;transition-timing-function:cubic-bezier(.16,1,.3,1)!important;}

/* FINAL NORMAL POSITION FIX: opening/closing menu or cart must never move page to hero */
html.menu-is-open, html.cart-is-open,
body.menu-is-open, body.cart-is-open{
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:none!important;
}
body.menu-is-open, body.cart-is-open{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:auto!important;
}

/* Keep the page visible and blurred behind overlays instead of hiding/jumping */
body.menu-is-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:86;
  background:rgba(0,0,0,.16);
  backdrop-filter:blur(80px) saturate(165%);
  -webkit-backdrop-filter:blur(80px) saturate(165%);
  pointer-events:auto;
}
.cart-overlay{
  background:rgba(0,0,0,.12)!important;
  backdrop-filter:blur(80px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(80px) saturate(165%)!important;
}

/* Product visibility safety, especially on mobile */
#productGrid,
.product-grid{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
.product-grid .product,
#productGrid .product{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
.product-grid .product.card-reveal,
.product-grid .product.card-visible,
#productGrid .product.card-reveal,
#productGrid .product.card-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:760px){
  #productGrid,.product-grid{grid-template-columns:1fr!important;gap:18px!important;min-height:200px!important;}
  .product{min-height:0!important;}
  .product-media{min-height:230px!important;}
  .product-info{display:block!important;}
}

/* Slightly slower side fade, no aggressive first-scroll movement */
.section-reveal,
.animate-section,
.reveal{
  transition-duration:1.45s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
}
@media(max-width:760px){
  .section-reveal.from-left{transform:translate3d(-22px,0,0)!important;}
  .section-reveal.from-right{transform:translate3d(22px,0,0)!important;}
  .section-reveal.section-visible{transform:translate3d(0,0,0)!important;}
}

/* Imported iPhone scroll hero */
.ios-hero,
.ios-scene{
  background:#000;
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  overflow:hidden;
}
.ios-hero{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:84px 24px 40px;
}
.ios-eyebrow{
  font-size:11px;
  letter-spacing:.45em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin:0 0 14px;
  font-weight:600;
}
.ios-hero h1{
  margin:0;
  font-size:clamp(48px,7vw,92px);
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.035em;
  color:#fff;
}
.ios-grad{
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.45));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ios-sub{
  margin:20px auto 0;
  max-width:28rem;
  font-size:15px;
  line-height:1.5;
  color:rgba(255,255,255,.62);
}
.ios-scroll-hint{
  margin-top:56px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.45);
}
.ios-scroll-hint span:first-child{
  font-size:10px;
  letter-spacing:.35em;
  text-transform:uppercase;
}
.ios-scroll-line{
  width:1px;
  height:42px;
  background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);
  animation:iosPulse 2s infinite;
}
@keyframes iosPulse{0%,100%{opacity:1}50%{opacity:.25}}
.ios-scene{
  position:relative;
  height:100svh;
  width:100%;
  padding:0;
}
.ios-scene-glow,
.ios-scene::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center,rgba(120,140,200,.12),transparent 60%);
  pointer-events:none;
}
.ios-phones{position:absolute;inset:0;z-index:1;}
.ios-phone{
  position:absolute;
  left:50%;
  top:55%;
  height:62svh;
  width:auto;
  max-width:min(86vw,640px);
  transform:translate(-50%,-50%);
  will-change:transform,opacity;
  filter:drop-shadow(0 40px 70px rgba(0,0,0,.75));
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.ios-captions{position:absolute;inset:0;z-index:2;pointer-events:none;}
.ios-caption{
  position:absolute;
  left:0;
  right:0;
  top:6%;
  padding:0 28px;
  text-align:center;
  opacity:0;
}
.ios-caption .ios-eyebrow{margin-bottom:10px;letter-spacing:.5em;}
.ios-caption h2{
  margin:0;
  font-size:clamp(36px,5vw,72px);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.1;
  color:#fff;
}
.ios-caption p:not(.ios-eyebrow){
  margin:12px auto 0;
  max-width:22rem;
  font-size:14px;
  line-height:1.5;
  color:rgba(255,255,255,.62);
}
@media(max-width:760px){
  .ios-hero{padding:76px 18px 34px;}
  .ios-hero h1{font-size:clamp(44px,13vw,64px);}
  .ios-sub{font-size:14px;max-width:21rem;}
  .ios-phone{height:58svh;max-width:94vw;top:58%;}
  .ios-caption{top:7%;padding:0 20px;}
  .ios-caption h2{font-size:clamp(34px,10vw,48px);}
}
@media(prefers-reduced-motion:reduce){
  .ios-scroll-line{animation:none;}
  .ios-caption{opacity:1;position:relative;top:auto;margin:22px 0;}
  .ios-captions{position:absolute;top:8%;bottom:auto;}
  #cap2,#cap3{display:none;}
}


/* Hero imported phone images update */
.ios-phone{
  object-fit:contain!important;
  object-position:center!important;
}
#phoneFront{
  height:min(68svh,780px)!important;
}
#phoneBack{
  height:min(70svh,820px)!important;
}
@media(max-width:560px){
  #phoneFront{height:58svh!important;}
  #phoneBack{height:60svh!important;}
}


/* Final hero background image + app-font order section update */
.ios-hero{
  position:relative!important;
  isolation:isolate!important;
}
.ios-hero-bg-phone{
  position:absolute!important;
  left:50%!important;
  top:49%!important;
  height:min(74svh,820px)!important;
  width:auto!important;
  max-width:88vw!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%) rotate(-4deg)!important;
  opacity:.36!important;
  z-index:0!important;
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.9))!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.ios-hero-vignette{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at center,rgba(0,0,0,.04),rgba(0,0,0,.62) 62%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.35));
}
.ios-hero > :not(.ios-hero-bg-phone):not(.ios-hero-vignette){
  position:relative!important;
  z-index:2!important;
}
.how-order-shot,
.order-heading,
.order-step h3,
.order-pill{
  font-family:'Instrument Serif',Georgia,serif!important;
}
.order-heading{
  font-weight:400!important;
  letter-spacing:-.035em!important;
}
.order-step h3{
  font-weight:400!important;
  font-size:clamp(30px,3vw,42px)!important;
}
.order-pill{
  font-size:22px!important;
  letter-spacing:.22em!important;
  font-weight:400!important;
}
@media(max-width:760px){
  .ios-hero-bg-phone{
    top:38%!important;
    height:48svh!important;
    max-width:96vw!important;
    opacity:.32!important;
    transform:translate(-50%,-50%) rotate(-3deg)!important;
  }
  .ios-hero{
    justify-content:center!important;
    padding-top:70px!important;
  }
  .ios-hero h1,
  .ios-hero .ios-sub,
  .ios-scroll-hint{
    text-shadow:0 3px 22px rgba(0,0,0,.78)!important;
  }
  .order-pill{font-size:17px!important;letter-spacing:.18em!important;}
  .order-step h3{font-size:30px!important;}
}


/* Hero phone placed below intro text */
.ios-hero{
  min-height:auto!important;
  padding:96px 24px 72px!important;
  justify-content:flex-start!important;
}
.ios-hero-bg-phone{display:none!important;}
.ios-hero-bottom-phone{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:auto!important;
  height:min(62svh,760px)!important;
  max-width:min(82vw,620px)!important;
  margin:38px auto 0!important;
  object-fit:contain!important;
  opacity:.96!important;
  filter:drop-shadow(0 42px 80px rgba(0,0,0,.86))!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.ios-hero-vignette{
  background:radial-gradient(ellipse at center,rgba(255,255,255,.035),rgba(0,0,0,.35) 58%,#000 100%)!important;
}
.ios-hero > :not(.ios-hero-vignette){position:relative!important;z-index:2!important;}
@media(max-width:760px){
  .ios-hero{padding:82px 18px 48px!important;}
  .ios-scroll-hint{margin-top:44px!important;}
  .ios-hero-bottom-phone{
    height:46svh!important;
    max-width:96vw!important;
    margin-top:30px!important;
  }
}
@media(max-width:420px){
  .ios-hero-bottom-phone{height:42svh!important;max-width:100vw!important;}
}


/* Final fix: hero image first, words below image */
.ios-hero{
  min-height:100svh!important;
  justify-content:center!important;
  padding:82px 24px 54px!important;
}
.ios-hero-bottom-phone{
  order:0!important;
  height:min(48svh,620px)!important;
  max-width:min(84vw,520px)!important;
  margin:0 auto 28px!important;
}
.ios-hero .ios-eyebrow{order:1!important;margin-top:0!important;}
.ios-hero h1{order:2!important;}
.ios-hero .ios-sub{order:3!important;}
.ios-hero .ios-scroll-hint{order:4!important;margin-top:34px!important;}
@media(max-width:760px){
  .ios-hero{padding:72px 18px 38px!important;min-height:100svh!important;}
  .ios-hero-bottom-phone{height:39svh!important;max-width:92vw!important;margin:0 auto 24px!important;}
  .ios-hero .ios-scroll-hint{margin-top:28px!important;}
}
@media(max-width:420px){
  .ios-hero-bottom-phone{height:36svh!important;max-width:94vw!important;}
  .ios-hero h1{font-size:clamp(40px,12vw,54px)!important;}
}

/* FINAL MOBILE PRODUCTS FIX */
@media(max-width:760px){
  html,body{overflow-x:hidden!important;}
  .ios-scene{height:82svh!important;min-height:560px!important;}
  .collection,
  .collection.section-reveal,
  .collection.section-reveal.from-left,
  .collection.section-reveal.from-right{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  #productGrid,
  .product-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    opacity:1!important;
    visibility:visible!important;
    min-height:0!important;
  }
  #productGrid .product,
  .product-grid .product,
  #productGrid .product.card-reveal,
  #productGrid .product.card-visible,
  .product-grid .product.card-reveal,
  .product-grid .product.card-visible{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    position:relative!important;
  }
  .product-media,
  .product-info,
  .product-media img{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .product-info{display:block!important;}
  .product-media img{display:block!important;max-width:180px!important;width:58%!important;height:auto!important;margin:auto!important;}
}

/* === UPLOADED BASE FINAL FIXES === */
@media(max-width:760px){
  .topbar{height:50px!important;background:rgba(245,245,245,.78)!important;backdrop-filter:blur(22px) saturate(180%)!important;-webkit-backdrop-filter:blur(22px) saturate(180%)!important;}
  .nav{height:50px!important;padding:0 6px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:0!important;}
  .nav-left{display:none!important;}
  .nav-right{order:1!important;margin:0!important;margin-right:auto!important;display:flex!important;align-items:center!important;gap:2px!important;}
  .nav-right .whatsapp{display:none!important;}
  .brand{order:3!important;position:static!important;left:auto!important;transform:none!important;margin-left:auto!important;margin-right:7px!important;font-size:14px!important;line-height:1!important;text-align:right!important;white-space:nowrap!important;}
  .menu-btn{order:0!important;margin:0!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.45)!important;color:#000!important;box-shadow:0 14px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.52)!important;backdrop-filter:blur(80px) saturate(220%)!important;-webkit-backdrop-filter:blur(80px) saturate(220%)!important;}
  .cart-icon{order:1!important;margin:0!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;color:#000!important;}
  .cart-count{top:1px!important;right:1px!important;min-width:15px!important;height:15px!important;font-size:9px!important;}
}

/* Liquid glass mobile menu: not white, with full-page blur behind it */
@media(max-width:760px){
  body.menu-is-open::before{content:""!important;position:fixed!important;inset:0!important;z-index:86!important;background:rgba(0,0,0,.18)!important;backdrop-filter:blur(80px) saturate(170%)!important;-webkit-backdrop-filter:blur(80px) saturate(170%)!important;pointer-events:auto!important;}
  .mobile-panel{z-index:130!important;position:fixed!important;top:58px!important;left:10px!important;right:10px!important;width:auto!important;max-width:calc(100vw - 20px)!important;border-radius:28px!important;padding:13px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(24,24,24,.46),rgba(255,255,255,.10))!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 34px 95px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(80px) saturate(225%)!important;-webkit-backdrop-filter:blur(80px) saturate(225%)!important;}
  .mobile-panel::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.38),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;pointer-events:none!important;}
  .mobile-panel a{position:relative!important;z-index:1!important;color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;margin:6px 0!important;padding:16px 17px!important;text-shadow:0 1px 12px rgba(0,0,0,.32)!important;}
}

/* Cart blur on mobile: blur page behind drawer, do not hide it */
.cart-overlay{background:rgba(0,0,0,.14)!important;backdrop-filter:blur(80px) saturate(165%)!important;-webkit-backdrop-filter:blur(80px) saturate(165%)!important;}
.cart-drawer{background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.66))!important;backdrop-filter:blur(80px) saturate(190%)!important;-webkit-backdrop-filter:blur(80px) saturate(190%)!important;}

/* Lock scroll while overlays are open, without moving user back to the hero */
html.menu-is-open,body.menu-is-open,html.cart-is-open,body.cart-is-open{overflow:hidden!important;overscroll-behavior:contain!important;touch-action:none!important;}
body.menu-is-open,body.cart-is-open{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;}

/* Keep the mobile hero scroll space, but make the whole area black so no white gap appears */
.ios-hero,.ios-scene{background:#000!important;}
@media(max-width:760px){
  .ios-hero{background:#000!important;min-height:100svh!important;}
  .ios-scene{display:block!important;background:#000!important;height:100svh!important;min-height:720px!important;margin:0!important;padding:0!important;overflow:hidden!important;}
  .ios-scene + .category-intro{margin-top:-1px!important;}
  main{background:#000!important;}
  .category-intro,.how-order,.collection,.details,.trade,.prefooter,.footer{position:relative!important;z-index:1!important;}
}

/* Products must always appear on mobile */
@media(max-width:760px){
  #collection,.collection{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;background:var(--gray3)!important;}
  #productGrid,.product-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;opacity:1!important;visibility:visible!important;min-height:200px!important;}
  #productGrid .product,.product-grid .product{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;position:relative!important;}
  .product-media,.product-info{visibility:visible!important;opacity:1!important;}
}

/* Disabled checkout state */
#checkoutBtn.is-disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:auto!important;background:#777!important;border-color:#777!important;color:#fff!important;}