/** Shopify CDN: Minification failed

Line 2577:21 Unexpected "/"

**/
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.drawer-open,body.menu-open{overflow:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;padding:.8rem 1rem;border-radius:var(--radius-button);background:var(--color-text);color:#fff}.skip-link:focus{top:16px}.page-width{width:min(calc(100% - 32px),var(--page-width));margin-inline:auto}.section{padding-block:var(--section-spacing)}.section--soft{background:var(--color-bg-soft)}.section--bordered{border-block:1px solid var(--color-border)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rte>*:first-child{margin-top:0}.rte>*:last-child{margin-bottom:0}.eyebrow{display:inline-flex;gap:.45rem;align-items:center;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:760;color:var(--color-accent)}.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}.display-title,.h1,.h2,.h3,h1,h2,h3{font-family:var(--font-heading);line-height:.98;letter-spacing:-.055em;margin:0}.display-title{font-size:clamp(3.3rem,10vw,9.8rem);font-weight:620}.h1,h1{font-size:clamp(2.6rem,6vw,6.2rem);font-weight:620}.h2,h2{font-size:clamp(2rem,4.2vw,4.5rem);font-weight:620}.h3,h3{font-size:clamp(1.3rem,2.3vw,2.35rem);font-weight:620}.lede{font-size:clamp(1.05rem,1.5vw,1.35rem);color:var(--color-muted);line-height:1.55}.muted{color:var(--color-muted)}.subtle{font-size:.92rem;color:var(--color-muted)}.button,.shopify-payment-button__button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.9rem 1.35rem;border:1px solid transparent;border-radius:var(--radius-button);background:var(--color-accent);color:#fff;font-weight:760;letter-spacing:.01em;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.button:hover,.shopify-payment-button__button:hover{background:var(--color-accent-hover);color:#fff;box-shadow:0 10px 30px rgba(111,86,54,.16)}.button:active{transform:translateY(1px)}.button[disabled]{opacity:.45;cursor:not-allowed}.button--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button--secondary:hover{background:rgba(255,255,255,.55);color:var(--color-text);border-color:var(--color-accent);box-shadow:none}.button--text{background:transparent;color:var(--color-text);border:0;padding:.25rem 0;min-height:auto;border-radius:0}.button--full{width:100%}.input,.field__input,input[type="email"],input[type="text"],input[type="password"],input[type="search"],select,textarea{width:100%;min-height:50px;border:1px solid var(--color-border);border-radius:var(--radius-button);background:rgba(255,255,255,.74);padding:.85rem 1rem}.input:focus,.field__input:focus,input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--color-border);border-radius:999px;padding:.32rem .68rem;font-size:.72rem;font-weight:720;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);background:rgba(255,255,255,.62);backdrop-filter:blur(8px)}.media{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-bg-soft),#fff);border-radius:var(--radius-card)}.media::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(227,221,212,.7);border-radius:inherit}.media--square{aspect-ratio:1/1}.media--portrait{aspect-ratio:4/5}.media--wide{aspect-ratio:16/9}.media--hero{aspect-ratio:5/6}.media img,.media svg,.media video{width:100%;height:100%;object-fit:cover}.placeholder-svg{width:100%;height:100%;fill:var(--color-border);background:linear-gradient(135deg,var(--color-bg-soft),#fff)}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.section-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.1rem}.section-header__copy{max-width:800px}.section-header .h2{margin:.7rem 0 .8rem}.section-header p{margin:0}.text-center{text-align:center}.centered{max-width:820px;margin-inline:auto}.gradient-panel{background:radial-gradient(circle at 20% 20%,rgba(139,111,71,.18),transparent 34%),linear-gradient(135deg,var(--color-bg-soft),rgba(255,255,255,.55));border:1px solid var(--color-border);border-radius:calc(var(--radius-card) + 10px)}

.announcement{background:var(--color-text);color:#fff;font-size:.82rem}.announcement__inner{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:.45rem 1rem}.site-header{position:sticky;top:0;z-index:60;background:rgba(250,248,245,.9);backdrop-filter:saturate(155%) blur(18px);border-bottom:1px solid rgba(227,221,212,.75)}.header__inner{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.header__logo{font-family:var(--font-heading);font-size:1.55rem;line-height:1;font-weight:700;letter-spacing:-.05em;text-align:center}.header__logo img{max-height:42px;width:auto}.header__nav{display:flex;align-items:center;gap:1.32rem}.header__nav a{font-size:.93rem;color:var(--color-muted);font-weight:610}.header__nav a:hover{color:var(--color-text)}.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.icon-button{display:inline-flex;align-items:center;gap:.45rem;border:0;background:transparent;padding:.55rem;border-radius:999px}.icon-button:hover{background:rgba(255,255,255,.55);color:var(--color-text)}.mobile-menu-toggle{display:none}.mobile-nav{display:none;border-top:1px solid var(--color-border);padding:1rem 0}.mobile-nav a{display:block;padding:.9rem 0;color:var(--color-text);font-weight:660}.mobile-nav.is-open{display:block}.search-form{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.72);max-width:280px}.search-form input{min-height:42px;border:0;background:transparent;padding:.55rem .85rem}.search-form button{border:0;background:transparent;padding:.55rem .9rem;color:var(--color-muted)}.mega-panel{position:absolute;left:0;right:0;top:100%;background:rgba(250,248,245,.97);border-bottom:1px solid var(--color-border);box-shadow:0 24px 60px rgba(23,23,23,.08);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}.has-mega:hover .mega-panel,.has-mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}.mega-panel__inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem;padding:1.5rem 0}.mega-card{display:block;padding:1rem;border:1px solid var(--color-border);border-radius:18px;background:#fff}.mega-list a{display:block;padding:.35rem 0;color:var(--color-muted)}

.hero-impact{position:relative;overflow:hidden;padding:clamp(38px,6vw,82px) 0}.hero-impact__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:3rem;align-items:center}.hero-impact__copy{max-width:880px}.hero-impact .display-title{margin:.75rem 0 1.2rem}.hero-impact__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-impact__media-wrap{position:relative}.hero-impact__media{min-height:620px;border-radius:30px;box-shadow:0 28px 70px rgba(23,23,23,.09)}.hero-impact__floating{position:absolute;left:-24px;bottom:36px;max-width:260px;padding:1rem;border:1px solid var(--color-border);border-radius:20px;background:rgba(250,248,245,.88);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(23,23,23,.09)}.impact-wordmark{position:absolute;right:-.06em;bottom:-.25em;z-index:-1;font-family:var(--font-heading);font-size:clamp(7rem,18vw,18rem);line-height:.8;color:rgba(139,111,71,.08);letter-spacing:-.08em;pointer-events:none}.parallax-media img{transform:scale(1.06);will-change:transform}.trust-strip{border-block:1px solid var(--color-border);background:rgba(255,255,255,.28)}.trust-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 0}.trust-item{display:flex;align-items:center;gap:.68rem;color:var(--color-muted);font-size:.94rem}.trust-item .icon{width:22px;height:22px;color:var(--color-accent);flex:0 0 auto}.collection-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.collection-card{display:flex;flex-direction:column;min-height:100%;background:rgba(255,255,255,.52);border:1px solid var(--color-border);border-radius:22px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.collection-card:hover{transform:translateY(-3px);border-color:rgba(139,111,71,.42);box-shadow:0 18px 52px rgba(23,23,23,.07);color:var(--color-text)}.collection-card__content{padding:1.15rem}.collection-card__content p{margin:.35rem 0 0;color:var(--color-muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.product-card{position:relative}.product-card__media{border-radius:20px;overflow:hidden;background:var(--color-bg-soft);border:1px solid var(--color-border)}.product-card__media img{transition:transform .45s ease}.product-card:hover .product-card__media img{transform:scale(1.035)}.product-card__badge{position:absolute;z-index:2;top:.72rem;left:.72rem}.product-card__info{padding:.9rem .15rem 0}.product-card__title{font-weight:760;line-height:1.25}.product-card__benefit{margin:.22rem 0 0;color:var(--color-muted);font-size:.9rem}.product-card__row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.45rem}.price{font-weight:760}.price--compare{text-decoration:line-through;color:var(--color-muted);font-weight:500;margin-left:.35rem}.quick-add{margin-top:.85rem}.rating{display:flex;align-items:center;gap:.35rem;color:var(--color-accent);font-size:.85rem}.bundle-highlight{display:grid;grid-template-columns:1fr 1.1fr;gap:1.7rem;align-items:center;padding:clamp(1rem,2vw,1.8rem)}.bundle-highlight__copy{padding:clamp(1rem,3vw,3rem)}.bundle-highlight__copy .h2{margin:.7rem 0 1rem}.bundle-list{display:grid;gap:.75rem;margin:1.4rem 0}.bundle-list__item{display:flex;gap:.65rem;align-items:center;color:var(--color-muted)}.bundle-list__item::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.process-card{padding:1.35rem;border:1px solid var(--color-border);border-radius:22px;background:rgba(255,255,255,.46)}.process-card__num{font-family:var(--font-heading);font-size:2.6rem;line-height:1;color:rgba(139,111,71,.32);margin-bottom:.85rem}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:center}.story-panel{padding:clamp(1.2rem,4vw,4rem)}.marquee{overflow:hidden;border-block:1px solid var(--color-border);background:rgba(255,255,255,.28)}.marquee__track{display:flex;gap:3rem;align-items:center;white-space:nowrap;padding:1rem 0;animation:marquee 24s linear infinite}.marquee__item{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,3rem);color:rgba(23,23,23,.28);letter-spacing:-.04em}@keyframes marquee{to{transform:translateX(-50%)}}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.testimonial{padding:1.4rem;border:1px solid var(--color-border);border-radius:22px;background:rgba(255,255,255,.5)}.testimonial blockquote{margin:0;font-family:var(--font-heading);font-size:1.35rem;line-height:1.18;letter-spacing:-.035em}.testimonial cite{display:block;margin-top:1.1rem;font-style:normal;color:var(--color-muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.guide-card{display:block;border:1px solid var(--color-border);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.5)}.guide-card__content{padding:1.1rem}.newsletter-panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:clamp(1.4rem,4vw,4rem)}.newsletter-form{display:flex;gap:.7rem}.newsletter-form input{background:#fff}.footer{border-top:1px solid var(--color-border);padding:54px 0 28px;background:var(--color-bg-soft)}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}.footer__brand .h3{margin-bottom:.6rem}.footer h2,.footer h3{font-size:1rem;font-family:var(--font-body);letter-spacing:0}.footer a{display:block;color:var(--color-muted);padding:.25rem 0}.footer__bottom{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.9rem}

.breadcrumbs{font-size:.86rem;color:var(--color-muted);padding-top:1rem}.product{padding:2rem 0 var(--section-spacing)}.product__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:2.4rem;align-items:start}.product__media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product__summary{position:sticky;top:105px;padding:1.25rem;border:1px solid var(--color-border);border-radius:24px;background:rgba(255,255,255,.48);backdrop-filter:blur(16px)}.product__title{margin:.55rem 0 .7rem}.product__benefit{font-size:1.08rem;color:var(--color-muted);margin:0 0 .9rem}.product__price{font-size:1.2rem;margin:.8rem 0 1rem}.product-form{display:grid;gap:1rem}.selector-label{display:block;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;font-weight:760;color:var(--color-muted);margin-bottom:.35rem}.quantity{display:flex;align-items:center;width:max-content;border:1px solid var(--color-border);border-radius:999px;overflow:hidden;background:#fff}.quantity button{width:42px;height:42px;border:0;background:transparent}.quantity input{width:52px;border:0;text-align:center;min-height:42px;background:transparent}.shipping-note{margin:1rem 0;padding:1rem;border:1px solid var(--color-border);border-radius:18px;background:rgba(255,255,255,.58)}.shipping-note strong{display:block;margin-bottom:.35rem}.trust-list{display:grid;gap:.55rem;margin:1rem 0}.trust-list__item{display:flex;align-items:center;gap:.55rem;color:var(--color-muted);font-size:.93rem}.trust-list__item::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(62,107,79,.12);color:var(--color-success);font-weight:800}.accordion{margin-top:1rem;border-top:1px solid var(--color-border)}.accordion details{border-bottom:1px solid var(--color-border)}.accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-weight:760}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:"+";font-size:1.2rem;color:var(--color-accent)}.accordion details[open] summary::after{content:"–"}.accordion__content{padding:0 0 1rem;color:var(--color-muted)}.sticky-atc{display:none}.recommendations{padding-top:0}.collection-hero{padding:3.2rem 0 2rem}.collection-hero__inner{display:grid;grid-template-columns:1fr .6fr;gap:2rem;align-items:end}.benefit-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem}.filter-form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.filter-group{position:relative}.filter-group details{position:relative}.filter-group summary{list-style:none;border:1px solid var(--color-border);border-radius:999px;background:rgba(255,255,255,.55);padding:.55rem .9rem;cursor:pointer}.filter-group summary::-webkit-details-marker{display:none}.filter-panel{position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:220px;padding:1rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);box-shadow:0 16px 44px rgba(23,23,23,.11)}.filter-panel label{display:flex;gap:.5rem;align-items:center;padding:.25rem 0;color:var(--color-muted)}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--color-border);border-radius:999px}.page-template{padding:3rem 0 var(--section-spacing);max-width:900px;margin-inline:auto}.page-template .h1{margin-bottom:1.5rem}.faq-list{display:grid;gap:.75rem}.contact-form{display:grid;gap:1rem;margin-top:1.5rem}.blog-grid,.search-grid,.list-collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.article-card,.collection-tile{border:1px solid var(--color-border);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.52)}.article-card__content,.collection-tile__content{padding:1rem}.cart-page{padding:3rem 0 var(--section-spacing)}.cart-line{display:grid;grid-template-columns:96px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border)}.cart-summary{max-width:440px;margin-left:auto;margin-top:1.5rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:22px;background:rgba(255,255,255,.55)}.drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(23,23,23,.32);opacity:0;visibility:hidden;transition:.2s ease}.drawer{position:fixed;top:0;right:0;z-index:100;width:min(465px,100vw);height:100vh;background:var(--color-bg);box-shadow:-24px 0 70px rgba(23,23,23,.16);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}.drawer-open .drawer,.drawer.is-open{transform:translateX(0)}.drawer-open .drawer-backdrop,.drawer-backdrop.is-open{opacity:1;visibility:visible}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border)}.drawer__body{padding:1rem;overflow:auto;flex:1}.drawer__footer{padding:1rem;border-top:1px solid var(--color-border);background:rgba(255,255,255,.45)}.drawer-line{display:grid;grid-template-columns:78px 1fr;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.drawer-line__meta{display:flex;justify-content:space-between;gap:1rem}.free-shipping{border:1px solid var(--color-border);border-radius:16px;background:rgba(255,255,255,.58);padding:.9rem;margin-bottom:1rem}.free-shipping__bar{height:7px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-top:.65rem}.free-shipping__bar span{display:block;height:100%;width:var(--progress,0%);background:var(--color-accent)}.localization-form{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.localization-form select{min-height:40px;padding:.45rem .7rem}.password-wrap{min-height:100vh;display:grid;place-items:center}.password-card{max-width:620px;text-align:center}.field-row{display:flex;gap:.7rem;margin-top:1.25rem}

.animate-in{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.animate-in.is-visible{opacity:1;transform:translateY(0)}
@media (max-width: 1080px){:root{--section-spacing:64px}.hero-impact__grid,.product__grid,.bundle-highlight,.story-grid,.newsletter-panel,.collection-hero__inner{grid-template-columns:1fr}.hero-impact__media{min-height:440px}.hero-impact__floating{left:18px;bottom:18px}.product__summary{position:static}.header__nav,.search-form{display:none}.mobile-menu-toggle{display:inline-flex}.header__inner{grid-template-columns:auto 1fr auto}.header__logo{text-align:left}.trust-strip__grid,.collection-cards,.product-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__grid{grid-template-columns:1fr 1fr}.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(250,248,245,.95);backdrop-filter:blur(16px);border-top:1px solid var(--color-border);padding:.75rem 1rem;display:block}body.template-product{padding-bottom:78px}}
@media (max-width: 680px){.page-width{width:min(calc(100% - 28px),var(--page-width))}.display-title{font-size:clamp(3rem,16vw,4.6rem)}.h1,h1{font-size:clamp(2.45rem,13vw,3.7rem)}.section-header{display:block}.grid--2,.grid--3,.grid--4,.trust-strip__grid,.collection-cards,.product-grid,.process-grid,.testimonial-grid,.guide-grid,.blog-grid,.search-grid,.list-collections-grid{grid-template-columns:1fr}.product-grid--mobile-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.product__media-grid{grid-template-columns:1fr}.newsletter-form,.hero-impact__actions,.field-row{display:grid}.footer__grid{grid-template-columns:1fr}.footer__bottom{display:block}.cart-line{grid-template-columns:72px 1fr}.collection-toolbar{display:block}.filter-form{margin-top:1rem}.drawer{width:100vw}.mega-panel{display:none}.marquee__track{animation-duration:18s}.hero-impact__floating{position:static;margin-top:.85rem;max-width:none}.hero-impact__media{min-height:auto}.media--hero{aspect-ratio:4/5}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.parallax-media img{transform:none!important}.marquee__track{animation:none!important}.animate-in{opacity:1;transform:none}}

/* Impact-inspired premium production sections */
.impact-slider{position:relative;overflow:hidden;background:var(--color-bg)}.impact-slider__viewport{position:relative;min-height:var(--slide-min-height);isolation:isolate}.impact-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}.impact-slide.is-active{opacity:1;visibility:visible;z-index:1}.impact-slide__bg{position:absolute;inset:0;z-index:-2;background:var(--color-bg-soft)}.impact-slide__bg img,.impact-slide__bg svg{width:100%;height:100%;object-fit:cover}.impact-slide__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,248,245,.96) 0%,rgba(250,248,245,.78) 42%,rgba(250,248,245,.18) 100%)}.section--deep .impact-slide__overlay{background:linear-gradient(90deg,rgba(23,23,23,.72),rgba(23,23,23,.22))}.section--deep .impact-slide__panel,.section--deep .lede,.section--deep .eyebrow{color:#fff}.section--deep .button--secondary{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}.impact-slide__content{min-height:var(--slide-min-height);display:flex;align-items:center}.impact-slide__content--left{justify-content:flex-start}.impact-slide__content--center{justify-content:center;text-align:center}.impact-slide__content--right{justify-content:flex-end}.impact-slide__panel{max-width:min(880px,100%);padding-block:4rem}.impact-slide__panel .display-title{margin:.7rem 0 1rem}.impact-slide__word{position:absolute;right:-.05em;bottom:-.22em;font-family:var(--font-heading);font-size:clamp(7rem,22vw,21rem);line-height:.8;letter-spacing:-.08em;color:rgba(139,111,71,.11);pointer-events:none;z-index:0}.impact-slider__controls{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:5;display:flex;gap:.55rem}.impact-slider__dot{width:42px;height:4px;border:0;border-radius:99px;background:rgba(23,23,23,.22);padding:0}.impact-slider__dot.is-active{background:var(--color-accent)}
.rich-impact__inner{max-width:980px;margin-inline:auto;text-align:center}.rich-impact__inner .h1{margin:.7rem 0 1rem}.rich-impact__inner .button{margin-top:1.5rem}.section--wide .rich-impact__inner{max-width:1180px;text-align:left}.promo-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.promo-tile{position:relative;display:block;border-radius:calc(var(--radius-card) + 8px);overflow:hidden;min-height:520px;background:var(--color-bg-soft);color:#fff;isolation:isolate}.promo-tile:hover{color:#fff}.promo-tile__media{position:absolute;inset:0;border-radius:0}.promo-tile__media::after{display:none}.promo-tile__media img,.promo-tile__media svg{width:100%;height:100%;object-fit:cover}.promo-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,23,23,.08),rgba(23,23,23,.7));z-index:1}.promo-tile__content{position:absolute;inset:auto 0 0 0;z-index:2;padding:1.3rem}.promo-tile__content .h3,.promo-tile__content h3{margin:.8rem 0 .35rem}.promo-tile__content p{margin:0 0 1rem;color:rgba(255,255,255,.82)}.promo-tile__content .button{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.42);backdrop-filter:blur(8px)}.media-grid--impact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:1.15rem}.media-grid__item{position:relative;border:1px solid var(--color-border);border-radius:calc(var(--radius-card) + 6px);overflow:hidden;background:rgba(255,255,255,.48)}.media-grid__item--wide{grid-column:span 2}.media-grid__item--tall{grid-row:span 2}.media-grid__caption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(250,248,245,.82);backdrop-filter:blur(14px)}.media-grid__caption h3{margin:.35rem 0 .2rem}.media-grid__caption p{margin:0;color:var(--color-muted);font-size:.92rem}.before-after__grid,.hotspot__grid,.collapsible__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2rem;align-items:center}.before-after{position:relative}.before-after__media{position:relative;overflow:hidden}.before-after__after{position:absolute;inset:0;clip-path:polygon(0 0,var(--position) 0,var(--position) 100%,0 100%)}.before-after__after img,.before-after__after svg{width:100%;height:100%;object-fit:cover}.before-after__range{width:100%;margin-top:1rem;accent-color:var(--color-accent)}.before-after__label{position:absolute;top:1rem;padding:.32rem .62rem;border-radius:999px;background:rgba(250,248,245,.86);border:1px solid var(--color-border);font-size:.76rem;font-weight:760;text-transform:uppercase;letter-spacing:.08em}.before-after__label.before{left:1rem}.before-after__label.after{right:1rem}.hotspot__image{overflow:visible}.hotspot{position:absolute;left:var(--x);top:var(--y);z-index:5}.hotspot__button{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:var(--color-accent);color:#fff;box-shadow:0 10px 30px rgba(23,23,23,.16)}.hotspot__card{position:absolute;left:42px;top:50%;transform:translateY(-50%);width:220px;padding:.9rem;border:1px solid var(--color-border);border-radius:16px;background:rgba(250,248,245,.92);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(23,23,23,.12);opacity:0;visibility:hidden;transition:.18s ease}.hotspot:hover .hotspot__card,.hotspot:focus-within .hotspot__card{opacity:1;visibility:visible}.hotspot__card p{margin:.25rem 0 .45rem;color:var(--color-muted);font-size:.9rem}.hotspot__card a{font-weight:760;color:var(--color-accent)}.press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.press-card{padding:1.35rem;border:1px solid var(--color-border);border-radius:22px;background:rgba(255,255,255,.52)}.press-card img{max-height:42px;object-fit:contain;margin:0 auto 1rem}.press-card__name{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:-.05em;margin-bottom:.8rem}.press-card p{color:var(--color-muted);margin:0}.collection-tabs__nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.35rem}.collection-tabs__button{border:1px solid var(--color-border);background:rgba(255,255,255,.54);border-radius:999px;padding:.72rem 1rem;font-weight:760;color:var(--color-muted)}.collection-tabs__button.is-active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.collection-tabs__panel{display:none}.collection-tabs__panel.is-active{display:block}.collapsible__grid .accordion{margin:0}.product__media-grid .media{cursor:zoom-in}.product__media-grid .media:hover img{transform:scale(1.02)}.header__nav .has-mega>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:.35rem;margin-bottom:.18rem}.mega-card:nth-child(1){background:radial-gradient(circle at 20% 20%,rgba(139,111,71,.18),transparent 35%),#fff}.impact-mini-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-muted);font-size:.85rem}.impact-mini-label::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--color-success)}
@media (max-width:1080px){.impact-slider__viewport,.impact-slide__content{min-height:min(760px,var(--slide-min-height))}.promo-tiles,.media-grid--impact,.press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.before-after__grid,.hotspot__grid,.collapsible__grid{grid-template-columns:1fr}.hotspot__card{left:auto;right:42px}}
@media (max-width:680px){.impact-slider__viewport,.impact-slide__content{min-height:660px}.impact-slide__overlay{background:linear-gradient(180deg,rgba(250,248,245,.96) 0%,rgba(250,248,245,.68) 48%,rgba(250,248,245,.2) 100%)}.impact-slide__panel{padding-block:3rem}.impact-slide__word{font-size:7rem}.promo-tiles,.media-grid--impact,.press-grid{grid-template-columns:1fr}.promo-tile{min-height:430px}.media-grid__item--wide,.media-grid__item--tall{grid-column:auto;grid-row:auto}.hotspot__card{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;transform:none;width:auto}.impact-slider__dot{width:28px}.collection-tabs__nav{overflow:auto;flex-wrap:nowrap;padding-bottom:.25rem}.collection-tabs__button{white-space:nowrap}}

/* Impact motion upgrade v4 */
.color-soft{background:var(--color-bg-soft)}
.color-warm{background:var(--color-bg)}
.text-reveal{--reveal-y:22px;opacity:0;transform:translateY(var(--reveal-y));transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.animate-in.is-visible .text-reveal,.text-reveal.is-visible,.is-visible.text-reveal{opacity:1;transform:translateY(0)}
.animate-in{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--delay,0s),transform .7s cubic-bezier(.22,1,.36,1) var(--delay,0s),filter .7s cubic-bezier(.22,1,.36,1) var(--delay,0s);filter:blur(4px)}
.animate-in.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
[data-stagger] .animate-in{transition-delay:var(--delay,0s)}
.site-header{transition:transform .28s ease,background .28s ease,box-shadow .28s ease}
.site-header.is-scrolled{box-shadow:0 14px 34px rgba(23,23,23,.055)}
.site-header.is-hidden{transform:translateY(-100%)}

.impact-motion-showcase{position:relative;overflow:hidden}.impact-motion-showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 20%,rgba(139,111,71,.13),transparent 34%),radial-gradient(circle at 5% 90%,rgba(139,111,71,.08),transparent 32%);pointer-events:none}.impact-motion-showcase__grid{position:relative;display:grid;grid-template-columns:minmax(0,0.92fr) minmax(420px,1.08fr);gap:clamp(2rem,5vw,6rem);align-items:center;min-height:660px}.impact-motion-showcase__copy{max-width:760px}.impact-motion-showcase__copy .h1{margin:.9rem 0 1.1rem}.impact-motion-showcase__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.impact-motion-showcase__media-stack{position:relative;min-height:640px;perspective:1200px}.motion-card{position:absolute;border-radius:var(--radius-card);will-change:transform}.motion-card--primary{inset:0 8% 0 16%;box-shadow:0 28px 80px rgba(23,23,23,.12)}.motion-card--secondary{right:0;bottom:6%;width:min(46%,320px);box-shadow:0 24px 60px rgba(23,23,23,.1)}.motion-card--float{left:2%;bottom:18%;z-index:3;max-width:270px;padding:1.05rem 1.1rem;background:rgba(250,248,245,.86);border:1px solid rgba(227,221,212,.88);border-radius:22px;backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(23,23,23,.11)}.motion-card__label{font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.motion-card--float p{margin:0;color:var(--color-muted);font-size:.94rem}.impact-motion-showcase .media{height:100%}.impact-motion-showcase .media img,.impact-motion-showcase .media svg{height:100%;object-fit:cover}

.layered-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.layered-card{position:relative;min-height:560px;border-radius:calc(var(--radius-card) + 8px);overflow:hidden;color:#fff;background:var(--color-text);isolation:isolate}.layered-card:hover{color:#fff}.layered-card__media{position:absolute;inset:0;border-radius:0}.layered-card__media::after{border:0}.layered-card__media img,.layered-card__media svg{filter:saturate(.92);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease}.layered-card:hover .layered-card__media img{transform:scale(1.08);filter:saturate(1.02)}.layered-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,23,23,.08) 0%,rgba(23,23,23,.1) 38%,rgba(23,23,23,.74) 100%);z-index:1}.layered-card__overlay{position:absolute;inset:auto 0 0;z-index:2;padding:1.25rem}.layered-card__overlay .badge{background:rgba(250,248,245,.16);color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(12px)}.layered-card__overlay .h2{margin:.95rem 0 .55rem;font-size:clamp(2rem,3.4vw,3.9rem)}.layered-card__overlay p{max-width:380px;color:rgba(255,255,255,.84);margin:0}.layered-card__arrow{display:inline-flex;margin-top:1.15rem;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.09);transition:transform .25s ease,background .25s ease}.layered-card:hover .layered-card__arrow{transform:translateX(4px);background:rgba(255,255,255,.16)}

.sticky-story{overflow:clip}.sticky-story__grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,7rem);align-items:start}.sticky-story__media{position:sticky;top:110px}.sticky-story__media .media{min-height:680px}.sticky-story__content{padding-block:clamp(1rem,4vw,5rem)}.sticky-story__content .h1{margin:.9rem 0 2.2rem}.sticky-story__steps{display:grid;gap:1rem}.story-step{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:24px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px)}.story-step__number{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--color-text);color:#fff;font-size:.82rem;font-weight:760}.story-step h3{font-family:var(--font-heading);font-size:1.45rem;letter-spacing:-.035em;margin:0 0 .35rem}.story-step p{margin:0;color:var(--color-muted)}

