:root{--red: #b3122f;--red-dark: #8e0e25;--red-light: #fdeef1;--gold: #c9a24b;--ink: #231518;--muted: #8a7378;--bg: #ffffff;--bg-soft: #fdf8f5;--line: #f0dfe3;--radius: 18px;--shadow: 0 10px 30px rgba(179, 18, 47, .08);--font-head: "Archivo", sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}.top-fixed{position:fixed;top:0;left:0;right:0;z-index:50}#smooth-scroll{padding-top:var(--top-h, 104px)}html.ss-active,html.ss-active body{overflow:hidden;height:100%;overscroll-behavior:none}html.ss-active #smooth-scroll{position:fixed;top:0;left:0;right:0;will-change:transform;backface-visibility:hidden}.scroll-progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}.scroll-progress{height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transform:scaleX(0);transform-origin:0 50%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.accent{color:var(--red)}.muted{color:var(--muted)}.announce{background:var(--red);color:#fff;overflow:hidden;font-size:13px;font-weight:600;padding:8px 0}.announce-track{display:flex;width:max-content;white-space:nowrap;animation:marquee 40s linear infinite}.announce-item{display:inline-flex;align-items:center}.announce-sep{margin:0 18px;opacity:.5}.announce:hover .announce-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:54px;width:auto;mix-blend-mode:multiply}.logo-text{display:flex;flex-direction:column}.logo-name{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:3px;color:var(--red)}.logo-sub{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}.nav{margin-left:auto;display:flex;gap:26px;font-weight:600;font-size:14px}.nav a{color:var(--ink);transition:color .15s;border-bottom:2px solid transparent}.nav a:hover{color:var(--red);border-bottom-color:var(--gold)}.cart-btn{position:relative;background:var(--red-light);color:var(--red);border:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:transform .15s,background .15s}.cart-btn:hover{background:var(--red);color:#fff;transform:scale(1.05)}.cart-count{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:13px 26px;border-radius:999px;border:none;transition:transform .15s,box-shadow .15s,background .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 6px 18px #b3122f4d}.btn-primary:hover{background:var(--red-dark)}.btn-ghost{background:#fff;color:var(--red);border:2px solid var(--red)}.btn-ghost:hover{background:var(--red-light)}.btn-wa{background:#25d366;color:#fff;box-shadow:0 6px 18px #25d36659}.btn-wa:hover{background:#1eb857}.btn-block{width:100%}.hero{max-width:1280px;margin:0 auto;padding:24px 20px 0}.hero-banner{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16 / 9;max-height:620px;width:100%}.slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.slide-active{opacity:1;pointer-events:auto}.slide-img-wrap{position:absolute;top:-12%;right:0;bottom:0;left:0;will-change:transform}.slide-img-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slide-active .slide-img-wrap img{animation:kenburns 3.4s ease-out forwards}@keyframes kenburns{0%{scale:1}to{scale:1.08}}.slide .hero-kicker,.slide p,.slide .hero-cta{opacity:0}.slide-active .hero-kicker{animation:rise-in .6s .05s cubic-bezier(.16,1,.3,1) forwards}.slide-active p{animation:rise-in .7s .45s cubic-bezier(.16,1,.3,1) forwards}.slide-active .hero-cta{animation:rise-in .7s .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.split-title{font-family:var(--font-display);font-size:clamp(38px,5.5vw,74px);font-weight:700;line-height:1.02;letter-spacing:.5px;margin-bottom:14px;text-shadow:0 2px 20px rgba(0,0,0,.35)}.split-title .ch{display:inline-block;opacity:0}.slide-active .split-title .ch{animation:ch-in .55s calc(var(--ci) * 30ms + .12s) cubic-bezier(.16,1,.3,1) forwards}@keyframes ch-in{0%{opacity:0;transform:translateY(.5em);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.hero-bars{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:5}.hero-bar{width:52px;height:5px;border:none;border-radius:999px;background:#ffffff59;overflow:hidden;padding:0;cursor:pointer;transition:background .2s}.hero-bar:hover{background:#ffffff8c}.bar-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red),var(--gold));transform-origin:0 50%;animation:bar-progress 3s linear forwards}@keyframes bar-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,5vw,64px);max-width:60%;background:linear-gradient(90deg,rgba(20,8,10,.55) 0%,rgba(20,8,10,.25) 55%,transparent 100%);color:#fff}.hero-kicker{align-self:flex-start;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:18px}.hero-overlay h1{font-family:var(--font-display);font-size:clamp(38px,5.5vw,74px);font-weight:700;line-height:1.02;letter-spacing:.5px;margin-bottom:14px;text-shadow:0 2px 20px rgba(0,0,0,.35)}.gold{color:var(--gold)}.hero-overlay p{font-size:clamp(14px,1.6vw,17px);max-width:420px;margin-bottom:24px;color:#ffffffeb;text-shadow:0 1px 12px rgba(0,0,0,.4)}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn-light{background:#fff;color:var(--red)}.btn-light:hover{background:var(--red-light)}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 56px;padding:26px 10px 6px}.hero-stats div{display:flex;flex-direction:column;align-items:center}.hero-stats strong{font-family:var(--font-head);font-size:26px;color:var(--red)}.hero-stats span{font-size:13px;color:var(--muted)}.perks{background:#fbf7ef;color:#8e0e25;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px;padding:18px 34px;margin-top:30px;border-top:1px solid #ecd9c0;border-bottom:1px solid #ecd9c0}.perks-inner{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px;width:100%}.section{max-width:1200px;margin:0 auto;padding:70px 20px}.section-alt{max-width:none;background:var(--bg-soft)}.section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.section-title{font-family:var(--font-display);font-size:clamp(34px,4.5vw,50px);font-weight:700;letter-spacing:.5px;text-align:center;margin-bottom:10px}.section-title:after{content:"";display:block;width:64px;height:2px;margin:14px auto 0;background:linear-gradient(90deg,var(--red),var(--gold));border-radius:2px}.section-sub{text-align:center;color:var(--muted);margin-bottom:34px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:38px}.chip{background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:600;font-size:14px;padding:9px 20px;border-radius:999px;transition:all .15s}.chip:hover{border-color:var(--red);color:var(--red)}.chip-active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--bg-soft)}.card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .5s ease}.media-b{opacity:0}.card:hover .media-b{opacity:1}.card:hover .card-media img{transform:scale(1.04)}.badge{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:999px;color:#fff;background:var(--red)}.badge-new-launch{background:var(--gold)}.badge-sale{background:var(--ink)}.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.card-rating{font-size:13px;font-weight:700}.star{color:var(--gold)}.card-notes{font-size:12.5px;color:var(--muted);letter-spacing:.3px}.card-name{font-family:var(--font-head);font-size:17px;font-weight:800;letter-spacing:.5px}.card-size{font-weight:600;color:var(--muted);font-size:13px}.card-family{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--red);background:var(--red-light);padding:3px 10px;border-radius:999px}.card-price{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}.price{font-family:var(--font-head);font-size:20px;font-weight:800}.mrp{color:var(--muted);text-decoration:line-through;font-size:14px}.off{color:var(--red);font-weight:700;font-size:13px}.card .btn{margin-top:auto}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:38px}.why-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;text-align:center}.why-icon{font-size:34px;margin-bottom:12px}.why-card h3{font-family:var(--font-head);font-size:17px;margin-bottom:8px}.why-card p{color:var(--muted);font-size:14px}.faq{max-width:760px;margin:30px auto 0}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:none;text-align:left;font-size:16px;font-weight:700;padding:18px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}.faq-q:hover{color:var(--red)}.faq-plus{font-size:22px;color:var(--red);flex-shrink:0}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:15px;transition:max-height .3s ease,padding .3s ease;padding:0 4px}.faq-open .faq-a{max-height:220px;padding-bottom:18px}.footer{background:var(--ink);color:#fff;margin-top:40px}.footer-inner{max-width:1200px;margin:0 auto;padding:56px 20px 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-logo{color:#fff}.footer-tag{color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:4px 0 14px}.footer-desc{color:#ffffffa6;font-size:14px;max-width:320px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-family:var(--font-head);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.footer-col a{color:#ffffffbf;font-size:14px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:18px;font-size:13px;color:#ffffff80}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#23151880;opacity:0;pointer-events:none;transition:opacity .25s;z-index:90}.overlay-show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(420px,100vw);background:#fff;z-index:100;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.drawer-open{transform:translate(0);box-shadow:-12px 0 40px #0000002e}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-head h3{font-family:var(--font-head);font-size:20px}.drawer-close{background:var(--red-light);color:var(--red);border:none;width:34px;height:34px;border-radius:50%;font-size:15px}.drawer-empty{padding:60px 24px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;color:var(--muted)}.drawer-items{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:14px;border:1px solid var(--line);border-radius:12px;padding:10px}.cart-item img{width:82px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-family:var(--font-head);font-weight:800;font-size:14px}.cart-item-meta{font-size:12px;color:var(--muted);margin:2px 0 4px}.cart-item-price{font-weight:700;font-size:14px;margin-bottom:8px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--line);background:#fff;font-size:16px;font-weight:700;color:var(--red)}.qty button:hover{border-color:var(--red)}.qty span{font-weight:700;min-width:18px;text-align:center}.qty .remove{width:auto;height:auto;border:none;background:none;color:var(--muted);font-size:12px;text-decoration:underline;margin-left:auto;font-weight:500}.qty .remove:hover{color:var(--red)}.drawer-foot{border-top:1px solid var(--line);padding:16px 20px 20px}.totals{margin-bottom:14px}.totals-row{display:flex;justify-content:space-between;font-size:14px;padding:3px 0}.totals-save{color:#1a9e4b;font-weight:600}.totals-grand{font-family:var(--font-head);font-size:19px;font-weight:800;padding-top:8px}.drawer-note{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}.wa-fab{position:fixed;bottom:22px;right:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #25d36673;transition:transform .15s}.wa-fab:hover{transform:scale(1.08)}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-weight:600;font-size:14px;padding:12px 22px;border-radius:999px;z-index:110;box-shadow:0 8px 24px #00000040;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--d, 0ms);will-change:opacity,transform}.reveal.revealed{opacity:1;transform:none}.card-clickable{cursor:pointer}.quick-view{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);background:#ffffffeb;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;z-index:2;pointer-events:none}.card:hover .quick-view{opacity:1;transform:translate(-50%)}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95}.modal-root .overlay{z-index:0}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 32px));max-height:min(640px,calc(100dvh - 40px));background:#fff;border-radius:20px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:modal-in .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-close{position:absolute;top:14px;right:14px;z-index:3}.modal-media{position:relative;background:var(--bg-soft)}.modal-media>img{width:100%;height:100%;object-fit:cover}.modal-card:has(.modal-media>img[src*="combo-"]) .modal-media{aspect-ratio:16 / 9;align-self:center;width:100%;overflow:hidden}.modal-card:has(.modal-media>img[src*="combo-"]) .modal-media>img{object-fit:contain!important;background:var(--bg-soft)}.modal-thumbs{position:absolute;bottom:12px;left:12px;display:flex;gap:8px}.thumb{width:52px;height:62px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.8);padding:0;background:#fff;opacity:.75;transition:opacity .2s,border-color .2s}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-active{opacity:1;border-color:var(--red)}.modal-info{padding:30px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal-name{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:.5px}.modal-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-size{font-size:13px;color:var(--muted);font-weight:600}.modal-tagline{color:var(--red);font-weight:700;font-style:italic}.modal-desc{color:var(--muted);font-size:15px}.modal-notes{display:flex;gap:8px;flex-wrap:wrap}.note-chip{background:var(--bg-soft);border:1px solid var(--line);font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px}.modal-perks{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--muted)}.modal-price .price{font-size:26px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:180px}@media (max-width: 760px){.modal-card{grid-template-columns:1fr;max-height:calc(100dvh - 24px);overflow-y:auto}.modal-media{aspect-ratio:4 / 5}.modal-media>img{position:absolute;top:0;right:0;bottom:0;left:0}.modal-info{padding:20px}}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:34px}.review-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;display:flex;flex-direction:column;gap:10px;height:100%}.review-stars{color:var(--gold);font-size:16px;letter-spacing:2px}.review-text{font-size:14.5px;color:var(--ink)}.review-meta{display:flex;gap:8px;align-items:baseline;margin-top:auto}.review-name{font-weight:700;font-size:14px}.review-city{color:var(--muted);font-size:12.5px}.review-product{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--red);background:var(--red-light);padding:3px 10px;border-radius:999px}.sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:85;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px #0000001a;padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:12px;align-items:center}.sticky-info{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:14px;color:var(--ink);font-weight:500}.sticky-info strong{font-family:var(--font-head);font-size:16px}.sticky-wa{flex:1;padding:12px 16px;font-size:14px}@media (max-width: 768px){.sticky-bar{display:flex}.wa-fab{bottom:84px;width:50px;height:50px}}.reveal.reveal-mask{opacity:1;transform:none}.reveal-mask .section-title,.reveal-mask .story-title{overflow:hidden}.reveal-mask .mask-inner{display:block;transform:translateY(115%);transition:transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d, 0ms)}.reveal-mask.revealed .mask-inner{transform:none}.grid .reveal{transform:translateY(52px)}.grid .reveal.revealed{transform:none}.card-family.on-img{position:absolute;left:10px;bottom:10px;z-index:2;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-story{position:relative;background:linear-gradient(135deg,var(--red-dark) 0%,#6c0a1e 55%,#4a0714 100%);color:#fff;overflow:hidden;padding:90px 20px;text-align:center}.story-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,90vw);opacity:.07;filter:invert(1);mix-blend-mode:screen;pointer-events:none}.story-inner{position:relative;max-width:720px;margin:0 auto}.story-kicker{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.story-title{font-family:var(--font-display);font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.05;margin-bottom:18px}.story-title em{color:var(--gold);font-style:italic}.story-text{color:#ffffffd9;font-size:16.5px;margin-bottom:36px}.story-pillars{display:flex;justify-content:center;gap:clamp(24px,6vw,64px);flex-wrap:wrap}.story-pillars div{display:flex;flex-direction:column;gap:3px}.story-pillars strong{font-family:var(--font-display);font-size:24px;color:var(--gold)}.story-pillars span{font-size:13px;color:#ffffffa6}.section-blush{background:#fdf1f4}.wa-strip{background:var(--bg-soft);border-top:1px solid var(--line)}.wa-strip-inner{max-width:1200px;margin:0 auto;padding:26px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.wa-strip-text{display:flex;flex-direction:column;gap:2px}.wa-strip-text strong{font-family:var(--font-head);font-size:18px}.wa-strip-text span{color:var(--muted);font-size:13.5px}.footer-logo-img{height:84px;width:auto;filter:invert(1) brightness(1.6);mix-blend-mode:screen;margin-left:-8px}.footer-trust{border-top:1px solid var(--gold);text-align:center;padding:14px 20px 0;font-size:13px;color:var(--gold);max-width:1200px;margin:0 auto}.cursor-ring{position:fixed;width:30px;height:30px;border:1.5px solid var(--gold);border-radius:50%;pointer-events:none;z-index:130;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s,opacity .2s;opacity:.7}.cursor-ring.grow{width:52px;height:52px;border-color:var(--red);opacity:1}.fly-img{position:fixed;width:72px;height:90px;object-fit:cover;border-radius:12px;z-index:140;pointer-events:none;box-shadow:0 10px 30px #0000004d;transform:translate(-50%,-50%)}.cart-count.pop{animation:badge-pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes badge-pop{0%{scale:1}40%{scale:1.6}to{scale:1}}.btn{will-change:transform;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .15s,background .15s}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .75s cubic-bezier(.7,0,.3,1)}.preloader-done{opacity:0;pointer-events:none}.preloader-logo{width:min(220px,50vw);animation:pre-logo 1s cubic-bezier(.16,1,.3,1) both;mix-blend-mode:multiply}@keyframes pre-logo{0%{opacity:0}to{opacity:1}}.preloader-line{width:min(220px,50vw);height:2px;background:var(--line);border-radius:2px;overflow:hidden}.preloader-line span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));animation:pre-line 1.3s .25s cubic-bezier(.7,0,.3,1) both;transform-origin:0 50%}@keyframes pre-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.intro{height:190vh;position:relative;background:transparent;--p: 0}.intro-pin{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;will-change:transform}.intro-row{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,40px)}.intro-word{font-family:var(--font-display);font-size:clamp(52px,11vw,150px);font-weight:700;line-height:1;white-space:nowrap}.intro-left{position:relative;transform:translate(calc(var(--p) * -46vw));opacity:calc(1 - var(--p) * 1.3)}.intro-right{transform:translate(calc(var(--p) * 46vw));opacity:calc(1 - var(--p) * 1.3)}.gold-serif{color:var(--gold);font-style:italic}.intro-your{position:absolute;top:-.35em;right:-.2em;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:.22em;color:var(--red);letter-spacing:4px}.intro-bottle{width:clamp(150px,22vw,300px);transform:scale(calc(1.35 - var(--p) * .75)) rotate(calc(var(--p) * 14deg)) translateY(calc(var(--p) * -6vh));filter:drop-shadow(0 30px 50px rgba(179,18,47,.18));border-radius:16px;mix-blend-mode:multiply}.intro-hint{margin-top:5vh;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);opacity:calc(1 - var(--p) * 3);animation:hint-bob 1.8s ease-in-out infinite}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.brand-marquee{overflow:hidden;padding:10px 0;background:#6B1420;border-top:1px solid #5a0f1a;border-bottom:1px solid #5a0f1a;margin:6px 0 22px}.marquee-track{display:inline-block;white-space:nowrap;font-family:var(--font-head);font-weight:700;font-size:clamp(13px,2.2vw,17px);letter-spacing:3px;line-height:1;color:#f7e6c8;-webkit-text-stroke:0;will-change:transform;animation:marquee2 45s linear infinite !important}.card{transform-style:preserve-3d}.card-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.35),transparent 46%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover .card-media:before{opacity:1}.grid .card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:linear-gradient(120deg,var(--red) 0%,var(--gold) 100%);transform:translateY(0);transition:transform .9s cubic-bezier(.7,0,.3,1);transition-delay:calc(var(--d, 0ms) + .12s)}.grid .reveal.revealed .card-media:after{transform:translateY(-101%)}.grid .reveal .media-a{scale:1.18;transition:scale 1.2s cubic-bezier(.16,1,.3,1) calc(var(--d, 0ms) + .2s)}.grid .reveal.revealed .media-a{scale:1}.progress-drop{position:fixed;top:0;left:-7px;width:14px;height:3px;border-radius:3px;background:var(--gold);z-index:61;pointer-events:none;transform-origin:left center}.drawer{transition:transform .45s cubic-bezier(.7,0,.3,1)}.drawer-open{transition-timing-function:cubic-bezier(.3,1.2,.4,1)}.drawer-open .cart-item{animation:item-in .5s calc(var(--i, 0) * 70ms + .12s) cubic-bezier(.16,1,.3,1) both}@keyframes item-in{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:none}}.roll{display:inline-block;animation:roll-in .35s cubic-bezier(.16,1,.3,1)}@keyframes roll-in{0%{opacity:0;transform:translateY(.7em);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}.spark{position:fixed;width:8px;height:8px;border-radius:2px;z-index:150;pointer-events:none;transform:translate(-50%,-50%)}.mist{position:fixed;width:90px;height:90px;border-radius:50%;z-index:149;pointer-events:none;background:radial-gradient(circle,#c9a24b80,#c9a24b00 70%);filter:blur(4px);transform:translate(-50%,-50%)}#shop{transition:background .8s ease}@media (max-width: 900px){.nav{display:none}.hero-overlay{max-width:100%;background:linear-gradient(90deg,#14080a99,#14080a33)}.hero-banner{aspect-ratio:auto;min-height:380px}.footer-inner{grid-template-columns:1fr;gap:28px}}@media (max-width: 480px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-body{padding:12px}.card-name{font-size:14px}.btn{padding:11px 18px;font-size:14px}.hero-stats{gap:24px}}.section-video-reviews{background:var(--bg-soft);padding:100px 20px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:46px auto 0}.video-card-wrap{position:relative;aspect-ratio:9 / 16;border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow);border:1px solid var(--line);background:#000;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.video-card-wrap:hover{transform:translateY(-8px);box-shadow:0 20px 40px #b3122f29}.video-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;z-index:4}.video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .5s ease}.video-preview-loop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:.35;transition:opacity .5s,scale .8s cubic-bezier(.16,1,.3,1);filter:grayscale(.2) contrast(1.1)}.video-card-wrap:hover .video-preview-loop{opacity:.85;scale:1.05}.video-overlay-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#0000 40%,#000000d9);z-index:3}.play-btn-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.play-ring{position:absolute;width:68px;height:68px;border-radius:50%;border:1px solid rgba(201,162,75,.4);animation:play-pulse 2.2s infinite ease-out}@keyframes play-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.play-btn-circle{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--red);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000026;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s}.video-card-wrap:hover .play-btn-circle{transform:scale(1.12);background:var(--gold);color:#fff}.video-duration{position:absolute;top:20px;right:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 8px;border-radius:20px;font-size:11px;letter-spacing:1px;z-index:4}.video-info-bottom{z-index:4;margin-top:auto;display:flex;flex-direction:column;gap:4px}.video-user{font-family:var(--font-head);font-weight:600;font-size:15px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.video-product-tag{font-size:12px;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.4)}.video-product-tag strong{color:var(--gold)}.video-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;align-items:center;justify-content:center;padding:24px}.video-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e0507f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-modal-content{position:relative;z-index:2;width:100%;max-width:420px;aspect-ratio:9 / 16;border-radius:var(--radius);overflow:hidden;box-shadow:0 25px 60px #000c;border:2px solid var(--gold);background:#000;animation:modal-enter .4s cubic-bezier(.16,1,.3,1) both}.video-wrapper-inner{position:relative;width:100%;height:100%}.modal-video-element{width:100%;height:100%;object-fit:cover}.video-modal-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s,transform .3s}.video-modal-close:hover{background:var(--red);transform:rotate(90deg)}.video-modal-badge{position:absolute;bottom:24px;left:24px;z-index:5;display:flex;flex-direction:column;gap:6px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;border-radius:12px;border:1px solid rgba(201,162,75,.3)}.video-modal-badge .user-tag{color:#fff;font-weight:600;font-size:14px}.video-modal-badge .product-tag{color:var(--gold);font-size:12px;font-weight:500}@media (max-width: 800px){.video-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 500px){.video-grid{grid-template-columns:1fr;max-width:300px;margin:32px auto 0}.section-video-reviews{padding:60px 16px}}
/* --- 20 ML Pocket Collection --- */
.size-selector{margin:18px 0;display:flex;flex-direction:column;gap:8px}.size-selector-label{font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.5px;text-transform:uppercase}.size-selector-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.size-selector-btn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:pointer;text-align:left;transition:border-color .3s,box-shadow .3s,background-color .3s}.size-selector-btn:hover{border-color:var(--gold)}.size-selector-btn.active{border-color:var(--red);background:var(--red-light);box-shadow:0 0 0 1px var(--red)}.btn-size-title{font-family:var(--font-head);font-weight:600;font-size:13.5px;color:var(--ink)}.size-selector-btn.active .btn-size-title{color:var(--red-dark)}.btn-size-price{font-size:12px;color:var(--muted)}.size-selector-btn.active .btn-size-price{color:var(--red)}
.bottle-20ml-img,.modal-bottle-20ml{object-fit:cover!important;max-height:none;width:100%;height:100%}


