/** Shopify CDN: Minification failed
Line 7:51209 Unexpected "}"
**/
@font-face{font-family:"DM Sans";src:url("dmsans-var.woff2") format("woff2-variations"),url("dmsans-var.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
@keyframes kineticReveal{0%{transform:translateY(110%);opacity:0;font-variation-settings:"wght"300}60%{font-variation-settings:"wght"1000}to{transform:translateY(0);opacity:1;font-variation-settings:"wght"900}}@keyframes marquee{0%{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 2rem),0,0)}}@keyframes marquee-row{0%{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 1rem),0,0)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg{display:block;max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,textarea{font:inherit;color:inherit}:root{--bg:#ffffff;--bg-alt:#f7f7f7;--bg-dark:#0a0a0a;--text:#000000;--text-muted:#5a5a5a;--text-light:#717171;--border:#e8e8e8;--border-strong:#1a1a1a;--accent:#000000;--accent-hover:#1a1a1a;--accent-text:#ffffff;--grain-opacity:.04;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:2rem;--fs-2xl:3rem;--fs-3xl:4.5rem;--fs-display:clamp(3rem,9vw,7.5rem);--gutter:1.5rem;--section-pad:clamp(4rem,8vw,7rem);--container:1320px;--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur:.36s;--dur-slow:.7s;--z-nav:50;--z-cart-sticky:40;--z-cursor:90}body{font-family:DM Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:var(--fs-base);line-height:1.55;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.grain-on:before{display:none}h1,h2{letter-spacing:-.04em}h1,h2,h3,h4{font-family:DM Sans,system-ui,sans-serif;line-height:1.02}body,h1,h2,h3{color:var(--text)}h1,h2,h3{font-weight:900}h3{font-size:clamp(1.25rem,2.4vw,1.75rem);letter-spacing:-.025em}h4{font-size:1.125rem;letter-spacing:-.02em}h1{font-size:var(--fs-display)}h2{font-size:clamp(2rem,5vw,3.75rem)}p{max-width:min(65ch,100%)}.eyebrow,h4,strong{color:var(--text);font-weight:700}.eyebrow,p{color:var(--text-muted)}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.eyebrow:before{content:"";width:1.5rem;height:1px;background:currentColor}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.btn,.topbar-track span{display:inline-flex;align-items:center;flex-shrink:0}.btn{--bg-btn:var(--accent);--fg-btn:var(--accent-text);gap:.625rem;padding:1rem 2rem;background:var(--bg-btn);color:var(--fg-btn);border:1px solid var(--bg-btn);border-radius:2px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease);will-change:transform}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-100%);transition:transform .9s var(--ease-out);pointer-events:none}.btn:hover:after{transform:translate(100%)}.btn:hover{background:#fff;color:var(--accent);border-color:var(--accent)}.btn .arrow{display:inline-block;transition:transform var(--dur) var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn-ghost{background:0 0;color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-lg{padding:1.15rem 2.5rem;font-size:.88rem}.btn-sm{padding:.65rem 1.25rem;font-size:.72rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.tilt{transform-style:preserve-3d;transition:transform .45s var(--ease-out);will-change:transform}.nav-menu a,.topbar{text-transform:uppercase;position:relative}.topbar{background:var(--bg-dark);color:#fff;font-size:.72rem;letter-spacing:.14em;text-align:center;padding:.5rem 0;overflow:hidden;z-index:51}.topbar-track{display:flex;gap:3rem;width:max-content;white-space:nowrap;will-change:transform;animation:marquee 22s linear infinite}.topbar-track span{gap:1rem;font-weight:500}.topbar-track span:after{content:"";display:inline-block;width:26px;height:15px;background:url(/__atomgym_logo__) center/contain no-repeat;filter:invert(1);margin-left:3rem;opacity:.95;vertical-align:middle}.nav{position:sticky;top:0;z-index:var(--z-nav);background:#fffffff5;border-bottom:1px solid var(--border);transition:backdrop-filter var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.nav.scrolled{background:#ffffffc7;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 1px 0 var(--border),0 8px 24px -16px #0000001f}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:1.1rem var(--gutter);max-width:var(--container);margin:0 auto}.nav-logo,.nav-menu{display:flex;gap:2rem;align-items:center}.nav-menu a{font-size:.78rem;font-weight:600;letter-spacing:.12em;padding:.25rem 0}.burger span,.nav-menu a:after{position:absolute;left:0;width:100%;background:var(--text)}.nav-menu a:after{content:"";bottom:-2px;height:1px;transform:scaleX(0);transform-origin:right center;transition:transform .35s var(--ease)}.nav-menu a:hover:after,.nav-menu a[aria-current=page]:after{transform:scaleX(1);transform-origin:left center}.nav-logo{justify-content:center;gap:.55rem}.nav-logo img{height:32px;width:auto;flex-shrink:0;min-width:32px;object-fit:contain}.nav-logo-text{font-family:DM Sans,sans-serif;font-weight:900;font-size:1.1rem;letter-spacing:-.02em}.nav-icons{display:flex;justify-content:flex-end;gap:1.2rem;align-items:center}.cart-count,.nav-icons button{display:grid;place-items:center}.nav-icons button{width:38px;height:38px;border-radius:50%;transition:background var(--dur) var(--ease);position:relative}.nav-icons button:hover{background:var(--bg-alt)}.nav-icons svg{width:18px;height:18px;stroke:var(--text);stroke-width:1.7;fill:none}.cart-count{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;line-height:1}.burger{display:none;width:28px;height:18px;position:relative}.burger span{height:1.5px;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:50%;margin-top:-1px}.burger span:nth-child(3){bottom:0}.hero{position:relative;padding:clamp(2rem,5vw,4rem)0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero-text{display:flex;flex-direction:column;gap:1.6rem;min-height:520px;contain:layout style}.hero-title{font-size:var(--fs-display);letter-spacing:-.05em;line-height:.92;min-height:1em;font-feature-settings:"kern";text-rendering:optimizeLegibility}.hero-title span{display:block;overflow:hidden}.hero-title span>b{display:inline-block;font-weight:inherit;animation:kineticReveal .9s var(--ease-out) backwards;will-change:transform,opacity,font-variation-settings}.hero-title span:nth-child(1)>b{animation-delay:.05s}.hero-title span:nth-child(2)>b{animation-delay:.2s}.hero-title span:nth-child(3)>b{animation-delay:.35s}.hero-title em{font-style:normal;font-weight:300;letter-spacing:-.03em}.hero-sub{font-size:1.05rem;line-height:1.6;color:var(--text-muted);max-width:min(48ch,100%)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.5rem}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem;margin-top:.5rem;border-top:1px solid var(--border)}.hero-meta-item{display:flex;flex-direction:column;gap:.2rem}.hero-meta-item strong{font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.hero-meta-item span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.hero-visual{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg-alt);border-radius:4px}.hero-visual img,.product-card-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06);transition:transform 1.8s var(--ease-out)}.hero-visual:hover img,.product-card:hover .product-card-img img{transform:scale(1.04)}.hero-visual:after,.product-card-img:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,");mix-blend-mode:multiply;opacity:.22}.hero-badge{position:absolute;top:1rem;left:1rem;z-index:2;background:#fff;padding:.45rem .8rem;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:2px}.marquee{overflow:hidden;background:var(--text);color:#fff;padding:.55rem 0;border-block:1px solid var(--text)}.marquee-track{display:flex;gap:2rem;width:max-content;white-space:nowrap;animation:marquee-row 12s linear infinite;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.marquee-track>span{display:inline-flex;align-items:center;gap:1rem;flex-shrink:0}.marquee-track>span:after{content:"";display:inline-block;width:22px;height:13px;background:url(/__atomgym_logo__) center/contain no-repeat;filter:invert(1);margin-left:1rem;opacity:.9;vertical-align:middle}.marquee.reverse .marquee-track{animation:marquee-row 16s linear infinite reverse}.section{padding:var(--section-pad)0}.section-head{display:flex;flex-direction:column;gap:.85rem;margin-bottom:3rem;max-width:760px}.section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow{justify-content:center}.section-head.center .eyebrow:after,.section-head.center .eyebrow:before{display:inline-block}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.product-card,.product-card-img{position:relative;overflow:hidden}.product-card{display:flex;flex-direction:column;border-radius:4px;background:var(--bg-alt)}.product-card-img{aspect-ratio:4/5;background:#eee}.product-card-img img{transition:transform .9s var(--ease-out),filter .5s var(--ease-out);filter:contrast(1.04)}.product-card-img:after{background-image:url("data:image/svg+xml;utf8,");opacity:.14}.product-card-tag{position:absolute;top:.85rem;left:.85rem;z-index:2;background:var(--bg-dark);color:#fff;padding:.32rem .65rem;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:2px}.product-card-body{padding:1.25rem 0 0;display:flex;flex-direction:column;gap:.5rem;background:var(--bg)}.product-card-body .product-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.product-card-body .product-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product-price{font-weight:700;color:var(--text)}.product-card-body .product-variants{display:flex;gap:.4rem}.product-card-body .product-variants i{width:14px;height:14px;border-radius:50%;border:1px solid var(--border-strong);font-style:normal;display:inline-block}.product-card-cta{position:absolute;left:50%;bottom:-44px;transform:translate(-50%);background:var(--accent);color:#fff;padding:.7rem 1.2rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:2px;white-space:nowrap;transition:bottom .45s var(--ease-out)}.product-card:hover .product-card-cta{bottom:1rem}.features-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feature-item{padding:2.4rem 1.6rem;text-align:center;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.7rem;transition:background var(--dur) var(--ease)}.feature-item:last-child{border-right:0}.feature-item:hover{background:var(--bg-alt)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--text);border-radius:50%}.feature-icon svg{width:22px;height:22px;stroke:var(--text);fill:none;stroke-width:1.5}.feature-title{font-size:.95rem;font-weight:700;letter-spacing:-.01em}.feature-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5;max-width:min(24ch,100%)}@property --pct{syntax:"";inherits:false;initial-value:0%}.donuts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.donut{--pct:0%;display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center}.donut-ring,.testimonial figcaption .avatar{border-radius:50%;display:grid;place-items:center}.donut-ring{--size:180px;width:var(--size);height:var(--size);background:conic-gradient(var(--accent) var(--pct),var(--border)0);position:relative;transition:--pct 1.8s cubic-bezier(.2,.8,.2,1)}.donut-ring:after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--bg)}.donut-ring span{position:relative;z-index:1;font-size:2.4rem;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.donut.is-visible[data-pct="92"]{--pct:92%}.donut.is-visible[data-pct="98"]{--pct:98%}.donut.is-visible[data-pct="89"]{--pct:89%}.donut.is-visible[data-pct="85"]{--pct:85%}.donut p{max-width:min(28ch,100%);font-size:.92rem;color:var(--text-muted)}.bundle{background:var(--bg-dark);color:#fff;border-radius:4px;overflow:hidden;padding:clamp(2.5rem,5vw,4.5rem);position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.bundle:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,");mix-blend-mode:soft-light;opacity:.6}.bundle *{position:relative;z-index:1}.bundle h2,.footer-links a:hover{color:#fff}.bundle .eyebrow{color:#fff;opacity:.7}.bundle p{color:#ffffffb3}.bundle .btn{--bg-btn:#fff;--fg-btn:#000;border-color:#fff}.bundle .btn:hover,.footer-newsletter .btn:hover,.lifestyle-banner-content .btn:hover{background:0 0;color:#fff}.bundle-tier strong{font-size:1.05rem}.bundle-tier em{font-style:normal;font-weight:700;color:#fff}.bundle-visual img{width:100%;height:100%;object-fit:cover}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.testimonial{border:1px solid var(--border);border-radius:4px;padding:1.8rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.testimonial:hover{border-color:var(--text);transform:translateY(-3px);box-shadow:0 14px 40px -22px #0003}.stars{display:flex;gap:2px;color:var(--text)}.stars svg{width:14px;height:14px;fill:currentColor}.testimonial blockquote{font-size:1rem;line-height:1.5;color:var(--text)}.faq summary,.testimonial figcaption{display:flex;align-items:center;font-weight:600}.testimonial figcaption{font-size:.8rem;color:var(--text-muted);letter-spacing:.04em;gap:.5rem;margin-top:auto}.testimonial figcaption .avatar{width:32px;height:32px;background:linear-gradient(135deg,#2a2a2a,#000);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:0}.faq{display:flex;flex-direction:column;max-width:760px;margin-inline:auto}.faq details{border-bottom:1px solid var(--border)}.faq summary{list-style:none;cursor:pointer;padding:1.4rem 0;justify-content:space-between;gap:1.5rem;font-size:1.05rem;letter-spacing:-.01em;transition:color var(--dur) var(--ease)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:14px;height:14px;flex-shrink:0;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100%no-repeat;transition:transform var(--dur) var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover,.product-info .breadcrumb a:hover{color:var(--text)}.faq-body{padding:0 0 1.4rem;color:var(--text-muted);font-size:.96rem;line-height:1.6;max-width:65ch}.cta-final{text-align:center;padding:clamp(4rem,8vw,7rem)0;background:var(--bg-alt);border-block:1px solid var(--border);position:relative;overflow:hidden}.cta-final h2{font-size:clamp(2.5rem,7vw,5.5rem);letter-spacing:-.05em;margin-bottom:1.5rem}.cta-final p{margin-inline:auto;font-size:1.1rem;margin-bottom:2.4rem}.footer{background:var(--bg-dark);color:#fff;padding:5rem 0 1.6rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:3rem;margin-bottom:3.5rem}.footer-brand .nav-logo-text{color:#fff;font-size:1.4rem}.footer-brand p{color:#fff9;margin-top:1rem;max-width:34ch;font-size:.92rem}.footer h4{color:#fff;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:1.2rem}.footer-links{display:flex;flex-direction:column;gap:.7rem}.footer-links a{font-size:.92rem;color:#ffffffe0;transition:color var(--dur) var(--ease)}.footer-newsletter input{width:100%;padding:.85rem 1rem;background:0 0;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:2px;margin-bottom:.75rem;outline:0;font-size:.92rem;transition:border-color var(--dur) var(--ease)}.footer-newsletter input:focus{border-color:#fff}.footer-newsletter input::placeholder{color:#fff9}.footer-newsletter .btn{width:100%;justify-content:center;color:#000}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#ffffff8c}.footer-social{display:flex;gap:.8rem}.footer-social a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.footer-newsletter .btn,.footer-social a:hover{background:#fff;border-color:#fff}.footer-social a:hover svg{stroke:#000}.footer-social svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:1.8}.lifestyle-banner{position:relative;width:100%;aspect-ratio:21/9;min-height:380px;max-height:560px;overflow:hidden;border-radius:4px;display:grid;place-items:center;background:#000}.lifestyle-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.08)}.lifestyle-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001a0,#0009)}.lifestyle-banner-content{position:relative;z-index:1;text-align:center;color:#fff;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:760px}.lifestyle-banner-content .eyebrow{color:#fff;opacity:.85}.lifestyle-banner-content h2{color:#fff;font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.05em;text-shadow:0 4px 30px rgba(0,0,0,.5)}.lifestyle-banner-content p{color:#ffffffd9;font-size:1.05rem;max-width:48ch;margin-inline:auto}.lifestyle-banner-content .btn{--bg-btn:#fff;--fg-btn:#000;border-color:#fff;margin-top:.5rem}.casting-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.casting-card{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:var(--bg-alt)}.casting-card img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06);transition:transform 1.2s var(--ease-out),filter .5s var(--ease-out)}.casting-card:hover img{transform:scale(1.04);filter:grayscale(0) contrast(1.1)}.casting-card:after,.product-gallery-main:after{content:"";position:absolute;inset:0;pointer-events:none}.casting-card:after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65) 100%)}.casting-card-meta{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.casting-card-meta h3{color:#fff;font-size:1.1rem;letter-spacing:-.02em;font-weight:700;line-height:1.1}.casting-card-meta .role{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.casting-card-meta a{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;border-bottom:1px solid #fff;padding-bottom:.15rem}.pack-strip,.product-thumbs button{overflow:hidden;background:var(--bg-alt)}.pack-strip{display:flex;align-items:center;gap:2rem;padding:3rem 0;border-block:1px solid var(--border);position:relative}.pack-strip-img{flex:0 0 auto;max-width:520px;width:100%;margin:0 auto}.pack-strip-img img{width:100%;height:auto;filter:contrast(1.05)}.product{padding:clamp(2rem,4vw,3.5rem)0 var(--section-pad)}.product-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,5vw,4rem)}.product-gallery{display:flex;flex-direction:column;gap:.75rem}.product-gallery-main{position:relative;aspect-ratio:4/5;background:var(--bg-alt);border-radius:4px;overflow:hidden}.product-gallery-main img{filter:contrast(1.05)}.product-gallery-main:after{background-image:url("data:image/svg+xml;utf8,");mix-blend-mode:multiply;opacity:.18}.product-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.product-thumbs button{aspect-ratio:1;border-radius:3px;border:1.5px solid var(--border);transition:border-color var(--dur) var(--ease);padding:0}.product-thumbs button[aria-selected=true]{border-color:var(--text)}.product-gallery-main img,.product-thumbs img,.sticky-cart-img img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-info .breadcrumb{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.product-info h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.05}.product-rating{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.product-promo b,.product-rating .stars,.text-page strong{color:var(--text)}.product-price{display:flex;align-items:baseline;gap:.6rem;font-size:2rem;font-weight:900;letter-spacing:-.02em}.product-price del{font-size:1.1rem;font-weight:400;color:var(--text-light)}.product-trust{display:flex;gap:.5rem;padding:1rem 0;border-block:1px solid var(--border);font-size:.86rem;color:var(--text)}.product-trust div{align-items:center}.product-trust svg{width:16px;height:16px;stroke:var(--text);fill:none;stroke-width:1.7;flex-shrink:0}.option-group,.product-trust{flex-direction:column}.option-group label{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.color-pills,.option-group,.product-trust div{display:flex;gap:.6rem}.color-pill,.size-pills button{border:1px solid var(--border-strong);border-radius:2px;font-weight:600;background:#fff}.color-pill{padding:.55rem .9rem;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.color-pill.is-active,.color-pill:hover,.size-pills button.is-active{background:var(--accent);color:#fff}.size-pills{display:flex;gap:.45rem;flex-wrap:wrap}.size-pills button{width:46px;height:46px;font-size:.85rem;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.size-pills button.is-active{border-color:var(--accent)}.size-pills button:hover:not(.is-active){border-color:var(--accent)}.add-cart-row{display:flex;gap:.7rem;align-items:stretch}.product-features div,.qty{display:flex;align-items:center}.qty{border:1px solid var(--border-strong);border-radius:2px;overflow:hidden}.qty button,.qty input{height:54px;font-weight:700}.qty button{width:44px;font-size:1.1rem}.qty button:hover{background:var(--bg-alt)}.qty input{width:46px;text-align:center;border:0;outline:0;background:0 0}.add-cart-row .btn{flex:1;justify-content:center;height:54px;padding:0 1.5rem}.product-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1.5rem;margin-top:.5rem}.product-features div{gap:.55rem;font-size:.92rem}.product-features svg{width:14px;height:14px;stroke:var(--text);fill:none;stroke-width:2;flex-shrink:0}.sticky-cart,.text-page h2{border-top:1px solid var(--border)}.sticky-cart{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-cart-sticky);background:#fffffff5;backdrop-filter:blur(18px);transform:translateY(110%);transition:transform .5s var(--ease-out);box-shadow:0 -8px 40px -10px #00000026}.sticky-cart.is-visible{transform:none}.sticky-cart-inner{display:flex;align-items:center;gap:1.5rem;padding:.9rem var(--gutter);max-width:var(--container);margin:0 auto}.sticky-cart-img{width:54px;height:54px;border-radius:2px;overflow:hidden;background:var(--bg-alt);flex-shrink:0}.sticky-cart-info{flex:1;min-width:0}.sticky-cart-info .name{font-size:.92rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-cart-info .meta{font-size:.78rem;color:var(--text-muted)}.sticky-cart .btn{flex-shrink:0}.text-page{padding:var(--section-pad)0}.text-page .container{max-width:780px}.text-page h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;letter-spacing:-.04em}.text-page .lead{font-size:1.15rem;color:var(--text);max-width:min(60ch,100%);margin-bottom:2.5rem;font-weight:500}.text-page h2{font-size:1.5rem;letter-spacing:-.02em;margin-top:3rem;margin-bottom:1rem;padding-top:2rem}.text-page h2:first-of-type{border-top:0;padding-top:0;margin-top:0}.text-page h3{font-size:1.15rem;margin-top:1.8rem;letter-spacing:-.01em}.text-page p{margin-bottom:1.1rem;color:var(--text-muted)}.text-page ul{margin-bottom:1.2rem}.text-page li{color:var(--text-muted);padding-left:1.4rem;position:relative}.text-page li:before{content:"\2192";position:absolute;left:0;color:var(--text);font-weight:700}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-block{padding:1.5rem;border:1px solid var(--border);border-radius:4px}.contact-block h3,.text-page h3,.text-page li{margin-bottom:.5rem}.contact-block .value{font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.contact-block a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-block h3,.contact-form label{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--text-muted)}.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--border-strong);border-radius:2px;background:0 0;outline:0;transition:border-color var(--dur) var(--ease);font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea{resize:vertical;min-height:140px}.contact-form .btn{align-self:flex-start;margin-top:.5rem}@media(max-width:1100px){:root{--fs-display:clamp(2.5rem,8vw,5rem)}.casting-strip,.donuts,.features-strip,.product-grid,.testimonials{grid-template-columns:repeat(2,1fr)}.feature-item:nth-child(2){border-right:0}.feature-item:nth-child(1),.feature-item:nth-child(2){border-bottom:1px solid var(--border)}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:768px){:root{--gutter:1.25rem;--section-pad:4rem;--fs-display:clamp(2.5rem,12vw,4rem)}.nav-inner{grid-template-columns:auto 1fr auto;padding:.9rem var(--gutter)}.nav-menu,.nav-menu a{border-bottom:1px solid var(--border)}.nav-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:1.5rem var(--gutter);box-shadow:0 12px 30px -10px #0000001f}.nav-menu.is-open{display:flex}.nav-menu a{padding:.85rem 0;width:100%}.feature-item:last-child,.nav-menu a:last-child{border-bottom:0}.nav-logo{justify-self:center}.nav-logo img{height:40px;width:auto;min-width:40px;flex-shrink:0}.burger{display:flex;flex-direction:column;justify-content:space-between}.burger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0}.burger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.bundle,.contact-grid,.hero-grid,.product-layout{grid-template-columns:1fr;gap:2.5rem}.bundle{padding:2rem 1.5rem}.casting-strip,.donuts,.product-grid,.testimonials{grid-template-columns:1fr;gap:1.2rem}.features-strip{grid-template-columns:1fr}.lifestyle-banner{aspect-ratio:4/5;min-height:0}.lifestyle-banner-content p{font-size:.92rem}.feature-item{border-right:0;border-bottom:1px solid var(--border)}.footer-grid{grid-template-columns:1fr}.hero-meta{grid-template-columns:repeat(3,1fr);gap:.6rem;padding-top:1.4rem}.hero-meta-item{min-width:0;overflow:hidden}.hero-meta-item strong{font-size:.95rem;letter-spacing:-.01em;white-space:nowrap}.hero-meta-item span{font-size:.55rem;line-height:1.3;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.product-features{grid-template-columns:1fr}.topbar-track{animation-duration:16s;font-size:.65rem}.topbar-track span:after{margin-left:1.5rem;width:22px;height:13px}}@media(max-width:480px){:root{--section-pad:3rem}.marquee-track{font-size:.72rem;gap:1.2rem}.btn{padding:.85rem 1.5rem;font-size:.74rem}.hero-actions .btn-lg{padding:.95rem 1.4rem}.donut-ring{--size:140px}.donut-ring span{font-size:1.8rem}.add-cart-row{flex-wrap:wrap}.add-cart-row .qty{flex:0 0 100%}.nav-icons button{width:32px;height:32px}.product-thumbs{grid-template-columns:repeat(5,1fr)}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important}*,.marquee-track,.topbar-track,:after,:before{animation:none!important}.reveal{opacity:1;transform:none}}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.donuts,.testimonials,.faq,.cta-final,.casting-strip,.lifestyle-banner,.bundle,.pack-strip,.features-strip,.footer{content-visibility:auto;contain-intrinsic-size:auto 700px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){body.grain-on:before{display:none}}.hero-title span>b{will-change:transform,opacity}.cart-drawer,.search-overlay,.account-modal{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:opacity .3s var(--ease),visibility .3s var(--ease)}.cart-drawer.is-open,.search-overlay.is-open,.account-modal.is-open{visibility:visible;opacity:1}.cart-drawer-back,.search-overlay-back,.account-modal-back{position:absolute;inset:0;background:#0a0a0a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cart-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(420px,92vw);background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .36s var(--ease)}.cart-drawer.is-open .cart-drawer-panel{transform:translate(0)}.cart-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.cart-drawer-head h3{font-size:1.1rem;font-weight:900;letter-spacing:-.02em}.cart-drawer-close{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:1.4rem;line-height:1;background:var(--bg-alt)}.cart-drawer-close:hover{background:#000;color:#fff}.cart-drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1rem 1.5rem}.cart-drawer-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.cart-drawer-empty p{margin-inline:auto}.cart-row{display:grid;grid-template-columns:60px 1fr auto;gap:.9rem;padding:.9rem 0;border-bottom:1px solid var(--border);align-items:center}.cart-row-img img{border-radius:3px;object-fit:cover;width:60px;height:75px}.cart-row-name{font-size:.88rem;font-weight:700;line-height:1.25}.cart-row-meta{font-size:.72rem;color:var(--text-muted);margin-top:.2rem;letter-spacing:.04em}.cart-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.cart-row-price{font-weight:700;font-size:.85rem}.cart-row-remove{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--bg-alt);font-size:1rem;color:var(--text-muted);transition:background .2s var(--ease),color .2s var(--ease)}.cart-row-remove:hover{background:#000;color:#fff}.cart-drawer-foot{padding:1.25rem 1.5rem 1.6rem;border-top:1px solid var(--border);background:#fff}.cart-drawer-total{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.cart-drawer-total strong{font-size:1.15rem;letter-spacing:-.01em}.cart-drawer-cta{width:100%;justify-content:center}.cart-drawer-note{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:.7rem;letter-spacing:.08em;text-transform:uppercase}.search-overlay-panel{position:absolute;left:50%;top:8vh;transform:translate(-50%) translateY(-20px);width:min(680px,92vw);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px -20px #0006;transition:transform .36s var(--ease)}.search-overlay.is-open .search-overlay-panel{transform:translate(-50%) translateY(0)}.search-overlay-input{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border)}.search-overlay-input svg{width:20px;height:20px;stroke:#000;stroke-width:1.7;fill:none;flex-shrink:0}.search-overlay-input input{flex:1;border:0;outline:0;font-size:1.05rem;font-weight:500;background:transparent;font-family:inherit}.search-overlay-input button{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .7rem;border:1px solid var(--border);border-radius:3px}.search-overlay-input button:hover{background:var(--bg-alt);color:#000}.search-results{max-height:60vh;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 0}.search-result{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;padding:.75rem 1.4rem;transition:background .2s var(--ease)}.search-result:hover{background:var(--bg-alt)}.search-result img{border-radius:3px;object-fit:cover;width:64px;height:80px}.search-result-name{font-size:.92rem;font-weight:700;line-height:1.2}.search-result-meta{font-size:.72rem;color:var(--text-muted);margin-top:.25rem;letter-spacing:.06em}.search-result-arrow{font-size:1.1rem;color:var(--text-muted);transition:transform .25s var(--ease)}.search-result:hover .search-result-arrow{transform:translate(4px);color:#000}.search-empty{padding:2rem 1.4rem;color:var(--text-muted);text-align:center;font-size:.92rem}.account-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);width:min(420px,92vw);background:#fff;border-radius:6px;padding:2.2rem;box-shadow:0 30px 80px -20px #0006;text-align:center;opacity:0;transition:transform .36s var(--ease),opacity .36s var(--ease)}.account-modal.is-open .account-modal-panel{transform:translate(-50%,-50%);opacity:1}.account-modal h3{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.6rem}.account-modal p{margin-inline:auto;margin-bottom:1.5rem;font-size:.95rem}.account-modal-close{position:absolute;top:.9rem;right:.9rem;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:1.3rem;line-height:1;background:var(--bg-alt)}.account-modal-close:hover{background:#000;color:#fff}.account-modal-actions{display:flex;flex-direction:column;gap:.6rem}.account-modal-actions .btn{justify-content:center;width:100%}.page-cart{padding:clamp(2.5rem,5vw,4rem) 0 var(--section-pad)}.page-cart h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:.4rem}.page-cart .lead{margin-bottom:2.5rem;font-size:1rem}.cart-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.cart-items{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#fff}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:1.2rem;padding:1.4rem;border-bottom:1px solid var(--border);align-items:center}.cart-item:last-child{border-bottom:0}.cart-item-img img{width:90px;height:112px;object-fit:cover;border-radius:3px}.cart-item-info .name{font-size:1rem;font-weight:700;margin-bottom:.3rem}.cart-item-info .meta{font-size:.78rem;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.7rem}.cart-item-info .qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:3px;overflow:hidden}.cart-item-info .qty button{width:30px;height:30px;font-size:1rem;background:var(--bg-alt);transition:background .2s var(--ease)}.cart-item-info .qty button:hover{background:#000;color:#fff}.cart-item-info .qty input{width:40px;height:30px;text-align:center;border:0;background:transparent;font-weight:700;font-family:inherit}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.cart-item-price{font-size:1.05rem;font-weight:700}.cart-item-remove{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;background:transparent;border:0}.cart-item-remove:hover{color:#000}.cart-empty{text-align:center;padding:3rem 1rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-alt)}.cart-empty p{margin-inline:auto;margin-bottom:1.5rem}.cart-summary{border:1px solid var(--border);border-radius:4px;padding:1.8rem;background:var(--bg-alt);position:sticky;top:120px}.cart-summary h3{font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem}.cart-promo{display:flex;gap:.5rem;margin-bottom:1.5rem}.cart-promo input{flex:1;border:1px solid var(--border);background:#fff;padding:.7rem .9rem;font-size:.85rem;border-radius:3px;font-family:inherit}.cart-promo input:focus{outline:0;border-color:#000}.cart-promo button{padding:.7rem 1.1rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#000;color:#fff;border:1px solid #000;border-radius:3px;transition:background .2s var(--ease),color .2s var(--ease)}.cart-promo button:hover{background:#fff;color:#000}.cart-promo-msg{font-size:.78rem;margin-top:.5rem;letter-spacing:.04em}.cart-promo-msg.ok{color:#0a7a3a}.cart-promo-msg.err{color:#a32}.cart-totals{display:flex;flex-direction:column;gap:.6rem;border-top:1px solid var(--border);padding-top:1.2rem;margin-top:1rem}.cart-totals .row{display:flex;justify-content:space-between;font-size:.92rem}.cart-totals .row.total{font-size:1.1rem;font-weight:900;letter-spacing:-.01em;border-top:1px solid var(--border);padding-top:.9rem;margin-top:.5rem}.cart-totals del{color:var(--text-light);font-weight:400}.cart-summary .btn{margin-top:1.4rem;width:100%;justify-content:center}.cart-trust{display:flex;flex-direction:column;gap:.5rem;margin-top:1.4rem;font-size:.78rem;color:var(--text-muted)}.cart-trust div{display:flex;align-items:center;gap:.6rem}.cart-trust svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.cart-suggest{margin-top:4rem}.cart-suggest h2{font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:1.5rem;letter-spacing:-.02em}@media(max-width:900px){.cart-layout{grid-template-columns:1fr;gap:2rem}.cart-summary{position:static}.cart-item{grid-template-columns:70px 1fr;gap:1rem;padding:1rem}.cart-item-img img{width:70px;height:88px}.cart-item-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}.page-checkout{padding:clamp(2rem,4vw,3rem) 0 var(--section-pad)}.checkout-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.checkout-form{display:flex;flex-direction:column;gap:2.2rem}.checkout-step{border:1px solid var(--border);border-radius:4px;padding:1.6rem;background:#fff}.checkout-step header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.checkout-step .checkout-step h3{font-size:1.1rem;letter-spacing:-.01em}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkout-fields .full{grid-column:1/-1}.checkout-fields label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-weight:700}.checkout-fields input,.checkout-fields select{width:100%;border:1px solid var(--border);background:#fff;padding:.85rem 1rem;font-size:.95rem;border-radius:3px;font-family:inherit;color:#000;transition:border-color .2s var(--ease)}.checkout-fields input:focus,.checkout-fields select:focus{outline:0;border-color:#000}.shipping-options{display:flex;flex-direction:column;gap:.7rem}.shipping-option,.payment-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}.shipping-option:has(input:checked),.payment-option:has(input:checked){border-color:#000;background:var(--bg-alt)}.shipping-option input,.payment-option input{accent-color:#000;width:18px;height:18px;flex-shrink:0}.shipping-option-info{flex:1}.shipping-option-info .title{font-weight:700;font-size:.95rem}.shipping-option-info .desc{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.shipping-option-price{font-weight:700;font-size:.95rem;white-space:nowrap}.payment-option .title{font-weight:700}.payment-card-fields{display:grid;grid-template-columns:1fr 100px 100px;gap:.7rem;margin-top:.8rem}.payment-card-fields input{width:100%;border:1px solid var(--border);background:#fff;padding:.7rem .9rem;font-size:.9rem;border-radius:3px;font-family:inherit;letter-spacing:.05em}.checkout-summary{position:sticky;top:120px;border:1px solid var(--border);border-radius:4px;background:var(--bg-alt);padding:1.6rem;max-height:calc(100vh - 140px);overflow-y:auto}.checkout-summary h3{font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem}.checkout-summary-items{display:flex;flex-direction:column;gap:.9rem;border-bottom:1px solid var(--border);padding-bottom:1.2rem;margin-bottom:1.2rem}.checkout-sum-item{display:grid;grid-template-columns:54px 1fr auto;gap:.8rem;align-items:center}.checkout-sum-item img{width:54px;height:68px;object-fit:cover;border-radius:3px}.checkout-sum-item .name{font-size:.85rem;font-weight:700;line-height:1.2}.checkout-sum-item .meta{font-size:.7rem;color:var(--text-muted);margin-top:.2rem;letter-spacing:.04em}.checkout-sum-item .price{font-weight:700;font-size:.85rem;white-space:nowrap}.checkout-summary .cart-totals{margin-top:.5rem;padding-top:0;border-top:0}.checkout-form-submit{margin-top:1rem}.checkout-form-submit .btn{width:100%;justify-content:center;padding:1.15rem 2rem;font-size:.9rem}.checkout-trust{display:flex;justify-content:space-around;gap:1rem;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-muted);text-align:center;letter-spacing:.06em}.checkout-trust div{flex:1}.checkout-trust svg{width:22px;height:22px;stroke:#000;stroke-width:1.7;fill:none;margin:0 auto .35rem}@media(max-width:900px){.checkout-layout{grid-template-columns:1fr;gap:1.5rem}.checkout-summary{position:static;max-height:none;order:-1}.checkout-fields{grid-template-columns:1fr}.payment-card-fields{grid-template-columns:1fr 1fr;gap:.7rem}.payment-card-fields .full{grid-column:1/-1}}.success-hero{padding:clamp(3rem,6vw,5rem) 0 var(--section-pad);text-align:center}.success-icon{width:84px;height:84px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;margin:0 auto 2rem}.success-icon svg{width:40px;height:40px;stroke:currentColor;stroke-width:2.4;fill:none}.success-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:1rem}.success-hero .lead{margin:0 auto 2.5rem;max-width:480px;font-size:1.05rem}.order-card{max-width:680px;margin:0 auto;border:1px solid var(--border);border-radius:4px;padding:2rem;background:#fff;text-align:left}.order-card h3{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;color:var(--text-muted)}.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.order-meta-item span{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.3rem}.order-meta-item strong{font-size:1rem;font-weight:700}.success-actions{margin-top:2.5rem;display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.page-account{padding:clamp(3rem,5vw,5rem) 0 var(--section-pad)}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1080px;margin:0 auto;align-items:start}.account-form-block{border:1px solid var(--border);border-radius:4px;padding:2.2rem;background:#fff}.account-form-block h2{font-size:1.6rem;margin-bottom:1.4rem;letter-spacing:-.02em}.account-form-block .tabs{display:flex;gap:0;margin-bottom:1.8rem;border-bottom:1px solid var(--border)}.account-form-block .tabs button{flex:1;padding:.85rem 0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease)}.account-form-block .tabs button.is-active{color:#000;border-bottom-color:#000}.account-form-block .pane{display:none;flex-direction:column;gap:1rem}.account-form-block .pane.is-active{display:flex}.account-form-block label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:.4rem;display:block}.account-form-block input{width:100%;border:1px solid var(--border);padding:.85rem 1rem;font-size:.95rem;border-radius:3px;font-family:inherit;background:#fff}.account-form-block input:focus{outline:0;border-color:#000}.account-form-block .forgot{font-size:.78rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.account-form-block .forgot:hover{color:#000}.account-form-block .btn{width:100%;justify-content:center;margin-top:.6rem}.account-perks{display:flex;flex-direction:column;gap:1.4rem}.account-perks .eyebrow{margin-bottom:.4rem}.account-perks h2{font-size:clamp(1.8rem,3.5vw,2.4rem);margin-bottom:1.5rem;letter-spacing:-.02em}.account-perk{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;background:var(--bg-alt);border-radius:4px}.account-perk-icon{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0}.account-perk-icon svg{width:18px;height:18px;stroke:#000;stroke-width:1.7;fill:none}.account-perk-title{font-weight:700;margin-bottom:.3rem}.account-perk-desc{font-size:.88rem;color:var(--text-muted)}@media(max-width:900px){.account-layout{grid-template-columns:1fr;gap:2rem}}.page-search{padding:clamp(2.5rem,5vw,4rem) 0 var(--section-pad)}.search-page-input{display:flex;gap:.6rem;max-width:680px;margin-bottom:2.5rem}.search-page-input input{flex:1;border:1px solid var(--border);padding:1rem 1.2rem;font-size:1rem;border-radius:3px;font-family:inherit}.search-page-input input:focus{outline:0;border-color:#000}.search-page-input button{padding:1rem 1.5rem;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#000;color:#fff;border-radius:3px}.search-filters{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.search-filter{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.search-filter select{border:1px solid var(--border);background:#fff;padding:.5rem .8rem;font-size:.85rem;font-family:inherit;border-radius:3px}.search-count{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.page-track{padding:clamp(3rem,5vw,5rem) 0 var(--section-pad)}.track-form{max-width:560px;margin:0 auto 3rem;display:flex;flex-direction:column;gap:.9rem}.track-form input{width:100%;border:1px solid var(--border);padding:.95rem 1.1rem;font-size:.95rem;border-radius:3px;font-family:inherit;background:#fff}.track-form input:focus{outline:0;border-color:#000}.track-form .btn{justify-content:center}.track-steps{max-width:560px;margin:0 auto;display:none}.track-steps.is-visible{display:block}.track-step{display:grid;grid-template-columns:32px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--border);align-items:flex-start}.track-step:last-child{border-bottom:0}.track-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);margin-top:.15rem;display:grid;place-items:center;font-size:.7rem}.track-step.is-done .track-step-dot{background:#000;color:#fff;border-color:#000}.track-step.is-current .track-step-dot{border-color:#000}.track-step-title{font-weight:700;font-size:.95rem;margin-bottom:.2rem}.track-step-meta{font-size:.78rem;color:var(--text-muted)}.track-step.is-done .track-step-title,.track-step.is-current .track-step-title{color:#000}.body-narrow{max-width:760px;margin:0 auto}.btn[disabled]{opacity:.7;cursor:wait}.checkout-steps-nav{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0 0 2.2rem;flex-wrap:wrap}.checkout-steps-nav .step-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .95rem;border:1px solid var(--border);border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:700;transition:all .25s var(--ease);background:#fff}.checkout-steps-nav .step-pill .num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bg-alt);color:var(--text-muted);font-size:.7rem;font-weight:800}.checkout-steps-nav .step-pill.is-done{color:#000;border-color:#000}.checkout-steps-nav .step-pill.is-done .num{background:#000;color:#fff}.checkout-steps-nav .step-pill.is-current{color:#000;border-color:#000;background:#000;color:#fff;box-shadow:0 6px 18px -10px #0000004d}.checkout-steps-nav .step-pill.is-current .num{background:#fff;color:#000}.checkout-steps-nav .sep{flex:0 0 12px;height:1px;background:var(--border)}@media(max-width:540px){.checkout-steps-nav .step-pill{font-size:.62rem;padding:.45rem .7rem;letter-spacing:.06em}.checkout-steps-nav .step-pill .num{width:18px;height:18px;font-size:.6rem}.checkout-steps-nav .sep{flex:0 0 6px}.checkout-steps-nav }.checkout-step-pane{display:none}.checkout-step-pane.is-active{display:block;animation:stepFade .35s var(--ease-out)}@keyframes stepFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.checkout-back-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap}.checkout-back{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:999px;font-weight:700;transition:all .25s var(--ease);cursor:pointer;min-height:36px}.checkout-back:hover{background:#000;color:#fff;border-color:#000}.checkout-back .arr{display:inline-block;transition:transform .25s var(--ease)}.checkout-back:hover .arr{transform:translate(-3px)}.checkout-step-title{font-size:1.6rem;font-weight:900;letter-spacing:-.025em;margin-bottom:.4rem}.checkout-step-sub{color:var(--text-muted);font-size:.95rem;margin-bottom:1.6rem}.checkout-next{width:100%;justify-content:center;padding:1.05rem 1.6rem;font-size:.86rem;margin-top:1.4rem}.pay-methods{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.2rem}.pay-method{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s var(--ease);background:#fff;min-height:64px}.pay-method:hover{border-color:#666}.pay-method:has(input:checked){border-color:#000;background:#fafafa;box-shadow:0 0 0 1px #000 inset}.pay-method input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid #bbb;border-radius:50%;flex-shrink:0;position:relative;cursor:pointer;margin:0;transition:border-color .2s var(--ease)}.pay-method:has(input:checked) input[type=radio]{border-color:#000}.pay-method input[type=radio]:checked:after{content:"";position:absolute;inset:3px;background:#000;border-radius:50%}.pay-method-icon svg{width:100%;height:100%}.pay-method-info{flex:1;min-width:0}.pay-method-info .title{font-weight:700;font-size:.95rem;letter-spacing:-.005em}.pay-method-info .sub{font-size:.74rem;color:var(--text-muted);margin-top:.15rem;letter-spacing:.04em}.pay-method-logos{display:flex;gap:.35rem;align-items:center}.pay-method-logos img,.pay-method-logos svg{height:18px;width:auto}.cc-preview-wrap{perspective:1400px;margin:.4rem 0 1.5rem}.cc-preview{position:relative;width:100%;max-width:380px;aspect-ratio:1.586/1;margin:0 auto;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1);cursor:default}.cc-preview.is-flipped{transform:rotateY(180deg)}.cc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;padding:1.25rem 1.4rem;color:#fff;background:linear-gradient(135deg,#0a0a0a,#2a2a2a 60%,#0a0a0a);overflow:hidden;box-shadow:0 24px 60px -22px #0000008c,0 1px #ffffff0a inset}.cc-face:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.05),transparent 45%);pointer-events:none}.cc-face:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,");mix-blend-mode:overlay;opacity:.5;pointer-events:none}.cc-face-front{display:flex;flex-direction:column;justify-content:space-between}.cc-face-back{transform:rotateY(180deg);padding:1.6rem 0 1.25rem}.cc-face *{position:relative;z-index:1}.cc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cc-brand-logo{height:28px;display:flex;align-items:center;justify-content:flex-end;min-width:60px;transition:opacity .35s var(--ease)}.cc-brand-logo img,.cc-brand-logo svg{height:100%;width:auto}.cc-chip{width:38px;height:28px;border-radius:5px;background:linear-gradient(135deg,#d4af3c,#8a7220 60%,#5d4d10);position:relative;box-shadow:0 1px #0000004d,inset 0 1px 1px #ffffff40}.cc-chip:before{content:"";position:absolute;inset:14% 16%;border:1px solid rgba(0,0,0,.35);border-radius:2px}.cc-chip:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#00000059}.cc-num{font-family:Courier New,ui-monospace,monospace;font-size:1.2rem;letter-spacing:.05em;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);word-break:keep-all;white-space:nowrap;transition:color .25s var(--ease)}.cc-num.is-placeholder{color:#ffffff8c}.cc-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.cc-label{font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-bottom:.2rem}.cc-name{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;font-family:DM Sans,sans-serif}.cc-name.is-placeholder{color:#ffffff8c}.cc-exp{font-family:Courier New,monospace;font-size:.92rem;letter-spacing:.05em;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.cc-exp.is-placeholder{color:#ffffff8c}.cc-stripe{position:absolute;left:0;right:0;top:1.4rem;height:42px;background:#000;background:linear-gradient(180deg,#1a1a1a,#000)}.cc-cvv-row{padding:0 1.4rem;margin-top:3.2rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.cc-cvv-box{background:#f0f0f0;color:#000;padding:.45rem .8rem;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;border-radius:3px;letter-spacing:.1em;min-width:70px;text-align:center;font-variant-numeric:tabular-nums}.cc-cvv-label{font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3}.cc-back-text{padding:0 1.4rem;margin-top:.9rem;font-size:.65rem;color:#fff9;letter-spacing:.05em}.cc-preview[data-brand=visa] .cc-face{background:linear-gradient(135deg,#0a0a3a,#1a1c5e 60%,#0a0a2a)}.cc-preview[data-brand=mastercard] .cc-face{background:linear-gradient(135deg,#1a0808,#3a1414,#1a0808)}.cc-preview[data-brand=amex] .cc-face{background:linear-gradient(135deg,#0a2a3a,#1d4e6a 60%,#0a2a3a)}.cc-form{display:flex;flex-direction:column;gap:1rem;margin-top:.4rem}.cc-row{display:grid;gap:.7rem}.cc-row.cols-2{grid-template-columns:1fr 1fr}.cc-field{position:relative;display:flex;flex-direction:column}.cc-field label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-weight:700}.cc-input-wrap{position:relative}.cc-input-wrap input{width:100%;border:1.5px solid var(--border);background:#fff;padding:.92rem 1rem;font-size:1rem;border-radius:6px;font-family:inherit;color:#000;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);letter-spacing:.04em;-webkit-appearance:none;appearance:none}.cc-input-wrap input:focus{outline:0;border-color:#000;box-shadow:0 0 0 3px #0000000f}.cc-input-wrap input::placeholder{color:#717171;letter-spacing:.04em}.cc-input-wrap.has-error input{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b14}.cc-input-wrap.is-valid input{border-color:#0a7a3a}.cc-brand-indicator{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);height:22px;display:flex;align-items:center;pointer-events:none}.cc-brand-indicator svg{height:100%;width:auto}.cc-error{font-size:.72rem;color:#c0392b;margin-top:.35rem;letter-spacing:.04em;display:none}.cc-input-wrap.has-error+.cc-error{display:block}.cc-trust{display:flex;align-items:center;gap:.55rem;margin-top:.9rem;padding:.8rem 1rem;border:1px dashed var(--border);border-radius:6px;font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.cc-trust svg{width:16px;height:16px;stroke:#000;stroke-width:1.8;fill:none;flex-shrink:0}.cc-trust-logos{margin-left:auto;display:flex;gap:.35rem;align-items:center}.cc-trust-logos svg{width:auto;height:18px}.cc-save{display:flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--text);letter-spacing:0;padding:.4rem 0}.cc-save input{width:18px;height:18px;accent-color:#000;cursor:pointer;margin:0}.cc-save label{cursor:pointer;font-weight:500;font-size:.88rem;letter-spacing:0;color:var(--text);text-transform:none}.pay-alt{margin-top:.8rem;display:flex;flex-direction:column;gap:.8rem}.btn-apple-pay{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:#000;color:#fff;border:1px solid #000;border-radius:8px;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;font-family:-apple-system,SF Pro,DM Sans,sans-serif;min-height:54px;transition:all .2s var(--ease)}.btn-apple-pay:hover{background:#1a1a1a}.btn-apple-pay svg{width:18px;height:18px;fill:currentColor}.btn-paypal{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:1rem 1.5rem;background:#ffc439;color:#003087;border:1px solid #ffc439;border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:.02em;cursor:pointer;font-family:Arial,Helvetica,sans-serif;min-height:54px;transition:all .2s var(--ease)}.btn-paypal:hover{background:#ffb300}.btn-paypal .pp1{color:#003087}.btn-paypal .pp2{color:#009cde}.btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ccSpin .7s linear infinite;vertical-align:-2px}@keyframes ccSpin{to{transform:rotate(360deg)}}@media(max-width:540px){.cc-row.cols-2{grid-template-columns:1fr 1fr;gap:.5rem}.pay-method{padding:.85rem 1rem;min-height:60px}.checkout-step{padding:1.25rem}.cc-preview{max-width:100%}.cc-num{font-size:1.05rem}.checkout-step-title{font-size:1.35rem}}body.is-locked{overflow:hidden;touch-action:none}.cart-drawer-close:focus-visible,.account-modal-close:focus-visible,.search-overlay-input button:focus-visible,.checkout-back:focus-visible{outline:2px solid #000;outline-offset:3px}@media(max-width:768px){.cart-drawer-close,.account-modal-close{width:44px;height:44px;font-size:1.6rem}.search-overlay-input button{min-height:40px;min-width:48px}}.cart-drawer-back,.search-overlay-back,.account-modal-back{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.15);z-index:1}.cart-drawer-close,.account-modal-close,.search-overlay-input button,.burger,.nav-icons button,.cart-row-remove,[data-cart-close],[data-search-close],[data-account-close]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.15);-webkit-user-select:none;user-select:none}.cart-drawer-panel,.search-overlay-panel,.account-modal-panel{z-index:2}.cart-drawer-close{width:44px;height:44px;font-size:1.5rem}.account-modal-close{width:44px;height:44px;font-size:1.5rem;top:.7rem;right:.7rem}@media(hover:none),(pointer:coarse){.cart-drawer-close:hover,.account-modal-close:hover{background:var(--bg-alt);color:inherit}.nav-icons button:hover{background:transparent}.btn:hover{background:var(--bg-btn);color:var(--fg-btn);border-color:var(--bg-btn)}.btn:hover:after{transform:translate(-100%)}.btn-ghost:hover{background:transparent;color:var(--text);border-color:var(--border-strong)}.feature-item:hover{background:transparent}.testimonial:hover{transform:none;border-color:var(--border)}}@media(max-width:768px){.cart-drawer-panel{width:min(380px,85vw)}.cart-drawer-close,.account-modal-close{width:48px;height:48px;font-size:1.7rem;background:#000;color:#fff}.cart-drawer-head{padding:1.1rem 1.2rem .9rem}.search-overlay-panel{top:4vh;width:min(680px,94vw)}.account-modal-panel{width:min(420px,90vw)}}@media(max-width:768px){.cart-drawer.is-open .cart-drawer-panel:before{content:"";position:absolute;left:8px;top:50%;width:3px;height:36px;background:var(--border-strong);border-radius:2px;opacity:.25;transform:translateY(-50%);pointer-events:none}}body.grain-on:before{display:none}.nav{transform:translateZ(0);contain:layout style}.nav.scrolled{will-change:backdrop-filter,background}.hero-visual,.product-card-img,.casting-card,.lifestyle-banner,.bundle,.product-gallery-main{contain:layout paint;transform:translateZ(0)}.bundle,.bundle p,.bundle .bundle-tier strong,.bundle .bundle-tier em,.bundle .bundle-tier strong{font-weight:700;letter-spacing:-.01em}.bundle-tier em{color:#fff;opacity:.95}.bundle-tier.is-selected{background:#fff;color:#000;border-color:#fff}.bundle-tier.is-selected strong,.bundle-tier.is-selected em{color:#000}@media(max-width:768px){}.nav-menu-products{display:none}@media(max-width:768px){.nav-menu-products{display:block;width:100%;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.nav-menu-products-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.85rem}.nav-menu-product{display:flex;align-items:center;gap:.85rem;padding:.6rem 0;width:100%;text-decoration:none;border-bottom:0!important;cursor:pointer;touch-action:manipulation}.nav-menu-product:after{display:none!important}.nav-menu-product picture,.nav-menu-product img{width:48px;height:60px;object-fit:cover;flex-shrink:0;border-radius:3px;background:var(--bg-alt)}.nav-menu-product>div{flex:1;min-width:0}.nav-menu-product-name{font-size:.92rem;font-weight:700;letter-spacing:-.01em;color:var(--text);text-transform:none}.nav-menu-product-price{font-size:.78rem;color:var(--text-muted);margin-top:.15rem;letter-spacing:0}.nav-menu-product:active{background:var(--bg-alt)}}.colorway-picker{padding:clamp(2rem,4vw,3rem) 0 0}.colorway-picker-head{display:flex;flex-direction:column;gap:.5rem;padding:0 var(--gutter);max-width:var(--container);margin:0 auto 1.5rem}.colorway-picker-title{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;line-height:1.1}.colorway-card-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04);transition:transform .9s var(--ease-out)}.colorway-card:hover .colorway-card-img img{transform:scale(1.04)}@media(max-width:768px){.colorway-picker{padding-top:2rem}.colorway-picker-head{margin-bottom:1.1rem}.colorway-track::-webkit-scrollbar{display:none}}.hero-full{position:relative;width:100%;min-height:100lvh;padding:0;overflow:hidden;display:flex;align-items:flex-end;background:#000;contain:layout}.hero-full .hero-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}.hero-full .hero-image img,.hero-full video.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero-full video.hero-image{position:absolute;inset:0;display:block}.hero-full .hero-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#00000026,#0000,#00000059 70%,#000000c7)}.hero-full .hero-content{position:relative;z-index:3;max-width:var(--container);margin:0 auto;padding:0 var(--gutter) clamp(3rem,8vw,5.5rem);width:100%;display:flex;flex-direction:column;gap:1.4rem;color:#fff}.hero-full .hero-content .eyebrow{color:#ffffffd9}.hero-full .hero-content .eyebrow:before{background:#ffffffd9}.hero-full .hero-title,.hero-full .hero-title em,.hero-full .hero-title b{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35)}.hero-full .hero-title{font-size:clamp(2.6rem,8.5vw,6.5rem);line-height:.94;letter-spacing:-.05em;max-width:14ch}.hero-full .hero-sub{color:#ffffffe0;font-size:1.05rem;line-height:1.5;max-width:42ch;text-shadow:0 1px 16px rgba(0,0,0,.45)}.hero-full .hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.hero-full .btn{--bg-btn:#fff;--fg-btn:#000;border-color:#fff}.hero-full .btn:hover{background:transparent;color:#fff;border-color:#fff}.hero-full .btn-ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);padding:1rem 2rem;display:inline-flex;align-items:center;gap:.625rem;border-radius:2px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .36s var(--ease),color .36s var(--ease),border-color .36s var(--ease)}.hero-full .btn-ghost-light:hover{background:#fff;color:#000;border-color:#fff}.hero-full .btn-lg{padding:1.15rem 2.5rem;font-size:.88rem}.hero-scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:4;width:24px;height:36px;display:none;align-items:center;justify-content:center;opacity:.65;transition:opacity .36s var(--ease)}.hero-scroll-indicator span{display:block;width:1.5px;height:24px;background:linear-gradient(180deg,transparent 0%,#fff 50%,transparent 100%);animation:scrollPulse 2.2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:translateY(-4px)}50%{opacity:1;transform:translateY(4px)}}.hero-scroll-indicator:hover{opacity:1}@media(min-width:1024px){.hero-scroll-indicator{display:flex}.hero-full .hero-image img{object-position:center 25%}.hero-full .hero-content{padding-bottom:clamp(4rem,10vh,7rem)}}.hero-meta-strip{background:#000;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding:1.4rem 0}.hero-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}.hero-meta-strip .hero-meta-item{display:flex;flex-direction:column;gap:.2rem;align-items:center}.hero-meta-strip .hero-meta-item strong{font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:-.01em}.hero-meta-strip .hero-meta-item span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:#fff9}@media(min-width:768px){.hero-meta-strip{padding:1.6rem 0}.hero-meta-strip .hero-meta-item strong{font-size:1.5rem}.hero-meta-strip .hero-meta-item span{font-size:.72rem}}@media(max-width:767px){.hero-full{min-height:92lvh}.hero-full .hero-content{gap:1.1rem;padding-bottom:clamp(2rem,6vw,3rem)}.hero-full .hero-title{font-size:clamp(2.2rem,11vw,3.6rem);max-width:11ch}.hero-full .hero-sub{font-size:.95rem;max-width:32ch}.hero-full .hero-actions .btn,.hero-full .hero-actions .btn-ghost-light{padding:.9rem 1.5rem;font-size:.78rem}.hero-meta-strip{padding:1.1rem 0}.hero-meta-grid{gap:.6rem}}@media(max-width:768px){.nav-menu{max-height:calc(100dvh - var(--nav-h,76px));top:var(--nav-h,76px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:2.5rem}.nav-menu::-webkit-scrollbar{width:3px}.nav-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}}.bundle-builder.is-open .bundle-builder-head h3{font-size:1.05rem;font-weight:900;letter-spacing:-.02em}.bundle-builder-product img{width:64px;height:80px;object-fit:cover;border-radius:3px;background:var(--bg-alt);flex-shrink:0}.bundle-builder-stepper button{width:34px;height:34px;display:grid;place-items:center;font-size:1.05rem;font-weight:700;line-height:1;background:#fff;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.12)}.bundle-builder-stepper button:active{background:var(--bg-alt)}.bundle-builder-stepper button:disabled{opacity:.35;cursor:not-allowed}.bundle-builder-stepper span{min-width:28px;text-align:center;font-weight:700;font-size:.9rem}@media(max-width:480px){}.colorway-track,.colorway-card,.colorway-card-img,.colorway-card-body,.colorway-card-name,.colorway-card-tag,.colorway-track,.colorway-card,.colorway-card-img,.colorway-picker{padding:clamp(2.5rem,5vw,4rem) 0}.colorway-picker-head{text-align:center;max-width:560px;margin:0 auto 2rem;padding:0 var(--gutter);display:flex;flex-direction:column;align-items:center;gap:.7rem}.colorway-picker-head .eyebrow{justify-content:center}.colorway-picker-title{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.03em;line-height:1.05}.colorway-picker-sub{font-size:.92rem;color:var(--text-muted);max-width:42ch}.colorway-stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.colorway-image-wrap{position:relative;aspect-ratio:4/5;background:var(--bg-alt);border-radius:6px;overflow:hidden;contain:layout paint}.colorway-image{position:absolute;inset:0;display:block}.colorway-image img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05);transition:opacity .35s var(--ease-out)}.colorway-image.is-switching img{opacity:0}.colorway-swatches{display:flex;gap:.7rem;flex-wrap:wrap}.colorway-swatch{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.4rem;background:transparent;border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.08);position:relative;transition:transform .25s var(--ease)}.colorway-swatch:active{transform:scale(.94)}.colorway-swatch:hover .colorway-swatch.is-active .colorway-swatch.is-active .colorway-cta{justify-content:center;align-self:flex-start;margin-top:.5rem}@media(max-width:768px){.colorway-stage{grid-template-columns:1fr;gap:1.5rem}.colorway-image-wrap{aspect-ratio:4/5;max-width:520px;margin:0 auto;width:100%}.colorway-swatches{justify-content:center}.colorway-cta{align-self:stretch;width:100%}}@media(max-width:767px){.hero-full .hero-scrim{background:linear-gradient(180deg,#00000026,#0000,#0006 70%,#000000d1),linear-gradient(90deg,#0000009e,#00000047 50%,#0000 80%)}}@media(min-width:768px)and (max-width:1023px){.hero-full .hero-scrim{background:linear-gradient(180deg,#0000001f,#0000 45%,#00000059 75%,#000000b8),linear-gradient(90deg,#00000080,#0000002e 50%,#0000 75%)}}@media(min-width:1024px){.hero-full .hero-scrim{background:linear-gradient(180deg,#00000014,#0000 50%,#00000047 82%,#000000a6),linear-gradient(90deg,#0000008c,#0000002e 40%,#0000 65%)}.hero-full .hero-content{max-width:920px;margin-right:auto;margin-left:max(var(--gutter),calc((100vw - var(--container))/2))}}.hero-full .hero-image img{object-position:center top!important;filter:contrast(1.05)}@media(max-width:767px){.hero-full .hero-scrim{background:linear-gradient(180deg,#0000001a,#0000 40%,#0000008c 75%,#000000eb)}}@media(min-width:768px){.hero-full .hero-scrim{background:linear-gradient(180deg,#00000014,#0000 50%,#0006 80%,#000000c7)}}@media(max-width:767px){.hero-full .hero-image{background:#0a0a0a}.hero-full .hero-image img{width:100%!important;height:auto!important;object-fit:initial!important;position:absolute;top:0;left:0;transform:none!important}}@media(max-width:767px){.hero-full{min-height:calc(100lvh - var(--header-h));height:auto;max-height:none}.hero-full .hero-image{position:absolute;inset:0;background:#0a0a0a}.hero-full .hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;position:absolute;top:0;left:0}}.nav.scrolled{-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);will-change:auto}.nav-icons,.nav-icons button,.burger{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(max-width:768px){.nav.scrolled{background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.product-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));width:240px;max-width:100%;align-self:flex-start}.product-thumbs button{aspect-ratio:4/5}.footer-payments{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.08);margin-top:1rem}.footer-payments-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.payment-badges li{display:block;width:60px;height:20px;overflow:hidden;border-radius:3px}.payment-badges svg{width:100%;height:100%;display:block}@media(min-width:768px){.footer-payments{flex-direction:row;justify-content:space-between;padding:1.6rem 0}.payment-badges li{width:64px;height:22px}}.footer-brand .nav-logo img{filter:invert(1) brightness(1.4);height:36px}.footer-brand .nav-logo-text{color:#fff!important;font-size:1.5rem}.footer-social{display:flex;gap:.7rem}.footer-social a{width:40px!important;height:40px!important;display:grid;place-items:center;background:transparent!important;border:0!important;border-radius:9px;overflow:hidden;transition:transform .25s var(--ease)}.footer-social a:hover{transform:scale(1.08)}.footer-social svg{width:40px!important;height:40px!important;stroke:none!important}@media(max-width:1100px){}@media(max-width:768px){}.colorway-swatches{gap:.5rem;flex-wrap:wrap}@media(min-width:768px){.colorway-swatches{gap:.7rem}}@media(max-width:768px){.nav-menu-products{max-height:none}}.about-split-section{padding:var(--section-pad) 0;background:#fff}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.about-split-copy{display:flex;flex-direction:column;gap:1.2rem}.about-split-copy h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:.4rem}.about-split-copy p{font-size:1.05rem;line-height:1.65;color:var(--text-muted)}.about-split-visual{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;contain:layout paint;background:#000}.about-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.about-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0000008c);pointer-events:none}.about-video-caption{position:absolute;bottom:1.25rem;left:1.25rem;z-index:1;color:#fff}.about-video-caption .eyebrow{color:#fff;opacity:.92;font-size:.65rem}.about-video-caption .eyebrow:before{background:#fff}.about-video-caption p{color:#fff;font-size:.95rem;margin-top:.3rem;font-weight:600;max-width:none}@media(max-width:900px){.about-split{grid-template-columns:1fr;gap:2rem}.about-split-visual{aspect-ratio:9/16;max-height:78vh;max-width:100%;margin-inline:auto}}@media(hover:none)and (pointer:coarse){input,select,textarea{font-size:16px!important}}.sticky-cart{bottom:env(safe-area-inset-bottom,0);padding-bottom:0}.cart-drawer-foot{padding-bottom:max(1.6rem,calc(1.6rem + env(safe-area-inset-bottom)))}.footer-bottom{padding-bottom:max(1.6rem,calc(1.6rem + env(safe-area-inset-bottom)))}.hero-full .hero-content{padding-bottom:max(clamp(2rem,6vw,3rem),calc(clamp(2rem,6vw,3rem) + env(safe-area-inset-bottom)))}@media(min-width:768px){.hero-full .hero-content{padding-bottom:max(clamp(3rem,8vw,5.5rem),calc(clamp(3rem,8vw,5.5rem) + env(safe-area-inset-bottom)))}}@media(max-width:768px){.burger{width:44px;height:44px;padding:13px 8px;box-sizing:border-box}.burger span{left:8px;right:8px;width:auto}.nav-icons button,.cart-row-remove{width:44px;height:44px}.cart-item-info .qty button,.bundle-builder-stepper button{width:44px;height:44px;min-width:44px}}@media(max-width:480px){.nav-icons button{width:44px;height:44px}}@media(max-width:380px){.hero-full .hero-title{font-size:clamp(1.85rem,10vw,2.6rem);max-width:none}}body.video-playing:before{display:none}.skip-link{position:absolute;top:-100px;left:1rem;background:#000;color:#fff;padding:.75rem 1.25rem;z-index:9999;font-weight:700;border-radius:2px;font-size:.85rem;transition:top .2s ease;text-decoration:none}.skip-link:focus{top:1rem;outline:2px solid #fff;outline-offset:2px}.footer-grid>div h3{font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}@media(prefers-reduced-transparency:reduce){.nav.scrolled{backdrop-filter:none;background:#fffffffa}.cart-drawer-back,.search-overlay-back,.account-modal-back{backdrop-filter:none}}.footer-grid>div h3{color:#fff!important}
/* (marquee pause-until-loaded retiré 20/05 — créait des saccades sur mobile) */
/* iOS Safari fix: prevent spans from intercepting burger tap */
.burger,.burger span{pointer-events:auto}
.burger span{pointer-events:none}
.burger{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}
/* Fix nav-menu z-index — must be above hero and content */
.nav-menu{z-index:60 !important}
.nav-menu.is-open{z-index:60 !important;box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
/* GPU acceleration for hero video (web.dev best practice) */
.hero-full video.hero-video{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media (max-width:768px){.nav,.nav.scrolled{transition:background .2s ease!important;will-change:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.98)!important;transform:none!important;-webkit-transform:none!important}.burger,.burger span{will-change:auto!important}}
@media (max-width:768px){
.nav-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;padding:.55rem var(--gutter)!important;grid-template-columns:none!important}
.nav-logo{flex:1 1 auto!important;min-width:0!important;justify-content:flex-start!important}
.nav-logo img{height:36px!important;flex-shrink:0!important}
.nav-logo-text{font-size:1.2rem!important;white-space:nowrap!important}
.nav-icons{flex:0 0 auto!important;gap:.15rem!important}
.nav-icons button{width:40px!important;height:40px!important}
.nav-icons svg{width:20px!important;height:20px!important}
.burger{width:40px!important;height:40px!important;padding:0!important;box-sizing:border-box!important}
.burger span{width:22px!important;left:50%!important;margin-left:-11px!important;height:1.5px!important}
.burger span:nth-child(1){top:13px!important}
.burger span:nth-child(2){top:50%!important;margin-top:-1px!important}
.burger span:nth-child(3){top:auto!important;bottom:13px!important}
}
@media (max-width:380px){
.nav-inner{padding:.5rem .85rem!important}
.nav-logo img{height:32px!important}
.nav-logo-text{font-size:1.05rem!important}
.nav-icons button,.burger{width:36px!important;height:36px!important}
.nav-icons svg{width:18px!important;height:18px!important}
}section[id],div[id]{scroll-margin-top:120px}
@media (max-width:768px){section[id],div[id]{scroll-margin-top:110px}}
.topbar{position:sticky!important;top:0!important;z-index:52!important}.nav{top:34px!important}@media (max-width:768px){.nav{top:32px!important}}@media (min-width:769px){}
@media (max-width:768px){.nav-menu-products{margin-top:.3rem;padding-top:.5rem;border-top:1px solid var(--border);gap:.35rem}.nav-menu-products-label{margin-bottom:.35rem;font-size:.62rem}.nav-menu-product{padding:.3rem 0;gap:.7rem}.nav-menu-product picture,.nav-menu-product img{width:48px;height:60px}.nav-menu-product-name{font-size:.84rem}.nav-menu-product-price{font-size:.76rem}}
[data-bundle-open],[data-bundle-close],[data-bundle-add],.btn,.btn-ghost,.btn-ghost-light,
html{overflow-x:clip}
.bundle-builder-stepper button{position:relative;padding:5px}
.bundle-builder-stepper button::before{content:"";position:absolute;inset:-5px;min-width:44px;min-height:44px}
body.bundle-open,body.cart-open,body.menu-open,body.search-open,body.account-open{overflow-y:hidden;overflow-x:clip;touch-action:none}
input[type="email"],input[type="text"],input[type="search"],input[type="tel"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
html{scrollbar-gutter:stable}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}
@media (max-width:768px){}
@media (max-width:768px){}
@media (max-width:768px){}
@media (max-width:768px){.bundle-builder-head h3{font-size:.95rem!important}}
@media (max-width:768px){}
@media (min-width:769px){.burger{display:none!important}}
body{overflow-x:clip!important;overflow-y:visible!important;padding:0!important;flex:initial!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:auto!important;height:auto!important;display:block!important}html{overflow-x:clip!important;overflow-y:visible!important;height:auto!important}
@media (min-width:769px){}
@media (min-width:769px){#ensembles,#ensembles .section-head,#bundle .bundle{margin-bottom:1.5rem}#ensembles{padding-bottom:2.5rem!important}}
/* === VAL FIXES — Chantier #6 : section casting (photo Tom entière, zéro crop) === */
#colorways .colorway-stage--solo{
display:block!important;
max-width:560px;
margin:0 auto;
}
#colorways .colorway-image-wrap{
position:relative!important;
aspect-ratio:auto!important;
height:auto!important;
max-width:100%!important;
margin:0 auto;
overflow:visible!important;
background:transparent!important;
}
#colorways .colorway-image{
position:static!important;
inset:auto!important;
display:block!important;
width:100%!important;
height:auto!important;
}
#colorways .colorway-image img{
position:static!important;
display:block!important;
width:100%!important;
height:auto!important;
max-width:100%!important;
object-fit:contain!important;
}
@media (max-width:768px){
#colorways .colorway-stage--solo{
max-width:92vw;
}
}
/* === TOM FIX 18/05 : cart page mobile overflow + breadcrumb === */
.page-cart .breadcrumb-nav a:hover{text-decoration:underline}
@media (max-width:768px){
.cart-layout{gap:1.5rem!important}
.cart-item{
grid-template-columns:64px 1fr!important;
gap:.8rem!important;
padding:.9rem!important;
overflow:hidden;
}
.cart-item-img img{width:64px!important;height:80px!important;object-fit:cover}
.cart-item-info{min-width:0;overflow:hidden}
.cart-item-info .name{font-size:.95rem;font-weight:700;line-height:1.2;word-break:break-word}
.cart-item-info .meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}
.cart-item-info .qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:4px;margin-top:.6rem}
.cart-item-info .qty button{width:32px;height:32px;display:grid;place-items:center;font-size:1rem;background:transparent}
.cart-item-info .qty input{width:36px;height:32px;text-align:center;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:.88rem;background:transparent}
.cart-item-actions{
grid-column:1/-1!important;
display:flex!important;
flex-direction:row!important;
justify-content:space-between!important;
align-items:center!important;
margin-top:.5rem;
padding-top:.6rem;
border-top:1px solid var(--border);
width:100%;
}
.cart-item-price{font-size:1.05rem;font-weight:800}
.cart-item-remove{
font-size:.78rem;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-muted);
text-decoration:underline;
text-underline-offset:3px;
background:transparent;
border:0;
padding:.4rem .2rem;
white-space:nowrap;
}
}
@media (max-width:768px){
body, .page-cart, .page-cart .container, .cart-layout{
overflow-x:clip!important;
max-width:100%!important;
}
.page-cart .container{
padding-left:1rem!important;
padding-right:1rem!important;
box-sizing:border-box;
}
.cart-layout{
width:100%!important;
display:block!important;
}
.cart-layout > *{
max-width:100%!important;
box-sizing:border-box;
}
#cart-page-items, .cart-summary{
width:100%!important;
max-width:100%!important;
box-sizing:border-box;
}
.cart-summary{
padding:1.2rem!important;
margin-top:1.5rem;
}
.cart-items, .cart-empty{
width:100%!important;
box-sizing:border-box;
}
.cart-item{
width:100%!important;
box-sizing:border-box;
grid-template-columns:64px minmax(0,1fr)!important;
}
.cart-item > *{min-width:0}
.cart-item-info{min-width:0;overflow:hidden}
.cart-item-actions{
width:100%;
box-sizing:border-box;
}
/* Bouton RETIRER : pas plus de 44px haut mais moins large */
.cart-item-remove{
width:auto!important;
height:auto!important;
min-width:auto!important;
padding:.5rem .2rem!important;
}
/* Promo form : flex-wrap pour éviter débord */
.cart-promo{flex-wrap:nowrap;gap:.4rem}
.cart-promo input{min-width:0;width:100%}
.cart-promo button{flex-shrink:0;padding:.7rem .9rem;white-space:nowrap}
}
/* Diagnostic agent : cart-drawer pousse panel à right=727 sur viewport 393 → bleed Safari */
aside.cart-drawer{overflow:hidden!important}
/* Burger menu en CROIX quand ouvert (UX feedback visible) */
.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Mobile : menu nav ouvert = backdrop + position fixed + click outside ferme */
@media (max-width:768px){
.nav-menu{
display:none;
}
.nav-menu.is-open{
display:flex!important;
position:fixed!important;
top:80px!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100vw!important;
height:calc(100vh - 80px)!important;
flex-direction:column!important;
gap:.25rem!important;
background:#ffffff!important;
opacity:1!important;
padding:1rem!important;
z-index:200!important;
overflow-y:auto;
box-shadow:0 12px 30px -10px rgba(0,0,0,.4);
isolation:isolate;
}
.nav-menu.is-open > a{
padding:.55rem 0!important;
border-bottom:1px solid var(--border);
font-size:.9rem!important;
width:100%;
min-height:38px;
}
/* NOTE 16:10 : retiré body.menu-open{overflow:hidden} + ::before backdrop
ça cassait position:sticky de la .nav sur iOS Safari */
}
.pay-method{align-items:stretch!important;gap:.85rem!important}
.pay-method input[type=radio]{align-self:center}
.pay-method-body{flex:1;display:flex;align-items:center;gap:.9rem;min-width:0;flex-wrap:wrap}
.pay-method-info{flex:1 1 140px;min-width:0;display:flex;flex-direction:column}
.pay-method-info .title{font-weight:800;font-size:.95rem;letter-spacing:-.01em;color:#000;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pay-method-info .sub{display:block;font-size:.72rem;color:#717171;margin-top:.2rem;letter-spacing:.02em;line-height:1.3;white-space:normal}
.pay-method-logos{display:inline-flex;gap:.3rem;align-items:center;flex-wrap:wrap;flex-shrink:0}
/* Logos uniformes — vrais badges blanc/contour, plus de SVG text qui overlap */
.paylogo{
display:inline-flex;align-items:center;justify-content:center;
height:22px;min-width:34px;padding:0 6px;
background:#fff;border:1px solid #e2e2e2;border-radius:4px;
font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:900;
letter-spacing:.5px;line-height:1;white-space:nowrap;color:#000;
box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.paylogo i{display:inline-block;width:13px;height:13px;border-radius:50%}
.paylogo-visa{color:#1a1f71;font-style:italic;font-size:11px;letter-spacing:.6px}
.paylogo-mc{padding:0 4px;gap:0}
.paylogo-mc .mc-c1{background:#eb001b}
.paylogo-mc .mc-c2{background:#f79e1b;margin-left:-5px;mix-blend-mode:multiply}
.paylogo-amex{color:#fff;background:#2e77bb;border-color:#2e77bb;font-size:9.5px;letter-spacing:.4px}
.paylogo-cb{color:#003a7e;font-size:10.5px}
.paylogo-maestro{padding:0 4px;gap:0}
.paylogo-maestro .mc-c1{background:#0099df}
.paylogo-maestro .mc-c2{background:#ed0006;margin-left:-5px;mix-blend-mode:multiply}
.paylogo-pp{font-style:italic;padding:0 7px}
.paylogo-pp b{color:#003087;font-weight:900}
.paylogo-pp i{color:#009cde;font-weight:900;font-style:italic;width:auto;height:auto;background:none;border-radius:0}
.paylogo-stripe{color:#fff;background:#635bff;border-color:#635bff;font-style:italic;text-transform:lowercase;letter-spacing:0;padding:0 8px;font-size:10.5px}
.paylogo-shoppay{color:#fff;background:#5a31f4;border-color:#5a31f4;padding:0 7px;letter-spacing:0;font-size:10px}
.paylogo-shoppay i{color:#fff;font-style:normal;width:auto;height:auto;background:none;border-radius:0;font-weight:900;margin-left:1px}
.paylogo-apay{padding:.4rem .7rem;background:#fff;border:1px solid var(--border);min-width:auto;display:inline-flex;align-items:center;justify-content:center}
.paylogo-apay img{display:block;height:18px;width:auto}
@media (max-width:480px){
.pay-method{padding:.85rem .9rem!important;min-height:auto!important}
.pay-method-body{flex-direction:column;align-items:flex-start;gap:.55rem}
.pay-method-info{flex:none;width:100%}
.pay-method-logos{width:100%;gap:.3rem}
}
.order-meta{min-width:0}
.order-meta-item{min-width:0}
.order-meta-item strong{
font-size:.95rem!important;
word-break:break-word;
overflow-wrap:anywhere;
display:block;
max-width:100%;
}
@media (max-width:600px){
.order-meta{grid-template-columns:1fr!important;gap:1rem!important}
}
.cart-row{display:grid;grid-template-columns:60px 1fr auto;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--border)}
.cart-row-img img{width:60px;height:75px;object-fit:cover;border-radius:3px;background:var(--bg-alt)}
.cart-row-info{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.cart-row-name{font-weight:700;font-size:.92rem;line-height:1.25;color:#000}
.cart-row-meta{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}
.cart-row-qty{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:3px;width:fit-content;margin-top:.3rem;overflow:hidden}
.cart-row-qty button{width:28px;height:28px;display:grid;place-items:center;font-size:1rem;font-weight:700;color:#000;background:#fff;border:0;cursor:pointer;transition:background .15s ease}
.cart-row-qty button:hover{background:var(--bg-alt)}
.cart-row-qty button:active{background:#eee}
.cart-row-qty span{min-width:28px;text-align:center;font-size:.85rem;font-weight:700;color:#000;padding:0 .3rem;border-left:1px solid var(--border);border-right:1px solid var(--border);line-height:28px}
.cart-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;justify-content:space-between}
.cart-row-price{font-weight:800;font-size:.95rem;color:#000;white-space:nowrap}
.cart-row-remove{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--bg-alt);color:#000;font-size:1rem;border:0;cursor:pointer;transition:background .15s ease}
.cart-row-remove:hover{background:#000;color:#fff}
/* Lien secondaire "Voir mon panier" sous le bouton Passer commande */
.cart-drawer-secondary{display:block;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#000;margin-top:.7rem;padding:.5rem;border-bottom:1px solid transparent;transition:border-color .2s ease;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cart-drawer-secondary:hover{text-decoration-thickness:2px}
.step-pill.is-done{cursor:pointer;position:relative}
.step-pill.is-done:hover{background:#000;color:#fff;transform:translateY(-1px)}
.step-pill.is-done:hover .num{background:#fff;color:#000}
.step-pill.is-done:active{transform:translateY(0)}
.step-pill.is-done::after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#0a8636;box-shadow:0 0 0 2px #fff}
.step-pill.is-done:hover::after{background:#fff;box-shadow:0 0 0 2px #000}
.step-pill:not(.is-done):not(.is-current){color:#595959;background:#fafafa;cursor:not-allowed}
.step-pill:not(.is-done):not(.is-current) .num{background:#e8e8e8;color:#595959}
/* Breadcrumb universel : fil d'Ariane discret en haut de chaque page intérieure */
.breadcrumb-nav{display:flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600;padding:1rem 0;flex-wrap:wrap}
.breadcrumb-nav a{color:var(--text-muted);transition:color .2s ease;border-bottom:1px solid transparent;padding-bottom:1px}
.breadcrumb-nav a:hover{color:#000;border-bottom-color:#000}
.breadcrumb-nav span[aria-hidden]{opacity:.4;font-size:.7rem}
.breadcrumb-nav .current{color:#000;font-weight:700}
/* Hero — viewport mobile Safari fix : 100dvh - header sticky (topbar+nav)
Solution senior 2026 : sans compenser la hauteur des bars sticky qui poussent
le hero en bas du viewport, les boutons CTA sortent du fold visible.
--header-h = topbar (~28-36px) + nav (~70-80px) ≈ 108-116px.
align-items:flex-end = contenu collé au bas du viewport visible.
safe-area-inset-bottom = home bar iOS.
Refactor 19/05 senior — supersedes HOTFIX 17:00 + 18:10 */
:root{--header-h:7rem}
.hero-full{
min-height:calc(100lvh - var(--header-h)); /* fallback */
min-height:calc(100lvh - var(--header-h)); /* dynamic = zone visible Safari/Chrome iOS */
align-items:stretch;
}
.hero-full .hero-content{
padding-top:clamp(1rem,3vw,2rem);
padding-bottom:max(clamp(2rem,5vw,3.5rem),env(safe-area-inset-bottom,1rem));
}
.hero-full .hero-actions{margin-top:auto}/* boutons collés en bas — ne pas toucher */
.hero-full .hero-scrim{
background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.18) 42%,rgba(0,0,0,0) 60%,rgba(0,0,0,.25) 100%);
}
.payment-badges li{width:56px!important;height:36px!important;border-radius:5px;background:#fff;display:grid;place-items:center;padding:3px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}
.payment-badges li img{width:100%;height:100%;object-fit:contain;display:block;max-width:none}
@media (max-width:480px){
.payment-badges li{width:50px!important;height:32px!important;padding:2px}
}
.footer-payments{display:flex!important;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 0;text-align:center}
.payment-trust-img{
width:100%;
max-width:380px;
height:auto;
display:block;
filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));
}
@media (prefers-color-scheme:dark),(max-width:768px){
/* Sur fond sombre du footer : léger background blanc pour faire ressortir les logos */
}
.footer-payments-extra{
font-size:.7rem;
color:rgba(255,255,255,.55);
letter-spacing:.05em;
}
/* 1. Logos paiement : retire drop-shadow qui les ternit sur fond noir */
/* 2. Vidéo hero : object-fit:contain sur MOBILE (voir ATOMGYM + logo), cover sur DESKTOP (plein hero) */
.hero-full video.hero-image,
.hero-full .hero-image img,
.hero-full .hero-poster img,
.hero-full video.hero-video{
object-fit:contain!important;
object-position:center center!important;
background:#0a0604;
}
@media (min-width:769px){
.hero-full video.hero-image,
.hero-full .hero-image img,
.hero-full .hero-poster img,
.hero-full video.hero-video{
object-fit:cover!important;
object-position:center 30%!important;
background:transparent!important;
}
}
.nav-icons button{min-width:44px!important;min-height:44px!important}
.nav-icons .burger{min-width:44px!important;min-height:44px!important;padding:13px 8px!important;width:auto!important;height:auto!important;box-sizing:border-box!important}
.nav-menu a:not(.nav-menu-product){padding:14px 0!important;display:inline-block;min-height:44px}
.footer-links a{display:inline-block;padding:8px 0;min-height:36px;line-height:1.5}
@media (max-width:768px){
.footer-links a{padding:10px 0;min-height:44px}
}
@media (max-width:768px){
.hero-full .hero-title{text-shadow:0 2px 14px rgba(0,0,0,.75),0 1px 4px rgba(0,0,0,.6)!important}
.hero-full .hero-sub{text-shadow:0 1px 10px rgba(0,0,0,.75)!important}
.hero-full .hero-scrim{background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 22%,rgba(0,0,0,.2) 45%,rgba(0,0,0,0) 65%,rgba(0,0,0,.55) 100%)!important}
}
/* RC-X12 — Checkout h1 overflow desktop fix */
.page-checkout h1, .page-checkout > h1.sr-only{max-width:100%}
@media (min-width:769px){
.page-checkout .checkout-step-title{font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.1}
}
.footer h2.footer-h{font-size:1rem;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--text);margin-bottom:1rem}
/* Default (no flag) : mobile contain (vidéo entière + marque visible), desktop cover (cf media query plus haut) */
/* Override : ?hero=cover → mobile force cover (vidéo plein hero, comme maquette initiale) */
@media (max-width:768px){
html[data-hero-mode="cover"] .hero-full video.hero-image,
html[data-hero-mode="cover"] .hero-full .hero-image img,
html[data-hero-mode="cover"] .hero-full .hero-poster img,
html[data-hero-mode="cover"] .hero-full video.hero-video{
object-fit:cover!important;
object-position:center 30%!important;
background:transparent!important;
}
}
/* Override : ?hero=contain → desktop force contain (rare cas, prévu si Tom veut la cohérence partout) */
@media (min-width:769px){
html[data-hero-mode="contain"] .hero-full video.hero-image,
html[data-hero-mode="contain"] .hero-full .hero-image img,
html[data-hero-mode="contain"] .hero-full .hero-poster img,
html[data-hero-mode="contain"] .hero-full video.hero-video{
object-fit:contain!important;
object-position:center center!important;
background:#0a0604!important;
}
}
/* (Menu burger compact : règles consolidées à la source ligne ~48 et 255) */
.sticky-cart{
left:auto!important;
right:1.5rem!important;
bottom:1.5rem!important;
max-width:340px;
width:auto;
border-radius:999px;
border-top:0!important;
box-shadow:0 16px 40px -10px rgba(0,0,0,.25),0 4px 12px -4px rgba(0,0,0,.1);
background:rgba(255,255,255,.96)!important;
backdrop-filter:blur(20px) saturate(160%);
-webkit-backdrop-filter:blur(20px) saturate(160%);
transform:translateY(150%)!important;
transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease;
opacity:0;
}
.sticky-cart.is-visible{
transform:translateY(0)!important;
opacity:1;
}
.sticky-cart-inner{
padding:.5rem .5rem .5rem .7rem!important;
gap:.75rem!important;
align-items:center;
}
.sticky-cart-img{
width:44px!important;
height:44px!important;
border-radius:50%!important;
cursor:pointer;
}
.sticky-cart-info .name{
font-size:.78rem!important;
letter-spacing:-.01em;
}
.sticky-cart-info .meta{
font-size:.7rem!important;
font-weight:700;
color:var(--text)!important;
}
.sticky-cart .btn{
padding:.65rem 1.1rem!important;
font-size:.72rem!important;
border-radius:999px!important;
letter-spacing:.12em;
}
@media (max-width:480px){
.sticky-cart{
left:1rem!important;
right:1rem!important;
max-width:none;
}
}
/* 1. TOPBAR (au-dessus de la nav) — agrandie, lisible, logo visible */
.topbar{
padding:.85rem 0!important;
font-size:.82rem!important;
letter-spacing:.16em!important;
}
.topbar-track{gap:4rem!important}
.topbar-track span{font-weight:600!important}
.topbar-track span::after{
width:30px!important;
height:18px!important;
margin-left:4rem!important;
opacity:1!important;
}
/* Décale la nav vers le bas pour pas qu'elle chevauche la topbar agrandie */
.nav{top:48px!important}
.nav-menu.is-open{top:96px!important;height:calc(100vh - 96px)!important}
/* 2. HERO desktop : texte calé contre le bord GAUCHE */
@media (min-width:769px){
.hero-full .hero-content{
margin-right:auto!important;
margin-left:clamp(1rem,2.5vw,2.5rem)!important;
max-width:720px!important;
}
}
/* 3. SECTION "Trois corps Trois pièces" — équilibrage 3 cards casting UNIQUEMENT desktop (mobile garde stack 1 colonne) */
@media (min-width:769px){
.casting-strip{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:clamp(1rem,2vw,1.5rem)!important;
align-items:stretch!important;
}
.casting-strip > article,
.casting-strip > a,
.casting-strip-card{
width:100%!important;
margin:0!important;
}
.casting-strip-card,
.casting-strip article{aspect-ratio:3/4!important;overflow:hidden}
.casting-strip-card img,
.casting-strip article img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center 35%!important;
}
}
/* 4. NAV desktop : RESTAURÉ — menu links visibles comme la maquette livrée */
/* (rule supprimée car elle cachait le menu desktop par erreur) */
/* Marquee — Tom 20/05 19:17 : barre fine + logos/texte taille V1 (override "Karim demande" retiré) */
@media (min-width:769px){
.hero-full{min-height:calc(100vh - 130px)!important}
.hero-full .hero-content{padding-bottom:clamp(1.5rem,3vw,2.5rem)!important;padding-top:clamp(2.5rem,5vw,4rem)!important}
}
/* Contact page (page-contact) : layout dense visible sans scroll desktop (no bricolage) */
@media (min-width:769px){
.page-contact{padding:2rem 0;min-height:calc(100vh - 120px);display:flex;flex-direction:column}
.page-contact .container{max-width:1180px;flex:1;display:flex;flex-direction:column}
.page-contact h1{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:.5rem}
.page-contact .lead{font-size:.95rem;line-height:1.5;margin-bottom:0}
.page-contact .contact-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem}
.page-contact .contact-info{flex-direction:row;gap:1rem}
.page-contact .contact-block{flex:1;padding:1rem 1.1rem}
.page-contact .contact-block h2{font-size:.7rem;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-weight:700}
.page-contact .contact-block .value{font-size:1rem}
.page-contact .contact-block p{font-size:.85rem;margin-top:.4rem}
.page-contact .contact-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem 1rem}
.page-contact .contact-form > div:nth-of-type(n+4),
.page-contact .contact-form > button{grid-column:1 / -1}
.page-contact .contact-form input{padding:.6rem .85rem}
.page-contact .contact-form textarea{padding:.6rem .85rem;height:60px;min-height:60px;max-height:80px;resize:vertical}
.page-contact .contact-form label{font-size:.66rem;margin-bottom:.15rem;display:block}
.page-contact .contact-form button.btn-lg{padding:.8rem 1.6rem;font-size:.78rem;justify-self:start}
}
/* Section #ensembles : photos compactées + section taille viewport pour cacher "Pourquoi" */
@media (min-width:769px){
#ensembles{min-height:calc(100vh - 113px);padding-block:clamp(2rem,4vw,3.5rem)}
#ensembles .product-card-img{aspect-ratio:4/5}
#ensembles .product-card-img img{object-position:center top}
#ensembles .product-card-body{padding:1rem 1.25rem 1.5rem}
}
/* Swatches couleur produit : style propre + état actif */
.product-card-body .product-variants{display:flex;gap:.45rem;align-items:center}
.product-card-body .product-variants i{
width:16px;height:16px;border-radius:50%;
border:1px solid rgba(0,0,0,.18);
display:inline-block;font-style:normal;
transition:transform .25s var(--ease),box-shadow .25s var(--ease);
cursor:pointer
}
.product-card-body .product-variants i:hover{transform:scale(1.12)}
.product-card-body .product-variants i.is-light{border-color:rgba(0,0,0,.45)}
.product-card-body .product-variants i.is-active{
box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #000;
border-color:transparent
}
.product-card-body .product-variants i.is-active.is-light{
box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #000;
border-color:rgba(0,0,0,.45)
}
/* Topbar logo : agrandi UNIQUEMENT desktop (mobile garde valeur inline 22x13) */
@media (min-width:769px){
.topbar-track span::after,
.topbar-track span:after{width:60px!important;height:34px!important}
}
/* Nav : agrandir logo + nom ATOMGYM uniquement, barre nav garde sa hauteur */
@media (min-width:769px){
.nav-logo img{height:46px}
.nav-logo-text{font-size:1.5rem}
.nav-inner{padding-top:.6rem;padding-bottom:.6rem}
}
/* Sticky cart reveal : CSS scroll-driven animation (senior pattern 2026, JS IO en fallback)
Couvre Chrome 115+/Safari 18+/Edge 115+ ; immune bfcache/defer race/stacking context */
@supports (animation-timeline: view()) {
@media (min-width:769px) and (prefers-reduced-motion: no-preference) {
body[data-product] .product-info{view-timeline-name:--product-info}
body[data-product] .sticky-cart{
animation:reveal-sticky-cart linear both;
animation-timeline:--product-info;
animation-range:exit 30% exit 80%;
transition:none!important
}
@keyframes reveal-sticky-cart{
to{transform:translateY(0);opacity:1}
}
}
}
/* Nav : neutraliser effet visuel scrolled (blur+transparence) qui donne illusion de rétrécissement */
@media (min-width:769px){
.nav.scrolled{
background:rgba(255,255,255,.96)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
box-shadow:0 1px 0 var(--border)!important
}
}
/* Search overlay : fenêtre plus grande desktop */
@media (min-width:769px){
.search-overlay-panel{width:min(960px,94vw);top:9vh}
.search-overlay-input{padding:1.4rem 1.7rem}
.search-overlay-input input{font-size:1.2rem}
.search-results{max-height:70vh;padding:.75rem 0}
.search-result{padding:1rem 1.7rem;grid-template-columns:80px 1fr auto;gap:1.3rem}
.search-result img{width:80px;height:100px}
.search-result-name{font-size:1.05rem}
.search-result-meta{font-size:.8rem;margin-top:.35rem}
}
/* Section "Le Casting" : cadrer photos par le haut UNIQUEMENT desktop (mobile garde center 50%) */
@media (min-width:769px){
.casting-card img{object-position:center top}
}
/* Lifestyle banner "Tout Terrain" : déplacer le bloc texte à gauche pour libérer le logo t-shirt au centre */
@media (min-width:769px){
.lifestyle-banner{place-items:center start;padding-left:3rem;padding-right:3rem}
.lifestyle-banner-content{text-align:left;align-items:flex-start;max-width:42%}
.lifestyle-banner-content p{margin-inline:0}
}
/* Fix iOS Safari 100vh trap : URL bar cache le bas du menu mobile + clip checkout summary */
@supports (height: 100dvh){
.nav-menu.is-open{height:calc(100dvh - 96px)!important}
.hero-full{min-height:calc(100lvh - var(--header-h))}
}
@supports (height: 100svh) and (not (height: 100dvh)){
.nav-menu.is-open{height:calc(100svh - 96px)!important}
.hero-full{min-height:calc(100svh - var(--header-h))}
}
/* scroll-behavior:smooth respecte reduced-motion */
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
}
/* backdrop-filter fallback : navigateurs sans support gardent un fond plus opaque */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.nav.scrolled{background:rgba(255,255,255,.97)!important}
.cart-drawer-back,.search-overlay-back,.account-modal-back{background:rgba(10,10,10,.7)!important}
}
/* :has() fallback : mêmes styles via .is-checked toggled par patches.js (Firefox <121, iOS Safari <15.4, Samsung <19) */
.shipping-option.is-checked,.payment-option.is-checked,.pay-method.is-checked{border-color:#000;background:var(--bg-alt)}
/* Print stylesheet : impression facture/confirmation propre */
@media print{
.topbar,.marquee,.nav,.cart-drawer,.search-overlay,.account-modal,.burger,.sticky-cart,.footer,.hero-full video,.hero-scrim,.cart-drawer-back,.search-overlay-back,.account-modal-back{display:none!important}
body{background:#fff!important;color:#000!important}
.order-summary,.order-details,
a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#555}
}
.product-card-body .product-price{display:inline-flex;align-items:center;gap:.55em;font-size:1rem;line-height:1.25;font-weight:400;flex-wrap:nowrap}.product-price .price-old{font-weight:400;color:var(--text-light);text-decoration:line-through;text-decoration-thickness:1px;font-size:.88em}.product-price .price-new{font-weight:700;color:var(--text);font-size:1em;letter-spacing:-.005em}.product-price .price-discount{background:transparent;color:var(--text);border:1.2px solid var(--text);font-size:.62em;font-weight:700;letter-spacing:.1em;padding:.38em .75em;border-radius:99px;line-height:1;text-transform:uppercase;white-space:nowrap}.product-info .product-price{display:inline-flex;align-items:center;gap:.55em;flex-wrap:wrap;font-size:clamp(1.5rem,5vw,2rem);font-weight:400;letter-spacing:-.01em}.product-info .product-price .price-new{font-weight:800;font-size:1em;color:var(--text)}.product-info .product-price .price-old{font-size:.7em;font-weight:400}.product-info .product-price .price-discount{font-size:.42em;padding:.4em .8em;border-width:1.5px}
/* CASTING — pastilles déclenchent swap image + CTA produit (Tom 20/05 18:34) */
.colorway-stage--solo{display:flex;flex-direction:column;align-items:center;text-align:center}
.casting-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;margin:1.5rem auto 0;padding:.95rem 2rem;background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:2px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease);min-width:240px}
.casting-cta:hover{background:transparent;color:var(--text)}
#casting-picture img{transition:opacity .25s var(--ease)}
/* FOOTER PAYMENTS — 4 méthodes en pills blanches (Tom 20/05 16:54 — VISA/MC/PayPal/ApplePay) */
.footer-payments-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;list-style:none;padding:0;margin:.6rem 0 0}
.footer-payments-list li{background:#fff;border-radius:6px;padding:.5rem .85rem;display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:34px}
.footer-payments-list img{height:18px;width:auto;display:block}
/* HERO mobile — texte collé au bouton + hauteur compatible barre nav Chrome iOS (Karim 20/05 17:55-18:12) */
@media (max-width:768px){
.hero-full{min-height:calc(100svh - var(--header-h))}
.hero-full .hero-content{justify-content:flex-end}
.hero-full .hero-actions{margin-top:0}
}
/* HERO desktop — texte collé au bouton (Karim 21/05 14:20) — miroir du fix mobile */
@media (min-width:769px){
.hero-full .hero-content{justify-content:flex-end}
.hero-full .hero-actions{margin-top:0}
}
/* COLOR SWATCHES VISUELS — Tom 20/05 (cercles colorés + label en dessous) */
.color-pills{gap:1rem}
.color-pill{display:inline-flex;flex-direction:column;align-items:center;gap:.45rem;border:none;background:none;padding:.25rem;font-size:.7rem;letter-spacing:.1em}
.color-pill::before{content:"";display:block;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--swatch,#ccc);transition:border-color .2s var(--ease),transform .2s var(--ease)}
.color-pill[data-color="noir"]::before{--swatch:#0a0a0a}
.color-pill[data-color="gris"]::before{--swatch:#b0b0b0}
.color-pill[data-color="blanc"]::before{--swatch:#fff}
.color-pill.is-active,.color-pill:hover{background:none;color:var(--text)}
.color-pill.is-active::before{border-color:var(--text);border-width:2.5px}
.color-pill:hover::before{transform:scale(1.08)}
/* === FIX MEGA-MENU DROPDOWN DESKTOP HOVER 23/05 07h15 === */
@media (min-width:769px){
.nav-menu{position:relative}
.nav-menu .nav-menu-products{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);display:none;flex-direction:column;background:#fff;border:1px solid var(--border);padding:1.2rem;min-width:340px;box-shadow:0 12px 40px rgba(0,0,0,.08);z-index:100;margin-top:0;border-top:1px solid var(--border)}
.nav-menu .nav-menu-products::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-menu:has(a[href="#ensembles"]:hover) .nav-menu-products,.nav-menu .nav-menu-products:hover{display:flex}
.nav-menu-products-label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem;font-weight:700}
.nav-menu .nav-menu-product{display:flex;align-items:center;gap:.9rem;padding:.6rem;border-radius:2px;transition:background var(--dur-fast) var(--ease);text-decoration:none;color:inherit}
.nav-menu .nav-menu-product:hover{background:var(--bg-alt)}
.nav-menu .nav-menu-product img{width:48px;height:60px;object-fit:cover;border-radius:1px}
.nav-menu-product-name{font-size:.88rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.nav-menu-product-price{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}
}
/* === FOOTER BRAND — logo+marque centrés au-dessus de la phrase (23/05 12h) === */
.footer-brand{text-align:center}
.footer-brand .nav-logo{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin:0 auto}
.footer-brand p{margin-inline:auto}
.footer-brand .footer-social{justify-content:center}