.comparison-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding:clamp(1rem,3vw,2.2rem);border:1px solid var(--color-border);border-radius:calc(var(--radius-card) + 12px);background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(241,236,229,.7))}.comparison-panel__intro .h1{margin:.85rem 0 1rem}.comparison-table{border:1px solid var(--color-border);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.72)}.comparison-row{
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);
  border-top:1px solid var(--color-border);
}.comparison-row:first-child{border-top:0}.comparison-row>div{padding:1rem;border-left:1px solid var(--color-border)}.comparison-row>div:first-child{border-left:0}.comparison-row--head{background:var(--color-text);color:#fff;font-weight:780}.comparison-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:.55rem;border-radius:50%;background:rgba(62,107,79,.13);color:var(--color-success);font-weight:900}.comparison-muted{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:.55rem;color:var(--color-muted)}

.impact-metrics{background:var(--color-text);color:#fff}.impact-metrics__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12)}.impact-metric{padding:clamp(1.25rem,3vw,2.5rem);background:var(--color-text);text-align:center}.impact-metric__number{display:block;font-family:var(--font-heading);font-size:clamp(2.6rem,6vw,6rem);line-height:.92;letter-spacing:-.055em}.impact-metric__label{display:block;margin-top:.65rem;color:rgba(255,255,255,.7);font-weight:650}

.quick-add .button[aria-busy="true"],.product-form .button[aria-busy="true"]{position:relative;color:transparent}.quick-add .button[aria-busy="true"]::after,.product-form .button[aria-busy="true"]::after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;color:#fff;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media (hover:hover){.button:hover{transform:translateY(-1px)}.product-card:hover{z-index:2}.mega-card:hover{transform:translateY(-2px);transition:transform .2s ease}}
@media(max-width:989px){.impact-motion-showcase__grid,.sticky-story__grid,.comparison-panel{grid-template-columns:1fr;min-height:auto}.impact-motion-showcase__media-stack{min-height:560px}.motion-card--primary{inset:0 4% 8% 4%}.motion-card--secondary{width:42%;bottom:0}.motion-card--float{left:1rem;bottom:2rem}.layered-card-grid{grid-template-columns:1fr}.layered-card{min-height:440px}.sticky-story__media{position:relative;top:auto}.sticky-story__media .media{min-height:auto}.comparison-row{grid-template-columns:1fr}.comparison-row>div{border-left:0;border-top:1px solid var(--color-border)}.comparison-row>div:first-child{border-top:0}.impact-metrics__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.animate-in,.text-reveal{opacity:1;transform:none;filter:none;transition:none}.parallax-media img{transform:none!important}.site-header{transition:none}.layered-card__media img{transition:none!important}}
.product-card__rollover{position:absolute;inset:0;opacity:0;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1);transform:scale(1.025)}.product-card__rollover img{width:100%;height:100%;object-fit:cover}.product-card:hover .product-card__rollover{opacity:1;transform:scale(1)}

/* Luminlea trust strip - desktop grid + mobile auto-scroll */
.trust-strip {
  border-block: 1px solid var(--color-border);
  background: rgba(255, 255, 255, .28);
  overflow: hidden;
}

.trust-strip__viewport {
  overflow: visible;
}

.trust-strip__track {
  display: block;
}

.trust-strip__set--primary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem 0;
}