/* ---- Combo Page ---- */
.combo-page{max-width:1200px;margin:0 auto;padding:70px 20px;min-height:60vh}
.combo-head{text-align:center;margin-bottom:40px}
.combo-kicker{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.combo-title{font-family:var(--font-head);font-size:clamp(30px,4vw,44px);color:var(--ink);margin:8px 0 6px}
.combo-sub{color:var(--muted);font-size:15px;max-width:520px;margin:0 auto}
.combo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-bottom:40px}
.combo-card{border-radius:var(--radius);overflow:hidden}
.combo-media{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer}
.combo-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.combo-card:hover .combo-media img{transform:scale(1.05)}
.combo-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.combo-name{font-family:var(--font-head);font-weight:700;font-size:20px;letter-spacing:.4px;color:var(--ink)}
.combo-size{display:inline-block;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);background:var(--red-light);padding:5px 12px;border-radius:999px}
.combo-desc{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 6px}
.combo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.combo-actions .btn{flex:1;min-width:150px;padding:12px 18px;font-size:14px}
.combo-back{display:inline-block;color:var(--red);font-weight:700;text-decoration:none;font-size:14px}
.combo-back:hover{text-decoration:underline}
.slide-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}
@media(max-width:640px){.combo-grid{grid-template-columns:1fr}.combo-actions .btn{min-width:100%}}