.trust-strip__set--duplicate {
  display: none;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: .68rem;
  color: var(--color-muted);
  font-size: .94rem;
  line-height: 1.2;
  white-space: nowrap;
}

.trust-item .icon {
  width: 22px;
  height: 22px;
  color: var(--color-accent);
  flex: 0 0 auto;
}

/* Mobile: horizontal auto-scroll */
@media (max-width: 749px) {
  .trust-strip {
    border-block: 1px solid var(--color-border);
  }

  .trust-strip__shell {
    width: 100%;
    max-width: none;
  }

  .trust-strip__viewport {
    overflow: hidden;
    width: 100%;
  }

  .trust-strip__track {
    display: flex;
    width: max-content;
    animation: luminleaTrustScroll var(--trust-scroll-speed, 22s) linear infinite;
    will-change: transform;
  }

  .trust-strip__set {
    display: flex !important;
    align-items: center;
    gap: .8rem;
    flex: 0 0 auto;
    padding: .9rem .4rem;
  }

  .trust-strip__set--primary {
    padding-left: 14px;
  }

  .trust-strip__set--duplicate {
    display: flex !important;
    padding-right: 14px;
  }

  .trust-item {
    flex: 0 0 auto;
    min-width: max-content;
    padding: .72rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .46);
    backdrop-filter: blur(10px);
    font-size: .95rem;
  }

  .trust-item .icon {
    width: 23px;
    height: 23px;
  }

  .trust-strip__viewport:active .trust-strip__track {
    animation-play-state: paused;
  }
}

@keyframes luminleaTrustScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .trust-strip__track {
    animation: none !important;
    transform: none !important;
  }

  .trust-strip__set--duplicate {
    display: none !important;
  }

  @media (max-width: 749px) {
    .trust-strip__viewport {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .trust-strip__viewport::-webkit-scrollbar {
      display: none;
    }

    .trust-strip__set--primary {
      display: flex !important;
      width: max-content;
      padding-inline: 14px;
    }
  }
}

/* Luminlea sticky story - desktop parallax, mobile static compact */
.section.is-visible .text-reveal,
.sticky-story.is-visible .text-reveal {
  opacity: 1;
  transform: translateY(0);
}

/* Desktop: keep Impact-style sticky/parallax behavior */
@media (min-width: 990px) {
  .sticky-story--impact .sticky-story__grid {
    align-items: start;
  }

  .sticky-story--impact .sticky-story__media {
    position: sticky;
    top: 110px;
  }

  .sticky-story--impact .sticky-story__media .media {
    min-height: 680px;
  }
}

/* Tablet and mobile: disable sticky behavior */
@media (max-width: 989px) {
  .sticky-story--impact {
    overflow: hidden;
  }

  .sticky-story--impact .sticky-story__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
    min-height: auto;
  }

  .sticky-story--impact .sticky-story__media {
    position: relative;
    top: auto;
  }

  .sticky-story--impact .sticky-story__media .media {
    min-height: 0;
  }

  .sticky-story--impact .parallax-media img {
    transform: none !important;
  }

  .sticky-story--impact .sticky-story__content {
    padding-block: 0;
  }

  .sticky-story--impact .sticky-story__content .h1 {
    margin: .75rem 0 1.35rem;
  }
}

/* Phone-specific compact layout */
@media (max-width: 749px) {
  .sticky-story--impact.section {
    padding-block: 42px;
  }

  .sticky-story--impact .page-width {
    width: min(calc(100% - 28px), var(--page-width));
  }

  .sticky-story--impact .sticky-story__grid {
    gap: 1.35rem;
  }

  .sticky-story--impact .sticky-story__media {
    margin-bottom: .35rem;
  }

  .sticky-story--impact .sticky-story__media .media {
    aspect-ratio: 4 / 3;
    max-height: 420px;
    border-radius: 22px;
    }

  .sticky-story--impact .sticky-story__media .media img,
  .sticky-story--impact .sticky-story__media .media svg {
    height: 100%;
    object-fit: cover;
  }

  .sticky-story--impact .eyebrow {
    margin-bottom: .65rem;
  }

  .sticky-story--impact .sticky-story__content .h1 {
    font-size: clamp(2.1rem, 10vw, 3.1rem);
    line-height: .98;
    margin: .7rem 0 1.15rem;
  }

  .sticky-story--impact .sticky-story__steps {
    gap: .78rem;
  }

  .sticky-story--impact .story-step {
    grid-template-columns: auto 1fr;
    gap: .85rem;
    padding: 1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, .62);
  }

  .sticky-story--impact .story-step__number {
    width: 40px;
    height: 40px;
    font-size: .76rem;
  }

  .sticky-story--impact .story-step h3 {
    font-size: 1.22rem;
    line-height: 1.05;
    margin-bottom: .25rem;
  }

  .sticky-story--impact .story-step p {
    font-size: .94rem;
    line-height: 1.45;
  }
}

/* ==========================================================
   Luminlea Production Mobile Override v1
   Goal: keep Impact-style desktop, make mobile compact,
   fast, readable, touch-friendly, and premium.
   ========================================================== */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Safer media rendering */
.media img,
.media svg,
.media video {
  display: block;
}

/* Desktop/tablet sanity */
@media (max-width: 989px) {
  :root {
    --section-spacing: var(--mobile-section-spacing, 48px);
  }

  .section {
    padding-block: var(--mobile-section-spacing, 48px);
  }

  .section-header {
    gap: 1rem;
    margin-bottom: 1.35rem;
  }

  .section-header .h2 {
    margin: .55rem 0 .6rem;
  }

  .page-width {
    width: min(calc(100% - 28px), var(--page-width));
  }

  .display-title,
  .h1,
  h1 {
    letter-spacing: -.055em;
  }

  .h2,
  h2 {
    letter-spacing: -.05em;
  }

  .lede {
    font-size: 1rem;
    line-height: 1.5;
  }

  .button,
  .shopify-payment-button__button {
    min-height: 48px;
    padding: .82rem 1.05rem;
  }

  .parallax-media img {
    transform: none !important;
    will-change: auto;
  }
}

/* Phone-specific foundation */
@media (max-width: 749px) {
  :root {
    --section-spacing: var(--mobile-section-spacing, 48px);
  }

  body {
    font-size: 16px;
    line-height: 1.55;
  }

  .page-width {
    width: min(calc(100% - 28px), var(--page-width));
  }

  .section {
    padding-block: var(--mobile-section-spacing, 48px);
  }

  .section--bordered {
    border-block-width: 1px;
  }

  .eyebrow {
    font-size: .72rem;
    letter-spacing: .13em;
  }

  .eyebrow::before {
    width: 24px;
  }

  .display-title {
    font-size: clamp(3rem, 15vw, 4.6rem);
    line-height: .92;
  }

  .h1,
  h1 {
    font-size: clamp(2.25rem, 10.5vw, 3.25rem);
    line-height: .96;
  }

  .h2,
  h2 {
    font-size: clamp(1.9rem, 8vw, 2.65rem);
    line-height: 1;
  }

  .h3,
  h3 {
    font-size: clamp(1.25rem, 5.5vw, 1.7rem);
    line-height: 1.08;
  }

  .section-header {
    display: block;
    margin-bottom: 1.2rem;
  }

  .section-header__copy {
    max-width: none;
  }

  .button {
    width: 100%;
  }

  .button--text {
    width: auto;
  }
}

/* Header mobile polish */
@media (max-width: 989px) {
  .site-header.is-hidden {
    transform: none;
  }

  .header__inner {
    min-height: 64px;
    grid-template-columns: auto 1fr auto;
  }

  .header__logo {
    text-align: center;
    font-size: 1.35rem;
  }

  .header__logo img {
    max-height: 34px;
  }

  .header__actions {
    gap: .25rem;
  }

  .icon-button {
    min-width: 42px;
    min-height: 42px;
    justify-content: center;
  }

  .mobile-nav {
    max-height: calc(100vh - 65px);
    overflow-y: auto;
    padding: .7rem 0 1rem;
  }

  .mobile-nav a {
    padding: .82rem 0;
    font-size: 1.02rem;
  }
}

/* Impact slideshow / hero mobile */
@media (max-width: 749px) {
  .impact-slider__viewport,
  .impact-slide__content {
    min-height: min(640px, var(--slide-min-height, 620px));
  }

  .impact-slide__panel {
    padding-block: 2.8rem 4.2rem;
    max-width: 100%;
  }

  .impact-slide__panel .display-title {
    margin: .65rem 0 .85rem;
  }

  .impact-slide__panel .lede {
    max-width: 32rem;
  }

  .impact-slide__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(250, 248, 245, .97) 0%,
        rgba(250, 248, 245, .82) 48%,
        rgba(250, 248, 245, .35) 100%
      );
  }

  .impact-slide__word {
    display: none;
  }

  .impact-slider__controls {
    bottom: 18px;
  }

  .impact-slider__dot {
    width: 30px;
    height: 4px;
  }
}

/* Motion showcase mobile: remove excessive empty height */
@media (max-width: 989px) {
  .impact-motion-showcase__grid {
    min-height: auto;
    gap: 1.6rem;
  }

  .impact-motion-showcase__copy {
    max-width: none;
  }

  .impact-motion-showcase__copy .h1 {
    margin: .65rem 0 .8rem;
  }

  .impact-motion-showcase__actions {
    display: grid;
    gap: .7rem;
    margin-top: 1.25rem;
  }

  .impact-motion-showcase__media-stack {
    display: grid;
    gap: .85rem;
    min-height: auto;
    perspective: none;
  }

  .motion-card {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 100% !important;
    transform: none !important;
  }

  .motion-card--primary {
    aspect-ratio: 4 / 5;
    box-shadow: 0 18px 48px rgba(23, 23, 23, .08);
  }

  .motion-card--primary .media {
    height: 100%;
  }

  .motion-card--secondary {
    display: none;
  }

  .motion-card--float {
    max-width: none;
    padding: 1rem;
    border-radius: 18px;
    box-shadow: none;
    background: rgba(255, 255, 255, .58);
  }
}

/* Promo / layered cards mobile */
@media (max-width: 749px) {
  .promo-tiles {
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
  }

  .promo-tile {
    min-height: 360px;
    border-radius: 22px;
  }

  .promo-tile__content {
    padding: 1.05rem;
  }

  .layered-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
  }

  .layered-card {
    min-height: 360px;
    border-radius: 22px;
  }

  .layered-card__overlay {
    padding: 1.05rem;
  }

  .layered-card__overlay .h2 {
    font-size: clamp(2rem, 9vw, 2.8rem);
    margin: .75rem 0 .45rem;
  }

  .layered-card__arrow {
    width: 42px;
    height: 42px;
    margin-top: .85rem;
  }
}

/* Bundle section mobile */
@media (max-width: 749px) {
  .bundle-highlight {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: .85rem;
    border-radius: 24px;
  }

  .bundle-highlight__copy {
    padding: .65rem .2rem .25rem;
  }

  .bundle-highlight__copy .h2 {
    margin: .55rem 0 .75rem;
  }

  .bundle-list {
    gap: .55rem;
    margin: 1rem 0;
  }
}

/* Sticky story mobile compact */
@media (max-width: 989px) {
  .sticky-story__grid,
  .sticky-story--impact .sticky-story__grid {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 1.4rem;
  }

  .sticky-story__media,
  .sticky-story--impact .sticky-story__media {
    position: relative;
    top: auto;
  }

  .sticky-story__media .media,
  .sticky-story--impact .sticky-story__media .media {
    min-height: 0;
  }
}

@media (max-width: 749px) {
  .sticky-story.section,
  .sticky-story--impact.section {
    padding-block: 42px;
  }

  .sticky-story__media .media,
  .sticky-story--impact .sticky-story__media .media {
    aspect-ratio: 4 / 3;
    max-height: 420px;
    border-radius: 22px;
  }

  .sticky-story__content,
  .sticky-story--impact .sticky-story__content {
    padding-block: 0;
  }

  .sticky-story__content .h1,
  .sticky-story--impact .sticky-story__content .h1 {
    font-size: clamp(2.05rem, 9vw, 3rem);
    margin: .65rem 0 1rem;
  }

  .sticky-story__steps,
  .sticky-story--impact .sticky-story__steps {
    gap: .7rem;
  }

  .story-step {
    padding: .95rem;
    border-radius: 18px;
    gap: .78rem;
  }

  .story-step__number {
    width: 38px;
    height: 38px;
    font-size: .72rem;
  }

  .story-step h3 {
    font-size: 1.18rem;
    margin-bottom: .18rem;
  }

  .story-step p {
    font-size: .93rem;
    line-height: 1.43;
  }
}

/* Before / after and hotspots mobile */
@media (max-width: 749px) {
  .before-after__grid,
  .hotspot__grid,
  .collapsible__grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .before-after__media {
    border-radius: 22px;
  }

  .before-after__range {
    min-height: 36px;
  }

  .before-after__label {
    top: .7rem;
    font-size: .68rem;
  }

  .hotspot__image .media {
    aspect-ratio: 4 / 3;
  }

  .hotspot__card {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    top: auto;
    transform: none;
    width: auto;
    max-width: none;
    z-index: 120;
  }
}

/* Comparison mobile: card-like rows */
@media (max-width: 749px) {
  .comparison-panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
    padding: 1rem;
    border-radius: 24px;
  }

  .comparison-panel__intro .h1 {
    margin: .6rem 0 .75rem;
  }

  .comparison-table {
    border-radius: 18px;
  }

  .comparison-row--head {
    display: none;
  }

  .comparison-row {
    display: grid;
    grid-template-columns: 1fr;
    border-top: 1px solid var(--color-border);
  }

  .comparison-row:first-child {
    border-top: 0;
  }

  .comparison-row > div {
    padding: .85rem 1rem;
    border-left: 0;
  }

  .comparison-row > div:first-child {
    background: rgba(241, 236, 229, .55);
    font-size: .9rem;
  }

  .comparison-check {
    width: 22px;
    height: 22px;
  }
}

/* Lookbook / media grid mobile: horizontal premium scroll */
@media (max-width: 749px) {
  .media-grid--impact {
    display: flex;
    gap: .9rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-inline: 14px;
    margin-inline: -14px;
    scrollbar-width: none;
  }

  .media-grid--impact::-webkit-scrollbar {
    display: none;
  }

  .media-grid__item,
  .media-grid__item--wide,
  .media-grid__item--tall {
    flex: 0 0 min(82vw, 340px);
    grid-column: auto;
    grid-row: auto;
    scroll-snap-align: start;
  }

  .media-grid__item .media {
    aspect-ratio: 4 / 5;
  }

  .media-grid__caption {
    left: .75rem;
    right: .75rem;
    bottom: .75rem;
    padding: .8rem;
    border-radius: 16px;
  }
}

/* Product mobile conversion cleanup */
@media (max-width: 749px) {
  .product {
    padding: 1rem 0 calc(var(--mobile-section-spacing, 48px) + 12px);
  }

  .product__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .product__media-grid {
    display: flex;
    gap: .8rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-inline: 14px;
    margin-inline: -14px;
    scrollbar-width: none;
  }

  .product__media-grid::-webkit-scrollbar {
    display: none;
  }

  .product__media-grid .media {
    flex: 0 0 min(84vw, 420px);
    scroll-snap-align: start;
    border-radius: 22px;
  }

  .product__summary {
    position: static;
    padding: 1rem;
    border-radius: 22px;
    backdrop-filter: none;
  }

  .product__title {
    margin: .45rem 0 .55rem;
  }

  .product__benefit {
    font-size: 1rem;
    line-height: 1.45;
  }

  .shipping-note {
    padding: .85rem;
    border-radius: 16px;
  }

  .trust-list {
    gap: .45rem;
  }

  .sticky-atc {
    padding: .7rem 14px calc(.7rem + env(safe-area-inset-bottom));
  }

  body.template-product {
    padding-bottom: 86px;
  }
}

/* Product / collection grids */
@media (max-width: 749px) {
  .template-index .product-grid,
  .template-collection .product-grid,
  .recommendations .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
  }

  .product-card__media {
    border-radius: 16px;
  }

  .product-card__info {
    padding-top: .65rem;
  }

  .product-card__title {
    font-size: .92rem;
    line-height: 1.22;
  }

  .product-card__benefit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .82rem;
  }

  .product-card__row {
    display: block;
  }

  .quick-add {
    margin-top: .6rem;
  }

  .quick-add .button {
    min-height: 42px;
    padding: .65rem .7rem;
    font-size: .85rem;
  }

  .product-card__rollover {
    display: none;
  }
}

/* Collection mobile */
@media (max-width: 749px) {
  .collection-hero {
    padding: 2rem 0 1.2rem;
  }

  .collection-hero__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .collection-toolbar {
    display: grid;
    gap: .8rem;
    align-items: stretch;
  }

  .filter-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
    margin-top: 0;
  }

  .filter-group {
    position: relative;
  }

  .filter-group summary {
    width: 100%;
    text-align: left;
  }

  .filter-panel {
    position: static;
    min-width: 0;
    box-shadow: none;
    margin-top: .5rem;
    border-radius: 16px;
  }
}

/* Cart drawer mobile */
@media (max-width: 749px) {
  .drawer {
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
  }

  .drawer__header,
  .drawer__body,
  .drawer__footer {
    padding-inline: 14px;
  }

  .drawer__footer {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }

  .drawer-line {
    grid-template-columns: 72px 1fr;
    gap: .75rem;
  }

  .drawer-line__meta {
    display: grid;
    gap: .25rem;
  }
}

/* Footer / newsletter compact */
@media (max-width: 749px) {
  .newsletter-panel {
    grid-template-columns: 1fr;
    gap: 1.1rem;
    padding: 1.1rem;
    border-radius: 22px;
  }

  .newsletter-form {
    display: grid;
    gap: .65rem;
  }

  .footer {
    padding: 40px 0 24px;
  }

  .footer__grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .footer__bottom {
    display: grid;
    gap: .65rem;
  }
}

/* Motion safety */
@media (max-width: 749px) {
  .animate-in {
    filter: none;
  }

  .layered-card,
  .motion-card--primary,
  .product-card__media {
    transform: none !important;
  }
}

/* ==========================================================
   Luminlea hero desktop typography fix
   Fix large text overlap while keeping Impact-style scale
   ========================================================== */

.impact-slide__content {
  position: relative;
  z-index: 2;
}

.impact-slide__panel {
  position: relative;
  z-index: 3;
}

.impact-slide__word {
  z-index: 1;
  opacity: .85;
}

@media (min-width: 990px) {
  .impact-slider .impact-slide__panel {
    max-width: min(860px, 100%);
  }

  .impact-slider .display-title {
    font-size: clamp(4.2rem, 7.4vw, 8.4rem);
    line-height: 1;
    letter-spacing: -.06em;
    max-width: 10ch;
  }

  .impact-slider .impact-slide__panel .lede {
    max-width: 620px;
    margin-top: 1.15rem;
  }

  .impact-slider .hero-impact__actions {
    margin-top: 1.65rem;
  }
}

/* Keep mobile as-is because current mobile hero is already acceptable */
@media (max-width: 749px) {
  .impact-slider .display-title {
    max-width: none;
  }
}
/* ==========================================================
   Luminlea product card ratio fix
   Fix over-tall product images on homepage/mobile
   ========================================================== */

.product-card__media {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1.18;
  height: auto;
  min-height: 0;
  overflow: hidden;
}

.product-card__media.media--portrait {
  aspect-ratio: 1 / 1.18;
}

.product-card__media img,
.product-card__media svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-card__media .placeholder-svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 22%;
  background: linear-gradient(135deg, rgba(241,236,229,.72), rgba(255,255,255,.68));
}

/* Badge polish */
.product-card__badge {
  max-width: calc(100% - 1.2rem);
  white-space: nowrap;
  line-height: 1;
}

@media (max-width: 749px) {
  .product-card__media,
  .product-card__media.media--portrait {
    aspect-ratio: 1 / 1.12;
    border-radius: 18px;
  }

  .product-card__media .placeholder-svg {
    padding: 24%;
  }

  .product-card__badge {
    top: .55rem;
    left: .55rem;
    padding: .28rem .52rem;
    font-size: .62rem;
    letter-spacing: .06em;
  }
}

/* Product card rating safety */
.product-card .rating {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: .82rem;
  line-height: 1.2;
}

.product-card .rating .muted {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 749px) {
  .product-card .rating {
    margin-top: .32rem;
    font-size: .76rem;
  }

  .product-card__row {
    display: grid;
    gap: .22rem;
  }
}

/* ==========================================================
   Luminlea Batch 2 - Header, mobile menu, cart drawer polish
   ========================================================== */

/* Header refinement */
.site-header {
  isolation: isolate;
}

.header__logo {
  min-width: 0;
}

.header__actions .icon-button {
  color: var(--color-text);
}

.header__track {
  font-size: .9rem;
  color: var(--color-muted);
}

.mega-card__link {
  display: inline-block;
  margin-top: .85rem;
  color: var(--color-accent);
  font-weight: 760;
}

/* Premium mobile nav drawer */
@media (max-width: 989px) {
  .site-header {
    z-index: 80;
  }

  .header__inner {
    min-height: 64px;
  }

  .header__logo {
    justify-self: center;
    text-align: center;
  }

  .header__actions {
    justify-self: end;
  }

  .header__track {
    display: none;
  }

  .header__cart {
    position: relative;
  }

  .header__cart [data-cart-count] {
    min-width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 800;
    border-radius: 999px;
    background: var(--color-accent);
    color: #fff;
    margin-left: -.2rem;
  }

  .mobile-nav {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 75;
    background:
      radial-gradient(circle at 85% 10%, rgba(139,111,71,.12), transparent 30%),
      var(--color-bg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
    border-top: 0;
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .mobile-nav__inner {
    min-height: 100dvh;
    padding-top: 84px;
    padding-bottom: calc(28px + env(safe-area-inset-bottom));
    display: grid;
    align-content: start;
    gap: 1.15rem;
  }

  .mobile-nav__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--color-border);
  }

  .mobile-nav__search {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid var(--color-border);
    border-radius: 18px;
    background: rgba(255,255,255,.55);
  }

  .mobile-nav__search input {
    min-height: 42px;
    border: 0;
    background: transparent;
    padding: 0 .25rem;
  }

  .mobile-nav__search button {
    border: 0;
    width: 42px;
    min-height: 42px;
    border-radius: 999px;
    background: var(--color-text);
    color: #fff;
    display: inline-grid;
    place-items: center;
  }

  .mobile-nav__links {
    display: grid;
    gap: .1rem;
  }

  .mobile-nav__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .92rem 0;
    border-bottom: 1px solid rgba(227,221,212,.74);
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 8vw, 2.2rem);
    line-height: 1;
    letter-spacing: -.045em;
    color: var(--color-text);
  }

  .mobile-nav__links a::after {
    content: "→";
    font-family: var(--font-body);
    font-size: 1rem;
    color: var(--color-accent);
  }

  .mobile-nav__care {
    margin-top: .4rem;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: 20px;
    background: rgba(255,255,255,.48);
  }

  .mobile-nav__care p {
    margin: 0 0 .55rem;
  }

  .mobile-nav__care a {
    display: block;
    padding: .42rem 0;
    color: var(--color-muted);
    font-weight: 650;
  }

  .mobile-nav__note {
    display: grid;
    grid-template-columns: 1fr;
    gap: .45rem;
    color: var(--color-muted);
    font-size: .9rem;
  }

  .mobile-nav__note span {
    display: flex;
    align-items: center;
    gap: .45rem;
  }

  .mobile-nav__note span::before {
    content: "✓";
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: rgba(62,107,79,.12);
    color: var(--color-success);
    font-weight: 900;
  }
}

/* Desktop nav polish */
@media (min-width: 990px) {
  .mobile-nav {
    display: none !important;
  }

  .header__logo {
    max-width: 240px;
  }
}

/* Cart drawer polish */
.drawer {
  border-left: 1px solid var(--color-border);
}

.drawer__eyebrow {
  margin-bottom: .25rem;
}

.drawer-empty {
  display: grid;
  gap: .9rem;
  padding: 1.2rem 0;
}

.drawer-lines {
  display: grid;
}

.drawer-line__image {
  border-radius: 16px;
}

.drawer-line__content {
  min-width: 0;
}

.drawer-line__title {
  line-height: 1.25;
}

.drawer-line__price {
  white-space: nowrap;
  font-weight: 760;
}

.drawer-line__variant {
  margin: .25rem 0 0;
}

.drawer-line__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: .7rem;
}

.drawer-line__remove {
  font-size: .88rem;
  color: var(--color-muted);
}

.drawer-summary {
  display: grid;
  gap: .65rem;
  margin-bottom: .9rem;
}

.drawer-summary__row {
  font-size: 1.02rem;
}

.drawer-summary__note {
  margin: 0;
  line-height: 1.45;
}

.drawer-checkout {
  margin-bottom: .6rem;
}

.drawer-view-cart {
  background: transparent;
}