.section-video-reviews{display:none!important}

/* ===== Combo art + mobile image fixes ===== */
/* Combo cards: show the full poster artwork, never crop it */
.combo-media{aspect-ratio:3/2;background:var(--bg-soft)}
.combo-media img{object-fit:cover}
.combo-media:hover img{transform:none}

@media (max-width: 768px){
  /* Hero slider: keep the slide's real shape instead of force-cropping to 380px tall */
  .hero-banner{aspect-ratio:16/9;min-height:0;max-height:none;border-radius:14px}
  .slide-img-wrap{top:0}
  .slide-img-wrap img{object-fit:contain;background:var(--bg-soft)}
  /* Product card + quick-view images: fit fully inside instead of cropping */
  .card-media{aspect-ratio:4/5}
  .card-media img{object-fit:cover;background:var(--bg-soft)}
  .modal-media{aspect-ratio:4/5}
  .modal-media>img{object-fit:contain;background:var(--bg-soft)}
  .bottle-20ml-img,.modal-bottle-20ml{object-fit:contain!important}
  /* Combo posters on small screens */
  .combo-media{aspect-ratio:3/2}
  .combo-media img{object-fit:cover}
}

/* ===== Mobile polish v2 ===== */
@media (max-width: 768px){
  /* --- Hero slider: full-bleed, edge to edge, no gaps --- */
  .hero{padding:0;max-width:100%}
  .hero-banner{border-radius:0;box-shadow:none;aspect-ratio:16/9;max-height:none;min-height:0}
  .slide-img-wrap{top:0}
  .slide-img-wrap img{object-fit:cover;background:var(--bg-soft)}
  .hero-bars{bottom:12px;gap:8px}
  .hero-bar{width:38px;height:4px}
  .hero-overlay{padding:18px 16px;justify-content:flex-end}
  .hero-kicker{font-size:10.5px;padding:6px 12px;margin-bottom:10px;letter-spacing:1.5px}

  /* --- Header: bigger logo, name & cart --- */
  .header-inner{padding:12px 14px;gap:12px}
  .logo-img{height:56px}
  .logo-name{font-size:26px;letter-spacing:2.5px}
  .logo-sub{font-size:10.5px;letter-spacing:1.6px}
  .cart-btn{width:50px;height:50px}
  .cart-btn svg{width:24px;height:24px}

  /* --- Floating WhatsApp button: bigger, clearer --- */
  .wa-fab{width:58px;height:58px;bottom:92px;right:16px;box-shadow:0 10px 28px #25d36680}
  .wa-fab svg{width:30px;height:30px}

  /* --- Sticky order bar: larger tap targets --- */
  .sticky-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
  .sticky-wa{padding:14px 18px;font-size:15px;font-weight:700}
  .sticky-info{font-size:14.5px}
  .sticky-info svg{width:22px;height:22px}

  /* --- Icons & stats that looked tiny --- */
  .why-icon{font-size:44px;margin-bottom:14px}
  .hero-stats{gap:18px 28px;padding:24px 12px 8px}
  .hero-stats strong{font-size:30px}
  .hero-stats span{font-size:13px}
  

  /* --- Product grid: comfortable 2-col --- */
  .grid{gap:14px}
  .card-body{padding:13px}
  .card-name{font-size:14.5px}

  /* --- Combo poster: full-width, no crop --- */
  .combo-media{aspect-ratio:3/2}
  .combo-media img{object-fit:cover}

  /* --- Buttons: easier to tap --- */
  .btn{padding:13px 20px;font-size:14.5px}
}

@media (max-width: 480px){
  .logo-img{height:50px}
  .logo-name{font-size:23px}
}

/* =====================================================================
   STATIC MODE — all animations, transitions & scroll FX are disabled
   (no kenburns zoom, no 3D tilt, no scroll reveals, no smooth scroll)
   ===================================================================== */
*,*::before,*::after{animation:none!important;transition:none!important}
html.ss-active,html.ss-active body{overflow:auto!important;height:auto!important}
html.ss-active #smooth-scroll{position:static!important;will-change:auto!important;transform:none!important}
#smooth-scroll{transform:none!important;will-change:auto!important}
.reveal,.reveal.revealed{opacity:1!important;transform:none!important;will-change:auto!important}
.grid .reveal .media-a,.grid .reveal.revealed .media-a{scale:1!important}
.grid .card-media:after{display:none!important}

.card-media img,.card:hover .card-media img{transform:none!important;scale:1!important}
.btn,.btn:hover,.btn:active,.btn:focus{transform:none!important}
.cart-btn,.cart-btn:hover{transform:none!important}
.wa-fab,.wa-fab:hover{transform:none!important}
.play-btn-circle,.video-card-wrap:hover .play-btn-circle{transform:none!important}
.video-modal-close,.video-modal-close:hover{transform:none!important}
.slide{transition:none!important}
.slide .hero-kicker,.slide p,.slide .hero-cta{opacity:1!important;transform:none!important;filter:none!important}
.split-title .ch{opacity:1!important;transform:none!important;filter:none!important}
.bar-fill{animation:none!important;transform:scaleX(1)!important}
.preloader{display:none!important}
.cursor-ring{display:none!important}
.spark,.mist,.fly-img{display:none!important}
/* brand-marquee now visible */
.progress-drop,.scroll-progress-track,.scroll-progress{display:none!important}
.intro{height:100vh!important}
.intro-hint{display:none!important}
#shop{transition:none!important}

/* ===== RESTORED (requested): 3D tilt + spotlight on product cards ===== */
.card{transform-style:preserve-3d!important;transition:transform .15s ease-out,box-shadow .15s ease-out!important}
.card-media:before{transition:opacity .25s ease!important}

/* ===== v2 desktop fixes: bigger hero, full images (no cutting), arrows, border ===== */
.hero{max-width:1440px!important}
.hero-banner{max-height:780px!important}
@media (min-width:769px){.hero-banner{min-height:520px}}
.slide-img-wrap{top:0!important}
.slide-img-wrap img{object-fit:contain!important;background:var(--bg-soft)}
.card-media img,.modal-media>img{object-fit:cover!important;background:var(--bg-soft)}
.card{border:1.5px solid #e6cfd6!important}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:46px;height:46px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#231518;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.2);padding:0}
.hero-arrow:hover{background:#fff;color:var(--red)}
.hero-arrow svg{width:22px;height:22px}
.hero-arrow-prev{left:18px}
.hero-arrow-next{right:18px}
@media (max-width:768px){
  .hero-arrow{width:38px;height:38px}
  .hero-arrow svg{width:19px;height:19px}
  .hero-arrow-prev{left:10px}
  .hero-arrow-next{right:10px}
}


/* ===== Header brand lockup: AURÉNCE Signature in one line, tagline below ===== */
.logo{
  flex:0 0 auto;
  min-width:max-content;
  gap:10px;
  border:0!important;
  white-space:nowrap;
}
.logo:focus{outline:none}
.logo:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:4px}
.logo-img{height:46px;width:46px;object-fit:contain;flex:0 0 46px}
.logo-text{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1}
.logo-lockup{display:flex;align-items:baseline;gap:7px;white-space:nowrap;line-height:1}
.logo-name,.logo-signature{
  color:var(--red);
  font-family:var(--font-display);
  font-size:22px;
  font-weight:700;
  letter-spacing:1.25px;
  line-height:1;
}
.logo-tagline{
  display:block;
  margin-top:5px;
  color:var(--red);
  font-family:var(--font-head);
  font-size:8.5px;
  font-weight:700;
  letter-spacing:2.15px;
  line-height:1.1;
  text-transform:uppercase;
  white-space:nowrap;
}

/* Keep the header clear at tablet widths where the navigation remains visible. */
@media (min-width:769px) and (max-width:900px){
  .header-inner{padding:10px 16px;gap:14px}
  .logo-img{display:none}
  .logo-name,.logo-signature{font-size:18px;letter-spacing:1px}
  .logo-lockup{gap:5px}
  .logo-tagline{font-size:7.5px;letter-spacing:1.75px;margin-top:4px}
  .nav{display:flex;gap:12px;font-size:12px;white-space:nowrap}
  .cart-btn{width:40px;height:40px;flex:0 0 40px}
}

/* Phone: use the text lockup only, preserving room for menu and cart controls. */
@media (max-width:768px){
  .header-inner{min-height:68px;padding:9px 12px;gap:8px;flex-wrap:nowrap}
  .logo{flex:1 1 auto;min-width:0;gap:0;overflow:visible}
  .logo-img{display:none}
  .logo-text{align-items:flex-start;min-width:0}
  .logo-lockup{gap:5px;max-width:100%;overflow:visible}
  .logo-name,.logo-signature{font-size:clamp(15px,5.35vw,19px);letter-spacing:.8px}
  .logo-tagline{margin-top:4px;font-size:clamp(7px,2.35vw,8.5px);letter-spacing:1.45px}
  .cart-btn{width:42px;height:42px;flex:0 0 42px}
}

/* Extra-narrow phones: brand gets its own first row so it never overlaps controls. */
@media (max-width:260px){
  .header-inner{display:grid;grid-template-columns:40px minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:5px 6px;padding:8px 10px}
  .logo{grid-column:1 / -1;grid-row:1;justify-self:center;justify-content:center;overflow:visible}
  .logo-text{align-items:center}
  .logo-name,.logo-signature{font-size:16px;letter-spacing:.6px}
  .logo-tagline{font-size:7px;letter-spacing:1.2px}
  .m-hamburger{grid-column:1;grid-row:2;justify-self:start}
  .cart-btn{grid-column:3;grid-row:2;justify-self:end}
}


/* ===== Final header type treatment ===== */
/* Both words are deliberately identical in family, size, weight, spacing, and colour. */
.logo-name,.logo-signature{
  color:var(--red)!important;
  font-family:var(--font-display)!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:1.25px!important;
  line-height:1!important;
}
/* White type is placed on the red brand strip so it remains legible against the white header. */
.logo-tagline{
  align-self:flex-start;
  display:inline-block;
  margin-top:5px;
  padding:3px 5px 2px;
  background:var(--red);
  color:#fff!important;
  font-family:var(--font-head)!important;
  font-size:8.5px!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:2.15px!important;
  line-height:1.1!important;
}
@media (min-width:769px) and (max-width:900px){
  .logo-name,.logo-signature{font-size:18px!important;letter-spacing:1px!important}
  .logo-tagline{font-size:7.5px!important;letter-spacing:1.75px!important;margin-top:4px}
}
@media (max-width:768px){
  .logo-name,.logo-signature{font-size:clamp(15px,5.35vw,19px)!important;letter-spacing:.8px!important}
  .logo-tagline{font-size:clamp(7px,2.35vw,8.5px)!important;letter-spacing:1.45px!important;margin-top:4px}
}
@media (max-width:260px){
  .logo-name,.logo-signature{font-size:16px!important;letter-spacing:.6px!important}
  .logo-tagline{align-self:center;font-size:7px!important;letter-spacing:1.2px!important}
}


/* ===== Compact contemporary header wordmark ===== */
/* Archivo is a tighter, modern contrast to the prior serif lockup. */
.logo{gap:8px}
.logo-img{height:40px;width:40px;flex-basis:40px}
.logo-lockup{gap:4px}
.logo-name,.logo-signature{
  font-family:var(--font-head)!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  text-transform:uppercase;
}
.logo-tagline{
  margin-top:4px;
  padding:3px 5px 2px;
  font-size:7.5px!important;
  letter-spacing:1.55px!important;
}
@media (min-width:769px) and (max-width:900px){
  .header-inner{padding:9px 14px;gap:12px}
  .logo-name,.logo-signature{font-size:15px!important;letter-spacing:.35px!important}
  .logo-tagline{font-size:7px!important;letter-spacing:1.35px!important}
}
@media (max-width:768px){
  .header-inner{min-height:58px;padding:8px 10px;gap:6px}
  .logo-lockup{gap:3px}
  .logo-name,.logo-signature{font-size:clamp(12px,4.4vw,16px)!important;letter-spacing:.25px!important}
  .logo-tagline{margin-top:3px;padding:2px 4px;font-size:clamp(6.5px,2.05vw,7.5px)!important;letter-spacing:1.2px!important}
  .cart-btn{width:40px;height:40px;flex-basis:40px}
}
@media (max-width:260px){
  .logo-name,.logo-signature{font-size:14px!important;letter-spacing:.2px!important}
  .logo-tagline{font-size:6.5px!important;letter-spacing:1px!important}
}


/* ===== Gothic wordmark ===== */
.logo-name,.logo-signature{
  font-family:"UnifrakturMaguntia","Old English Text MT","Lucida Blackletter",var(--font-display)!important;
  font-weight:400!important;
  letter-spacing:.15px!important;
}
@media (min-width:769px){
  .logo-name,.logo-signature{font-size:22px!important}
}
@media (min-width:769px) and (max-width:900px){
  .logo-name,.logo-signature{font-size:19px!important}
}
@media (max-width:768px){
  .logo-name,.logo-signature{font-size:clamp(15px,5vw,18px)!important;letter-spacing:0!important}
}
@media (max-width:260px){
  .logo-name,.logo-signature{font-size:15px!important}
}


/* ===== Simple all-caps header wordmark ===== */
.logo-name,.logo-signature{
  font-family:var(--font-body)!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:1.05px!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.logo-lockup{gap:5px}
@media (min-width:769px) and (max-width:900px){
  .logo-name,.logo-signature{font-size:14px!important;letter-spacing:.8px!important}
}
@media (max-width:768px){
  .logo-name,.logo-signature{font-size:clamp(12px,4vw,15px)!important;letter-spacing:.65px!important}
  .logo-lockup{gap:4px}
}
@media (max-width:260px){
  .logo-name,.logo-signature{font-size:13px!important;letter-spacing:.45px!important}
}


/* ===== Continuous right-moving trust banner ===== */
.announce{
  min-height:30px;
  padding:6px 0;
  background:var(--red);
  color:#fff;
  font-family:var(--font-head);
  font-size:11px;
  font-weight:700;
  letter-spacing:1.05px;
  line-height:1.25;
  text-transform:uppercase;
}
.announce-track{
  width:max-content;
  will-change:transform;
  animation:trust-marquee-right 24s linear infinite!important;
}
.announce-item{white-space:nowrap}
.announce-sep{margin:0 24px;color:#f4d89b;opacity:1}
.announce:hover .announce-track{animation-play-state:running!important}
@keyframes trust-marquee-right{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
@media (max-width:768px){
  .announce{min-height:28px;padding:6px 0;font-size:9.5px;letter-spacing:.8px}
  .announce-track{animation-duration:19s!important}
  .announce-sep{margin:0 16px}
}


/* Mobile preview of the updated landscape Slide 5 — preserve the full supplied artwork. */
@media (max-width:768px){
  .hero-banner > .slide:nth-of-type(5) .slide-img-wrap img{
    object-fit:contain!important;
    background:#fcf8f2;
  }
}


/* Arrival cue for the phone Discovery Set link. */
.combo-card.combo-card-target{outline:3px solid var(--gold);outline-offset:4px}


/* Supplied portrait creatives are used for all five mobile hero slides. */
@media (max-width:768px){
  .hero-banner > .slide:nth-of-type(5) .slide-img-wrap img{
    object-fit:cover!important;
    background:var(--bg-soft);
  }
}


/* ===== Product quick-view: uninterrupted gallery frame on desktop and mobile ===== */
.modal-card{
  border:1px solid rgba(201,162,75,.62);
  background:#fffaf6;
}
.modal-media{
  overflow:hidden;
  background:linear-gradient(145deg,#f8eee8 0%,#ead8ca 100%);
}
.modal-media>img,
.modal-media .modal-bottle-20ml{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center;
  background:transparent!important;
}
.modal-thumbs{bottom:14px;left:14px;gap:9px}
.thumb{
  border:1.5px solid rgba(35,21,24,.5);
  background:#f8eee8;
  box-shadow:0 4px 12px rgba(35,21,24,.18);
  opacity:.92;
}
.thumb-active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,75,.35),0 4px 12px rgba(35,21,24,.18)}
.thumb img{object-fit:cover}
@media (max-width:760px){
  .modal-media{aspect-ratio:4/5;background:linear-gradient(145deg,#f8eee8 0%,#ead8ca 100%)}
  .modal-media>img,.modal-media .modal-bottle-20ml{object-fit:cover!important}
}


/* ===== Equal-height product cards ===== */
.grid{align-items:stretch}
.grid > .reveal{display:flex;min-width:0;height:100%}
.grid > .reveal > .card{width:100%;height:100%}
/* Keep two-column phone cards aligned even when fragrance names or notes wrap differently. */
@media (max-width:768px){
  .grid > .reveal{align-self:stretch}
  .grid > .reveal > .card{min-height:100%}
  .card-body{height:100%}
}

/* === AURENCE custom overrides (footer + brand story) === */
.footer-logo-img{height:96px;width:auto;filter:none;mix-blend-mode:normal;margin-left:0}
.footer-brandline{display:flex;flex-direction:column;gap:6px}
.footer-impress{color:var(--gold);font-size:14px;margin:0}
.footer-brand-line{font-weight:700;letter-spacing:4px;font-size:16px;text-transform:uppercase}
.footer-brand-line-aura{font-style:italic;color:var(--gold);margin-top:3px;font-size:19px}
.footer-copy{margin-top:7px;color:#ffffff80;font-size:13px}
.story-mark{opacity:.16;filter:blur(3px);mix-blend-mode:normal}
@media (max-width:600px){.footer-brand-line{letter-spacing:2px}}

/* ================= AURENCE v2 REDESIGN OVERRIDES ================= */

/* 1. Warm ivory cards instead of pure white */
.card{background:#fbf7f0;border:1px solid #e7dcc7;box-shadow:0 8px 24px rgba(139,100,60,.08)}
.why-card{background:#fbf7f0;border:1px solid #e7dcc7;box-shadow:0 8px 24px rgba(139,100,60,.08)}
.review-card{background:#fbf7f0;border:1px solid #e7dcc7;box-shadow:0 8px 24px rgba(139,100,60,.08)}

/* 2. Filter pills: deep maroon active + gold ring; cream inactive */
.filters{gap:10px}
.chip{background:#f7f1e7;border:1px solid #e2d6c2;color:var(--ink)}
.chip:hover{border-color:var(--gold);color:#6B1420}
.chip-active{background:#6B1420!important;border-color:#C9A24B!important;color:#fff!important;box-shadow:0 0 0 1.5px #C9A24B inset,0 6px 16px rgba(107,20,32,.22)}

/* 3. WHY AURÉNCE section */
.why-section .section-title{letter-spacing:2px}
.why-divider{width:72px;height:2px;margin:-4px auto 34px;background:linear-gradient(90deg,#C9A24B,#E7C873);border-radius:2px}
.why-grid{gap:24px;margin-top:0}
.why-num{display:block;font-family:var(--font-head);font-size:13px;font-weight:800;letter-spacing:3px;color:#C9A24B;margin-bottom:12px}
.why-icon{width:58px;height:58px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e7dcc7;border-radius:50%;background:#fff}
.why-icon svg{width:30px;height:30px}
.why-card h3{font-size:15px;letter-spacing:1px;margin-bottom:10px}
.why-a{color:var(--ink);font-weight:700;font-size:14px;margin-bottom:4px}
.why-b{color:var(--muted);font-size:13.5px;line-height:1.55}

/* 4. Perks strip -> maroon + gold icons (matches image-2 aesthetic) */
.perks-heading{display:none}.perks-head-accent{color:#b3122f}.perks-grid{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px}

.perk-icon{display:inline-flex;align-items:center;justify-content:center}.perk-icon svg{width:22px;height:22px}
.perk-icon svg{width:20px;height:20px}
.perk-text{color:#8e0e25;display:flex;flex-direction:column;gap:1px;line-height:1.2}

/* 5. Shop: FIND YOUR SIGNATURE + grouped filters */
.shop-filters{margin-bottom:6px}
.filter-group{margin-bottom:8px}
.filter-group-label{display:block;text-align:center;font-family:var(--font-head);font-size:12px;font-weight:800;letter-spacing:3px;color:#C9A24B;margin:18px 0 14px;text-transform:uppercase}
.shop-tagline{text-align:center;font-family:var(--font-display);font-style:italic;font-size:clamp(16px,2vw,20px);color:#6B1420;margin:6px 0 6px}

/* 6. Mobile: reduce phone/slide size so it doesn't fill the whole viewport */
@media (max-width:768px){
  .slide-img-wrap img{object-fit:contain!important;background:#f7f1e7!important}
  
  .perk-icon svg{width:18px;height:18px}
  .why-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
  .why-card{padding:20px 16px}
  .why-icon{width:50px;height:50px}
  .why-icon svg{width:26px;height:26px}
  .card{box-shadow:0 4px 14px rgba(139,100,60,.10)}
}

/* Force mobile hero slides to not fill whole viewport (requested smaller phone imagery) */
@media (max-width:768px){
  .hero-banner > .slide .slide-img-wrap img,
  .hero-banner > .slide > .slide-img-wrap img,
  .hero-banner .slide-img-wrap img{
    object-fit:contain !important;
    max-height:68vh !important;
    background:#f7f1e7 !important;
  }
}

@media (max-width:768px){
  .hero-banner > .slide:nth-of-type(5) .slide-img-wrap img,
  .hero-banner > .slide:nth-of-type(5) > .slide-img-wrap img{
    object-fit:contain !important;
    max-height:68vh !important;
    background:#f7f1e7 !important;
  }
}

/* ============ EVERYTHING YOU NEED TO BUY WITH CONFIDENCE ============ */
@media (max-width:600px){
        }

.perk-text strong{font-size:13px;font-weight:800;letter-spacing:.6px;color:#8e0e25}
.perk-sub{font-size:11px;font-weight:500;color:#a83a4c;white-space:nowrap;display:block}
.perk-item{display:inline-flex;align-items:center;gap:9px}
.perk-brand{align-items:center;gap:8px;padding-left:22px;border-left:1px solid #ecd9c0}
.perk-brand-logo{width:26px;height:26px;object-fit:contain}
.perk-brand-text{flex-direction:row;align-items:center;gap:8px}
@media (max-width:768px){.perks{display:block;padding:30px 14px}.perks-inner{display:block;width:100%}.perks-heading{display:block;font-size:22px;font-weight:700;margin:0 0 20px;text-align:center;color:#6B1420;line-height:1.25}.perks-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:430px;margin:0 auto}.perk-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fffdf7;border:1px solid #ecdfc8;border-radius:16px;padding:16px 14px;box-shadow:0 6px 16px rgba(139,100,60,.06)}.perk-icon{width:30px;height:30px;border-radius:9px;background:#fdeef1}.perk-icon svg{width:20px;height:20px}.perk-text strong{font-size:12px}.perk-sub{font-size:11px;white-space:normal}.perk-brand{grid-column:1/-1;align-items:center;justify-content:center;padding-left:0;border-left:none;padding-top:6px}.perk-brand-text{justify-content:center}.perk-brand-logo{width:30px;height:30px}}

@keyframes marquee2{0%{transform:translateX(-50%)}to{transform:translateX(0)}}


/* ===== ABOUT AURÉNCE SIGNATURE PAGE ===== */
.about{max-width:1200px;margin:0 auto;padding:70px 20px 30px}
.about-hero{text-align:center;padding:40px 0 30px;border-bottom:1px solid #ecd9c0;margin-bottom:30px}
.about-eyebrow{display:inline-block;font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:3px;color:#c9a24b;text-transform:uppercase;margin-bottom:14px}
.about-hero-title{font-family:var(--font-display);font-size:clamp(34px,5vw,58px);font-weight:700;letter-spacing:1px;color:#6B1420;line-height:1.05}
.about-hero-sub{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,3vw,32px);color:#8e0e25;margin:6px 0 18px}
.about-hero-lead{font-family:var(--font-display);font-size:clamp(20px,2.4vw,26px);font-weight:600;color:#6B1420;max-width:640px;margin:0 auto 12px}
.about-hero-text{font-size:15px;color:#7a5b52;max-width:640px;margin:0 auto 26px;line-height:1.7}
.about-cta{margin-top:8px}
.about-block{border-top:1px solid #f0e2d0;padding:34px 4px}
.about-inner{max-width:820px;margin:0 auto}
.about-num{font-family:var(--font-head);font-size:12px;font-weight:800;letter-spacing:3px;color:#c9a24b;display:block;margin-bottom:8px}
.about-kicker{font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:3px;color:#b3122f;text-transform:uppercase;display:block;margin-bottom:10px}
.about-title{font-family:var(--font-display);font-size:clamp(26px,3.6vw,40px);font-weight:700;color:#6B1420;line-height:1.12;margin-bottom:18px}
.about-body-wrap{display:flex;flex-direction:column;gap:12px}
.about-body{font-size:15.5px;color:#5c4a43;line-height:1.75;max-width:720px}
.about-closing{background:#6B1420;border-radius:24px;margin-top:40px;padding:56px 24px;text-align:center;color:#fff;overflow:hidden}
.about-closing-inner{max-width:680px;margin:0 auto}
.about-closing-kicker{font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:4px;color:#e7c873;text-transform:uppercase;margin-bottom:16px}
.about-closing-title{font-family:var(--font-display);font-size:clamp(30px,4.6vw,52px);font-weight:700;line-height:1.1;margin-bottom:18px}
.about-closing-title em{color:#e7c873;font-style:italic}
.about-closing-sub{font-family:var(--font-display);font-style:italic;font-size:20px;color:#f3d9a0;margin-bottom:26px}
@media (max-width:600px){
  .about{padding:50px 16px 20px}
  .about-hero{padding:26px 0 24px}
  .about-block{padding:26px 2px}
  .about-title{font-size:24px}
  .about-body{font-size:15px}
  .about-closing{padding:44px 18px;border-radius:18px}
}
.badge-signature-pick{background:var(--red)}
.badge-new-drop{background:var(--ink)}

/* ==== FIX: combo modal image cropped (desktop + mobile) ====
   Wide 16:9 combo banners must show fully inside the quick-view modal */
.modal-media:has(>img[src*="combo-"]),
.modal-media:has(>img[src*="slides/"]){
  aspect-ratio:16/9 !important;
  align-self:center !important;
  width:100% !important;
  overflow:hidden;
  background:linear-gradient(145deg,#f8eee8 0%,#ead8ca 100%);
}
.modal-media:has(>img[src*="combo-"])>img,
.modal-media:has(>img[src*="slides/"])>img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* ==== Footer slogan: YOUR PRESENCE HAS A SCENT ==== */
.footer-slogan{font-family:'Anton','Archivo',sans-serif;font-weight:400;font-size:clamp(34px,5vw,62px);line-height:1.05;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 14px;display:flex;flex-direction:column;color:#fff}
.footer-slogan span{display:block}
.footer-slogan-accent{color:var(--gold)}
@media (max-width:760px){.footer-slogan{font-size:clamp(30px,9vw,44px);letter-spacing:1px}}

/* ==== Footer slogan centered (desktop + mobile) ==== */
.footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.footer-slogan{align-items:center;text-align:center}
.footer-brandline{align-items:center}

/* ==== WHY AURENCE cards: stop long titles overflowing on phones ==== */
.why-card{min-width:0}
.why-card h3{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
@media (max-width:480px){
  .why-card h3{font-size:13.5px;letter-spacing:.5px;line-height:1.3}
  .why-card{padding:22px 14px}
}