/* Cart drawer mobile safe area */
@media (max-width: 749px) {
  .drawer {
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    border-left: 0;
  }

  .drawer__header {
    padding: .9rem 14px;
  }

  .drawer__body {
    padding: .85rem 14px;
  }

  .drawer__footer {
    padding: .85rem 14px calc(.95rem + env(safe-area-inset-bottom));
  }

  .free-shipping {
    padding: .85rem;
    border-radius: 16px;
  }

  .drawer-line {
    grid-template-columns: 74px 1fr;
    gap: .75rem;
    padding: .85rem 0;
  }

  .drawer-line__meta {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: .6rem;
  }

  .drawer-line__controls {
    gap: .6rem;
  }

  .drawer-line__quantity .quantity,
  .quantity.drawer-line__quantity {
    transform: scale(.94);
    transform-origin: left center;
  }

  .drawer-line__remove {
    justify-self: end;
  }
}

/* ==========================================================
   Luminlea Batch 3 - Product page conversion polish
   ========================================================== */

/* Product page desktop refinement */
.product--premium .product__media-item {
  background: rgba(255,255,255,.45);
}

.product--premium .product__media-item img {
  transition: transform .5s ease;
}

@media (hover: hover) {
  .product--premium .product__media-item:hover img {
    transform: scale(1.025);
  }
}

.product-form__field {
  display: grid;
  gap: .35rem;
}

.product-form__quantity {
  margin-top: .15rem;
}

.product-form__submit {
  margin-top: .2rem;
}

.product-accordion {
  margin-top: 1.2rem;
}

/* Sticky ATC upgraded */
.product-sticky-atc {
  display: none;
}

.product-sticky-atc__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .8rem;
  align-items: center;
}

.product-sticky-atc__meta {
  min-width: 0;
  display: grid;
  gap: .1rem;
}

.product-sticky-atc__meta strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.15;
}

.product-sticky-atc__meta span {
  color: var(--color-muted);
  font-size: .9rem;
}

.product-sticky-atc__button {
  width: auto;
  min-width: 132px;
}

/* Product card premium cleanup */
.product-card__choose {
  margin-top: .85rem;
}

.product-card__price {
  min-width: 0;
}

.product-card .price {
  line-height: 1.25;
}

/* Mobile product page: commerce-first */
@media (max-width: 749px) {
  .product--premium {
    padding-top: .75rem;
  }

  .product--premium .product__grid {
    gap: 1rem;
  }

  .product--premium .product__media-grid {
    display: flex;
    gap: .8rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-inline: 14px;
    margin-inline: -14px;
    scrollbar-width: none;
  }

  .product--premium .product__media-grid::-webkit-scrollbar {
    display: none;
  }

  .product--premium .product__media-item {
    flex: 0 0 min(84vw, 420px);
    aspect-ratio: 4 / 5;
    scroll-snap-align: start;
    border-radius: 22px;
  }

  .product--premium .product__summary {
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255,255,255,.58);
  }

  .product--premium .product__title {
    font-size: clamp(2rem, 9vw, 2.75rem);
    line-height: .98;
  }

  .product--premium .product__benefit {
    font-size: .98rem;
    line-height: 1.45;
    margin-bottom: .65rem;
  }

  .product--premium .product__price {
    font-size: 1.1rem;
    margin: .6rem 0 .85rem;
  }

  .product-form {
    gap: .85rem;
  }

  .product-form select {
    min-height: 48px;
    border-radius: 14px;
    background: #fff;
  }

  .product-form__submit {
    min-height: 52px;
  }

  .shopify-payment-button__button {
    min-height: 52px;
  }

  .product-accordion summary {
    padding: .9rem 0;
  }

  .product-accordion .accordion__content {
    font-size: .95rem;
    line-height: 1.48;
  }

  .product-sticky-atc {
    display: block;
  }

  .product-sticky-atc__inner {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .product-sticky-atc__button {
    min-width: 124px;
    min-height: 46px;
    padding-inline: .9rem;
    white-space: nowrap;
  }

  body.template-product {
    padding-bottom: 92px;
  }
}

/* Very small phones */
@media (max-width: 390px) {
  .product-sticky-atc__meta strong {
    font-size: .9rem;
  }

  .product-sticky-atc__meta span {
    font-size: .82rem;
  }

  .product-sticky-atc__button {
    min-width: 112px;
    font-size: .9rem;
  }
}

/* Product card mobile safety */
@media (max-width: 749px) {
  .product-card__choose,
  .quick-add {
    margin-top: .55rem;
  }

  .product-card__choose,
  .quick-add .button {
    min-height: 42px;
    font-size: .84rem;
  }

  .product-card__benefit {
    min-height: 0;
  }
}

/* ==========================================================
   Luminlea Batch 4 - Collection + tabs polish
   ========================================================== */

/* Collection hero */
.collection-main {
  padding-top: 0;
}

.collection-hero--premium {
  padding: clamp(2rem, 5vw, 4.5rem) 0 2rem;
}

.collection-breadcrumbs {
  padding-top: 0;
  margin-bottom: 1rem;
}

.collection-breadcrumbs a {
  color: var(--color-muted);
}

.collection-breadcrumbs span {
  margin-left: .35rem;
}

.collection-hero__copy .h1,
.collection-hero__copy h1 {
  margin: .65rem 0 .85rem;
}

.collection-hero__description {
  max-width: 720px;
}

.collection-hero__image .media {
  border-radius: calc(var(--radius-card) + 4px);
  min-height: 280px;
}

/* Collection toolbar */
.collection-toolbar--premium {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.2rem;
  padding: .9rem;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  background: rgba(255,255,255,.5);
  backdrop-filter: blur(12px);
}

.collection-toolbar__actions {
  display: flex;
  align-items: center;
  gap: .7rem;
}

.collection-toolbar__actions select {
  min-height: 44px;
  border-radius: 999px;
  padding: .55rem 2rem .55rem .9rem;
  background-color: rgba(255,255,255,.74);
}

/* Filter drawer */
.collection-filter-drawer {
  position: relative;
}

.collection-filter-drawer > summary {
  list-style: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .95rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  cursor: pointer;
  font-weight: 760;
}

.collection-filter-drawer > summary::-webkit-details-marker {
  display: none;
}

.collection-filter-count {
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-text);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
}

.collection-filter-count:empty {
  display: none;
}

.collection-filter-drawer__panel {
  position: absolute;
  right: 0;
  top: calc(100% + .7rem);
  z-index: 40;
  width: min(860px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 180px));
  overflow-y: auto;
  padding: 1rem;
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 0%, rgba(139,111,71,.12), transparent 30%),
    var(--color-bg);
  box-shadow: 0 24px 70px rgba(23,23,23,.13);
}

.collection-filter-drawer__header {
  display: grid;
  gap: .25rem;
  padding-bottom: .9rem;
  margin-bottom: .9rem;
  border-bottom: 1px solid var(--color-border);
}

.collection-filter-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.collection-filter-groups .filter-group {
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: rgba(255,255,255,.5);
  overflow: hidden;
}

.collection-filter-groups .filter-group summary {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: .9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 780;
}

.collection-filter-groups .filter-panel {
  position: static;
  min-width: 0;
  border: 0;
  border-top: 1px solid var(--color-border);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: .85rem;
}

.filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .45rem;
}

.filter-option {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .55rem;
  color: var(--color-muted);
  font-size: .92rem;
}

.filter-option input {
  width: 18px;
  height: 18px;
  accent-color: var(--color-accent);
}

.filter-option small {
  font-size: .78rem;
  color: var(--color-muted);
}

.filter-option.is-disabled {
  opacity: .45;
}

.filter-price {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
}

.filter-price input {
  min-height: 44px;
  border-radius: 14px;
}

.collection-filter-drawer__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid var(--color-border);
}

/* Active filters */
.active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 0 0 1.2rem;
}

.active-filter {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .42rem .72rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  color: var(--color-muted);
  font-size: .86rem;
}

.active-filter span {
  color: var(--color-accent);
  font-weight: 900;
}

.active-filter--clear {
  color: var(--color-text);
  border-color: rgba(139,111,71,.45);
}

/* Product grid collection */
.collection-product-grid {
  margin-top: 1rem;
}

.empty-state {
  padding: clamp(1.4rem, 4vw, 3rem);
  text-align: center;
}

.empty-state .h2,
.empty-state .h3 {
  margin-bottom: .65rem;
}

.empty-state .button {
  margin-top: 1rem;
}

/* Featured collection tabs */
.featured-collection-tabs .section-header__button {
  flex: 0 0 auto;
}

.collection-tabs__nav {
  position: relative;
}

.collection-tabs__button {
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.collection-tabs__button:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

.collection-tabs__panel[hidden] {
  display: none !important;
}

.collection-tabs__footer {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

/* Mobile collection */
@media (max-width: 749px) {
  .collection-hero--premium {
    padding: 1.6rem 0 1rem;
  }

  .collection-breadcrumbs {
    display: none;
  }

  .collection-hero__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .collection-hero__copy .h1,
  .collection-hero__copy h1 {
    font-size: clamp(2.3rem, 11vw, 3.35rem);
    margin: .55rem 0 .65rem;
  }

  .collection-hero__description {
    font-size: .98rem;
    line-height: 1.48;
  }

  .collection-hero__image .media {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 22px;
  }

  .benefit-chips {
    gap: .45rem;
    margin-top: .85rem;
  }

  .benefit-chips .badge {
    font-size: .66rem;
    padding: .28rem .52rem;
  }

  .collection-toolbar--premium {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    padding: .8rem;
    border-radius: 20px;
    margin-bottom: 1rem;
  }

  .collection-toolbar__meta {
    display: flex;
    justify-content: space-between;
  }

  .collection-toolbar__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }

  .collection-filter-drawer > summary,
  .collection-toolbar__actions select {
    width: 100%;
    min-height: 46px;
    justify-content: center;
  }

  .collection-filter-drawer__panel {
    position: fixed;
    left: 14px;
    right: 14px;
    top: 78px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    width: auto;
    max-height: none;
    z-index: 100;
    padding: .9rem;
    border-radius: 22px;
  }

  .collection-filter-groups {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .collection-filter-drawer__footer {
    position: sticky;
    bottom: 0;
    grid-template-columns: 1fr;
    background: linear-gradient(180deg, rgba(250,248,245,.8), var(--color-bg));
    padding-top: .85rem;
  }

  .active-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-inline: 14px;
    margin-inline: -14px;
    scrollbar-width: none;
  }

  .active-filters::-webkit-scrollbar {
    display: none;
  }

  .active-filter {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .collection-product-grid {
    margin-top: .8rem;
  }

  .pagination {
    gap: .35rem;
    margin-top: 1.5rem;
  }

  .pagination a,
  .pagination span {
    min-width: 36px;
    height: 36px;
  }
}

/* Mobile tabs */
@media (max-width: 749px) {
  .featured-collection-tabs .section-header {
    margin-bottom: 1rem;
  }

  .featured-collection-tabs .section-header__button {
    display: none;
  }

  .collection-tabs__nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: .55rem;
    padding-inline: 14px;
    margin-inline: -14px;
    padding-bottom: .25rem;
    scrollbar-width: none;
  }

  .collection-tabs__nav::-webkit-scrollbar {
    display: none;
  }

  .collection-tabs__button {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: .65rem .9rem;
    font-size: .88rem;
  }

  .collection-tabs__panel {
    padding-top: .95rem;
  }

  .collection-tabs__footer {
    margin-top: 1rem;
  }
}

/* ==========================================================
   Luminlea Batch 5 - Homepage production cleanup
   Goal: keep premium Impact feeling, reduce mobile heaviness
   ========================================================== */

/* Homepage section rhythm */
.template-index .section {
  position: relative;
}

/* Desktop: keep rich editorial spacing */
@media (min-width: 990px) {
  .template-index .section + .section {
    margin-top: 0;
  }

  .template-index .featured-collection-tabs,
  .template-index .bundle-highlight-section,
  .template-index .impact-motion-showcase,
  .template-index .sticky-story {
    scroll-margin-top: 100px;
  }
}

/* Mobile: more compact homepage flow */
@media (max-width: 749px) {
  .template-index .section {
    padding-block: 42px;
  }

  .template-index .section-header {
    margin-bottom: 1rem;
  }

  .template-index .section-header .h2 {
    margin: .5rem 0 .55rem;
  }

  .template-index .section-header .lede {
    font-size: .96rem;
    line-height: 1.45;
  }
}

/* Reduce duplicated storytelling weight on mobile */
@media (max-width: 749px) {
  .template-index .impact-motion-showcase {
    padding-block: 44px;
  }

  .template-index .sticky-story {
    padding-block: 40px;
  }

  .template-index .impact-comparison {
    padding-block: 40px;
  }

  .template-index .editorial-story {
    padding-block: 44px;
  }
}

/* Mobile layered cards: show as premium horizontal scroll instead of long stack */
@media (max-width: 749px) {
  .template-index .layered-card-grid {
    display: flex;
    gap: .9rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-inline: 14px;
    margin-inline: -14px;
    scrollbar-width: none;
  }

  .template-index .layered-card-grid::-webkit-scrollbar {
    display: none;
  }

  .template-index .layered-card {
    flex: 0 0 min(82vw, 340px);
    min-height: 390px;
    scroll-snap-align: start;
  }
}

/* Mobile best sellers/products: tighter above fold */
@media (max-width: 749px) {
  .template-index .featured-collection-tabs {
    padding-block: 42px;
  }

  .template-index .featured-collection-tabs .product-grid {
    gap: .8rem;
  }

  .template-index .featured-collection-tabs .collection-tabs__footer {
    margin-top: 1rem;
  }
}

/* Mobile bundle: make it feel like a premium card */
@media (max-width: 749px) {
  .template-index .bundle-highlight {
    box-shadow: none;
  }

  .template-index .bundle-highlight .media {
    aspect-ratio: 4 / 3;
  }

  .template-index .bundle-highlight__copy .h2 {
    font-size: clamp(2rem, 8.5vw, 2.75rem);
  }
}

/* Optional: hide heavy experimental homepage sections on mobile
   These only work if sections remain in index order.
*/
@media (max-width: 749px) {
  .template-index [id*="__before_after"],
  .template-index [id*="__hotspots"],
  .template-index [id*="__lookbook"],
  .template-index [id*="__press"],
  .template-index [id*="__marquee"],
  .template-index [id*="__testimonials"] {
    display: none !important;
  }
}

/* Editorial story mobile compact */
@media (max-width: 749px) {
  .template-index .story-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .template-index .story-panel {
    padding: 1rem;
  }

  .template-index .story-panel .h2,
  .template-index .story-panel .h1 {
    font-size: clamp(2rem, 8.5vw, 2.7rem);
  }
}

/* FAQ / collapsible content compact */
@media (max-width: 749px) {
  .template-index .collapsible__grid {
    gap: 1rem;
  }

  .template-index .collapsible__grid .h2,
  .template-index .collapsible__grid .h1 {
    font-size: clamp(2rem, 8.5vw, 2.75rem);
  }

  .template-index .accordion summary {
    padding: .9rem 0;
  }
}

/* Guides mobile: horizontal cards for less page length */
@media (max-width: 749px) {
  .template-index .guide-grid {
    display: flex;
    gap: .85rem;
    overflow-x: auto;
    padding-inline: 14px;
    margin-inline: -14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .template-index .guide-grid::-webkit-scrollbar {
    display: none;
  }

  .template-index .guide-card {
    flex: 0 0 min(82vw, 340px);
    scroll-snap-align: start;
  }
}

/* ==========================================================
   Luminlea - Hide selected homepage sections on mobile only
   Desktop remains unchanged
   ========================================================== */

@media (max-width: 749px) {
  .template-index [id*="__metrics"],
  .template-index [id*="__promo_tiles"],
  .template-index [id*="__before_after"],
  .template-index [id*="__hotspots"],
  .template-index [id*="__process"],
  .template-index [id*="__lookbook"],
  .template-index [id*="__press"],
  .template-index [id*="__marquee"],
  .template-index [id*="__testimonials"] {
    display: none !important;
  }
}

/* ==========================================================
   Luminlea Header Bugfix
   Fix mobile burger opening blank header / invisible menu
   ========================================================== */

@media (max-width: 989px) {
  body.menu-open .site-header {
    z-index: 999;
  }

  .mobile-menu-toggle {
    display: inline-flex !important;
  }

  .mobile-nav {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 998 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 !important;
    background:
      radial-gradient(circle at 86% 8%, rgba(139,111,71,.12), transparent 34%),
      var(--color-bg) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition:
      opacity .22s ease,
      visibility .22s ease,
      transform .22s ease;
  }

  .mobile-nav.is-open,
  body.menu-open .mobile-nav {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .mobile-nav__inner {
    display: grid !important;
    align-content: start;
    gap: 1.15rem;
    min-height: 100dvh;
    padding-top: 84px;
    padding-bottom: calc(28px + env(safe-area-inset-bottom));
  }

  .mobile-nav__top,
  .mobile-nav__search,
  .mobile-nav__links,
  .mobile-nav__care,
  .mobile-nav__note {
    display: grid;
  }

  .mobile-nav__top {
    display: flex !important;
  }

  .mobile-nav__links {
    gap: .1rem;
  }

  .mobile-nav__links a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text);
  }

  .mobile-nav__care a {
    display: block !important;
  }
}

   Luminlea Final Hardening Patch — header icons, mobile nav,
   motion safety, app/browser compatibility
   ========================================================== */

/* Header/action icons must remain visible on light and sticky states */
.site-header,
.site-header * {
  color-scheme: light;
}

.site-header .icon-button,
.site-header .icon-button svg,
.mobile-menu-toggle,
.mobile-menu-toggle svg,
.mobile-nav__close,
.mobile-nav__close svg,
.header__cart,
.header__cart svg,
.header__account,
.header__account svg {
  color: var(--color-text) !important;
  stroke: currentColor !important;
}

.site-header .icon,
.mobile-nav .icon,
.header__actions svg,
.mobile-menu-toggle svg {
  width: 22px;
  height: 22px;
  display: block;
  flex: 0 0 auto;
  stroke: currentColor;
}

.icon-button {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header__cart [data-cart-count] {
  color: #fff !important;
}

@media (max-width: 989px) {
  .header__nav,
  .header__search {
    display: none !important;
  }

  .mobile-menu-toggle {
    display: inline-flex !important;
    background: rgba(255,255,255,.62);
    border: 1px solid var(--color-border);
  }

  .header__actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem;
  }

  .header__actions .icon-button {
    background: rgba(255,255,255,.42);
  }

  .header__actions .header__account {
    display: inline-flex;
  }

  .mobile-nav {
    color: var(--color-text) !important;
    background: var(--color-bg) !important;
  }

  .mobile-nav a,
  .mobile-nav button,
  .mobile-nav input,
  .mobile-nav .eyebrow {
    color: var(--color-text) !important;
  }
}

@media (min-width: 990px) {
  .mobile-menu-toggle {
    display: none !important;
  }

  .header__cart,
  .header__account {
    display: inline-flex !important;
  }
}

/* Stop accidental infinite zoom/parallax on real touch devices */
@media (hover: none), (pointer: coarse), (max-width: 989px) {
  .parallax-media img,
  .impact-motion-showcase .media img,
  .motion-card,
  .motion-card--primary,
  .motion-card--secondary,
  .layered-card,
  .layered-card__media img,
  .promo-tile__media img,
  .media-grid__item .media img,
  .editorial-story .media img,
  .sticky-story .media img {
    transform: none !important;
    will-change: auto !important;
  }

  .impact-motion-showcase__media-stack,
  .motion-card {
    perspective: none !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .parallax-media img,
  .impact-motion-showcase .media img,
  .motion-card,
  .motion-card--primary,
  .motion-card--secondary {
    transform: none !important;
    will-change: auto !important;
  }
}

/* Safer viewport units for mobile browsers */
@media (max-width: 749px) {
  .mobile-nav,
  .drawer {
    min-height: 100svh;
    height: 100svh;
  }

  @supports (height: 100dvh) {
    .mobile-nav,
    .drawer {
      min-height: 100dvh;
      height: 100dvh;
    }
  }
}

/* ==========================================================
   QA FINAL — Header icon visibility + motion showcase mobile hard stop
   ========================================================== */

/* Header icon contract: burger, account, cart remain visible and touch-safe */
.site-header .mobile-menu-toggle,
.site-header .header__account,
.site-header .header__cart,
.site-header .icon-button {
  -webkit-tap-highlight-color: transparent;
}

.site-header .mobile-menu-toggle svg,
.site-header .header__account svg,
.site-header .header__cart svg,
.site-header .icon-button svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--color-text) !important;
  stroke: currentColor !important;
}

@media (max-width: 989px) {
  .site-header .mobile-menu-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .site-header .header__cart,
  .site-header .header__account {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .site-header .header__cart [data-cart-count] {
    display: inline-flex !important;
  }
}

/* Real-device mobile/touch: stop all zoom/tilt/parallax in motion showcase */
@media (max-width: 989px), (hover: none), (pointer: coarse) {
  .impact-motion-showcase,
  .impact-motion-showcase__grid,
  .impact-motion-showcase__media-stack,
  .impact-motion-showcase .motion-card,
  .impact-motion-showcase .motion-card--primary,
  .impact-motion-showcase .motion-card--secondary,
  .impact-motion-showcase .motion-card--float,
  .impact-motion-showcase .media,
  .impact-motion-showcase .media img,
  .impact-motion-showcase .motion-card img {
    transform: none !important;
    translate: 0 0 !important;
    rotate: 0deg !important;
    scale: 1 !important;
    animation: none !important;
    transition-property: opacity, color, background-color, border-color, box-shadow !important;
    will-change: auto !important;
  }

  .impact-motion-showcase__media-stack {
    min-height: auto !important;
    perspective: none !important;
    transform-style: flat !important;
    overflow: visible !important;
  }

  .impact-motion-showcase .motion-card {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
  }

  .impact-motion-showcase .motion-card--primary {
    aspect-ratio: 4 / 5 !important;
    max-height: 560px;
    overflow: hidden !important;
  }

  .impact-motion-showcase .motion-card--primary .media,
  .impact-motion-showcase .motion-card--primary .media img {
    width: 100% !important;
    height: 100% !important;
  }

  .impact-motion-showcase .motion-card--primary .media img {
    object-fit: cover !important;
  }

  .impact-motion-showcase .motion-card--secondary {
    display: none !important;
  }
}
/* ==========================================================
   LUMINLEA HEADER ICON HARD FIX
   CSS-drawn icons: no SVG dependency on real mobile browsers.
   ========================================================== */

.ll-icon {
  position: relative;
  display: block !important;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: var(--color-text, #171717);
}

.ll-icon--menu::before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 5px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  box-shadow:
    0 6px 0 currentColor,
    0 12px 0 currentColor;
}

.ll-icon--close::before,
.ll-icon--close::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 10px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.ll-icon--close::before {
  transform: rotate(45deg);
}

.ll-icon--close::after {
  transform: rotate(-45deg);
}

.ll-icon--account::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.ll-icon--account::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 3px;
  height: 8px;
  border: 2px solid currentColor;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom: 0;
}

.ll-icon--cart::before {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 7px;
  height: 9px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.ll-icon--cart::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  top: 3px;
  height: 7px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
}

.site-header .mobile-menu-toggle,
.site-header .header__account,
.site-header .header__cart {
  color: var(--color-text, #171717) !important;
}

@media (max-width: 989px) {
  .site-header {
    z-index: 999 !important;
  }

  .header__inner {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
  }

  .mobile-menu-toggle,
  .header__account,
  .header__cart {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header__logo {
    justify-self: center !important;
    text-align: center !important;
    min-width: 0;
  }

  .header__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .2rem !important;
  }

  .header__track,
  .header__search,
  .header__nav {
    display: none !important;
  }

  .header__cart {
    position: relative;
  }

  .header__cart [data-cart-count] {
    position: absolute;
    top: 3px;
    right: 1px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-accent, #8B6F47);
    color: #fff !important;
    font-size: .68rem;
    line-height: 1;
    font-weight: 800;
  }
}
/* ==========================================================
   LUMINLEA REAL MOBILE MOTION KILL SWITCH
   Final layer: no accidental zoom on motion showcase.
   ========================================================== */

@media (max-width: 989px), (hover: none), (pointer: coarse) {
  .impact-motion-showcase .motion-card,
  .impact-motion-showcase .motion-card *,
  .impact-motion-showcase .media,
  .impact-motion-showcase .media *,
  .impact-motion-showcase__media-stack {
    transform: none !important;
    translate: 0 0 !important;
    rotate: 0deg !important;
    scale: 1 !important;
    animation: none !important;
    will-change: auto !important;
  }

  .impact-motion-showcase .motion-card {
    display: none !important;
  }

  .impact-motion-showcase .motion-mobile-static-card {
    display: block !important;
  }
}
/* ==========================================================
   LUMINLEA FINAL MOBILE RESPONSIVE LOCK
   Fix: mobile right whitespace, burger menu clipping, UUID badge.
   ========================================================== */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body {
  position: relative;
}

.page-width,
.announcement,
.template-product .pdp-v4,
.template-collection .collection-main {
  max-width: 100%;
}

/* Header mobile: fit viewport but do NOT clip mobile nav */
@media (max-width: 989px) {
  .site-header {
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    z-index: 999 !important;
  }

  .header__inner {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 82px !important;
    gap: .25rem !important;
    align-items: center !important;
    min-height: 62px !important;
    overflow: visible !important;
  }

  .mobile-menu-toggle,
  .header__account,
  .header__cart {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    color: var(--color-text, #171717) !important;
  }

  .header__account > span:not(.ll-icon):not(.visually-hidden),
  .header__cart > span:not(.ll-icon):not([data-cart-count]):not(.visually-hidden) {
    display: none !important;
  }

  .header__logo {
    min-width: 0 !important;
    max-width: 150px !important;
    justify-self: center !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .header__logo img {
    max-width: 142px !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
  }

  .header__actions {
    min-width: 0 !important;
    width: 82px !important;
    max-width: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .1rem !important;
    overflow: visible !important;
  }

  .header__search,
  .header__track,
  .header__nav {
    display: none !important;
  }

  .header__cart {
    position: relative !important;
  }

  .header__cart [data-cart-count] {
    position: absolute !important;
    top: 1px !important;
    right: -1px !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: var(--color-accent, #8B6F47) !important;
    color: #fff !important;
    font-size: .66rem !important;
    line-height: 16px !important;
    font-weight: 800 !important;
  }
}

/* Mobile nav must sit above content and must not be clipped by header */
@media (max-width: 989px) {
  .mobile-nav {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 1000 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    background:
      radial-gradient(circle at 86% 8%, rgba(139,111,71,.12), transparent 34%),
      var(--color-bg) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
    transition:
      opacity .22s ease,
      visibility .22s ease,
      transform .22s ease;
  }

  .mobile-nav.is-open,
  body.menu-open .mobile-nav {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .mobile-nav__inner {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    margin-inline: auto !important;
    padding-top: 84px !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
    display: grid !important;
    align-content: start !important;
    gap: 1.15rem !important;
    overflow-x: hidden !important;
  }

  .mobile-nav__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .mobile-nav__search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .mobile-nav__links {
    display: grid !important;
    gap: .1rem !important;
  }

  .mobile-nav__links a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    color: var(--color-text) !important;
  }

  .mobile-nav__care,
  .mobile-nav__note {
    display: grid !important;
  }
}

/* Product page width lock */
@media (max-width: 989px) {
  .template-product .pdp-v4 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .template-product .pdp-v4__grid,
  .template-product .pdp-v4__lower {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    overflow: hidden !important;
  }

  .template-product .pdp-v4__identity,
  .template-product .pdp-v4__media,
  .template-product .pdp-v4__buybox,
  .template-product .pdp-v4__details {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .template-product .pdp-v4__highlight {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .template-product .pdp-v4__title {
    overflow-wrap: anywhere !important;
  }
}

/* Collection grid + card safety */
.product-card {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.product-card__media {
  max-width: 100% !important;
  overflow: hidden !important;
}

.product-card__badge {
  max-width: calc(100% - 1rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

@media (max-width: 749px) {
  .template-collection .collection-main .page-width {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    overflow: hidden !important;
  }

  .template-collection .product-grid,
  .template-collection .collection-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .template-collection .product-card__badge {
    top: .45rem !important;
    left: .45rem !important;
    right: auto !important;
    max-width: calc(100% - .9rem) !important;
    padding: .24rem .48rem !important;
    font-size: .58rem !important;
    letter-spacing: .045em !important;
  }

  .template-collection .product-card__title {
    overflow-wrap: anywhere !important;
  }
}

/* ==========================================================
   LUMINLEA PDP V5 — IKEA-INSPIRED PREMIUM PRODUCT PAGE
   Mobile-first clarity, clean buy box, related-product ready.
   ========================================================== */

.pdp-v5 {
  padding: 18px 0 var(--section-spacing);
  overflow-x: clip;
}

.pdp-v5 * {
  box-sizing: border-box;
}

.pdp-v5__grid {
  display: grid;
  grid-template-columns: minmax(520px, 1.08fr) minmax(340px, .78fr) minmax(290px, 330px);
  grid-template-areas:
    "media identity buybox"
    "media details  buybox";
  gap: clamp(1rem, 1.6vw, 1.55rem);
  align-items: start;
}

.pdp-v5__media {
  grid-area: media;
  min-width: 0;
}

.pdp-v5__identity {
  grid-area: identity;
  min-width: 0;
  padding-top: .35rem;
}

.pdp-v5__buybox {
  grid-area: buybox;
  position: sticky;
  top: 96px;
  min-width: 0;
}

.pdp-v5__details {
  grid-area: details;
  min-width: 0;
}

/* Media */
.pdp-v5__panel[hidden] {
  display: none !important;
}

.pdp-v5__frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: clamp(460px, 43vw, 620px);
  aspect-ratio: 1 / 1;
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.8), transparent 34%),
    linear-gradient(135deg, rgba(241,236,229,.58), rgba(255,255,255,.72));
}

.pdp-v5__image,
.pdp-v5__frame img,
.pdp-v5__frame svg,
.pdp-v5__frame video,
.pdp-v5__frame iframe,
.pdp-v5__frame model-viewer {
  width: 100%;
  height: 100%;
  display: block;
}

.pdp-v5__image {
  object-fit: contain;
  padding: clamp(8px, 1.25vw, 18px);
  transform-origin: var(--zoom-x, 50%) var(--zoom-y, 50%);
  transition: transform .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .pdp-v5__frame:hover .pdp-v5__image {
    transform: scale(1.055);
    cursor: zoom-in;
  }
}

.pdp-v5__thumbs {
  display: flex;
  gap: .55rem;
  margin-top: .7rem;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.pdp-v5__thumbs::-webkit-scrollbar {
  display: none;
}

.pdp-v5__thumb {
  flex: 0 0 calc((100% - 2.2rem) / 5);
  min-width: 66px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  overflow: hidden;
  background: rgba(255,255,255,.62);
}

.pdp-v5__thumb.is-active {
  border-color: var(--color-text);
  box-shadow: 0 0 0 1px rgba(23,23,23,.14);
}

.pdp-v5__thumb-image,
.pdp-v5__thumb img,
.pdp-v5__thumb svg {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Identity */
.pdp-v5__highlight {
  width: fit-content;
  max-width: 100%;
  padding: .48rem .72rem;
  margin-bottom: .85rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  color: var(--color-accent);
  font-size: .8rem;
  line-height: 1.3;
}

.pdp-v5__vendor {
  margin: 0 0 .35rem;
  color: var(--color-muted);
  font-size: .9rem;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pdp-v5__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 2.55vw, 3rem);
  line-height: .98;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.pdp-v5__rating {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-top: .65rem;
  color: var(--color-muted);
  font-size: .9rem;
}

.pdp-v5__stars {
  color: #d4a019;
  letter-spacing: .04em;
}

.pdp-v5__benefit {
  margin: .75rem 0 0;
  color: var(--color-muted);
  font-size: 1rem;
  line-height: 1.48;
}

/* Buy box */
.pdp-v5__buybox-card {
  padding: 1.05rem;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 44px rgba(23,23,23,.045);
}

.pdp-v5__price-block {
  padding-bottom: .9rem;
  margin-bottom: .95rem;
  border-bottom: 1px solid var(--color-border);
}

.pdp-v5__price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .5rem;
}

.pdp-v5__price {
  font-size: clamp(2rem, 2.4vw, 2.45rem);
  line-height: .95;
  font-weight: 820;
  letter-spacing: -.045em;
}

.pdp-v5__compare {
  color: var(--color-muted);
  font-size: .98rem;
  text-decoration: line-through;
}

.pdp-v5__saving {
  width: fit-content;
  margin-top: .55rem;
  padding: .28rem .56rem;
  border: 1px solid rgba(62,107,79,.22);
  border-radius: 999px;
  background: rgba(62,107,79,.08);
  color: var(--color-success);
  font-size: .78rem;
  font-weight: 760;
  line-height: 1.2;
}

.pdp-v5__subprice,
.pdp-v5__returns {
  margin: .5rem 0 0;
  color: var(--color-muted);
  font-size: .9rem;
  line-height: 1.35;
}

.pdp-v5__form {
  display: grid;
  gap: .82rem;
}

.pdp-v5__field {
  display: grid;
  gap: .35rem;
}

.pdp-v5__field select,
.pdp-v5__quantity {
  min-height: 50px;
  border-radius: 14px;
  background: #fff;
  font-size: .94rem;
}

.pdp-v5__quantity {
  width: 112px;
  max-width: 112px;
  text-align: center;
}

.pdp-v5__submit {
  min-height: 54px;
  border-radius: 999px;
  font-weight: 820;
  letter-spacing: .01em;
}

.pdp-v5__submit[disabled] {
  background: rgba(139,111,71,.42);
  color: #fff;
  opacity: 1;
}

.pdp-v5__dynamic-checkout {
  margin-top: -.1rem;
}

.pdp-v5__trust {
  display: grid;
  gap: .7rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border);
}

.pdp-v5__trust-item {
  position: relative;
  display: grid;
  gap: .12rem;
  padding-left: 1.35rem;
}

.pdp-v5__trust-item::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: .05rem;
  color: var(--color-success);
  font-weight: 900;
}

.pdp-v5__trust-item strong {
  font-size: .9rem;
  line-height: 1.25;
}

.pdp-v5__trust-item span,
.pdp-v5__seller {
  color: var(--color-muted);
  font-size: .86rem;
  line-height: 1.38;
}

.pdp-v5__seller {
  margin-top: .9rem;
  padding-top: .85rem;
  border-top: 1px solid var(--color-border);
}

/* Details */
.pdp-v5__glance {
  margin-top: 1.05rem;
}

.pdp-v5__glance h2,
.pdp-v5__about h2 {
  margin: 0 0 .75rem;
  font-family: var(--font-body);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
}

.pdp-v5__spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .62rem;
}

.pdp-v5__spec {
  display: grid;
  gap: .35rem;
  min-height: 96px;
  padding: .82rem;
  border: 1px solid var(--color-border);
  border-radius: 15px;
  background: rgba(238,242,248,.72);
}

.pdp-v5__spec strong {
  font-size: .84rem;
  line-height: 1.22;
}

.pdp-v5__spec span {
  color: var(--color-muted);
  font-size: .9rem;
  line-height: 1.35;
}

.pdp-v5__about {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border);
}

.pdp-v5__about ul {
  display: grid;
  gap: .5rem;
  margin: 0;
  padding-left: 1.15rem;
}

.pdp-v5__about li {
  color: var(--color-muted);
  line-height: 1.46;
}

.pdp-v5__lower {
  margin-top: 1.4rem;
}

/* Desktop wider: 3 spec cards when possible */
@media (min-width: 1280px) {
  .pdp-v5__spec-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Tablet */
@media (max-width: 1199px) {
  .pdp-v5__grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    grid-template-areas:
      "media buybox"
      "identity buybox"
      "details buybox";
  }

  .pdp-v5__frame {
    min-height: 0;
  }
}

/* Mobile: IKEA-inspired order */
@media (max-width: 989px) {
  .pdp-v5 {
    padding-top: .65rem;
    overflow-x: hidden;
  }

  .pdp-v5__grid,
  .pdp-v5__lower {
    width: min(100%, calc(100vw - 28px));
    max-width: 100%;
    margin-inline: auto;
  }

  .pdp-v5__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "identity"
      "buybox"
      "details";
    gap: .95rem;
  }

  .pdp-v5__buybox {
    position: static;
    top: auto;
  }

  .pdp-v5__highlight {
    margin-bottom: .65rem;
    padding: .44rem .62rem;
    font-size: .76rem;
    border-radius: 999px;
  }

  .pdp-v5__title {
    font-size: clamp(2.05rem, 10vw, 2.85rem);
    line-height: .96;
  }

  .pdp-v5__benefit {
    margin-top: .6rem;
    font-size: .95rem;
    line-height: 1.45;
  }

  .pdp-v5__frame {
    min-height: 0;
    max-height: min(68vh, 420px);
    aspect-ratio: 1 / 1;
    border-radius: 20px;
  }

  .pdp-v5__image {
    padding: 8px;
  }

  .pdp-v5__thumbs {
    gap: .45rem;
    margin-top: .55rem;
  }

  .pdp-v5__thumb {
    flex: 0 0 58px;
    min-width: 58px;
    border-radius: 11px;
  }

  .pdp-v5__buybox-card {
    padding: .95rem;
    border-radius: 18px;
  }

  .pdp-v5__price-block {
    padding-bottom: .75rem;
    margin-bottom: .8rem;
  }

  .pdp-v5__price {
    font-size: 1.9rem;
  }

  .pdp-v5__field select,
  .pdp-v5__quantity {
    min-height: 48px;
  }

  .pdp-v5__submit {
    min-height: 52px;
  }

  .pdp-v5__trust {
    gap: .58rem;
    margin-top: .85rem;
    padding-top: .85rem;
  }

  .pdp-v5__glance {
    margin-top: .4rem;
  }

  .pdp-v5__spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
  }

  .pdp-v5__spec {
    min-height: 82px;
    padding: .68rem;
    border-radius: 13px;
  }

  .pdp-v5__spec strong {
    font-size: .78rem;
  }

  .pdp-v5__spec span {
    font-size: .82rem;
  }

  .pdp-v5__about {
    margin-top: .85rem;
    padding-top: .85rem;
  }

  .product-sticky-atc {
    display: none !important;
  }

  body.template-product {
    padding-bottom: 0 !important;
  }
}

/* ==========================================================
   PRODUCT RECOMMENDATIONS V2
   Desktop grid, mobile list-card inspired by strong retail UX.
   ========================================================== */

.product-recs-v2 .product-grid {
  align-items: stretch;
}

@media (max-width: 749px) {
  .product-recs-v2 {
    padding-block: 38px;
  }

  .product-recs-v2 .section-header {
    margin-bottom: 1rem;
  }

  .product-recs-v2 .product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .product-recs-v2 .product-card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: .9rem;
    padding: 1rem 0;
    border-top: 1px solid var(--color-border);
    border-radius: 0;
    background: transparent;
    overflow: visible !important;
  }

  .product-recs-v2 .product-card:first-child {
    border-top: 0;
  }

  .product-recs-v2 .product-card__media {
    align-self: start;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
  }

  .product-recs-v2 .product-card__info {
    padding-top: .1rem;
    min-width: 0;
  }

  .product-recs-v2 .product-card__title {
    font-size: 1rem;
    line-height: 1.24;
  }

  .product-recs-v2 .product-card__benefit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: .35rem;
    font-size: .86rem;
    line-height: 1.35;
  }

  .product-recs-v2 .product-card__row {
    display: block;
    margin-top: .45rem;
  }

  .product-recs-v2 .quick-add,
  .product-recs-v2 .product-card__choose {
    margin-top: .6rem;
  }

  .product-recs-v2 .quick-add .button,
  .product-recs-v2 .product-card__choose {
    width: auto;
    min-height: 38px;
    padding: .55rem .85rem;
    font-size: .82rem;
    border-radius: 999px;
  }
}

/* Hide noisy bundle/app widgets from native buy box */
.template-product .pdp-v5__buybox [class*="MaxBundle"],
.template-product .pdp-v5__buybox [class*="maxbundle"],
.template-product .pdp-v5__buybox [id*="MaxBundle"],
.template-product .pdp-v5__buybox [id*="maxbundle"],
.template-product .pdp-v5__buybox [class*="bundle-widget"],
.template-product .pdp-v5__buybox [id*="bundle-widget"] {
  display: none !important;
}


/* ==========================================================
   LUMINLEA PDP V6 — STRONG IKEA-INSPIRED FINAL PATCH
   Add this at the very end of assets/base.css.
   ========================================================== */

/* Product width safety */
.template-product .pdp-v5 {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* IKEA-style option cards */
.pdp-v5__variant-picker {
  display: grid;
  gap: .9rem;
}

.pdp-v5__option-group {
  display: grid;
  gap: .55rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.pdp-v5__option-legend {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  width: 100%;
  margin-bottom: .2rem;
  color: var(--color-text);
}

.pdp-v5__option-legend span {
  font-size: .84rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 760;
  color: var(--color-muted);
}

.pdp-v5__option-legend strong {
  font-size: .92rem;
  font-weight: 720;
  color: var(--color-text);
}

.pdp-v5__option-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}

.pdp-v5__option-value {
  min-height: 52px;
  display: grid;
  place-items: center;
  padding: .78rem .85rem;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: rgba(255,255,255,.74);
  color: var(--color-muted);
  font-weight: 720;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.pdp-v5__option-value:hover {
  color: var(--color-text);
  border-color: rgba(139,111,71,.42);
}

.pdp-v5__option-value--color {
  justify-content: start;
  text-align: left;
}

.pdp-v5__variant-picker input[type="radio"]:checked + .pdp-v5__option-value {
  color: var(--color-text);
  border-color: var(--color-text);
  background: rgba(255,255,255,.92);
  box-shadow: inset 0 0 0 1px var(--color-text);
}

.pdp-v5__variant-picker input[type="radio"]:focus-visible + .pdp-v5__option-value {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

/* Cleaner buy box hierarchy */
.pdp-v5__buybox-card {
  background: rgba(255,255,255,.82) !important;
}

.pdp-v5__price-block {
  border-bottom: 1px solid var(--color-border);
}

.pdp-v5__trust {
  border: 1px solid var(--color-border);
  border-radius: 18px;
  padding: .9rem;
  background: rgba(255,255,255,.52);
}

.pdp-v5__seller {
  text-align: left;
}

/* Strong mobile order: image -> identity -> buybox -> specs */
@media (max-width: 989px) {
  .template-product .pdp-v5__grid {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "media"
      "identity"
      "buybox"
      "details" !important;
    gap: .9rem !important;
    overflow: hidden;
  }

  .template-product .pdp-v5__media,
  .template-product .pdp-v5__identity,
  .template-product .pdp-v5__buybox,
  .template-product .pdp-v5__details {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .template-product .pdp-v5__frame {
    max-height: min(60vh, 390px) !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 20px !important;
  }

  .template-product .pdp-v5__thumb {
    flex: 0 0 54px !important;
    min-width: 54px !important;
  }

  .template-product .pdp-v5__highlight {
    font-size: .74rem !important;
    line-height: 1.25 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .template-product .pdp-v5__title {
    font-size: clamp(1.95rem, 9.6vw, 2.55rem) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance;
  }

  .template-product .pdp-v5__benefit {
    font-size: .95rem !important;
    line-height: 1.45 !important;
  }

  .template-product .pdp-v5__buybox {
    position: static !important;
    top: auto !important;
  }

  .template-product .pdp-v5__buybox-card {
    padding: .95rem !important;
    border-radius: 18px !important;
  }

  .template-product .pdp-v5__option-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
  }

  .template-product .pdp-v5__option-value {
    min-height: 50px;
    padding: .72rem .65rem;
    border-radius: 14px;
    font-size: .92rem;
  }

  .template-product .pdp-v5__trust {
    gap: .55rem;
    margin-top: .9rem;
  }

  .template-product .pdp-v5__spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  .template-product .pdp-v5__grid,
  .template-product .pdp-v5__lower {
    width: min(100%, calc(100vw - 24px)) !important;
  }

  .template-product .pdp-v5__option-values {
    grid-template-columns: 1fr;
  }

  .template-product .pdp-v5__frame {
    max-height: 360px !important;
  }
}

/* Product recommendations: mobile list card, desktop grid */
@media (max-width: 749px) {
  .product-recs-v2 .product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .product-recs-v2 .product-card {
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr) !important;
    gap: .9rem !important;
    padding: 1rem 0 !important;
    border-top: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .product-recs-v2 .product-card:first-child {
    border-top: 0 !important;
  }

  .product-recs-v2 .product-card__media {
    align-self: start !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 16px !important;
  }

  .product-recs-v2 .product-card__info {
    min-width: 0 !important;
    padding-top: .05rem !important;
  }

  .product-recs-v2 .product-card__title {
    font-size: 1rem !important;
    line-height: 1.24 !important;
  }

  .product-recs-v2 .quick-add .button,
  .product-recs-v2 .product-card__choose {
    width: auto !important;
    min-height: 38px !important;
    padding: .55rem .85rem !important;
    border-radius: 999px !important;
  }
}

/* Final protection against app widgets entering the clean buy box */
.template-product .pdp-v5__buybox [class*="MaxBundle"],
.template-product .pdp-v5__buybox [class*="maxbundle"],
.template-product .pdp-v5__buybox [id*="MaxBundle"],
.template-product .pdp-v5__buybox [id*="maxbundle"],
.template-product .pdp-v5__buybox [class*="bundle"],
.template-product .pdp-v5__buybox [id*="bundle"] {
  display: none !important;
}



/* ==========================================================
   LUMINLEA COLLECTION + QUICKVIEW FINAL MODULE
   Cleaned single source for collection controls, card icons,
   quick view modal, and cart count state.
   ========================================================== */

.collection-main--v4 {
  overflow-x: clip;
}

.collection-hero--v4 {
  padding-bottom: clamp(1.1rem, 2vw, 1.7rem);
}

.collection-shopbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto auto;
  gap: .85rem;
  align-items: center;
  margin: 1rem 0 1.15rem;
}

.collection-shopbar__search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  align-items: center;
  min-height: 56px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  overflow: hidden;
}

.collection-shopbar__search input {
  min-width: 0;
  min-height: 56px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 1.1rem;
}

.collection-shopbar__search button {
  width: 44px;
  height: 44px;
  margin-right: .3rem;
  border: 0;
  border-radius: 999px;
  background: var(--color-text);
  color: #fff;
  display: inline-grid;
  place-items: center;
}

.collection-search-icon,
.collection-search-icon svg,
.product-card__action-icon,
.product-card__action-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.collection-search-icon svg,
.product-card__action-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.collection-shopbar__form {
  min-width: 0;
}

.collection-shopbar__controls {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.collection-shopbar__meta {
  color: var(--color-muted);
  font-size: .92rem;
  white-space: nowrap;
}

.collection-control {
  position: relative;
}

.collection-control summary,
.collection-control select {
  min-height: 50px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  padding: .65rem 1rem;
  font-weight: 780;
  cursor: pointer;
}

.collection-control summary {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  list-style: none;
}

.collection-control summary::-webkit-details-marker {
  display: none;
}

.collection-control select {
  min-width: 190px;
  padding-right: 2.3rem;
}

.collection-control__icon {
  color: var(--color-accent);
  font-size: .9rem;
}

.collection-filter-count[hidden] {
  display: none !important;
}

.collection-filter-drawer__panel,
.collection-control__panel {
  position: absolute;
  right: 0;
  top: calc(100% + .7rem);
  z-index: 90;
  width: min(900px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 180px));
  overflow: auto;
  padding: 1rem;
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 0%, rgba(139,111,71,.12), transparent 30%),
    var(--color-bg);
  box-shadow: 0 24px 70px rgba(23,23,23,.13);
}

.collection-filter-drawer__header {
  display: grid;
  gap: .25rem;
  margin-bottom: .85rem;
}

.collection-filter-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.collection-filter-group,
.collection-filter-groups .filter-group {
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: rgba(255,255,255,.52);
  overflow: hidden;
}

.collection-filter-group > summary,
.collection-filter-groups .filter-group > summary {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: .9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 780;
}

.collection-filter-group .filter-panel,
.collection-filter-groups .filter-panel {
  position: static;
  min-width: 0;
  border: 0;
  border-top: 1px solid var(--color-border);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: .85rem;
}

.collection-filter-list,
.filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .45rem;
}

.collection-filter-option,
.filter-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  color: var(--color-muted);
  font-size: .92rem;
}

.collection-filter-option input,
.filter-option input {
  width: 18px;
  height: 18px;
  accent-color: var(--color-accent);
}

.collection-filter-option small,
.filter-option small {
  font-size: .78rem;
  color: var(--color-muted);
}

.collection-filter-option.is-disabled,
.filter-option.is-disabled {
  opacity: .45;
}

.collection-filter-price,
.filter-price {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
}

.collection-filter-price input,
.filter-price input {
  min-height: 44px;
  border-radius: 14px;
}

.collection-control__footer,
.collection-filter-drawer__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid var(--color-border);
  background: linear-gradient(180deg, rgba(250,248,245,.72), var(--color-bg));
}

.active-filters--premium,
.active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 0 0 1.2rem;
}

.active-filter {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .42rem .72rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  color: var(--color-muted);
  font-size: .86rem;
}

.active-filter span {
  color: var(--color-accent);
  font-weight: 900;
}

.active-filter--clear {
  color: var(--color-text);
  border-color: rgba(139,111,71,.45);
}

.product-card__options-note {
  margin: .42rem 0 0;
  color: var(--color-muted);
  font-size: .82rem;
  line-height: 1.35;
}

.product-card__actions {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-top: .72rem;
}

.product-card__quick-add,
.product-card__quick-form {
  margin: 0 !important;
}

.product-card__view,
.product-card__add {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  color: var(--color-text);
  display: inline-grid;
  place-items: center;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.product-card__add {
  border-color: rgba(139,111,71,.34);
  background: rgba(139,111,71,.12);
  color: var(--color-accent);
}

.product-card__view:hover,
.product-card__add:hover {
  transform: translateY(-1px);
  border-color: var(--color-accent);
}

.product-card__add--disabled,
.product-card__add.is-disabled {
  opacity: .38;
  cursor: not-allowed;
  transform: none !important;
}

/* Disable older pseudo-icon implementation after switching to inline SVG. */
.product-card__icon,
.product-card__icon--view,
.product-card__icon--add {
  display: none !important;
}

.quickview-modal[hidden] {
  display: none !important;
}

.quickview-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 18px;
}

.quickview-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(23,23,23,.38);
  backdrop-filter: blur(8px);
}

.quickview-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  max-height: min(760px, calc(100dvh - 36px));
  overflow: auto;
  border: 1px solid var(--color-border);
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 0%, rgba(139,111,71,.10), transparent 32%),
    var(--color-bg);
  box-shadow: 0 28px 90px rgba(23,23,23,.22);
}

.quickview-modal__close {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: var(--color-text);
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.quickview-modal__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 1.1rem;
  padding: 1rem;
}

.quickview-modal__media {
  border: 1px solid var(--color-border);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.58);
  aspect-ratio: 1 / 1;
}

.quickview-modal__media img,
.quickview-modal__placeholder,
.quickview-modal__placeholder svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.quickview-modal__content {
  align-self: center;
  padding: clamp(.7rem, 2vw, 1.2rem);
}

.quickview-modal__title {
  margin: .5rem 0 .65rem;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.quickview-modal__benefit {
  margin: 0 0 1rem;
  color: var(--color-muted);
  line-height: 1.48;
}

.quickview-modal__price-row {
  display: flex;
  align-items: baseline;
  gap: .65rem;
  margin-bottom: 1rem;
}

.quickview-modal__price-row strong {
  font-size: 1.65rem;
  line-height: 1;
}

.quickview-modal__price-row span {
  color: var(--color-muted);
  text-decoration: line-through;
}

.quickview-modal__form {
  margin-bottom: .7rem;
}

body.quickview-open {
  overflow: hidden;
}

.site-header .header__cart {
  position: relative !important;
  overflow: visible !important;
}

.site-header .header__cart [data-cart-count] {
  position: absolute !important;
  top: 1px !important;
  right: -2px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 2px solid var(--color-bg, #faf8f5) !important;
  background: var(--color-accent, #8B6F47) !important;
  color: #fff !important;
  font-size: .68rem !important;
  line-height: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 12px rgba(23,23,23,.12) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1) !important;
}

.site-header .header__cart [data-cart-count].is-empty,
.site-header .header__cart [data-count="0"],
[data-cart-count][hidden],
[data-cart-count][data-count="0"],
[data-cart-count]:empty {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(.62) !important;
  pointer-events: none !important;
}

@media (min-width: 990px) {
  .template-collection .collection-product-grid,
  .template-collection .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1.25rem, 2vw, 2rem);
  }
}

@media (max-width: 749px) {
  .collection-hero--v4 {
    padding-top: 1.45rem;
  }

  .collection-shopbar {
    grid-template-columns: 1fr;
    gap: .8rem;
    margin: .95rem 0 1rem;
  }

  .collection-shopbar__search {
    min-height: 58px;
    border-radius: 999px;
  }

  .collection-shopbar__search input {
    min-height: 58px;
    font-size: .96rem;
  }

  .collection-shopbar__form {
    order: 2;
  }

  .collection-shopbar__controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
  }

  .collection-control summary,
  .collection-control select {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    text-align: center;
    border-radius: 999px;
    font-size: .95rem;
  }

  .collection-shopbar__meta {
    order: 3;
  }

  .collection-filter-drawer__panel,
  .collection-control__panel {
    position: fixed;
    left: 14px;
    right: 14px;
    top: 82px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    width: auto;
    max-height: none;
    border-radius: 22px;
    padding: .9rem;
    z-index: 1000;
  }

  .collection-filter-groups {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .collection-control__footer,
  .collection-filter-drawer__footer {
    position: sticky;
    bottom: 0;
    grid-template-columns: 1fr;
    padding-top: .85rem;
  }

  .active-filters--premium,
  .active-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-inline: 14px;
    margin-inline: -14px;
    scrollbar-width: none;
  }

  .active-filters--premium::-webkit-scrollbar,
  .active-filters::-webkit-scrollbar {
    display: none;
  }

  .active-filter {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .template-collection .collection-product-grid,
  .template-collection .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem .85rem !important;
  }

  .template-collection .product-card__media {
    border-radius: 18px;
    aspect-ratio: 1 / 1.12;
  }

  .template-collection .product-card__title {
    font-size: .95rem;
    line-height: 1.22;
  }

  .template-collection .product-card__benefit {
    font-size: .82rem;
  }

  .template-collection .product-card__actions {
    margin-top: .62rem;
    gap: .5rem;
  }

  .template-collection .product-card__view,
  .template-collection .product-card__add {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .site-header .header__cart [data-cart-count] {
    top: 0 !important;
    right: -3px !important;
    min-width: 17px !important;
    height: 17px !important;
    font-size: .64rem !important;
    line-height: 13px !important;
  }

  .quickview-modal {
    padding: 12px;
    align-items: end;
  }

  .quickview-modal__dialog {
    width: 100%;
    max-height: calc(100dvh - 24px);
    border-radius: 24px 24px 0 0;
  }

  .quickview-modal__grid {
    grid-template-columns: 1fr;
    gap: .85rem;
    padding: .85rem;
  }

  .quickview-modal__media {
    border-radius: 18px;
  }

  .quickview-modal__content {
    padding: .4rem .25rem .8rem;
  }

  .quickview-modal__title {
    font-size: clamp(2rem, 9vw, 2.75rem);
  }
}

/* ==========================================================
   LUMINLEA QUICKVIEW VARIANT OPTIONS
   Multi-variant product cards open option chooser before add.
   ========================================================== */

.quickview-modal__options {
  display: grid;
  gap: .85rem;
  margin: .95rem 0 1rem;
  padding: .95rem;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .58);
}

.quickview-modal__options[hidden] {
  display: none !important;
}

.quickview-option {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.quickview-option legend {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .8rem;
  width: 100%;
  margin: 0 0 .55rem;
  padding: 0;
  color: var(--color-text);
  font-size: .9rem;
  font-weight: 780;
  line-height: 1.25;
}

.quickview-option legend strong {
  color: var(--color-muted);
  font-size: .84rem;
  font-weight: 650;
  text-align: right;
}

.quickview-option__values {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.quickview-option__button {
  min-height: 40px;
  padding: .55rem .78rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  color: var(--color-text);
  font-size: .88rem;
  line-height: 1.1;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.quickview-option__button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(139,111,71,.45);
}

.quickview-option__button.is-active {
  border-color: var(--color-text);
  background: var(--color-text);
  color: var(--color-bg);
}

.quickview-option__button:disabled {
  opacity: .38;
  cursor: not-allowed;
  text-decoration: line-through;
}

.product-card__add--choose {
  border-color: rgba(139,111,71,.38);
  background: rgba(139,111,71,.13);
  color: var(--color-accent);
}

@media (max-width: 749px) {
  .quickview-modal__options {
    gap: .75rem;
    margin: .8rem 0 .9rem;
    padding: .8rem;
    border-radius: 16px;
  }

  .quickview-option legend {
    font-size: .88rem;
  }

  .quickview-option__values {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .05rem;
    scrollbar-width: none;
  }

  .quickview-option__values::-webkit-scrollbar {
    display: none;
  }

  .quickview-option__button {
    flex: 0 0 auto;
    min-height: 38px;
    padding: .52rem .74rem;
    font-size: .84rem;
  }
}