/* =========================================================
   MYSTOR V14.2 — Clean Premium Front-End Pass
   Structure: variables / base / layout / header / hero / sections /
   products / scents / modals / floating actions / reviews / responsive
   ========================================================= */

:root{
  --bg:#06111b;
  --bg-2:#081623;
  --panel:#081725;
  --panel-soft:rgba(9,23,36,.84);
  --panel-deep:rgba(5,15,25,.96);
  --glass:linear-gradient(180deg,rgba(10,26,41,.92),rgba(6,17,28,.88));
  --line:rgba(102,205,255,.22);
  --line-strong:rgba(104,215,255,.55);
  --text:#f5f9fd;
  --muted:#b7c9d8;
  --muted-2:#8fa5b7;
  --accent:#45d6ff;
  --accent-2:#159dff;
  --accent-soft:rgba(69,214,255,.12);
  --whatsapp:#25d366;
  --danger:#ff6a74;
  --radius-lg:30px;
  --radius-md:22px;
  --radius-sm:16px;
  --shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 1px rgba(92,205,255,.08);
  --shadow-soft:0 12px 30px rgba(0,0,0,.24),0 0 0 1px rgba(92,205,255,.07);
  --content:1140px;
  --content-wide:1180px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:'Heebo',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
body.modal-open,
body.cart-open{overflow:hidden}
body.large-text{font-size:1.07rem}
body.high-contrast{--bg:#02080e;--bg-2:#06111b;--panel:#07131f;--muted:#deedf7;--line:rgba(123,223,255,.44);--line-strong:rgba(123,223,255,.82)}
body.reduce-motion *,
body.reduce-motion *::before,
body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:2px solid rgba(105,225,255,.96);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Background */
.site-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:
  radial-gradient(circle at 12% 8%,rgba(45,156,230,.18),transparent 22%),
  radial-gradient(circle at 86% 10%,rgba(69,214,255,.13),transparent 25%),
  radial-gradient(circle at 50% 68%,rgba(9,55,93,.18),transparent 42%),
  linear-gradient(180deg,#04101a 0%,#081521 55%,#06111b 100%)}
.site-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:34px 34px;opacity:.16}
.site-bg::after{content:"";position:absolute;right:-180px;top:18%;width:760px;height:620px;background:url("assets/effects/blue-smoke.svg") center/contain no-repeat;opacity:.22;mix-blend-mode:screen;animation:smokeDrift 24s ease-in-out infinite;pointer-events:none}
.smoke{position:absolute;display:block;pointer-events:none;filter:blur(18px);mix-blend-mode:screen;opacity:.22}
.smoke::before,.smoke::after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(66,214,255,.74),rgba(66,214,255,.22) 38%,rgba(66,214,255,0) 72%)}
.smoke-a{width:280px;height:520px;right:-70px;top:170px;transform:rotate(8deg)}
.smoke-a::before{width:170px;height:170px;right:30px;top:10px}.smoke-a::after{width:220px;height:220px;right:0;top:160px}
.smoke-b{width:220px;height:420px;left:-48px;top:760px;transform:rotate(-12deg)}
.smoke-b::before{width:140px;height:140px;left:0;top:40px}.smoke-b::after{width:180px;height:180px;left:30px;top:180px}
.smoke-c{width:260px;height:480px;right:-50px;bottom:120px;transform:rotate(18deg);opacity:.16}
.smoke-c::before{width:180px;height:180px;right:25px;top:40px}.smoke-c::after{width:230px;height:230px;right:0;top:190px}

/* Shared layout */
.section,
.section-shell,
.hero,
.trust-strip,
.footer{width:min(calc(100% - 18px),var(--content));margin-inline:auto}
.section{position:relative;margin-top:58px;isolation:isolate}
.section::before{content:"";position:absolute;top:-32px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(69,214,255,.24),transparent);pointer-events:none}
.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(1.08)}
.section-head{max-width:800px;margin:0 auto 22px;text-align:center}
.section-head.inner{margin-bottom:14px}
.section-head h1,
.section-head h2{margin:0 0 10px;font-weight:950;line-height:1.04;letter-spacing:-.02em;font-size:clamp(2.1rem,4vw,3.75rem)}
.section-head p{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.65}
.kicker-he{display:none}

/* Buttons */
.btn{min-height:52px;border:0;border-radius:18px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:900;line-height:1.1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{color:#03151e;background:linear-gradient(90deg,#25bbff,#6ce2ff);box-shadow:0 14px 28px rgba(35,183,255,.25)}
.btn.primary:hover{box-shadow:0 16px 34px rgba(35,183,255,.34)}
.btn.ghost{color:#f5fbff;background:rgba(8,20,32,.72);border:1px solid rgba(145,213,255,.58)}
.btn.ghost:hover{border-color:rgba(145,228,255,.88);box-shadow:0 0 22px rgba(69,214,255,.10)}
.btn.wide{width:100%}

/* Header */
.topbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(5,15,24,.84);border-bottom:1px solid rgba(112,198,255,.14);backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.round-btn{width:52px;height:52px;border-radius:18px;border:1px solid rgba(112,196,255,.22);display:grid;place-items:center;background:rgba(9,22,35,.92);color:#fff;box-shadow:var(--shadow-soft)}
.menu-btn{order:1}
.desktop-nav{display:none}
.brand{order:3;margin-inline-start:auto;display:grid;place-items:center}.brand img{height:42px;width:auto;max-width:120px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(83,203,255,.08))}
.reviews-topbar .brand{margin-inline-start:auto}
.menu-btn span{display:block;width:21px;height:2px;margin:2px 0;background:#fff;border-radius:3px;transition:transform .2s ease,opacity .2s ease}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.wa-svg{width:28px;height:28px;display:block}
.mobile-nav{position:fixed;top:74px;left:12px;right:12px;z-index:69;display:grid;gap:8px;padding:10px;border:1px solid rgba(101,203,255,.22);border-radius:22px;background:rgba(7,18,30,.98);box-shadow:0 22px 46px rgba(0,0,0,.42);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.22s ease}
.mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mobile-nav a{min-height:48px;display:flex;align-items:center;padding:0 14px;border-radius:16px;background:rgba(255,255,255,.035);font-weight:800;color:#edf8ff}
.mobile-nav a:hover{background:rgba(69,214,255,.11)}

/* Hero */
.hero{margin-top:14px}.hero-frame{position:relative;overflow:hidden;border-radius:30px;isolation:isolate}.hero-mobile-art{display:block;width:100%;height:auto;border-radius:30px}.hero-desktop-art,.hero-desktop-copy,.hero-smoke-layer{display:none}.hero-actions{display:none}.hero-hit{position:absolute;z-index:5;top:44.15%;height:4.45%;border-radius:14px;background:transparent}.hero-hit-model{right:20.05%;width:28.65%}.hero-hit-scent{left:20.05%;width:28.65%}
.hero-hit:focus-visible{outline:2px solid rgba(101,226,255,.96);outline-offset:2px;background:rgba(69,214,255,.05)}
.hero-frame::after{content:"";position:absolute;z-index:4;pointer-events:none;right:2%;top:-6%;width:min(360px,58%);height:52%;background:url("assets/effects/blue-smoke.svg") center/contain no-repeat;opacity:.34;mix-blend-mode:screen;filter:saturate(1.16);animation:smokeRise 18s ease-in-out infinite}

/* Trust + features */
.trust-strip{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trust-card{min-height:104px;border-radius:22px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}
.trust-card strong{font-size:1.02rem}.trust-card small{color:var(--muted)}
 .feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feature{min-height:176px;border-radius:24px;padding:22px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.feature h3{margin:14px 0 8px;font-size:1.16rem}.feature p{margin:0;color:var(--muted);line-height:1.55}
.icon-ring,.feature-icon,.advisor-orb{position:relative;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle at 35% 24%,rgba(138,226,255,.11),transparent 29%),linear-gradient(180deg,rgba(9,31,48,.86),rgba(5,18,29,.78));border:1px solid rgba(67,214,255,.30);box-shadow:inset 0 0 16px rgba(66,214,255,.08),0 12px 26px rgba(0,0,0,.22),0 0 16px rgba(66,214,255,.07)}.icon-ring{width:56px;height:56px}.feature-icon{width:66px;height:66px}.ui-line-icon{width:30px;height:30px;display:block;object-fit:contain;color:var(--accent);filter:drop-shadow(0 0 9px rgba(66,214,255,.20))}.feature-icon .ui-line-icon{width:33px;height:33px}.icon-ring .ui-line-icon{width:29px;height:29px}.trust-card,.feature,.space-card,.product-card,.scent-card,.review-card,.faq-item,.result-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.trust-card:hover,.feature:hover,.space-card:hover,.product-card:hover,.scent-card:hover,.review-card:hover,.faq-item:hover,.result-card:hover{transform:translateY(-3px);border-color:rgba(69,214,255,.50);box-shadow:0 18px 44px rgba(0,0,0,.40),0 0 30px rgba(69,214,255,.10)}

/* Spaces + finder */
.space-carousel,.product-track,.reviews-track{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.space-carousel::-webkit-scrollbar,.product-track::-webkit-scrollbar,.reviews-track::-webkit-scrollbar,.scent-tabs::-webkit-scrollbar{height:0}
.space-card,.product-card,.review-card{scroll-snap-align:start;flex:0 0 auto}.space-card{position:relative;width:126px;border:1px solid rgba(91,205,255,.18);border-radius:22px;overflow:hidden;background:rgba(10,22,35,.72);color:#fff;padding:0}.space-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.space-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82) 100%);pointer-events:none}.space-card b{position:absolute;z-index:1;right:12px;left:12px;bottom:14px;text-align:right;font-size:.98rem}.space-card.active{outline:2px solid rgba(69,214,255,.78);box-shadow:0 0 0 1px rgba(69,214,255,.18),0 14px 34px rgba(0,151,255,.18)}
.smart-panel{border-radius:30px;padding:18px}.finder-controls select,.search-line input,.select-line select{width:100%;min-height:58px;border-radius:18px;border:1px solid rgba(119,198,255,.20);background:#07131f;color:var(--text);padding:0 16px;outline:none}.finder-result{margin-top:16px;display:grid;gap:12px}.result-card{border-radius:24px;padding:14px;display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center}.result-card img{width:100%;height:82px;object-fit:contain}.result-card p{margin:4px 0 10px;color:var(--muted);line-height:1.5}

/* Products */
.product-card{position:relative;width:222px;border-radius:28px;padding:11px 11px 14px;display:flex;flex-direction:column}.product-img{height:204px;border-radius:22px;display:grid;place-items:center;padding:10px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(26,130,210,.22),rgba(0,0,0,0) 64%)}.product-img img{width:100%;height:100%;max-width:180px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.24))}.product-img{position:relative}.product-img::after{content:"";position:absolute;inset:6% 0 auto auto;width:58%;height:58%;background:url("assets/effects/blue-smoke.svg") center/contain no-repeat;opacity:.22;mix-blend-mode:screen;pointer-events:none;animation:smokeRise 20s ease-in-out infinite}.product-img img{position:relative;z-index:1}.product-card h3{margin:10px 0 6px;font-size:1.75rem;line-height:1}.product-card .short{margin:0 0 10px;min-height:68px;color:var(--muted);font-size:.94rem;line-height:1.52}.bt-pill{position:absolute;top:10px;right:10px;z-index:4;height:28px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;direction:ltr;color:var(--accent);background:linear-gradient(180deg,rgba(6,24,38,.86),rgba(5,17,27,.72));border:1px solid rgba(66,214,255,.34);box-shadow:0 10px 20px rgba(0,0,0,.26),inset 0 0 10px rgba(66,214,255,.08);backdrop-filter:blur(12px)}.bt-pill .bt-svg{width:13px;height:13px;flex:0 0 auto}.bt-pill em{font-style:normal;font-size:.66rem;font-weight:900;line-height:1}.product-price{margin:9px 0 11px;padding:9px 10px;border-radius:18px;text-align:center;background:linear-gradient(180deg,rgba(8,27,42,.74),rgba(6,17,28,.58));border:1px solid rgba(66,214,255,.16);box-shadow:inset 0 0 18px rgba(66,214,255,.05)}.price-label{display:block;margin-bottom:2px;color:#b8c9d7;font-size:.74rem;font-weight:800}.price-main{display:flex;justify-content:center;align-items:baseline;gap:2px;color:var(--accent);line-height:1}.price-main .currency{font-size:1rem;font-weight:900}.price-main strong{font-size:1.82rem;font-weight:950}.price-old{display:block;margin-top:4px;color:#9aa7b2;font-size:.78rem;font-weight:700;text-decoration:line-through}.colors{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.color-chip{height:40px;border-radius:999px;border:1px solid rgba(145,204,255,.22);display:flex;align-items:center;gap:8px;padding:0 12px;background:#0b1724;color:#fff;font-weight:800}.color-chip.active{border-color:transparent;background:linear-gradient(90deg,#28bcff,#62dfff);color:#05131d;box-shadow:0 10px 24px rgba(38,198,255,.22)}.color-dot{width:18px;height:18px;border-radius:50%;display:inline-block;border:2px solid rgba(255,255,255,.55)}.color-dot.white{background:#fff}.color-dot.black{background:#05080d}.single-color-label{min-height:40px;margin:0 0 12px;border-radius:999px;border:1px solid rgba(145,204,255,.18);display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:0 12px;background:rgba(11,23,36,.72);color:#dcecf8;font-weight:800}.card-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:9px}.advisor-card{justify-content:center;text-align:center;padding:24px 16px;background:radial-gradient(circle at 50% 20%,rgba(66,214,255,.17),transparent 34%),linear-gradient(180deg,rgba(9,25,39,.96),rgba(6,17,28,.96))}.advisor-card h3{font-size:1.85rem;margin:14px 0 8px}.advisor-card .short{min-height:0}.advisor-orb{width:72px;height:72px;margin:0 auto 6px}.advisor-points{display:grid;gap:8px;margin:0 0 16px}.advisor-points span{padding:8px 10px;border-radius:999px;background:rgba(66,214,255,.08);border:1px solid rgba(66,214,255,.16);color:#d5e8f4;font-weight:800;font-size:.85rem}

/* Scents */
.search-line{margin-bottom:12px}.scent-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px}.scent-tabs button{flex:0 0 auto;min-height:42px;border-radius:999px;border:1px solid rgba(118,204,255,.18);background:rgba(10,21,34,.90);color:#d4e1ed;padding:0 16px;font-weight:800}.scent-tabs button.active{background:rgba(37,185,255,.15);color:var(--accent);border-color:rgba(67,214,255,.65)}.scent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scent-card{min-width:0;border-radius:18px;padding:7px;display:flex;flex-direction:column}.scent-card .pic{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#07111b}.scent-card .pic img{width:100%;height:100%;object-fit:cover;object-position:center}.scent-card h3{margin:8px 1px 5px;min-height:2.35em;font-size:.82rem;line-height:1.16}.scent-card p{display:none}.from{margin:0 1px 7px;color:var(--accent);font-size:.82rem;font-weight:950}.scent-card .btn{min-height:34px;border-radius:12px;padding:0 6px;font-size:.72rem}.preorder-note{border-radius:20px;padding:16px;margin-top:14px;color:#dceaf4;text-align:center;line-height:1.6}.cta-card{border-radius:30px;padding:22px;text-align:center}.cta-card h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.cta-card p{margin:0 0 18px;color:var(--muted);line-height:1.65}

/* Reviews + FAQ */
.reviews-track{gap:10px}.review-card{width:190px;min-height:164px;border-radius:22px;padding:14px}.stars{display:flex;gap:2px;color:#ffd866;margin-bottom:9px}.review-card p{margin:0 0 12px;color:#e7f2fb;line-height:1.5}.review-card strong{display:block}.review-card small{color:var(--muted)}.reviews-actions{display:flex;justify-content:center;margin-top:18px}.faq-list{display:grid;gap:10px;max-width:920px;margin-inline:auto}.faq-item{border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(8,22,35,.90),rgba(6,17,28,.82))}.faq-item summary{list-style:none;position:relative;cursor:pointer;padding:18px 46px 18px 18px;font-weight:850;line-height:1.35}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:'+';position:absolute;right:16px;top:15px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(66,214,255,.10);color:var(--accent);font-size:1.15rem}.faq-item[open] summary::before{content:'–'}.faq-item p{margin:0;padding:0 46px 18px 18px;color:#c8d9e6;line-height:1.7}

/* Footer */
.footer{padding:34px 0 calc(98px + var(--safe-bottom));color:#d2deea}.footer-grid{display:grid;gap:16px}.footer-grid strong{display:block;margin-bottom:8px}.footer-grid p{margin:0;color:var(--muted);line-height:1.6}

/* Floating actions + accessibility */
.floating{position:fixed;left:calc(12px + var(--safe-left));z-index:120;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;isolation:isolate;overflow:visible;box-shadow:0 14px 34px rgba(0,0,0,.28);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.floating svg{width:28px;height:28px;position:relative;z-index:2}.floating.whatsapp .wa-svg{width:36px;height:36px}.floating.whatsapp{bottom:calc(var(--safe-bottom) + 126px);background:linear-gradient(180deg,#49c95d,#35b84c);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 24px rgba(37,211,102,.12)}.floating.cart{bottom:calc(var(--safe-bottom) + 66px);background:linear-gradient(180deg,#102d47,#071a2d);color:#fff}.floating.access{bottom:calc(var(--safe-bottom) + 8px);background:linear-gradient(145deg,#f8fcff,#dbeeff);color:#061724}.floating::before,.floating::after{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.84);transition:opacity .22s ease,transform .22s ease}.floating::before{inset:-8px}.floating::after{inset:-16px}.floating.whatsapp::before{background:radial-gradient(circle,rgba(90,239,125,.22),rgba(90,239,125,.10) 46%,transparent 70%)}.floating.whatsapp::after{border:1px solid rgba(171,255,186,.38)}.floating.cart::before{background:radial-gradient(circle,rgba(74,214,255,.20),rgba(74,214,255,.09) 46%,transparent 70%)}.floating.cart::after{border:1px solid rgba(126,223,255,.32)}.floating:hover,.floating:focus-visible{transform:translateY(-2px) scale(1.04);filter:saturate(1.08)}.floating.whatsapp:hover,.floating.whatsapp:focus-visible{box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 32px rgba(37,211,102,.34)}.floating.cart:hover,.floating.cart:focus-visible{box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 28px rgba(69,214,255,.28)}.floating.whatsapp:hover::before,.floating.whatsapp:hover::after,.floating.whatsapp:focus-visible::before,.floating.whatsapp:focus-visible::after,.floating.cart:hover::before,.floating.cart:hover::after,.floating.cart:focus-visible::before,.floating.cart:focus-visible::after,.floating.whatsapp:active::before,.floating.whatsapp:active::after,.floating.cart:active::before,.floating.cart:active::after{opacity:1;transform:scale(1.18);animation:ripplePulse 1.3s ease-out infinite}#cartCount{position:absolute;top:-6px;right:-6px;z-index:3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#03131b;font-size:.82rem;font-weight:950}.access-panel{position:fixed;left:calc(76px + var(--safe-left));bottom:calc(var(--safe-bottom) + 8px);z-index:121;display:grid;gap:8px;width:min(250px,calc(100vw - 98px));padding:10px;border-radius:20px;border:1px solid var(--line);background:rgba(8,19,31,.98);box-shadow:var(--shadow);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:.2s ease}.access-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.access-panel button{min-height:42px;border-radius:14px;border:1px solid rgba(120,200,255,.18);background:#0b1826;color:#fff;padding:0 14px;text-align:right;font-weight:800}

/* Cart drawer + overlay */
.cart-drawer{position:fixed;top:0;left:0;bottom:0;z-index:130;width:min(92vw,410px);display:flex;flex-direction:column;background:#08141f;border-right:1px solid rgba(111,196,255,.20);box-shadow:30px 0 70px rgba(0,0,0,.34);transform:translateX(-105%);transition:transform .28s ease}.cart-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(111,196,255,.12)}.drawer-head h3{margin:0}.drawer-head button,.close-modal{border:1px solid rgba(100,190,255,.18);background:#0c1b2a;color:#fff}.drawer-head button{width:42px;height:42px;border-radius:14px;font-size:1.8rem;line-height:1}.cart-items{padding:16px;display:grid;gap:10px;overflow:auto;overscroll-behavior:contain}.cart-item{padding:12px;border-radius:18px;background:#0b1826;border:1px solid rgba(112,194,255,.12)}.cart-item small{display:block;margin-top:4px;color:var(--muted)}.cart-item-price{margin-top:8px;color:#eaf7ff;font-weight:900}.cart-foot{margin-top:auto;padding:16px calc(16px + var(--safe-left)) calc(16px + var(--safe-bottom)) 16px;border-top:1px solid rgba(112,194,255,.12);display:grid;gap:10px}.cart-foot small{color:var(--muted)}.cart-foot strong{display:block;color:#fff;font-size:1.04rem;line-height:1.35}.overlay{position:fixed;inset:0;z-index:125;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:.24s}.overlay.show{opacity:1;pointer-events:auto}

/* Modals */
.modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;width:100vw;height:100dvh;min-height:100vh;padding:12px;overflow:hidden;background:rgba(0,0,0,.64);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal-card{position:relative;width:min(94vw,560px);max-height:min(88dvh,780px);overflow:auto;overscroll-behavior:contain;border-radius:26px;padding:12px 12px 14px;background:#091723;border:1px solid rgba(91,205,255,.24);box-shadow:0 34px 90px rgba(0,0,0,.58),0 0 55px rgba(44,179,255,.08)}.close-modal{position:sticky;top:0;float:left;z-index:6;width:40px;height:40px;border-radius:14px;font-size:1.8rem;line-height:1}.modal-grid{display:grid;grid-template-columns:1fr;gap:10px}.modal-img{display:block;width:min(72vw,250px);max-width:100%;max-height:230px;object-fit:contain;margin:2px auto 0;padding:0;border-radius:22px;background:radial-gradient(circle at center,rgba(66,214,255,.18),transparent 68%)}.modal-copy h2,.upsell-wrap h2{margin:0 0 6px;font-size:1.95rem;line-height:1.06}.modal-copy .short,.upsell-wrap p{margin:0 0 10px;color:var(--muted);line-height:1.55;font-size:.98rem}.spec-list{display:grid;gap:6px;margin:0 0 10px}.spec-list div{display:grid;grid-template-columns:76px 1fr;gap:8px;padding:8px 10px;border-radius:14px;background:#0b1724}.spec-list div strong{font-size:.98rem}.spec-list span{color:var(--muted);font-size:.95rem}.control-spec span{display:inline-flex;align-items:center;gap:7px}.control-spec .bt-svg{width:17px;height:17px;color:var(--accent);filter:drop-shadow(0 0 6px rgba(66,214,255,.25))}.modal-copy .product-price{width:min(100%,246px);margin:8px auto 10px;padding:8px 10px;border-radius:16px}.modal-copy .price-label{font-size:.72rem}.modal-copy .price-main strong{font-size:1.65rem}.modal-copy .price-main .currency{font-size:.98rem}.modal-copy .price-old{margin-top:3px;font-size:.74rem}.modal-copy .btn.wide{width:min(100%,246px);margin-inline:auto}.upsell-wrap .product-mini{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#0b1724;margin-bottom:14px}.upsell-wrap .product-mini img{height:90px;object-fit:contain}.size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.size-card{min-height:118px;border-radius:18px;border:1px solid rgba(124,201,255,.18);background:#0b1724;color:#fff;font-weight:850;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.size-card img{width:100%;height:58px;object-fit:contain}.size-card.active,.size-card:hover{background:rgba(37,185,255,.15);color:var(--accent);border-color:rgba(67,214,255,.72)}.size-name{font-size:1.02rem}.size-price{font-size:1rem;color:var(--accent);font-weight:950}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}


/* Image fallback */
.image-missing .product-img::after,.image-missing .pic::after,.image-missing .modal-img::after{content:"תמונה לא זמינה";display:grid;place-items:center;min-height:120px;color:var(--muted);font-size:.9rem;border-radius:18px;border:1px dashed rgba(111,196,255,.25);background:rgba(255,255,255,.035)}
.image-missing .product-img,.image-missing .pic{display:grid;place-items:center}

/* Reviews page */
.reviews-page{padding-top:18px}.reviews-topbar .reviews-back span{font-size:1.55rem;line-height:1;transform:translateY(-1px)}.back-link{width:max-content;display:inline-flex;align-items:center;gap:8px;margin:0 auto 18px;padding:10px 14px;border-radius:999px;border:1px solid rgba(66,214,255,.22);background:rgba(8,22,34,.68);color:var(--accent);font-weight:850}.reviews-page-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.reviews-page .review-card{width:auto;min-height:158px}.reviews-footer{margin-top:54px}

/* Noscript */
noscript .noscript-box{display:block;width:min(calc(100% - 18px),760px);margin:16px auto;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(8,22,34,.94);color:#fff;text-align:center;line-height:1.6}

/* Responsive */
@media (max-width:340px){.scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scent-card h3{font-size:.8rem}.scent-card .btn{font-size:.72rem}.trust-card{padding-inline:6px}.trust-card strong{font-size:.9rem}.trust-card small{font-size:.76rem}.section-head h2,.section-head h1{font-size:2rem}.modal-actions{grid-template-columns:1fr}}
@media (max-width:560px){.topbar{padding:10px 12px}.brand img{height:38px;max-width:104px}.section,.section-shell,.hero,.trust-strip,.footer{width:min(calc(100% - 14px),var(--content))}.feature{min-height:168px;padding:20px 12px}.feature h3{font-size:1.08rem}.feature p{font-size:.93rem}.modal-card{width:min(94vw,520px);padding:10px 10px 12px}.modal-copy h2,.upsell-wrap h2{font-size:1.8rem}.modal-copy .btn.wide{min-height:48px;width:min(100%,238px)}.modal-copy .product-price{width:min(100%,238px)}.modal-actions{grid-template-columns:1fr}.modal-img{width:min(74vw,238px);max-height:218px}.close-modal{margin-bottom:4px}}
@media (min-width:560px){.section,.section-shell,.hero,.trust-strip,.footer{width:min(calc(100% - 28px),var(--content))}.space-card{width:148px}.product-card{width:250px}.product-img{height:230px}.product-img img{max-width:208px}.scent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scent-card{padding:10px;border-radius:22px}.scent-card h3{font-size:1rem}.scent-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em;margin:0 0 8px;color:var(--muted);font-size:.88rem;line-height:1.6}.from{font-size:1.08rem}.scent-card .btn{min-height:42px;font-size:.9rem}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:700px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reviews-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.access-panel{bottom:calc(var(--safe-bottom) + 18px)}}
@media (max-width:700px){.access-panel{left:12px;right:12px;bottom:calc(var(--safe-bottom) + 72px);width:auto;border-radius:22px}.access-panel.open{transform:none}.trust-strip{gap:8px}.icon-ring{width:50px;height:50px}.feature-icon{width:58px;height:58px}.feature-icon .premium-line-icon,.feature-icon .png-line-icon{width:30px;height:30px}.icon-ring .png-line-icon{width:26px;height:26px}.footer{padding-bottom:calc(104px + var(--safe-bottom))}}
@media (hover:none){.product-img::after{opacity:.16}.hero-frame::after{opacity:.30}.trust-card:hover,.feature:hover,.space-card:hover,.product-card:hover,.scent-card:hover,.review-card:hover,.faq-item:hover,.result-card:hover,.btn:hover,.floating:hover{transform:none}.floating:hover::before{animation:none}}
@media (min-width:900px){.modal-card{width:min(94vw,980px);padding:24px;border-radius:32px}.modal-grid{grid-template-columns:minmax(320px,.95fr) minmax(380px,1fr);gap:28px;align-items:center}.modal-img{height:520px;max-height:65vh;padding:20px}.modal-copy h2{font-size:2.45rem}.modal-copy .product-price,.modal-copy .btn.wide{width:min(100%,252px)}}
@media (min-width:1024px){
  .topbar{top:0;padding:14px clamp(34px,5vw,76px);border-radius:0 0 28px 28px;background:linear-gradient(180deg,rgba(5,15,24,.96),rgba(5,14,23,.84));box-shadow:0 18px 54px rgba(0,0,0,.38),0 0 34px rgba(43,176,255,.08)}
  .topbar::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(82,205,255,.32),rgba(255,255,255,.08),rgba(82,205,255,.32),transparent)}
  .topbar .round-btn{width:58px;height:58px;border-radius:20px}.topbar .brand{order:1;margin-inline-start:0}.topbar .brand img{height:48px;max-width:116px}.desktop-nav{display:flex;order:2;flex:1;align-items:center;justify-content:center;gap:10px;direction:rtl}.desktop-nav a{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(117,206,255,.14);background:rgba(255,255,255,.03);font-weight:850;color:#ecf6fb;transition:background .18s ease,border-color .18s ease,transform .18s ease}.desktop-nav a:hover{background:rgba(69,214,255,.12);border-color:rgba(117,206,255,.34);transform:translateY(-1px)}.menu-btn{display:none}.mobile-nav{display:none!important}
  .section,.section-shell,.hero,.trust-strip,.footer{width:min(calc(100% - 64px),var(--content-wide))}.hero{padding-top:28px;margin-top:0}.hero-frame{max-width:1080px;margin-inline:auto;border-radius:38px}.hero-mobile-art{display:none}.hero-desktop-art{display:block;position:absolute;inset:0;z-index:1;background-image:linear-gradient(90deg,rgba(3,12,20,.93) 0%,rgba(4,13,22,.82) 34%,rgba(4,13,22,.20) 52%,rgba(3,8,12,.02) 74%),url("assets/hero/hero-desktop-wide.jpg");background-size:cover;background-position:center;transform:scale(1.01)}.hero-desktop-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 46%,rgba(65,214,255,.08),transparent 38%),linear-gradient(90deg,rgba(5,17,28,.04) 0%,rgba(5,17,28,0) 52%,rgba(5,17,28,0) 100%)}.hero-smoke-layer{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hero-smoke-layer span{position:absolute;width:540px;height:440px;background:url("assets/effects/blue-smoke.svg") center/contain no-repeat;mix-blend-mode:screen;opacity:.18;animation:smokeRise 19s ease-in-out infinite}.hero-smoke-layer span:nth-child(1){right:48%;top:10%;animation-delay:-3s;opacity:.11}.hero-smoke-layer span:nth-child(2){right:-6%;top:-9%;width:400px;height:360px;opacity:.06;animation-duration:24s;animation-delay:-10s}.hero-smoke-layer span:nth-child(3){left:6%;bottom:2%;width:500px;height:410px;opacity:.10;animation-duration:27s;animation-delay:-16s}.hero-v15{height:720px;background:#06111b;border:1px solid rgba(92,205,255,.20);box-shadow:0 0 0 1px rgba(92,205,255,.07),0 34px 92px rgba(0,0,0,.42),0 0 70px rgba(34,167,255,.08)}.hero-desktop-copy{display:flex;position:absolute;z-index:3;inset:0 auto 0 64px;width:min(49%,565px);padding:42px 0 34px 10px;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right}.hero-copy-logo{width:132px;max-width:132px;margin:0 0 20px auto;filter:drop-shadow(0 0 18px rgba(155,224,255,.14))}.hero-kicker{margin:0 0 10px;color:var(--accent);font-size:.94rem;font-weight:900;letter-spacing:.08em}.hero-desktop-copy h2{margin:0;white-space:nowrap;font-size:clamp(3.05rem,4.55vw,4.85rem);line-height:1.02;font-weight:950;letter-spacing:-.028em;text-shadow:0 18px 50px rgba(0,0,0,.42),0 0 28px rgba(88,205,255,.10)}.hero-sub{margin:24px 0 28px;max-width:540px;color:#dceaf4;font-size:clamp(1.04rem,1.28vw,1.22rem);line-height:1.72;text-wrap:balance}.hero-copy-actions{display:flex;gap:14px;width:min(100%,500px)}.hero-copy-actions .btn{flex:1;min-height:60px;font-size:1.1rem}.hero-frame::after{right:2%;top:-9%;width:520px;height:420px;opacity:.38}.hero-v15 .hero-hit{display:none}.section{margin-top:86px}.trust-strip{margin-top:22px}.section-head{margin-bottom:24px}.space-carousel{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;overflow:visible;padding:0}.space-card{width:192px;flex:0 0 192px;border-radius:26px}.smart-panel{max-width:860px;margin-inline:auto;padding:28px;border-radius:34px}.finder-result{max-width:760px;margin-inline:auto}.product-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible;padding:0}.product-card{width:auto;min-height:630px}.product-img{height:238px}.product-img img{max-width:218px}.product-card .short{min-height:82px}.card-actions{grid-template-columns:1fr 1fr}.scent-tabs{justify-content:center;flex-wrap:wrap;overflow:visible;padding-bottom:0;gap:10px}.search-line{max-width:720px;margin-inline:auto;margin-bottom:16px}.scent-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.scent-card{padding:10px;border-radius:22px}.scent-card h3{font-size:1rem}.scent-card p{min-height:4.6em}.cta-card{max-width:840px;margin-inline:auto;padding:32px;border-radius:34px}.reviews-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;overflow:visible;padding:0}.review-card{width:auto;min-height:205px;padding:18px;border-radius:26px}.faq-item{border-radius:24px}.footer-grid{grid-template-columns:repeat(3,1fr)}.floating{left:16px;width:60px;height:60px}.floating.whatsapp{bottom:calc(var(--safe-bottom) + 154px)}.floating.cart{bottom:calc(var(--safe-bottom) + 86px)}.floating.access{bottom:calc(var(--safe-bottom) + 18px)}.cart-drawer{width:min(92vw,420px)}.reviews-page{padding-top:64px}.reviews-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reviews-page .review-card{min-height:188px}}
@media (min-width:1024px) and (max-width:1160px){.hero-desktop-copy{width:52%;inset:0 auto 0 44px}.hero-desktop-copy h2{font-size:3.15rem}.hero-sub{font-size:1.02rem;max-width:500px}.product-track{grid-template-columns:repeat(3,minmax(0,1fr))}.scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1380px){.hero-frame{max-width:1180px}.hero-v15{height:740px}.product-card{min-height:620px}}

@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes smokeDrift{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.18}50%{transform:translate3d(-32px,-18px,0) scale(1.08);opacity:.30}}
@keyframes smokeRise{0%{transform:translateY(38px) rotate(-2deg) scale(.96);opacity:.04}28%{opacity:.28}100%{transform:translateY(-58px) rotate(3deg) scale(1.08);opacity:.06}}
@keyframes ringBloom{0%{transform:scale(.82);opacity:0}45%{opacity:.62}100%{transform:scale(1.55);opacity:0}}

@keyframes ripplePulse{0%{opacity:.12;transform:scale(.92)}35%{opacity:.9}100%{opacity:0;transform:scale(1.34)}}

/* Performance: keep smoke in hero only, avoid repeated animated smoke on every product card. */
.product-img::after{display:none}


/* =========================================================
   MYSTOR SAFE PRODUCTION PATCH
   Header desktop + page fade + modal CTA. No global redesign.
   ========================================================= */

@keyframes mystorPageFadeIn{
  from{opacity:0}
  to{opacity:1}
}
body{
  animation:mystorPageFadeIn .34s cubic-bezier(.22,.8,.24,1) both;
}
body.page-leaving{
  opacity:0;
  transition:opacity .21s ease;
}
body.area-transition main{
  opacity:.96;
  transform:translateY(2px);
  transition:opacity .18s ease,transform .18s ease;
}

/* Keep core floating actions always visible above content */
.floating{
  display:grid;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  z-index:120;
}
.floating.whatsapp{z-index:122}
.floating.cart{z-index:121}
.floating.access{z-index:120}

/* Desktop header reference style only */
@media (min-width:1024px){
  .topbar{
    min-height:72px;
    padding:12px clamp(34px,5vw,76px);
    border-radius:0;
    background:linear-gradient(180deg,rgba(5,15,24,.98),rgba(4,13,21,.93));
    border-bottom:1px solid rgba(80,211,255,.44);
    box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 -1px 0 rgba(114,224,255,.20);
  }
  .topbar::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:linear-gradient(90deg,rgba(67,214,255,.10),rgba(75,216,255,.72),rgba(255,255,255,.16),rgba(75,216,255,.72),rgba(67,214,255,.10));
    pointer-events:none;
  }
  .topbar .brand{
    order:1;
    margin-inline-start:0;
  }
  .topbar .brand img{
    height:45px;
    max-width:128px;
    filter:drop-shadow(0 0 10px rgba(120,220,255,.10));
  }
  .desktop-nav{
    display:flex;
    order:2;
    flex:1;
    align-items:center;
    justify-content:center;
    gap:10px;
    direction:rtl;
  }
  .desktop-nav a{
    min-height:44px;
    padding:0 22px;
    border-radius:999px;
    border:1px solid rgba(102,202,255,.27);
    background:linear-gradient(180deg,rgba(13,31,46,.72),rgba(7,18,29,.58));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgba(65,195,255,.055);
    color:#f4faff;
    font-size:.98rem;
    font-weight:900;
    letter-spacing:-.01em;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
  }
  .desktop-nav a:hover,
  .desktop-nav a:focus-visible{
    background:linear-gradient(180deg,rgba(18,42,62,.84),rgba(8,22,35,.66));
    border-color:rgba(108,217,255,.48);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 20px rgba(65,195,255,.10);
    transform:translateY(-1px);
  }
  .menu-btn{display:none}
  .mobile-nav{display:none!important}
}

/* Product modal price + add-to-cart as one centered CTA unit */
.modal-cta{
  --modal-cta-width:222px;
  width:min(100%,var(--modal-cta-width));
  display:grid;
  justify-items:stretch;
  gap:8px;
  margin:6px auto 0;
}
.modal-copy .modal-cta .product-price{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  box-sizing:border-box;
  min-height:58px;
  padding:6px 10px 7px;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,rgba(8,27,42,.70),rgba(6,17,28,.54));
  border:1px solid rgba(66,214,255,.16);
  box-shadow:inset 0 0 14px rgba(66,214,255,.045);
}
.modal-copy .modal-cta .price-label{
  font-size:.64rem;
  line-height:1.1;
  margin-bottom:1px;
}
.modal-copy .modal-cta .price-main{line-height:1}
.modal-copy .modal-cta .price-main strong{
  font-size:1.34rem;
  line-height:1;
}
.modal-copy .modal-cta .price-main .currency{font-size:.82rem}
.modal-copy .modal-cta .price-old{
  margin-top:2px;
  font-size:.63rem;
  line-height:1.05;
}
.modal-copy .modal-cta .btn.wide{
  width:100%;
  max-width:none;
  min-height:52px;
  margin:0;
  padding-inline:18px;
  border-radius:17px;
}
@media (max-width:560px){
  .modal-cta{--modal-cta-width:216px;gap:8px}
  .modal-copy .modal-cta .product-price{min-height:56px}
  .modal-copy .modal-cta .btn.wide{min-height:50px}
}
@media (min-width:900px){
  .modal-cta{--modal-cta-width:226px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  body,
  body.page-leaving,
  body.area-transition main{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
}

/* =========================================================
   MYSTOR SINGLE-LAYER HERO FIX
   Scope: existing hero images + existing hero buttons only.
   No JS, no product/scents/cart/modal data changes.
   ========================================================= */
:root{
  --bg:#02070d;
  --bg-2:#040d16;
  --panel:#06111c;
  --panel-soft:rgba(5,14,24,.90);
  --panel-deep:rgba(3,9,16,.98);
  --glass:linear-gradient(180deg,rgba(6,16,27,.94),rgba(2,8,15,.92));
  --line:rgba(91,203,255,.20);
  --line-strong:rgba(95,211,255,.52);
}
body{background:#02070d}
.site-bg{background:radial-gradient(circle at 12% 8%,rgba(32,141,230,.15),transparent 24%),radial-gradient(circle at 86% 10%,rgba(69,214,255,.10),transparent 27%),linear-gradient(180deg,#01050a 0%,#04101a 52%,#02070d 100%)}
.hero-frame{background:#02070d;border-color:rgba(92,205,255,.22);box-shadow:0 0 0 1px rgba(92,205,255,.08),0 34px 92px rgba(0,0,0,.48),0 0 68px rgba(34,167,255,.10)}
.hero-frame::after,.hero-smoke-layer{display:none!important}
/* Keep floating actions and dialogs above the hero only; no behavior change. */
.floating{z-index:500!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.floating.whatsapp{z-index:503!important}.floating.cart{z-index:502!important}.floating.access{z-index:501!important}
.modal{z-index:800!important}.overlay{z-index:790!important}.cart-drawer,.access-panel{z-index:810!important}
@media (max-width:1023px){
  .hero-frame{display:grid;grid-template-columns:1fr 1fr;border-radius:30px;overflow:hidden}
  .hero-mobile-art{grid-column:1/-1;width:100%;border-radius:30px 30px 0 0}
  .hero-hit{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;height:54px!important;z-index:8;display:flex;align-items:center;justify-content:center;margin:14px 0;background:linear-gradient(180deg,rgba(8,20,32,.82),rgba(3,10,18,.94));border:1px solid rgba(132,218,255,.42);border-radius:18px;color:#f5fbff;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 18px rgba(69,214,255,.08)}
  .hero-hit::before{content:attr(aria-label)}
  .hero-hit-model{grid-column:1;margin-right:14px;margin-left:5px;background:linear-gradient(90deg,#25bbff,#6ce2ff);color:#03151e;border-color:rgba(120,231,255,.58);box-shadow:0 14px 30px rgba(35,183,255,.22)}
  .hero-hit-scent{grid-column:2;margin-left:14px;margin-right:5px}
}
@media (max-width:420px){
  .hero-frame{grid-template-columns:1fr}
  .hero-hit-model,.hero-hit-scent{grid-column:1;margin-inline:14px}
  .hero-hit-model{margin-bottom:0}
}
@media (min-width:1024px){
  .hero-desktop-art{background-image:url("assets/hero/hero-desktop-wide.jpg")!important;background-size:cover!important;background-position:center!important;transform:none!important}
  .hero-desktop-art::after{display:none!important}
  .hero-desktop-copy{inset:auto auto 34px 34px!important;width:min(430px,38%)!important;padding:12px!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important;text-align:initial!important;border:1px solid rgba(105,216,255,.24);border-radius:24px;background:linear-gradient(180deg,rgba(4,12,20,.50),rgba(2,8,15,.76));backdrop-filter:blur(16px) saturate(1.08);box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 26px rgba(39,165,255,.09)}
  .hero-copy-logo,.hero-kicker,.hero-desktop-copy h2,.hero-sub{display:none!important}
  .hero-copy-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:100%!important;margin:0!important}
  .hero-copy-actions .btn{min-height:60px!important;border-radius:18px;font-size:1.08rem}
}
@media (min-width:1024px) and (max-width:1160px){.hero-desktop-copy{left:24px!important;bottom:24px!important;width:min(400px,42%)!important}}

/* =========================================================
   MYSTOR FINAL APPROVED PATCH — Hero / Header / Premium Upsell
   Scope: precise production overrides only, no global rebuild.
   ========================================================= */
:root{
  --mystor-cyan:#42d9ff;
  --mystor-cyan-2:#159dff;
  --mystor-border:rgba(95,211,255,.30);
  --mystor-glass:rgba(3,12,20,.68);
}
html{scroll-padding-top:92px}
body{font-family:'Assistant','Heebo',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:#02070d;color:#f7fbff}
.section-head h1,.section-head h2,.hero-desktop-copy h2,.product-card h3,.modal-copy h2,.upsell-wrap h2,.upsell-wrap h3{font-family:'Assistant','Heebo',system-ui,sans-serif!important}

/* Approved premium topbar */
.topbar{
  min-height:66px;
  padding:7px 12px;
  background:linear-gradient(180deg,rgba(5,18,28,.96),rgba(3,12,20,.92))!important;
  border-bottom:1px solid rgba(76,198,255,.34)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 -1px 0 rgba(130,222,255,.10)!important;
}
.topbar::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(58,206,255,.46),transparent);pointer-events:none}
.brand img{height:44px!important;max-width:136px!important;object-fit:contain;filter:drop-shadow(0 0 12px rgba(120,220,255,.12))!important}
.round-btn{border-radius:19px!important;border-color:rgba(90,205,255,.28)!important;background:linear-gradient(180deg,rgba(10,31,48,.70),rgba(4,15,25,.86))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgba(67,205,255,.10)!important}
.menu-btn span{height:2.2px;width:24px;background:#f7fbff!important;margin:3px 0!important}
@media (min-width:1024px){
  .topbar{height:76px!important;min-height:76px!important;padding:0 clamp(40px,5vw,88px)!important;display:flex!important;align-items:center!important;gap:28px!important;border-radius:0!important;direction:rtl!important}
  .topbar .brand{order:1!important;margin:0!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
  .topbar .brand img{height:52px!important;max-width:154px!important}
  .desktop-nav{order:2!important;display:flex!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:14px!important;direction:rtl!important;margin:0!important}
  .desktop-nav a{min-width:128px!important;min-height:46px!important;padding:0 24px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(10,25,39,.72),rgba(4,14,24,.62))!important;border:1px solid rgba(97,205,255,.30)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 10px 24px rgba(0,0,0,.16),0 0 16px rgba(46,185,255,.055)!important;color:#f6fbff!important;font-size:1.02rem!important;font-weight:900!important;letter-spacing:-.012em!important}
  .desktop-nav a:hover,.desktop-nav a:focus-visible{border-color:rgba(115,226,255,.56)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 22px rgba(46,185,255,.15)!important;background:linear-gradient(180deg,rgba(13,33,51,.86),rgba(5,18,29,.72))!important}
  .menu-btn{display:none!important}
}
@media (max-width:1023px){
  .topbar{height:68px!important;min-height:68px!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;direction:rtl!important;padding-inline:12px!important}
  .menu-btn{order:1!important;width:54px!important;height:54px!important;display:grid!important;margin-inline-start:0!important}
  .brand{order:3!important;margin-inline-start:auto!important;margin-inline-end:10px!important}
  .brand img{height:42px!important;max-width:112px!important}
}

/* Approved hero images + live HTML typography */
.hero{width:min(calc(100% - 18px),1180px)!important;margin-top:14px!important;padding-top:0!important}
.hero-frame.hero-v15{position:relative!important;overflow:hidden!important;background:#02070d!important;border:1px solid rgba(88,203,255,.20)!important;box-shadow:0 0 0 1px rgba(92,205,255,.07),0 30px 85px rgba(0,0,0,.46),0 0 60px rgba(34,167,255,.08)!important}
.hero-frame::after,.hero-smoke-layer{display:none!important}
.hero-copy-logo{display:none!important}
.hero-kicker,.hero-desktop-copy h2,.hero-sub{display:block!important}
.hero-hit{display:none!important}
.hero-copy-actions{display:flex!important;gap:16px!important;width:min(100%,520px)!important;margin-top:0!important}
.hero-copy-actions .btn{min-height:58px!important;border-radius:999px!important;font-weight:900!important;font-size:1.05rem!important;letter-spacing:-.01em!important}
.hero-copy-actions .btn.primary{order:1;background:linear-gradient(90deg,#28baff,#68e4ff)!important;color:#04131d!important;box-shadow:0 18px 34px rgba(35,183,255,.27)!important}
.hero-copy-actions .btn.ghost{order:2;background:rgba(3,13,23,.56)!important;border:1px solid rgba(111,214,255,.52)!important;color:#f5fbff!important}
@media (min-width:1024px){
  .hero{width:min(calc(100% - 64px),1240px)!important;margin-top:22px!important}
  .hero-frame.hero-v15{height:clamp(620px,59vw,735px)!important;max-width:1240px!important;border-radius:34px!important}
  .hero-mobile-art{display:none!important}
  .hero-desktop-art{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;background-image:linear-gradient(90deg,rgba(2,8,15,.70) 0%,rgba(2,8,15,.46) 36%,rgba(2,8,15,.10) 58%,rgba(2,8,15,0) 100%),url("assets/hero/mystor-hero-desktop-final.png")!important;background-size:cover!important;background-position:center!important;transform:none!important}
  .hero-desktop-copy{display:flex!important;position:absolute!important;z-index:4!important;inset:0 auto 0 62px!important;width:min(51%,620px)!important;padding:0 0 0 6px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:right!important;border:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;direction:rtl!important}
  .hero-kicker{margin:0 0 20px!important;color:var(--mystor-cyan)!important;font-size:1.12rem!important;font-weight:800!important;letter-spacing:.18em!important;text-shadow:0 0 18px rgba(66,217,255,.12)!important}
  .hero-desktop-copy h2{margin:0!important;white-space:normal!important;font-size:clamp(3.2rem,5vw,5.05rem)!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.045em!important;text-shadow:0 18px 52px rgba(0,0,0,.48),0 0 18px rgba(255,255,255,.06)!important;max-width:650px!important}
  .hero-sub{margin:24px 0 30px!important;max-width:560px!important;color:#d7e6f1!important;font-size:clamp(1.05rem,1.25vw,1.24rem)!important;line-height:1.72!important;font-weight:500!important;text-wrap:balance!important}
}
@media (min-width:1024px) and (max-width:1160px){
  .hero-desktop-copy{left:42px!important;width:min(54%,570px)!important}
  .hero-desktop-copy h2{font-size:3.35rem!important}
  .hero-sub{font-size:1.02rem!important;max-width:500px!important}
}
@media (max-width:1023px){
  .hero{width:min(calc(100% - 14px),520px)!important;margin-top:12px!important}
  .hero-frame.hero-v15{display:block!important;height:min(820px,calc(100dvh - 88px))!important;min-height:680px!important;border-radius:26px!important}
  .hero-mobile-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important;border-radius:26px!important;z-index:1!important}
  .hero-frame.hero-v15::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(2,8,15,.46) 0%,rgba(2,8,15,.30) 38%,rgba(2,8,15,.06) 66%,rgba(2,8,15,.12) 100%);pointer-events:none}
  .hero-desktop-copy{display:flex!important;position:absolute!important;z-index:4!important;inset:96px 20px auto 20px!important;width:auto!important;padding:0!important;align-items:center!important;text-align:center!important;justify-content:flex-start!important;flex-direction:column!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;direction:rtl!important}
  .hero-kicker{margin:0 0 12px!important;color:var(--mystor-cyan)!important;font-size:.94rem!important;font-weight:800!important;letter-spacing:.10em!important}
  .hero-desktop-copy h2{margin:0!important;font-size:clamp(2.18rem,10vw,3.25rem)!important;line-height:1.04!important;font-weight:900!important;letter-spacing:-.04em!important;white-space:normal!important;max-width:430px!important;text-shadow:0 14px 44px rgba(0,0,0,.62)!important}
  .hero-sub{margin:16px 0 22px!important;max-width:360px!important;color:#dcebf5!important;font-size:1rem!important;line-height:1.58!important;font-weight:500!important}
  .hero-copy-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:min(100%,360px)!important}
  .hero-copy-actions .btn{min-height:52px!important;border-radius:18px!important;font-size:.95rem!important;padding:0 12px!important}
}
@media (max-width:390px){
  .hero-frame.hero-v15{height:760px!important;min-height:660px!important}
  .hero-desktop-copy{inset:78px 16px auto 16px!important}
  .hero-desktop-copy h2{font-size:2.12rem!important}
  .hero-sub{font-size:.92rem!important;margin-bottom:16px!important}
}

/* Premium diffuser + oil upsell modal */
.modal-card{border-radius:28px!important;background:radial-gradient(circle at 50% 0%,rgba(20,54,78,.50),transparent 34%),linear-gradient(180deg,rgba(6,18,30,.98),rgba(3,11,19,.98))!important;border:1px solid rgba(103,205,255,.26)!important;box-shadow:0 34px 90px rgba(0,0,0,.64),0 0 55px rgba(42,190,255,.08)!important}
.close-modal{background:rgba(6,18,30,.90)!important;border-color:rgba(117,211,255,.24)!important;box-shadow:0 0 16px rgba(46,190,255,.08)!important}
.premium-upsell{display:grid;gap:18px;direction:rtl;text-align:right;color:#f7fbff}
.upsell-topbar{display:flex;align-items:center;justify-content:center;gap:12px;color:#ddecf6;font-weight:900;letter-spacing:.04em;min-height:34px}
.upsell-logo{height:34px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(111,220,255,.08))}
.upsell-product-summary{display:grid;grid-template-columns:minmax(128px,210px) 1fr;gap:18px;align-items:center;border:1px solid rgba(122,205,255,.20);border-radius:24px;background:linear-gradient(120deg,rgba(7,19,31,.78),rgba(8,29,44,.50));overflow:hidden;padding:14px}
.upsell-product-media{min-height:150px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,rgba(45,179,255,.16),transparent 62%);overflow:hidden}
.upsell-product-media img{width:100%;height:155px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.32))}
.upsell-product-copy h2{margin:0 0 7px;font-size:2rem;line-height:1;font-weight:900;letter-spacing:-.02em}
.upsell-product-copy p{margin:0 0 12px;color:#c6d8e6;line-height:1.58;font-size:.98rem}
.upsell-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.upsell-meta span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(120,204,255,.15);color:#eff8ff;font-weight:800}.upsell-meta b{color:#b9cad8}
.upsell-section{display:grid;gap:12px}.upsell-section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.upsell-section-title span{height:1px;background:linear-gradient(90deg,transparent,rgba(136,217,255,.28),transparent)}.upsell-section-title h3{margin:0;font-size:1.5rem;font-weight:900;letter-spacing:-.01em}.upsell-section-sub{margin:-6px 0 0;color:#aebfcd;text-align:center;line-height:1.45}
.upsell-scent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.upsell-scent-card{position:relative;min-width:0;min-height:208px;padding:10px;border-radius:20px;border:1px solid rgba(118,205,255,.18);background:linear-gradient(180deg,rgba(9,22,35,.92),rgba(5,15,25,.88));color:#fff;display:flex;flex-direction:column;align-items:stretch;text-align:center;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.upsell-scent-card:hover,.upsell-scent-card.active{transform:translateY(-2px);border-color:rgba(68,216,255,.78);box-shadow:0 0 0 1px rgba(68,216,255,.16),0 20px 44px rgba(0,0,0,.32),0 0 24px rgba(68,216,255,.10)}.upsell-scent-badge{position:absolute;top:9px;left:9px;z-index:2;height:24px;padding:0 8px;border-radius:999px;background:rgba(13,36,55,.78);border:1px solid rgba(75,211,255,.34);color:var(--mystor-cyan);font-size:.7rem;font-weight:900}.upsell-scent-img{height:104px;border-radius:15px;display:block;overflow:hidden;background:#07121d;margin-bottom:9px}.upsell-scent-img img{width:100%;height:100%;object-fit:cover;object-position:center}.upsell-scent-card strong{font-size:1rem;line-height:1.15;min-height:2.25em;display:grid;place-items:center}.upsell-scent-card small{color:#aebfcd;line-height:1.35;min-height:2.6em}.upsell-scent-card em{font-style:normal;color:var(--mystor-cyan);font-size:1rem;font-weight:900;margin-top:auto}.upsell-all-scents{min-height:64px;border-radius:18px;border:1px solid rgba(214,143,49,.50);background:linear-gradient(180deg,rgba(13,28,42,.68),rgba(5,16,27,.78));color:#f5fbff;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:right;padding:10px 16px;column-gap:14px}.upsell-all-scents span{font-size:1.05rem;font-weight:900}.upsell-all-scents small{color:#b9cad8}.upsell-all-scents b{grid-row:1/3;grid-column:2;font-size:2rem;color:#e0a146;line-height:1}.upsell-all-panel{display:grid;gap:10px}.upsell-scent-search{min-height:48px;border-radius:16px;border:1px solid rgba(120,204,255,.24);background:#07131f;color:#fff;padding:0 14px;outline:none}.upsell-all-grid{max-height:310px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-left:2px}.upsell-empty{grid-column:1/-1;color:#b9cad8;text-align:center;padding:18px}.upsell-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.upsell-size-grid .size-card{min-height:126px;border-radius:18px}.upsell-size-grid .size-card img{height:58px}.upsell-size-grid .size-card.active{background:rgba(39,185,255,.12);border-color:rgba(70,218,255,.85);box-shadow:0 0 0 1px rgba(70,218,255,.18),0 0 26px rgba(70,218,255,.11)}.upsell-note{min-height:42px;border-radius:15px;border:1px solid rgba(118,205,255,.14);background:rgba(255,255,255,.025);color:#8db6d1;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;font-weight:700}.upsell-actions{grid-template-columns:1fr!important;gap:10px!important}.upsell-actions .btn{min-height:56px;border-radius:18px;font-size:1.05rem}.upsell-actions .btn.primary{background:linear-gradient(90deg,#22aaf8,#63dfff)!important;color:#04131d!important;box-shadow:0 18px 34px rgba(35,183,255,.25)!important}.upsell-actions .btn.ghost{background:rgba(2,10,18,.42)!important;border:1px solid rgba(122,205,255,.25)!important;color:#f4faff!important;order:2}.upsell-actions .btn.primary{order:1}
@media (max-width:760px){
  .modal{padding:8px!important;align-items:center!important}.modal-card{width:min(96vw,480px)!important;max-height:92dvh!important;padding:12px!important;border-radius:24px!important}.premium-upsell{gap:14px}.upsell-product-summary{grid-template-columns:104px 1fr;gap:12px;padding:10px;border-radius:20px}.upsell-product-media{min-height:118px}.upsell-product-media img{height:116px}.upsell-product-copy h2{font-size:1.55rem}.upsell-product-copy p{font-size:.86rem;line-height:1.45}.upsell-meta span{font-size:.88rem;padding:7px 9px}.upsell-section-title h3{font-size:1.32rem}.upsell-section-sub{font-size:.88rem}.upsell-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upsell-scent-card{min-height:174px;border-radius:18px;padding:8px}.upsell-scent-img{height:86px}.upsell-scent-card strong{font-size:.92rem}.upsell-scent-card small{font-size:.78rem}.upsell-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.upsell-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.upsell-size-grid .size-card{min-height:108px}.upsell-actions .btn{min-height:54px}.upsell-topbar{justify-content:center}.upsell-logo{height:30px}
}
@media (max-width:380px){.upsell-product-summary{grid-template-columns:1fr}.upsell-product-media img{height:112px}.upsell-scent-grid,.upsell-all-grid{grid-template-columns:1fr}.upsell-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Avoid obsolete finder runtime crash if the optional finder section is absent. */
.image-missing .upsell-product-media::after,.image-missing .upsell-scent-img::after{content:"תמונה לא זמינה";display:grid;place-items:center;color:#9eb3c3;font-size:.85rem;min-height:80px}

/* =========================================================
   MYSTOR V19.1 — Compact premium upsell modal fix
   Goal: no oversized desktop modal, fewer internal scrolls,
   full scent/oil visibility, calmer premium density.
   ========================================================= */
@media (min-width: 760px){
  .modal{padding:18px!important;align-items:center!important;overflow:hidden!important}
  .modal-card{
    width:min(92vw,760px)!important;
    max-height:min(84dvh,690px)!important;
    padding:14px!important;
    border-radius:24px!important;
    overflow:auto!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(118,205,255,.45) rgba(255,255,255,.035);
  }
  .modal-card::-webkit-scrollbar{width:8px}
  .modal-card::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:99px}
  .modal-card::-webkit-scrollbar-thumb{background:rgba(118,205,255,.42);border-radius:99px}
  .premium-upsell{gap:11px!important}
  .upsell-topbar{min-height:22px!important;gap:8px!important;font-size:.82rem!important}
  .upsell-logo{height:24px!important}
  .upsell-product-summary{
    grid-template-columns:112px 1fr!important;
    gap:12px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
  }
  .upsell-product-media{min-height:92px!important;border-radius:15px!important}
  .upsell-product-media img{height:92px!important;max-height:92px!important;width:100%!important;object-fit:contain!important}
  .upsell-product-copy h2{font-size:1.55rem!important;margin-bottom:4px!important}
  .upsell-product-copy p{font-size:.86rem!important;line-height:1.42!important;margin-bottom:8px!important;max-width:560px!important}
  .upsell-meta{gap:7px!important}.upsell-meta span{padding:6px 10px!important;font-size:.82rem!important}
  .upsell-section{gap:8px!important}.upsell-section-title{gap:10px!important}.upsell-section-title h3{font-size:1.22rem!important}.upsell-section-sub{font-size:.82rem!important;margin:-4px 0 0!important}
  .upsell-scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .upsell-scent-card{min-height:142px!important;padding:7px!important;border-radius:16px!important}
  .upsell-scent-img{height:58px!important;margin-bottom:7px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 45%,rgba(64,202,255,.10),rgba(4,13,22,.94) 62%)!important}
  .upsell-scent-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .upsell-scent-badge{height:20px!important;padding:0 6px!important;font-size:.62rem!important;top:7px!important;left:7px!important}
  .upsell-scent-card strong{font-size:.84rem!important;line-height:1.1!important;min-height:1.15em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  .upsell-scent-card small{font-size:.72rem!important;line-height:1.2!important;min-height:1.2em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;margin-top:3px!important}
  .upsell-scent-card em{font-size:.82rem!important;margin-top:4px!important}
  .upsell-all-scents{min-height:48px!important;border-radius:15px!important;padding:8px 12px!important}.upsell-all-scents span{font-size:.9rem!important}.upsell-all-scents small{font-size:.74rem!important}.upsell-all-scents b{font-size:1.5rem!important}
  .upsell-scent-search{min-height:40px!important;border-radius:13px!important;font-size:.82rem!important}
  .upsell-all-grid{max-height:156px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:auto!important;padding-left:4px!important}
  .upsell-all-grid .upsell-scent-card{min-height:128px!important}.upsell-all-grid .upsell-scent-img{height:50px!important}.upsell-all-grid .upsell-scent-card small{display:none!important}
  .upsell-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:8px!important}
  .upsell-size-grid .size-card{min-height:86px!important;border-radius:15px!important;padding:7px!important;gap:4px!important}.upsell-size-grid .size-card img{height:36px!important}.size-name{font-size:.84rem!important}.size-price{font-size:.86rem!important}
  .upsell-note{min-height:34px!important;padding:6px 10px!important;font-size:.78rem!important;border-radius:13px!important}
  .upsell-actions{gap:8px!important}.upsell-actions .btn{min-height:46px!important;border-radius:15px!important;font-size:.92rem!important}
}

@media (max-width: 759px){
  .modal-card{max-height:90dvh!important;overflow:auto!important}
  .premium-upsell{gap:12px!important}
  .upsell-product-summary{grid-template-columns:96px 1fr!important}
  .upsell-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .upsell-scent-card{min-height:158px!important}
  .upsell-scent-img{height:76px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 45%,rgba(64,202,255,.10),rgba(4,13,22,.94) 62%)!important}
  .upsell-scent-img img{object-fit:contain!important}
  .upsell-size-grid .size-card{min-height:96px!important}
}

/* =========================================================
   MYSTOR V19.2 — Premium one-screen upsell + full oil imagery
   Fixes: no cropped oil photos, no expanding all-scents layout,
   calmer desktop/mobile density, premium transitions retained.
   ========================================================= */
.modal:has(.premium-upsell){
  padding:clamp(8px,2.2vh,20px)!important;
  align-items:center!important;
  overflow:hidden!important;
}
.modal-card:has(.premium-upsell){
  width:min(94vw,860px)!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  padding:12px!important;
  border-radius:26px!important;
  position:relative!important;
}
.modal-card:has(.premium-upsell) .close-modal{
  position:absolute!important;
  top:13px!important;
  left:13px!important;
  float:none!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  font-size:1.55rem!important;
}
.premium-upsell{
  height:auto!important;
  max-height:calc(100dvh - 52px)!important;
  overflow:hidden!important;
  gap:8px!important;
  padding:0!important;
}
.upsell-topbar{
  min-height:20px!important;
  font-size:.78rem!important;
  line-height:1!important;
  gap:7px!important;
}
.upsell-logo{height:22px!important;max-width:78px!important}
.upsell-product-summary{
  grid-template-columns:100px 1fr!important;
  gap:10px!important;
  padding:9px 12px!important;
  border-radius:18px!important;
  min-height:92px!important;
}
.upsell-product-media{
  min-height:76px!important;
  border-radius:14px!important;
}
.upsell-product-media img{
  height:78px!important;
  max-height:78px!important;
  width:100%!important;
  object-fit:contain!important;
}
.upsell-product-copy h2{font-size:1.42rem!important;margin:0 0 3px!important;line-height:1!important}
.upsell-product-copy p{font-size:.8rem!important;line-height:1.36!important;margin:0 0 6px!important;color:#c8d7e4!important}
.upsell-meta{gap:6px!important}.upsell-meta span{font-size:.76rem!important;padding:5px 9px!important}
.upsell-section{gap:6px!important}
.upsell-section-title{gap:8px!important}.upsell-section-title h3{font-size:1.1rem!important;line-height:1.15!important}.upsell-section-sub{font-size:.76rem!important;line-height:1.25!important;margin:-2px 0 0!important}
.upsell-scent-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.upsell-scent-card{
  min-height:130px!important;
  height:130px!important;
  padding:6px!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
.upsell-scent-img{
  height:64px!important;
  margin-bottom:5px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(10,25,38,.62),rgba(3,11,19,.92))!important;
}
.upsell-scent-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.upsell-scent-badge{height:18px!important;padding:0 6px!important;font-size:.56rem!important;top:6px!important;left:6px!important}
.upsell-scent-card strong{font-size:.78rem!important;line-height:1.08!important;min-height:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;margin-top:0!important}
.upsell-scent-card small{font-size:.66rem!important;line-height:1.15!important;min-height:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;margin-top:2px!important}
.upsell-scent-card em{font-size:.76rem!important;line-height:1!important;margin-top:auto!important}
.upsell-all-scents{
  min-height:42px!important;
  border-radius:14px!important;
  padding:7px 12px!important;
  grid-template-columns:1fr auto!important;
}
.upsell-all-scents span{font-size:.84rem!important}.upsell-all-scents small{font-size:.68rem!important}.upsell-all-scents b{font-size:1.25rem!important}
.upsell-size-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  margin-bottom:5px!important;
}
.upsell-size-grid .size-card{
  min-height:70px!important;
  height:70px!important;
  padding:5px!important;
  border-radius:13px!important;
  gap:2px!important;
}
.upsell-size-grid .size-card img{height:26px!important;max-height:26px!important;object-fit:contain!important}
.size-name{font-size:.76rem!important;line-height:1.1!important}.size-price{font-size:.78rem!important;line-height:1.1!important}
.upsell-note{
  min-height:26px!important;
  padding:4px 8px!important;
  font-size:.68rem!important;
  line-height:1.2!important;
  border-radius:11px!important;
}
.upsell-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.upsell-actions .btn{
  min-height:42px!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:.86rem!important;
}
.upsell-actions .btn.ghost{order:1!important}.upsell-actions .btn.primary{order:2!important}
/* All scents becomes an inner premium drawer, not extra height in the modal. */
.upsell-all-panel{display:block!important}
.upsell-all-view[hidden]{display:none!important}
.upsell-all-view{
  position:absolute!important;
  z-index:25!important;
  inset:10px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  gap:9px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 50% 0%,rgba(31,78,108,.42),transparent 32%),linear-gradient(180deg,rgba(5,17,29,.985),rgba(2,8,15,.985))!important;
  border:1px solid rgba(100,209,255,.30)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 48px rgba(44,190,255,.09)!important;
}
.upsell-all-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:right!important}
.upsell-all-head strong{display:block!important;font-size:1.22rem!important;line-height:1.1!important}.upsell-all-head small{display:block!important;color:#9eb5c7!important;font-size:.82rem!important;margin-top:3px!important}.upsell-all-close{width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid rgba(118,205,255,.22)!important;background:rgba(7,20,32,.86)!important;color:#fff!important;font-size:1.55rem!important;line-height:1!important}
.upsell-scent-search{min-height:40px!important;border-radius:13px!important;font-size:.82rem!important}
.upsell-all-grid{
  max-height:none!important;
  min-height:0!important;
  overflow:auto!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:1px 1px 8px 6px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(118,205,255,.45) rgba(255,255,255,.035);
}
.upsell-all-grid::-webkit-scrollbar{width:7px}.upsell-all-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:99px}.upsell-all-grid::-webkit-scrollbar-thumb{background:rgba(118,205,255,.42);border-radius:99px}
.upsell-all-grid .upsell-scent-card{height:122px!important;min-height:122px!important}.upsell-all-grid .upsell-scent-img{height:60px!important}.upsell-all-grid .upsell-scent-card small{display:none!important}
body:not(.reduce-motion){animation:mystorPageFadeIn .34s cubic-bezier(.22,.8,.24,1) both}body.page-leaving{opacity:0!important;transition:opacity .22s ease!important}body.area-transition main{opacity:.965;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease}
@media (max-width:759px){
  .modal:has(.premium-upsell){padding:6px!important;align-items:center!important}
  .modal-card:has(.premium-upsell){width:min(96vw,430px)!important;max-height:calc(100dvh - 12px)!important;padding:10px!important;border-radius:22px!important;overflow:hidden!important}
  .modal-card:has(.premium-upsell) .close-modal{top:10px!important;left:10px!important;width:34px!important;height:34px!important;border-radius:12px!important;font-size:1.35rem!important}
  .premium-upsell{max-height:calc(100dvh - 32px)!important;gap:7px!important}
  .upsell-topbar{min-height:18px!important;font-size:.72rem!important}.upsell-logo{height:20px!important;max-width:68px!important}
  .upsell-product-summary{grid-template-columns:76px 1fr!important;gap:8px!important;padding:8px!important;min-height:82px!important;border-radius:17px!important}
  .upsell-product-media{min-height:66px!important}.upsell-product-media img{height:66px!important;max-height:66px!important}
  .upsell-product-copy h2{font-size:1.15rem!important}.upsell-product-copy p{font-size:.68rem!important;line-height:1.25!important;margin-bottom:5px!important}.upsell-meta span{font-size:.66rem!important;padding:4px 7px!important}
  .upsell-section-title h3{font-size:1rem!important}.upsell-section-sub{font-size:.68rem!important}
  .upsell-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .upsell-scent-card{height:106px!important;min-height:106px!important;padding:5px!important;border-radius:13px!important}
  .upsell-scent-img{height:48px!important;margin-bottom:4px!important;border-radius:10px!important}.upsell-scent-card strong{font-size:.72rem!important}.upsell-scent-card small{font-size:.6rem!important}.upsell-scent-card em{font-size:.7rem!important}.upsell-scent-badge{height:16px!important;font-size:.52rem!important;top:5px!important;left:5px!important}
  .upsell-all-scents{min-height:38px!important;padding:6px 10px!important}.upsell-all-scents span{font-size:.78rem!important}.upsell-all-scents small{font-size:.62rem!important}
  .upsell-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.upsell-size-grid .size-card{height:58px!important;min-height:58px!important;border-radius:11px!important}.upsell-size-grid .size-card img{height:19px!important}.size-name{font-size:.62rem!important}.size-price{font-size:.66rem!important}.upsell-note{display:none!important}
  .upsell-actions{grid-template-columns:1fr!important;gap:6px!important}.upsell-actions .btn{height:38px!important;min-height:38px!important;font-size:.78rem!important;border-radius:12px!important}.upsell-actions .btn.ghost{order:2!important}.upsell-actions .btn.primary{order:1!important}
  .upsell-all-view{inset:8px!important;padding:10px!important;border-radius:19px!important;gap:8px!important}.upsell-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.upsell-all-grid .upsell-scent-card{height:108px!important;min-height:108px!important}.upsell-all-grid .upsell-scent-img{height:52px!important}.upsell-all-head strong{font-size:1.05rem!important}.upsell-all-head small{font-size:.7rem!important}.upsell-all-close{width:34px!important;height:34px!important;border-radius:12px!important}
}


/* =========================================================
   V19.3 FINAL UPSSELL FLOW FIX
   - full oil artwork visible
   - all scents closes back into main flow after selection
   - compact one-screen desktop without cropped cards
   ========================================================= */
.modal-card:has(.premium-upsell){overflow:hidden!important}
.premium-upsell{position:relative!important}
.upsell-product-summary{grid-template-columns:92px 1fr!important;min-height:84px!important;padding:8px 11px!important}
.upsell-product-media{min-height:72px!important}
.upsell-product-media img{height:72px!important;max-height:72px!important}
.upsell-product-copy h2{font-size:1.34rem!important}
.upsell-product-copy p{font-size:.76rem!important;line-height:1.32!important;max-width:none!important}
.upsell-meta span{font-size:.74rem!important;padding:5px 8px!important}
.upsell-section-title h3{font-size:1.06rem!important}
.upsell-section-sub{font-size:.74rem!important;margin-top:-3px!important}
.upsell-scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.upsell-scent-card{
  min-height:148px!important;
  height:148px!important;
  padding:6px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-rows:86px auto auto auto!important;
  align-content:start!important;
  gap:3px!important;
}
.upsell-scent-img{
  height:86px!important;
  margin-bottom:0!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  padding:6px!important;
  background:radial-gradient(circle at 50% 35%,rgba(44,192,255,.12),rgba(4,13,22,.96) 68%)!important;
}
.upsell-scent-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.upsell-scent-card strong{font-size:.82rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.upsell-scent-card small{font-size:.65rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#a9c0d1!important}
.upsell-scent-card em{font-size:.77rem!important;line-height:1!important;margin-top:auto!important}
.upsell-all-scents{min-height:44px!important;padding:8px 12px!important}
.upsell-all-scents span{font-size:.86rem!important}.upsell-all-scents small{font-size:.69rem!important}
.upsell-size-grid .size-card{min-height:66px!important;height:66px!important}
.upsell-size-grid .size-card img{height:24px!important;max-height:24px!important}
.size-name{font-size:.74rem!important}.size-price{font-size:.76rem!important}
.upsell-note{font-size:.67rem!important;min-height:24px!important;padding:4px 8px!important}
.upsell-actions .btn{min-height:44px!important;height:44px!important}
.upsell-all-view{inset:10px!important;grid-template-rows:auto auto 1fr!important}
.upsell-all-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.upsell-all-grid .upsell-scent-card{min-height:138px!important;height:138px!important;grid-template-rows:82px auto auto auto!important}
.upsell-all-grid .upsell-scent-img{height:82px!important}
.upsell-all-grid .upsell-scent-card small{display:block!important}
@media (max-width:759px){
  .modal-card:has(.premium-upsell){width:min(96vw,430px)!important;max-height:calc(100dvh - 10px)!important;padding:10px!important}
  .premium-upsell{max-height:calc(100dvh - 30px)!important;overflow:auto!important;padding-right:1px!important}
  .upsell-product-summary{grid-template-columns:76px 1fr!important;min-height:78px!important;padding:8px!important}
  .upsell-product-media{min-height:64px!important}.upsell-product-media img{height:64px!important;max-height:64px!important}
  .upsell-product-copy h2{font-size:1.12rem!important}.upsell-product-copy p{font-size:.68rem!important;line-height:1.24!important}
  .upsell-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .upsell-scent-card{min-height:128px!important;height:128px!important;grid-template-rows:74px auto auto auto!important}
  .upsell-scent-img{height:74px!important;padding:5px!important}
  .upsell-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .upsell-all-grid .upsell-scent-card{min-height:126px!important;height:126px!important;grid-template-rows:72px auto auto auto!important}
  .upsell-all-grid .upsell-scent-img{height:72px!important}
  .upsell-all-scents{min-height:40px!important}
  .upsell-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .upsell-size-grid .size-card{min-height:60px!important;height:60px!important}
  .upsell-actions .btn{min-height:40px!important;height:40px!important}
}


/* =========================================================
   V20 — Premium 3-step upsell wizard
   החלטת הוועדה: 1 מפיץ -> 2 ריח -> 3 גודל
   ========================================================= */
.modal-card{
  width:min(1120px, calc(100vw - 36px))!important;
  max-height:min(900px, calc(100vh - 24px))!important;
}
#modalContent{min-width:0}
.upsell-wizard{display:grid;gap:14px;color:#f4fbff;min-width:0}
.wizard-topbar{justify-content:center;gap:12px;padding-top:2px}
.wizard-topbar span{font-weight:900;letter-spacing:.02em}
.wizard-stepper{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.wizard-step{display:flex;align-items:center;gap:10px;color:#91aabd;font-weight:800}
.wizard-step.active{color:#fff}
.wizard-step.done{color:#7de5ff}
.wizard-step-num{width:34px;height:34px;border-radius:999px;border:1px solid rgba(113,213,255,.28);display:grid;place-items:center;background:linear-gradient(180deg,rgba(9,23,37,.98),rgba(5,14,24,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.wizard-step.active .wizard-step-num,.wizard-step.done .wizard-step-num{border-color:rgba(66,217,255,.8);box-shadow:0 0 0 1px rgba(66,217,255,.15),0 0 20px rgba(66,217,255,.14)}
.wizard-step-line{width:34px;height:1px;background:linear-gradient(90deg,rgba(66,217,255,.02),rgba(66,217,255,.4),rgba(66,217,255,.02));display:block}
.wizard-section{display:grid;gap:12px}
.wizard-section-head h3{margin:0;font-size:1.28rem;line-height:1.15}
.wizard-section-head p{margin:4px 0 0;color:#a9bfd0;font-size:.95rem;line-height:1.45}
.wizard-product-card{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px;border-radius:24px;border:1px solid rgba(115,204,255,.18);background:linear-gradient(180deg,rgba(8,21,35,.94),rgba(4,13,23,.92));box-shadow:0 18px 50px rgba(0,0,0,.25)}
.wizard-product-media{min-height:136px;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle at 50% 38%,rgba(39,185,255,.16),rgba(6,15,24,.98) 70%)}
.wizard-product-media img{max-width:100%;max-height:126px;object-fit:contain}
.wizard-product-copy{display:grid;align-content:center;gap:8px}
.wizard-eyebrow{color:#69d9ff;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.wizard-product-copy h2{margin:0;font-size:2rem;line-height:1.05}
.wizard-product-copy p{margin:0;color:#c6d6e2;line-height:1.5;font-size:.97rem}
.wizard-product-meta{display:flex;flex-wrap:wrap;gap:10px}
.wizard-product-meta span{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;background:rgba(6,19,31,.88);border:1px solid rgba(112,204,255,.18);color:#dff6ff}
.wizard-scent-tools{display:grid;gap:10px}
.wizard-scent-cats{display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.wizard-cat-chip{white-space:nowrap;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(113,213,255,.2);background:rgba(4,15,26,.92);color:#e6f8ff;font-weight:800;cursor:pointer}
.wizard-cat-chip.active{background:linear-gradient(180deg,rgba(18,171,240,.24),rgba(8,30,45,.96));border-color:rgba(66,217,255,.75);box-shadow:0 0 0 1px rgba(66,217,255,.12),0 0 18px rgba(66,217,255,.1)}
.wizard-scent-search-wrap{display:grid}
.wizard-scent-search{min-height:48px;border-radius:16px;border:1px solid rgba(113,213,255,.18);background:rgba(6,18,28,.94);color:#fff;padding:0 14px;outline:none;font:inherit}
.wizard-selection-pill{min-height:38px;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:rgba(10,29,42,.75);border:1px solid rgba(113,213,255,.18);color:#d9f7ff;font-weight:700}
.wizard-scent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wizard-scent-grid.empty{grid-template-columns:1fr}
.wizard-scent-card{min-width:0;text-align:right;padding:10px;border-radius:22px;border:1px solid rgba(117,207,255,.18);background:linear-gradient(180deg,rgba(9,23,37,.96),rgba(5,14,24,.96));display:grid;grid-template-rows:190px auto;gap:10px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.wizard-scent-card:hover,.wizard-scent-card.active{transform:translateY(-2px);border-color:rgba(66,217,255,.8);box-shadow:0 0 0 1px rgba(66,217,255,.16),0 18px 42px rgba(0,0,0,.26),0 0 24px rgba(66,217,255,.1)}
.wizard-scent-media{height:190px;border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(39,185,255,.13),rgba(4,12,19,.98) 74%);display:grid;place-items:center;overflow:hidden;padding:8px}
.wizard-scent-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center center;display:block}
.wizard-scent-body{display:grid;gap:4px}
.wizard-scent-body strong{font-size:1rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wizard-scent-body small{color:#95b5c7;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wizard-scent-body em{font-style:normal;color:#56d9ff;font-size:.92rem;font-weight:900;margin-top:4px}
.wizard-pagination{display:flex;align-items:center;justify-content:center;gap:12px}
.wizard-page-btn{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(113,213,255,.2);background:rgba(4,15,26,.92);color:#fff;font-weight:800;cursor:pointer}
.wizard-page-btn:disabled{opacity:.45;cursor:not-allowed}
.wizard-empty{min-height:140px;display:grid;place-items:center;border-radius:18px;border:1px dashed rgba(113,213,255,.18);color:#bfd5e3}
.wizard-choice-summary{display:grid}
.wizard-choice-scent{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:12px;border-radius:22px;border:1px solid rgba(117,207,255,.18);background:linear-gradient(180deg,rgba(9,23,37,.96),rgba(5,14,24,.96))}
.wizard-choice-scent-media{height:112px;border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(39,185,255,.13),rgba(4,12,19,.98) 74%);display:grid;place-items:center;overflow:hidden;padding:8px}
.wizard-choice-scent-media img{max-width:100%;max-height:100%;object-fit:contain}
.wizard-choice-scent-copy{display:grid;align-content:center;gap:6px}.wizard-choice-scent-copy strong{font-size:1.06rem}.wizard-choice-scent-copy span{color:#9eb8c8}
.wizard-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wizard-size-card{min-height:128px;padding:14px;border-radius:20px;border:1px solid rgba(117,207,255,.18);background:linear-gradient(180deg,rgba(9,23,37,.96),rgba(5,14,24,.96));display:grid;align-content:center;justify-items:center;gap:8px;color:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.wizard-size-card strong{font-size:1.18rem;line-height:1.1}.wizard-size-price{font-size:1.08rem;color:#56d9ff;font-weight:900}.wizard-size-card small{font-size:.82rem;color:#9eb8c8;text-align:center;line-height:1.35}.wizard-size-card:hover,.wizard-size-card.active{transform:translateY(-2px);border-color:rgba(66,217,255,.82);box-shadow:0 0 0 1px rgba(66,217,255,.16),0 18px 42px rgba(0,0,0,.26),0 0 24px rgba(66,217,255,.1)}
.wizard-size-note{min-height:44px;border-radius:14px;border:1px solid rgba(117,207,255,.12);display:grid;place-items:center;padding:8px 12px;text-align:center;color:#9cb5c6;background:rgba(255,255,255,.03)}
.wizard-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wizard-actions .btn{min-height:56px;border-radius:18px;font-size:1rem}
@media (max-width: 1023px){
  .modal-card{width:min(96vw, 860px)!important}
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 760px){
  .modal-card{width:min(96vw, 460px)!important;max-height:calc(100dvh - 14px)!important;padding:12px!important}
  .upsell-wizard{gap:12px;max-height:calc(100dvh - 46px);overflow:auto;padding-inline:2px}
  .wizard-stepper{gap:8px}.wizard-step-line{width:18px}.wizard-step-label{font-size:.72rem}
  .wizard-product-card{grid-template-columns:86px 1fr;gap:10px;padding:10px;border-radius:20px}
  .wizard-product-media{min-height:88px}.wizard-product-media img{max-height:82px}
  .wizard-product-copy h2{font-size:1.34rem}.wizard-product-copy p{font-size:.82rem;line-height:1.38}
  .wizard-product-meta span{min-height:34px;font-size:.78rem;padding:0 10px}
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wizard-scent-card{grid-template-rows:148px auto;gap:8px;padding:8px;border-radius:18px}
  .wizard-scent-media{height:148px;border-radius:14px;padding:6px}
  .wizard-scent-body strong{font-size:.9rem}.wizard-scent-body small{font-size:.76rem}.wizard-scent-body em{font-size:.86rem}
  .wizard-pagination{gap:8px;font-size:.84rem}
  .wizard-choice-scent{grid-template-columns:84px 1fr;padding:10px}.wizard-choice-scent-media{height:84px}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wizard-size-card{min-height:112px;padding:12px}
  .wizard-actions{grid-template-columns:1fr;gap:10px}.wizard-actions .btn{min-height:52px}
}


/* =========================================================
   V20.1 — Final committee polish for Ori
   החלטות הכובעים: בלי glow מאחורי המפיץ, בלי דגם בפס העליון,
   תמונות שמן מלאות וברורות, כרטיסי ריח קומפקטיים יותר,
   וכרטיסי גודל עם בקבוקי הגדלים האמיתיים.
   ========================================================= */
.wizard-topbar{justify-content:center!important}
.wizard-topbar span{display:none!important}
.wizard-product-media,
.wizard-choice-scent-media{
  background:rgba(5,14,24,.38)!important;
  border:1px solid rgba(109,201,255,.10)!important;
  box-shadow:none!important;
}
.wizard-product-media img,
.wizard-choice-scent-media img{
  filter:none!important;
}
.wizard-scent-grid{gap:10px!important}
.wizard-scent-card{
  grid-template-rows:156px auto!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:20px!important;
}
.wizard-scent-media{
  height:156px!important;
  background:transparent!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.wizard-scent-media-frame{
  width:100%!important;
  height:100%!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(4,14,24,.55)!important;
  border:1px solid rgba(109,201,255,.12)!important;
  overflow:hidden!important;
}
.wizard-scent-media img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.wizard-scent-body{gap:3px!important}
.wizard-scent-body strong{font-size:.96rem!important}
.wizard-scent-body small{font-size:.8rem!important}
.wizard-scent-body em{font-size:.9rem!important}
.wizard-choice-scent{grid-template-columns:96px 1fr!important;align-items:center!important}
.wizard-choice-scent-media{height:96px!important;padding:6px!important}
.wizard-choice-scent-copy small{color:#7fcff0!important;font-size:.78rem!important;font-weight:700!important}
.wizard-size-grid{gap:10px!important}
.wizard-size-card{
  min-height:152px!important;
  padding:12px 10px!important;
  gap:5px!important;
  align-content:start!important;
}
.wizard-size-media{
  width:100%!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:2px!important;
}
.wizard-size-media img{
  max-width:100%!important;
  max-height:54px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
.wizard-size-card strong{font-size:1.08rem!important}
.wizard-size-price{font-size:1rem!important}
.wizard-size-card small{font-size:.78rem!important;line-height:1.28!important}
@media (max-width:1023px){
  .wizard-scent-card{grid-template-rows:142px auto!important}
  .wizard-scent-media{height:142px!important}
}
@media (max-width:760px){
  .wizard-scent-grid{gap:8px!important}
  .wizard-scent-card{grid-template-rows:126px auto!important;padding:7px!important}
  .wizard-scent-media{height:126px!important}
  .wizard-scent-body strong{font-size:.88rem!important}
  .wizard-scent-body small{font-size:.74rem!important}
  .wizard-scent-body em{font-size:.84rem!important}
  .wizard-choice-scent{grid-template-columns:78px 1fr!important}
  .wizard-choice-scent-media{height:78px!important}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .wizard-size-card{min-height:138px!important;padding:10px 8px!important}
  .wizard-size-media{height:48px!important}
  .wizard-size-media img{max-height:48px!important}
}


/* =========================================================
   V20.2 — Final premium scent-card architecture
   החלטת 20 הכובעים: כרטיס ריח = רקע אווירה חתוך + בקבוק מוצר נקי מעליו.
   כך לא רואים חצי בקבוק, והכרטיס נשאר קומפקטי ופרימיום.
   ========================================================= */
.wizard-topbar{justify-content:center!important}.wizard-topbar span{display:none!important}
.wizard-scent-card{
  grid-template-rows:128px auto!important;
  min-height:220px!important;
  padding:9px!important;
  border-radius:19px!important;
}
.wizard-scent-media{
  position:relative!important;
  height:128px!important;
  padding:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#06131f!important;
  border:1px solid rgba(109,201,255,.12)!important;
}
.wizard-scent-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.52!important;
  filter:saturate(.95) brightness(.72) contrast(1.05)!important;
  transform:scale(1.03)!important;
}
.wizard-scent-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 50% 45%,rgba(66,217,255,.12),transparent 45%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28))!important;
  pointer-events:none!important;
}
.wizard-scent-bottle{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  height:112px!important;
  max-height:calc(100% - 12px)!important;
  max-width:52%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.45))!important;
}
.wizard-scent-body{padding-top:1px!important;gap:3px!important;text-align:right!important}
.wizard-scent-body strong{font-size:.94rem!important;line-height:1.12!important;color:#f6fbff!important}
.wizard-scent-body small{font-size:.78rem!important;color:#9eb8c8!important}
.wizard-scent-body em{font-size:.88rem!important;color:#56d9ff!important}
.wizard-size-card{min-height:154px!important;align-content:center!important}
.wizard-size-media{height:62px!important;margin-bottom:4px!important}.wizard-size-media img{max-height:62px!important}
@media (max-width:1023px){
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wizard-scent-card{grid-template-rows:122px auto!important;min-height:212px!important}
  .wizard-scent-media{height:122px!important}.wizard-scent-bottle{height:106px!important}
}
@media (max-width:760px){
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .wizard-scent-card{grid-template-rows:112px auto!important;min-height:198px!important;padding:8px!important;border-radius:17px!important}
  .wizard-scent-media{height:112px!important;border-radius:13px!important}
  .wizard-scent-bottle{height:98px!important;max-width:56%!important}
  .wizard-scent-body strong{font-size:.86rem!important}.wizard-scent-body small{font-size:.72rem!important}.wizard-scent-body em{font-size:.82rem!important}
  .wizard-size-card{min-height:142px!important}.wizard-size-media{height:54px!important}.wizard-size-media img{max-height:54px!important}
}


/* =========================================================
   V21 — Pixel-perfect scent-card assets for upsell only
   קטלוג ראשי לא משתנה. בחלונית בחירת ריח בלבד נטענות תמונות כרטיס
   מוכנות מראש מתוך assets/oils/cards/. בלי שכבות, בלי חיתוך, בלי כפילויות.
   ========================================================= */
.wizard-topbar{justify-content:center!important}
.wizard-topbar span{display:none!important}
.wizard-product-media{
  background:rgba(5,14,24,.32)!important;
  border:1px solid rgba(109,201,255,.10)!important;
  box-shadow:none!important;
}
.wizard-product-media img{filter:none!important}
.wizard-scent-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.wizard-scent-card{
  grid-template-rows:170px auto!important;
  min-height:246px!important;
  padding:9px!important;
  gap:9px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(8,21,34,.98),rgba(4,13,23,.98))!important;
  border:1px solid rgba(117,207,255,.18)!important;
  overflow:hidden!important;
}
.wizard-scent-card:hover,
.wizard-scent-card.active{
  transform:translateY(-2px)!important;
  border-color:rgba(66,217,255,.86)!important;
  box-shadow:0 0 0 1px rgba(66,217,255,.18),0 20px 48px rgba(0,0,0,.34),0 0 26px rgba(66,217,255,.10)!important;
}
.wizard-scent-card.active::before{
  content:'✓';
  position:absolute;
  z-index:4;
  top:14px;
  left:14px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#06121e;
  background:linear-gradient(90deg,#20c9ff,#77e9ff);
  font-weight:950;
  box-shadow:0 0 18px rgba(66,217,255,.28);
}
.wizard-scent-media{
  position:relative!important;
  height:170px!important;
  padding:0!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#05111d!important;
  border:1px solid rgba(109,201,255,.12)!important;
}
.wizard-scent-media::after,
.wizard-scent-bg,
.wizard-scent-bottle{display:none!important}
.wizard-scent-card-art{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transform:none!important;
  filter:none!important;
}
.wizard-scent-body{
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
  padding:0 2px 2px!important;
  text-align:right!important;
}
.wizard-scent-body strong{
  font-size:1.02rem!important;
  line-height:1.12!important;
  color:#f6fbff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wizard-scent-body small{
  font-size:.82rem!important;
  line-height:1.18!important;
  color:#9eb8c8!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wizard-scent-body em{
  font-size:.94rem!important;
  line-height:1!important;
  color:#56d9ff!important;
  font-weight:950!important;
  font-style:normal!important;
  margin-top:4px!important;
}
.wizard-choice-scent-media{
  height:104px!important;
  padding:0!important;
  border-radius:18px!important;
  background:#05111d!important;
  overflow:hidden!important;
}
.wizard-choice-scent-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.wizard-size-card{
  min-height:166px!important;
  align-content:center!important;
  padding:12px 10px!important;
  gap:6px!important;
}
.wizard-size-media{height:72px!important;margin-bottom:4px!important}
.wizard-size-media img{max-height:72px!important;width:auto!important;object-fit:contain!important}
.wizard-size-card strong{font-size:1.08rem!important}.wizard-size-price{font-size:1.02rem!important}.wizard-size-card small{font-size:.78rem!important}
@media (max-width:1023px){
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .wizard-scent-card{grid-template-rows:154px auto!important;min-height:230px!important}
  .wizard-scent-media{height:154px!important}
}
@media (max-width:760px){
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .wizard-scent-card{grid-template-rows:130px auto!important;min-height:204px!important;padding:8px!important;border-radius:18px!important;gap:8px!important}
  .wizard-scent-media{height:130px!important;border-radius:14px!important}
  .wizard-scent-body strong{font-size:.9rem!important}.wizard-scent-body small{font-size:.74rem!important}.wizard-scent-body em{font-size:.84rem!important}
  .wizard-scent-card.active::before{top:11px;left:11px;width:26px;height:26px;font-size:.82rem}
  .wizard-choice-scent-media{height:84px!important}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .wizard-size-card{min-height:150px!important;padding:10px 8px!important}
  .wizard-size-media{height:62px!important}.wizard-size-media img{max-height:62px!important}
}


/* =========================================================
   V21.1 — Mobile-first final polish for oil-selection wizard
   Fixes: no horizontal overflow, no ugly scrollbars, cleaner card art,
   premium compact scent cards on desktop + iPhone.
   ========================================================= */
.modal,
.modal-card,
#modalContent,
.upsell-wizard,
.wizard-section,
.wizard-scent-step,
.wizard-scent-tools,
.wizard-scent-grid{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
.modal-card:has(.upsell-wizard){overflow:hidden!important;width:min(1120px,calc(100vw - 32px))!important}
.upsell-wizard{overflow-x:hidden!important}
.wizard-scent-cats{
  overflow:visible!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
  max-width:100%!important;
}
.wizard-cat-chip{min-height:38px!important;padding:0 13px!important;font-size:.88rem!important}
.wizard-scent-search{min-height:44px!important}
.wizard-scent-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.wizard-scent-card{
  grid-template-rows:158px auto!important;
  min-height:236px!important;
  padding:8px!important;
  gap:8px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(7,20,33,.98),rgba(3,12,21,.98))!important;
}
.wizard-scent-media{
  height:158px!important;
  border-radius:16px!important;
  background:#04111d!important;
  padding:0!important;
}
.wizard-scent-card-art{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
}
.wizard-scent-body{gap:3px!important;padding:0 2px!important;text-align:right!important}
.wizard-scent-body strong{font-size:.98rem!important;line-height:1.1!important}
.wizard-scent-body small{font-size:.78rem!important;line-height:1.16!important}
.wizard-scent-body em{font-size:.88rem!important;line-height:1!important;margin-top:3px!important}
.wizard-pagination{margin-top:2px!important}
.wizard-actions{position:relative!important;z-index:3!important}
@media (max-width:1023px){
  .modal-card:has(.upsell-wizard){width:min(96vw,820px)!important}
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .wizard-scent-card{grid-template-rows:146px auto!important;min-height:220px!important}
  .wizard-scent-media{height:146px!important}
}
@media (max-width:760px){
  .modal{padding:8px!important;align-items:center!important;overflow:hidden!important}
  .modal-card:has(.upsell-wizard){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:10px!important;border-radius:24px!important;overflow:hidden!important}
  .upsell-wizard{max-height:calc(100dvh - 38px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-inline:0!important;gap:10px!important;scrollbar-width:thin!important;scrollbar-color:rgba(111,209,255,.45) transparent!important}
  .upsell-wizard::-webkit-scrollbar{width:3px!important;height:0!important}.upsell-wizard::-webkit-scrollbar-track{background:transparent!important}.upsell-wizard::-webkit-scrollbar-thumb{background:rgba(111,209,255,.45)!important;border-radius:99px!important}
  .wizard-stepper{justify-content:center!important;gap:6px!important;flex-wrap:nowrap!important;overflow:hidden!important}
  .wizard-step{gap:5px!important}.wizard-step-num{width:30px!important;height:30px!important}.wizard-step-label{font-size:.66rem!important;white-space:nowrap!important}.wizard-step-line{width:14px!important;flex:0 0 14px!important}
  .wizard-section-head h3{font-size:1.45rem!important;line-height:1.1!important}.wizard-section-head p{font-size:.82rem!important;line-height:1.35!important}
  .wizard-scent-cats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important}
  .wizard-cat-chip{width:100%!important;min-height:34px!important;padding:0 6px!important;font-size:.72rem!important;border-radius:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .wizard-scent-search{min-height:42px!important;border-radius:15px!important;font-size:.82rem!important}
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .wizard-scent-card{grid-template-rows:112px auto!important;min-height:190px!important;padding:7px!important;border-radius:18px!important;gap:7px!important}
  .wizard-scent-media{height:112px!important;border-radius:13px!important}
  .wizard-scent-body strong{font-size:.82rem!important;line-height:1.1!important}.wizard-scent-body small{font-size:.68rem!important}.wizard-scent-body em{font-size:.78rem!important}
  .wizard-scent-card.active::before{top:9px!important;left:9px!important;width:24px!important;height:24px!important;font-size:.78rem!important}
  .wizard-pagination{gap:6px!important;font-size:.76rem!important;flex-wrap:nowrap!important}.wizard-page-btn{min-height:34px!important;padding:0 11px!important;border-radius:11px!important;font-size:.76rem!important}
  .wizard-actions{grid-template-columns:1fr!important;gap:8px!important}.wizard-actions .btn{min-height:48px!important;border-radius:16px!important;font-size:.88rem!important}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.wizard-size-card{min-height:140px!important}.wizard-size-media{height:58px!important}.wizard-size-media img{max-height:58px!important}
}
@media (max-width:380px){
  .wizard-scent-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wizard-scent-card{grid-template-rows:104px auto!important;min-height:184px!important}
  .wizard-scent-media{height:104px!important}
}


/* =========================================================
   V22 — Premium wizard final UX polish
   Auto flow: scent -> size -> cart, compact modal, clean cards, no mobile overflow.
   ========================================================= */
.modal{overflow:hidden!important;padding:12px!important;align-items:center!important;justify-content:center!important}
.modal-card:has(.upsell-wizard){
  width:min(1040px,calc(100vw - 48px))!important;
  max-height:calc(100vh - 40px)!important;
  overflow:hidden!important;
  padding:18px!important;
  border-radius:26px!important;
}
.upsell-wizard{
  max-width:100%!important;
  max-height:calc(100vh - 78px)!important;
  overflow:auto!important;
  overflow-x:hidden!important;
  gap:11px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(118,205,255,.42) rgba(255,255,255,.035);
}
.upsell-wizard::-webkit-scrollbar{width:7px}.upsell-wizard::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:99px}.upsell-wizard::-webkit-scrollbar-thumb{background:rgba(118,205,255,.42);border-radius:99px}
.wizard-topbar{min-height:22px!important;padding-top:0!important}.wizard-topbar .upsell-logo{height:22px!important;max-width:72px!important}
.wizard-stepper{gap:8px!important;margin-bottom:2px!important}.wizard-step-num{width:31px!important;height:31px!important}.wizard-step-line{width:28px!important}.wizard-step-label{font-size:.86rem!important}
.wizard-section{gap:10px!important;max-width:100%!important;overflow-x:hidden!important}.wizard-section-head{text-align:right!important}.wizard-section-head h3{font-size:1.2rem!important}.wizard-section-head p{font-size:.84rem!important;line-height:1.35!important}
.wizard-product-card{grid-template-columns:112px 1fr!important;min-height:118px!important;padding:12px!important}.wizard-product-media{min-height:112px!important;background:rgba(4,13,23,.62)!important;box-shadow:none!important}.wizard-product-media img{max-height:102px!important}.wizard-product-copy h2{font-size:1.58rem!important}.wizard-product-copy p{font-size:.88rem!important;line-height:1.42!important}
.wizard-scent-tools{gap:9px!important;max-width:100%!important;overflow-x:hidden!important}.wizard-scent-cats{direction:rtl!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;padding:0!important;max-width:100%!important}.wizard-cat-chip{min-height:36px!important;padding:0 13px!important;font-size:.82rem!important;flex:0 0 auto!important}.wizard-scent-search{min-height:42px!important;border-radius:14px!important;font-size:.82rem!important}.wizard-selection-pill{min-height:34px!important;font-size:.82rem!important}
.wizard-scent-grid{
  direction:rtl!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.wizard-scent-card{
  grid-template-rows:138px auto!important;
  min-height:232px!important;
  padding:8px!important;
  border-radius:18px!important;
  gap:7px!important;
}
.wizard-scent-media{height:138px!important;border-radius:14px!important;background:rgba(4,13,23,.72)!important;padding:0!important;overflow:hidden!important}.wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;display:block!important}.wizard-scent-body{gap:2px!important}.wizard-scent-body strong{font-size:.92rem!important}.wizard-scent-body small{font-size:.75rem!important}.wizard-scent-body em{font-size:.84rem!important;margin-top:3px!important}.wizard-scent-card.active::before{content:'✓';position:absolute;top:10px;left:10px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(2,15,24,.9);border:1px solid rgba(66,217,255,.9);color:#5ee4ff;font-weight:900;z-index:3}
.wizard-pagination{gap:10px!important;margin-top:0!important}.wizard-pagination span{min-width:92px;text-align:center;color:#c7d8e4;font-weight:800}.wizard-page-btn{min-height:34px!important;padding:0 14px!important}.wizard-page-btn:not(:disabled){border-color:rgba(92,205,255,.44)!important;color:#fff!important}.wizard-page-btn:disabled{opacity:.35!important}
.wizard-choice-scent{grid-template-columns:96px 1fr!important;min-height:98px!important}.wizard-choice-scent-media{height:90px!important}.wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:13px!important}
.wizard-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.wizard-size-card{min-height:142px!important;padding:10px!important}.wizard-size-media{height:50px!important}.wizard-size-media img{max-height:50px!important}.wizard-size-card strong{font-size:1rem!important}.wizard-size-price{font-size:.95rem!important}.wizard-size-card small{font-size:.74rem!important}.wizard-size-note{min-height:36px!important;font-size:.78rem!important}.wizard-actions{gap:10px!important}.wizard-actions-single{grid-template-columns:1fr!important}.wizard-actions .btn{min-height:46px!important;border-radius:15px!important;font-size:.9rem!important}
@media (max-width:760px){
  .modal{padding:6px!important;overflow:hidden!important}.modal-card:has(.upsell-wizard){width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:10px!important;border-radius:22px!important;overflow:hidden!important}.modal-card:has(.upsell-wizard) .close-modal{top:9px!important;left:9px!important;width:34px!important;height:34px!important;border-radius:12px!important}.upsell-wizard{max-height:calc(100dvh - 36px)!important;gap:9px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 1px 6px!important}.wizard-topbar .upsell-logo{height:18px!important;max-width:58px!important}.wizard-stepper{gap:5px!important;justify-content:center!important;flex-wrap:nowrap!important}.wizard-step{gap:5px!important}.wizard-step-num{width:28px!important;height:28px!important;font-size:.78rem!important}.wizard-step-label{font-size:.68rem!important;white-space:nowrap!important}.wizard-step-line{width:14px!important}.wizard-section-head h3{font-size:1.1rem!important}.wizard-section-head p{font-size:.75rem!important}.wizard-product-card{grid-template-columns:78px 1fr!important;gap:8px!important;min-height:94px!important;padding:9px!important}.wizard-product-media{min-height:78px!important}.wizard-product-media img{max-height:72px!important}.wizard-product-copy h2{font-size:1.22rem!important}.wizard-product-copy p{font-size:.72rem!important;line-height:1.28!important}.wizard-product-meta span{min-height:30px!important;font-size:.66rem!important;padding:0 7px!important}.wizard-scent-cats{gap:6px!important;justify-content:flex-start!important;flex-wrap:wrap!important;overflow:visible!important}.wizard-cat-chip{min-height:32px!important;padding:0 10px!important;font-size:.68rem!important}.wizard-scent-search{min-height:38px!important;font-size:.72rem!important}.wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important}.wizard-scent-card{grid-template-rows:104px auto!important;min-height:184px!important;padding:7px!important;border-radius:15px!important}.wizard-scent-media{height:104px!important;border-radius:12px!important}.wizard-scent-body strong{font-size:.78rem!important}.wizard-scent-body small{font-size:.66rem!important}.wizard-scent-body em{font-size:.72rem!important}.wizard-pagination{gap:7px!important;font-size:.76rem!important}.wizard-page-btn{min-height:32px!important;padding:0 11px!important}.wizard-pagination span{min-width:74px}.wizard-choice-scent{grid-template-columns:76px 1fr!important;min-height:82px!important;padding:8px!important}.wizard-choice-scent-media{height:74px!important}.wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.wizard-size-card{min-height:128px!important;padding:8px!important}.wizard-size-media{height:46px!important}.wizard-size-media img{max-height:46px!important}.wizard-size-card strong{font-size:.92rem!important}.wizard-size-price{font-size:.88rem!important}.wizard-size-card small{font-size:.68rem!important}.wizard-actions{grid-template-columns:1fr!important}.wizard-actions .btn{min-height:42px!important;font-size:.8rem!important}body{overflow-x:hidden!important}
}

/* =========================================================
   V24 — Expert targeted correction layer
   Scope: fixes requested by Or only.
   - Catalog scent images restored to original via assets/oils/*.webp.
   - New 30 scent images are used only in wizard stage 2 via assets/oils/cards/*.webp.
   - Product PNGs: no white halo/background in modal/wizard.
   - Premium mobile wizard: straight, compact, horizontal chips, full scent bottle art.
   - Accessibility button blue; premium mobile menu icon.
   ========================================================= */
:root{
  --m24-bg:#06131f;
  --m24-panel:#071827;
  --m24-panel-2:#0a2032;
  --m24-line:rgba(83,205,255,.38);
  --m24-line-soft:rgba(83,205,255,.20);
  --m24-cyan:#42d7ff;
  --m24-cyan-2:#68e5ff;
  --m24-text:#f4fbff;
  --m24-muted:#9fb8c7;
}

/* 1) Floating accessibility — back to premium blue, not white */
.floating.access{
  background:linear-gradient(180deg,#123755 0%,#071f35 100%)!important;
  color:#f6fcff!important;
  border-color:rgba(104,229,255,.42)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 24px rgba(66,215,255,.16),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.floating.access svg{filter:drop-shadow(0 0 9px rgba(104,229,255,.30))!important}
.floating.access::before{background:radial-gradient(circle,rgba(66,215,255,.20),rgba(66,215,255,.08) 46%,transparent 70%)!important}
.floating.access::after{border:1px solid rgba(126,223,255,.32)!important}
.floating.access:hover,.floating.access:focus-visible{box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 30px rgba(66,215,255,.30)!important}
.floating.access:hover::before,.floating.access:hover::after,.floating.access:focus-visible::before,.floating.access:focus-visible::after{opacity:1!important;transform:scale(1.18)!important;animation:ripplePulse 1.3s ease-out infinite!important}

/* 2) Premium mobile hamburger — less generic, sharper, glass outline */
.menu-btn{
  border-radius:20px!important;
  border-color:rgba(104,229,255,.38)!important;
  background:linear-gradient(180deg,rgba(10,32,50,.82),rgba(4,15,25,.94))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 22px rgba(66,215,255,.12)!important;
}
.menu-btn span{
  width:25px!important;
  height:1.8px!important;
  margin:3.4px 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.72),#ffffff 45%,rgba(104,229,255,.92))!important;
  box-shadow:0 0 9px rgba(104,229,255,.20)!important;
}
.menu-btn span:nth-child(2){width:19px!important;justify-self:end!important}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(8.6px) rotate(45deg)!important;width:25px!important}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:translateX(-8px)!important}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-8.6px) rotate(-45deg)!important;width:25px!important}

/* 3) Product images must stay clean transparent PNGs — no white/blue halo frame */
.product-img,
.modal-img,
.wizard-product-media,
.upsell-product-media{
  background:transparent!important;
  box-shadow:none!important;
}
.product-img::before,.product-img::after,.modal-img::before,.modal-img::after,.wizard-product-media::before,.wizard-product-media::after{display:none!important;content:none!important}
.modal-img{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.32))!important;
}
.modal-grid img.modal-img,
.wizard-product-media img{
  object-fit:contain!important;
  background:transparent!important;
}

/* 4) Product modal desktop/mobile premium alignment */
.modal-card:not(:has(.upsell-wizard)){
  background:linear-gradient(180deg,rgba(7,20,33,.98),rgba(3,12,21,.985))!important;
  border-color:rgba(83,205,255,.34)!important;
  box-shadow:0 30px 86px rgba(0,0,0,.58),0 0 46px rgba(66,215,255,.09),inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.modal-card:not(:has(.upsell-wizard)) .modal-copy h2{letter-spacing:-.025em!important;color:#f7fbff!important;text-shadow:0 0 18px rgba(66,215,255,.06)!important}
.modal-card:not(:has(.upsell-wizard)) .spec-list{gap:6px!important;margin:0 0 10px!important}
.modal-card:not(:has(.upsell-wizard)) .spec-list div{
  min-height:38px!important;
  grid-template-columns:minmax(72px,86px) 1fr!important;
  align-items:center!important;
  padding:7px 12px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(12,29,45,.82),rgba(7,22,35,.82))!important;
  border:1px solid rgba(255,255,255,.025)!important;
}
.modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.9rem!important;color:#f5fbff!important;font-weight:950!important;white-space:nowrap!important}
.modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.86rem!important;line-height:1.25!important;color:#b6cad7!important;min-width:0!important}
.modal-card:not(:has(.upsell-wizard)) .product-price{
  background:linear-gradient(180deg,rgba(9,33,51,.84),rgba(3,18,29,.88))!important;
  border-color:rgba(83,205,255,.28)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 22px rgba(66,215,255,.07)!important;
}
@media (min-width:900px){
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{grid-template-columns:minmax(320px,.92fr) minmax(390px,1fr)!important;gap:30px!important;align-items:center!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-img{width:min(34vw,380px)!important;height:520px!important;max-height:64vh!important}
}
@media (max-width:760px){
  .modal{padding:7px!important;align-items:center!important}
  .modal-card:not(:has(.upsell-wizard)){
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    padding:10px 12px 12px!important;
    border-radius:24px!important;
    overflow:auto!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .close-modal{width:36px!important;height:36px!important;border-radius:13px!important;top:0!important;margin-bottom:0!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{gap:6px!important;align-items:center!important;text-align:right!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-img{width:min(72vw,282px)!important;height:210px!important;max-height:210px!important;margin:-6px auto 0!important;object-fit:contain!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy h2{font-size:2rem!important;line-height:1!important;text-align:right!important;margin:0 0 4px!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .short{font-size:.88rem!important;line-height:1.35!important;margin:0 0 8px!important;text-align:right!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list{gap:5px!important;margin-bottom:8px!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div{min-height:36px!important;padding:6px 10px!important;border-radius:12px!important;grid-template-columns:74px 1fr!important;gap:7px!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.82rem!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.78rem!important;line-height:1.22!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .product-price{width:min(100%,216px)!important;padding:7px 10px!important;margin:7px auto 8px!important;border-radius:15px!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .price-label{font-size:.66rem!important}.modal-card:not(:has(.upsell-wizard)) .modal-copy .price-main strong{font-size:1.42rem!important}.modal-card:not(:has(.upsell-wizard)) .modal-copy .price-old{font-size:.66rem!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .btn.wide{width:min(100%,216px)!important;min-height:48px!important;border-radius:16px!important;margin-inline:auto!important}
}

/* 5) Upsell wizard shell: cleaner, premium, no broken overflow */
.modal-card:has(.upsell-wizard){
  background:linear-gradient(180deg,rgba(7,20,33,.985),rgba(3,12,21,.99))!important;
  border-color:rgba(83,205,255,.34)!important;
  box-shadow:0 32px 92px rgba(0,0,0,.60),0 0 50px rgba(66,215,255,.10),inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.upsell-wizard{scrollbar-gutter:stable!important;overscroll-behavior:contain!important}
.wizard-pagination.is-single{display:none!important}
.wizard-stepper{direction:rtl!important;align-items:center!important;justify-content:center!important}
.wizard-step{color:#9ab5c5!important;font-weight:950!important}.wizard-step.active{color:#f5fbff!important}.wizard-step.done{color:#65e5ff!important}
.wizard-step-num{border-color:rgba(104,229,255,.42)!important;background:rgba(7,24,38,.72)!important;box-shadow:0 0 18px rgba(66,215,255,.08)!important}.wizard-step.active .wizard-step-num,.wizard-step.done .wizard-step-num{border-color:rgba(104,229,255,.86)!important;color:#66e6ff!important;background:rgba(9,36,55,.92)!important}
.wizard-step-line{height:1px!important;background:linear-gradient(90deg,rgba(104,229,255,.12),rgba(104,229,255,.58),rgba(104,229,255,.12))!important;border:0!important}
.wizard-section-head{text-align:right!important}.wizard-section-head h3{color:#f7fbff!important;letter-spacing:-.018em!important}.wizard-section-head p{color:#9fb8c7!important}
.wizard-product-card,.wizard-choice-scent{
  border:1px solid rgba(83,205,255,.28)!important;
  background:linear-gradient(180deg,rgba(8,24,38,.72),rgba(4,15,25,.84))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 16px 34px rgba(0,0,0,.20)!important;
}
.wizard-product-media img{filter:drop-shadow(0 16px 18px rgba(0,0,0,.34))!important}
.wizard-product-copy h2,.wizard-choice-scent-copy strong{color:#f7fbff!important;letter-spacing:-.018em!important}.wizard-product-copy p,.wizard-choice-scent-copy span,.wizard-choice-scent-copy small{color:#a8bfcc!important}
.wizard-product-meta span{border-color:rgba(104,229,255,.26)!important;background:rgba(7,24,38,.58)!important;color:#c8dbe5!important}.wizard-product-meta b{color:#f7fbff!important}
.wizard-actions .btn{font-weight:950!important}.wizard-actions .btn.ghost{border-color:rgba(132,221,255,.64)!important;background:rgba(7,22,35,.78)!important}.wizard-actions .btn.primary{background:linear-gradient(90deg,#22bfff,#72e7ff)!important;color:#03141d!important}

/* 6) Mobile wizard: horizontal category chips, full bottle cards, straight spacing */
@media (max-width:760px){
  .modal-card:has(.upsell-wizard){
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    padding:10px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.upsell-wizard) .close-modal{top:9px!important;left:9px!important;width:36px!important;height:36px!important;border-radius:13px!important;z-index:20!important}
  .upsell-wizard{max-height:calc(100dvh - 38px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 8px!important;gap:10px!important;scrollbar-width:thin!important;scrollbar-color:rgba(104,229,255,.52) transparent!important}
  .upsell-wizard::-webkit-scrollbar{width:3px!important}.upsell-wizard::-webkit-scrollbar-track{background:transparent!important}.upsell-wizard::-webkit-scrollbar-thumb{background:rgba(104,229,255,.48)!important;border-radius:999px!important}
  .wizard-topbar .upsell-logo{height:18px!important;max-width:56px!important;margin-inline:auto!important}
  .wizard-stepper{gap:5px!important;flex-wrap:nowrap!important;overflow:visible!important;margin:0 auto 3px!important;max-width:100%!important;padding-inline:32px!important}
  .wizard-step{gap:4px!important;min-width:0!important}.wizard-step-num{width:28px!important;height:28px!important;font-size:.78rem!important}.wizard-step-label{font-size:.68rem!important;white-space:nowrap!important}.wizard-step-line{width:13px!important;flex:0 0 13px!important}
  .wizard-section{gap:10px!important;overflow:visible!important}.wizard-section-head h3{font-size:1.28rem!important;line-height:1.08!important;margin-bottom:2px!important}.wizard-section-head p{font-size:.78rem!important;line-height:1.35!important}
  .wizard-product-card{grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;min-height:108px!important;padding:10px!important;border-radius:20px!important;align-items:center!important;direction:rtl!important}
  .wizard-product-media{min-height:88px!important;height:88px!important;border-radius:16px!important;display:grid!important;place-items:center!important}.wizard-product-media img{max-height:86px!important;max-width:92px!important;object-fit:contain!important}
  .wizard-product-copy h2{font-size:1.42rem!important;line-height:1!important;margin-bottom:4px!important}.wizard-product-copy p{font-size:.78rem!important;line-height:1.32!important;margin-bottom:7px!important}.wizard-eyebrow{font-size:.66rem!important;color:#63ddff!important;font-weight:950!important}.wizard-product-meta{gap:6px!important}.wizard-product-meta span{min-height:28px!important;padding:0 8px!important;border-radius:999px!important;font-size:.68rem!important}
  .wizard-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.wizard-actions .btn{min-height:44px!important;border-radius:15px!important;font-size:.82rem!important}

  .wizard-scent-tools{gap:8px!important;overflow:visible!important}
  .wizard-scent-cats{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:100%!important;
    padding:0 1px 4px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
  }
  .wizard-scent-cats::-webkit-scrollbar{display:none!important}
  .wizard-cat-chip{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:34px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    font-size:.76rem!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  .wizard-scent-search{min-height:40px!important;border-radius:999px!important;font-size:.76rem!important;padding-inline:14px!important;background:rgba(4,16,27,.82)!important;border-color:rgba(83,205,255,.24)!important;text-align:right!important}
  .wizard-selection-pill{min-height:32px!important;border-radius:999px!important;font-size:.76rem!important}
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding-bottom:2px!important}
  .wizard-scent-card{grid-template-rows:auto auto!important;min-height:0!important;padding:7px!important;border-radius:18px!important;gap:7px!important;background:linear-gradient(180deg,rgba(7,20,33,.96),rgba(3,12,21,.98))!important;border-color:rgba(83,205,255,.24)!important}
  .wizard-scent-media{width:100%!important;height:auto!important;aspect-ratio:4/3!important;border-radius:14px!important;overflow:hidden!important;background:#04111d!important;padding:0!important}
  .wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;filter:none!important;opacity:1!important}
  .wizard-scent-body{padding:0 2px 1px!important;gap:2px!important;min-height:58px!important}.wizard-scent-body strong{font-size:.80rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wizard-scent-body small{font-size:.66rem!important;line-height:1.1!important}.wizard-scent-body em{font-size:.75rem!important;line-height:1!important;margin-top:2px!important;color:#5de1ff!important}
  .wizard-scent-card.active{border-color:rgba(104,229,255,.92)!important;box-shadow:0 0 0 1px rgba(104,229,255,.18),0 0 24px rgba(66,215,255,.13)!important}.wizard-scent-card.active::before{top:9px!important;left:9px!important;width:24px!important;height:24px!important;font-size:.78rem!important}

  .wizard-choice-scent{grid-template-columns:90px minmax(0,1fr)!important;gap:10px!important;min-height:96px!important;padding:9px!important;border-radius:20px!important;align-items:center!important;direction:rtl!important}
  .wizard-choice-scent-media{height:auto!important;aspect-ratio:4/3!important;border-radius:15px!important;overflow:hidden!important;background:#04111d!important}.wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
  .wizard-choice-scent-copy strong{font-size:1rem!important;line-height:1.08!important}.wizard-choice-scent-copy span{font-size:.76rem!important}.wizard-choice-scent-copy small{font-size:.72rem!important;color:#5de1ff!important}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .wizard-size-card{min-height:134px!important;padding:9px!important;border-radius:19px!important;background:linear-gradient(180deg,rgba(8,24,38,.78),rgba(4,15,25,.88))!important;border-color:rgba(83,205,255,.26)!important;gap:5px!important}
  .wizard-size-card.active{border-color:rgba(104,229,255,.92)!important;box-shadow:0 0 0 1px rgba(104,229,255,.18),0 0 24px rgba(66,215,255,.13)!important;background:linear-gradient(180deg,rgba(10,34,53,.86),rgba(4,18,30,.94))!important}
  .wizard-size-media{height:52px!important;margin:0!important}.wizard-size-media img{max-height:52px!important;width:auto!important;object-fit:contain!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.24))!important}
  .wizard-size-card strong{font-size:.98rem!important;line-height:1.08!important}.wizard-size-price{font-size:.92rem!important;color:#5de1ff!important}.wizard-size-card small{font-size:.68rem!important;line-height:1.12!important;color:#9fb8c7!important}.wizard-size-note{min-height:32px!important;font-size:.72rem!important;border-radius:14px!important;padding:7px 10px!important}
}
@media (max-width:390px){
  .wizard-stepper{padding-inline:28px!important}.wizard-step-label{font-size:.62rem!important}.wizard-step-line{width:10px!important;flex-basis:10px!important}.wizard-scent-grid{gap:8px!important}.wizard-scent-body strong{font-size:.76rem!important}.wizard-size-card{min-height:128px!important}.wizard-size-media{height:48px!important}.wizard-size-media img{max-height:48px!important}
}


/* =========================================================
   V25 FINAL PREMIUM UI FIX — targeted, CSS-first overrides
   Scope: mobile product modal, wizard steps, scent pagination/cards,
   premium menu icon, safe scroll fade. Do not alter catalog images.
   ========================================================= */
:root{
  --v25-bg-main:#03101A;
  --v25-bg-alt:#04131F;
  --v25-panel:#071B2A;
  --v25-panel-deep:#04111D;
  --v25-border:rgba(83,205,255,.32);
  --v25-border-active:rgba(104,229,255,.88);
  --v25-accent:#38D5FF;
  --v25-accent-light:#6BE7FF;
  --v25-text:#F5FBFF;
  --v25-muted:#A8BFCC;
  --v25-dim:#7F98A8;
  --v25-shadow:rgba(0,0,0,.45);
}

/* Fade / reveal — light, GPU-safe, no heavy blur */
.reveal-on-scroll{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .42s cubic-bezier(.22,.61,.36,1),transform .42s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
}

/* Chosen premium mobile menu icon */
.menu-btn{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  border:1px solid rgba(104,229,255,.34)!important;
  background-image:url("assets/ui-icons/menu-premium.webp")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:rgba(4,17,29,.78)!important;
  box-shadow:0 0 24px rgba(56,213,255,.12),inset 0 0 0 1px rgba(255,255,255,.03)!important;
  overflow:hidden!important;
}
.menu-btn span{opacity:0!important;visibility:hidden!important;display:none!important}
.menu-btn[aria-expanded="true"]{transform:scale(.985)!important;filter:saturate(1.08) brightness(1.04)!important}

/* Product images: transparent PNG only, no halos/frames */
.product-img,.modal-img,.wizard-product-media,.upsell-product-media{background:transparent!important;box-shadow:none!important}
.product-img::before,.product-img::after,.modal-img::before,.modal-img::after,.wizard-product-media::before,.wizard-product-media::after,.upsell-product-media::before,.upsell-product-media::after{display:none!important;content:none!important}
.modal-grid img.modal-img,.wizard-product-media img,.upsell-product-media img{object-fit:contain!important;background:transparent!important}

/* Desktop wizard scent layout: 4 columns, full bottle visible */
.modal-card:has(.upsell-wizard){overflow:hidden!important}
.upsell-wizard{overflow-x:hidden!important}
.wizard-scent-grid{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.wizard-scent-card{
  border-radius:20px!important;
  padding:9px!important;
  min-height:auto!important;
  background:linear-gradient(180deg,rgba(7,20,33,.96),rgba(3,12,21,.985))!important;
}
.wizard-scent-media{
  aspect-ratio:4/3!important;
  height:auto!important;
  min-height:0!important;
  border-radius:15px!important;
  background:#04111d!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
.wizard-scent-card-art,.wizard-choice-scent-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  background:#04111d!important;
  transform:none!important;
  filter:none!important;
}
.wizard-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:36px!important;
  margin-top:4px!important;
  color:var(--v25-muted)!important;
  font-weight:900!important;
  font-size:.82rem!important;
}
.wizard-page-btn{
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,229,255,.30)!important;
  background:rgba(4,17,29,.72)!important;
  color:var(--v25-text)!important;
  font-weight:950!important;
}
.wizard-page-btn:disabled{opacity:.42!important;cursor:not-allowed!important}

/* Mobile: product modal precision */
@media (max-width:760px){
  .modal-card:not(:has(.upsell-wizard)){
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
    padding:14px 14px 12px!important;
    border-radius:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .close-modal{top:8px!important;left:8px!important;width:36px!important;height:36px!important;border-radius:13px!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    align-items:start!important;
    justify-items:stretch!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .modal-img{
    width:100%!important;
    max-width:260px!important;
    height:220px!important;
    max-height:220px!important;
    object-fit:contain!important;
    margin:0 auto 7px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    filter:drop-shadow(0 18px 22px rgba(0,0,0,.34))!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .modal-copy{width:100%!important;text-align:right!important;display:grid!important;justify-items:stretch!important;gap:0!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy h2{font-size:1.9rem!important;line-height:1!important;margin:0 0 6px!important;text-align:right!important;letter-spacing:-.026em!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .short{font-size:.84rem!important;line-height:1.35!important;margin:0 0 8px!important;text-align:right!important;color:var(--v25-muted)!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list{width:100%!important;gap:5px!important;margin:0 0 9px!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div{
    min-height:33px!important;
    padding:5px 9px!important;
    border-radius:12px!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.78rem!important;font-weight:950!important;line-height:1!important;color:var(--v25-text)!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.75rem!important;line-height:1.18!important;color:var(--v25-muted)!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .product-price{width:min(100%,214px)!important;padding:7px 10px!important;border-radius:15px!important;margin:7px auto 8px!important;box-sizing:border-box!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .price-label{font-size:.65rem!important}.modal-card:not(:has(.upsell-wizard)) .modal-copy .price-main strong{font-size:1.42rem!important}.modal-card:not(:has(.upsell-wizard)) .modal-copy .price-old{font-size:.66rem!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .btn.wide{width:min(100%,214px)!important;min-height:48px!important;border-radius:16px!important;margin-inline:auto!important;font-weight:950!important}

  /* Mobile wizard shell */
  .modal-card:has(.upsell-wizard){
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    padding:10px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .upsell-wizard{max-height:calc(100dvh - 34px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 8px!important;gap:9px!important;box-sizing:border-box!important;scrollbar-width:thin!important;scrollbar-color:rgba(104,229,255,.5) transparent!important}
  .upsell-wizard::-webkit-scrollbar{width:3px!important}.upsell-wizard::-webkit-scrollbar-thumb{background:rgba(104,229,255,.48)!important;border-radius:999px!important}.upsell-wizard::-webkit-scrollbar-track{background:transparent!important}
  .wizard-stepper{gap:5px!important;flex-wrap:nowrap!important;padding-inline:34px!important;margin:0 auto 3px!important;max-width:100%!important;box-sizing:border-box!important}
  .wizard-step{gap:4px!important;min-width:0!important}.wizard-step-num{width:28px!important;height:28px!important;font-size:.76rem!important}.wizard-step-label{font-size:.66rem!important;white-space:nowrap!important}.wizard-step-line{width:12px!important;flex:0 0 12px!important}
  .wizard-section{width:100%!important;box-sizing:border-box!important;gap:9px!important}.wizard-section-head{width:100%!important;text-align:right!important}.wizard-section-head h3{font-size:1.24rem!important;line-height:1.07!important;margin:0 0 2px!important}.wizard-section-head p{font-size:.77rem!important;line-height:1.32!important;margin:0!important}

  /* Step 1 product summary */
  .wizard-product-card{
    width:100%!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    direction:rtl!important;
    align-items:center!important;
    padding:12px!important;
    gap:12px!important;
    border-radius:22px!important;
    box-sizing:border-box!important;
    min-height:116px!important;
  }
  .wizard-product-media{height:96px!important;min-height:96px!important;border-radius:17px!important;background:rgba(3,16,27,.42)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .wizard-product-media img{max-height:94px!important;max-width:100px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 13px 16px rgba(0,0,0,.32))!important}
  .wizard-product-copy{text-align:right!important;min-width:0!important}.wizard-product-copy h2{font-size:1.36rem!important;line-height:1!important;margin:0 0 5px!important}.wizard-product-copy p{font-size:.76rem!important;line-height:1.28!important;margin:0 0 7px!important}.wizard-eyebrow{font-size:.64rem!important;color:var(--v25-accent-light)!important;font-weight:950!important}
  .wizard-product-meta{display:flex!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-start!important}.wizard-product-meta span{min-height:28px!important;padding:0 9px!important;border-radius:999px!important;font-size:.66rem!important;display:inline-flex!important;align-items:center!important;gap:3px!important}
  .wizard-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.wizard-actions .btn{min-height:45px!important;border-radius:15px!important;font-size:.82rem!important;width:100%!important}

  /* Step 2 scent choice: horizontal categories, pages, 4 per row */
  .wizard-scent-tools{width:100%!important;gap:7px!important;overflow:visible!important}.wizard-scent-cats{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;padding:0 1px 4px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important}.wizard-scent-cats::-webkit-scrollbar{display:none!important}
  .wizard-cat-chip{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:34px!important;padding:0 14px!important;border-radius:999px!important;font-size:.74rem!important;white-space:nowrap!important;scroll-snap-align:start!important}
  .wizard-scent-search{min-height:39px!important;border-radius:999px!important;font-size:.74rem!important;padding-inline:13px!important;text-align:right!important}
  .wizard-scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important;overflow:visible!important;padding-bottom:0!important}
  .wizard-scent-card{padding:4px!important;border-radius:14px!important;gap:4px!important;min-height:auto!important;overflow:hidden!important}
  .wizard-scent-media{aspect-ratio:4/3!important;border-radius:11px!important;height:auto!important;min-height:0!important;background:#04111d!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .wizard-scent-card-art{object-fit:contain!important;object-position:center center!important;background:#04111d!important;transform:none!important;width:100%!important;height:100%!important;padding:0!important}
  .wizard-scent-body{padding:0 1px 1px!important;gap:1px!important;min-height:39px!important;display:grid!important;align-content:start!important}.wizard-scent-body strong{font-size:.64rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wizard-scent-body small{font-size:.54rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wizard-scent-body em{font-size:.62rem!important;line-height:1.05!important;margin-top:1px!important;white-space:nowrap!important;color:var(--v25-accent-light)!important}
  .wizard-scent-card.active::before{top:6px!important;left:6px!important;width:18px!important;height:18px!important;font-size:.62rem!important}
  .wizard-pagination{min-height:34px!important;font-size:.72rem!important;gap:8px!important;margin-top:2px!important}.wizard-page-btn{min-height:32px!important;padding:0 11px!important;border-radius:999px!important;font-size:.70rem!important}

  /* Step 3 size: aligned frame/gaps */
  .wizard-size-step{width:100%!important;box-sizing:border-box!important}.wizard-choice-summary{width:100%!important;margin:0!important;box-sizing:border-box!important}
  .wizard-choice-scent{width:100%!important;box-sizing:border-box!important;grid-template-columns:92px minmax(0,1fr)!important;padding:10px!important;gap:10px!important;border-radius:20px!important;direction:rtl!important;align-items:center!important;min-height:96px!important}.wizard-choice-scent-media{aspect-ratio:4/3!important;height:auto!important;border-radius:15px!important;overflow:hidden!important;background:#04111d!important}.wizard-choice-scent-media img{object-fit:contain!important;object-position:center!important;background:#04111d!important}.wizard-choice-scent-copy strong{font-size:1rem!important;line-height:1.08!important}.wizard-choice-scent-copy span{font-size:.75rem!important}.wizard-choice-scent-copy small{font-size:.72rem!important;color:var(--v25-accent-light)!important}
  .wizard-size-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important;box-sizing:border-box!important}.wizard-size-card{min-height:128px!important;padding:9px!important;border-radius:18px!important;box-sizing:border-box!important;gap:5px!important}.wizard-size-media{height:54px!important;margin:0!important}.wizard-size-media img{max-height:54px!important;width:auto!important;object-fit:contain!important}.wizard-size-card strong{font-size:.96rem!important;line-height:1.08!important}.wizard-size-price{font-size:.90rem!important}.wizard-size-card small{font-size:.66rem!important;line-height:1.1!important}.wizard-size-note{width:100%!important;box-sizing:border-box!important;margin:0!important;min-height:32px!important;font-size:.70rem!important;border-radius:14px!important;padding:7px 10px!important}
}
@media (max-width:360px){
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wizard-stepper{padding-inline:30px!important}.wizard-step-label{font-size:.60rem!important}.wizard-step-line{width:9px!important;flex-basis:9px!important}
}

/* =========================================================
   V26 — Final Conversion & Pixel Perfect Modal Fix
   Targeted only: 2-step upsell, centered modal content, no long modal scroll,
   premium menu icon, readable scent cards, squared oil-size cards.
   ========================================================= */
:root{
  --v26-bg:#03101A;
  --v26-bg-2:#04131F;
  --v26-panel:#071B2A;
  --v26-panel-deep:#04111D;
  --v26-line:rgba(83,205,255,.32);
  --v26-line-active:rgba(104,229,255,.88);
  --v26-accent:#38D5FF;
  --v26-accent-soft:#5FDBFF;
  --v26-accent-hi:#6BE7FF;
  --v26-text:#F5FBFF;
  --v26-muted:#A8BFCC;
  --v26-dim:#7F98A8;
}

/* Premium selected mobile menu icon */
.menu-btn{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  border:1px solid rgba(104,229,255,.36)!important;
  background:url("assets/ui-icons/menu-premium-v26.webp") center/cover no-repeat!important;
  background-color:transparent!important;
  box-shadow:0 0 22px rgba(56,213,255,.14),inset 0 0 0 1px rgba(255,255,255,.03)!important;
  overflow:hidden!important;
}
.menu-btn span{display:none!important}
.menu-btn:hover,.menu-btn:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:0 0 28px rgba(56,213,255,.22),inset 0 0 0 1px rgba(255,255,255,.05)!important;
}

/* Modal shell: real centering + no unnecessary internal scrolling */
.modal-card:has(.upsell-wizard){
  width:min(1040px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  padding:14px!important;
  background:linear-gradient(180deg,rgba(7,20,33,.985),rgba(3,12,21,.99))!important;
  border-color:rgba(83,205,255,.34)!important;
}
.upsell-wizard,
.upsell-wizard-v26{
  width:100%!important;
  max-width:952px!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
  overflow:visible!important;
  max-height:none!important;
  gap:10px!important;
}
.modal-card .reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}
.wizard-section,
.wizard-scent-tools,
.wizard-scent-grid,
.wizard-pagination,
.wizard-actions,
.wizard-size-grid,
.wizard-choice-summary{
  width:100%!important;
  max-width:100%!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}
.wizard-topbar{justify-content:center!important;margin:0 auto!important;text-align:center!important}
.wizard-stepper,
.wizard-stepper-two{
  width:max-content!important;
  max-width:100%!important;
  margin-inline:auto!important;
  justify-content:center!important;
  align-items:center!important;
  direction:rtl!important;
}
.wizard-stepper-two .wizard-step{white-space:nowrap!important}
.wizard-stepper-two .wizard-step-line{width:34px!important;flex:0 0 34px!important}
.wizard-section-head{text-align:right!important;margin-inline:0!important}
.wizard-section-head h3{margin:0!important;color:var(--v26-text)!important}
.wizard-section-head p{margin:4px 0 0!important;color:var(--v26-muted)!important}
.wizard-section-head-with-mini{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"title mini" "desc mini"!important;
  align-items:center!important;
  gap:4px 12px!important;
}
.wizard-section-head-with-mini h3{grid-area:title!important}
.wizard-section-head-with-mini p{grid-area:desc!important}
.wizard-product-only-mini{
  grid-area:mini!important;
  justify-self:end!important;
  align-self:center!important;
  min-height:32px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,229,255,.32)!important;
  background:rgba(4,17,29,.72)!important;
  color:#D8F7FF!important;
  font-size:.76rem!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  cursor:pointer!important;
}
.wizard-product-only-mini:hover,.wizard-product-only-mini:focus-visible{
  border-color:rgba(104,229,255,.64)!important;
  background:rgba(10,36,54,.82)!important;
  color:#fff!important;
}

/* Scent step — desktop: 4 columns, no cut names, no cut bottle */
.wizard-scent-step{gap:10px!important}
.wizard-scent-tools{display:grid!important;gap:9px!important}
.wizard-scent-cats{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
.wizard-cat-chip{min-height:34px!important;padding:0 15px!important;border-radius:999px!important;font-weight:950!important}
.wizard-scent-search-wrap{width:100%!important;margin-inline:auto!important}
.wizard-scent-search{
  width:100%!important;
  min-height:40px!important;
  border-radius:16px!important;
  text-align:right!important;
  background:rgba(4,17,29,.78)!important;
  border-color:rgba(83,205,255,.24)!important;
}
.wizard-selection-pill{min-height:34px!important;border-radius:999px!important;text-align:center!important;justify-content:center!important}
.wizard-scent-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
.wizard-scent-card{
  min-height:218px!important;
  height:auto!important;
  padding:9px!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-rows:auto minmax(66px,auto)!important;
  overflow:hidden!important;
  gap:7px!important;
  background:linear-gradient(180deg,rgba(7,20,33,.96),rgba(3,12,21,.98))!important;
  border:1px solid rgba(83,205,255,.24)!important;
}
.wizard-scent-card.active{border-color:var(--v26-line-active)!important;box-shadow:0 0 0 1px rgba(104,229,255,.18),0 0 24px rgba(66,215,255,.13)!important}
.wizard-scent-media{
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  max-height:140px!important;
  border-radius:15px!important;
  background:#04111D!important;
  overflow:hidden!important;
}
.wizard-scent-card-art{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  transform:none!important;
  filter:none!important;
}
.wizard-scent-body{
  min-height:66px!important;
  padding:7px 4px 2px!important;
  display:grid!important;
  align-content:start!important;
  gap:3px!important;
  text-align:right!important;
  overflow:visible!important;
}
.wizard-scent-body strong{
  font-size:.92rem!important;
  line-height:1.15!important;
  color:var(--v26-text)!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-overflow:ellipsis!important;
}
.wizard-scent-body small{font-size:.72rem!important;line-height:1.15!important;color:var(--v26-muted)!important}
.wizard-scent-body em{font-size:.82rem!important;line-height:1.1!important;color:var(--v26-accent)!important;font-style:normal!important;font-weight:950!important}
.wizard-pagination{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:6px!important;
  color:var(--v26-muted)!important;
  font-weight:900!important;
}
.wizard-page-btn{
  min-height:30px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,229,255,.36)!important;
  background:rgba(4,17,29,.72)!important;
  color:var(--v26-text)!important;
  font-size:.72rem!important;
  font-weight:950!important;
}
.wizard-page-btn:disabled{opacity:.45!important;cursor:not-allowed!important}
.wizard-pagination.is-single{display:none!important}

/* Size step — centered and balanced */
.wizard-size-step{width:100%!important;max-width:100%!important;margin-inline:auto!important;box-sizing:border-box!important;gap:10px!important}
.wizard-choice-summary{width:100%!important;margin:0 auto!important;box-sizing:border-box!important}
.wizard-choice-scent{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  padding:10px!important;
  gap:12px!important;
  border-radius:22px!important;
  direction:rtl!important;
  align-items:center!important;
}
.wizard-choice-scent-media{
  aspect-ratio:1/1!important;
  width:104px!important;
  height:104px!important;
  border-radius:18px!important;
  background:#04111D!important;
  overflow:hidden!important;
}
.wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.wizard-choice-scent-copy{text-align:right!important;min-width:0!important}
.wizard-size-grid{
  width:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  box-sizing:border-box!important;
}
.wizard-size-card{
  aspect-ratio:1/1!important;
  min-height:0!important;
  padding:10px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
  background:linear-gradient(180deg,rgba(8,24,38,.78),rgba(4,15,25,.88))!important;
  border:1px solid rgba(83,205,255,.26)!important;
}
.wizard-size-card.active{border-color:var(--v26-line-active)!important;box-shadow:0 0 0 1px rgba(104,229,255,.18),0 0 24px rgba(66,215,255,.13)!important}
.wizard-size-media{height:50px!important;margin:0!important}.wizard-size-media img{max-height:50px!important;width:auto!important;object-fit:contain!important}
.wizard-size-card strong{font-size:1rem!important;line-height:1.05!important}.wizard-size-price{font-size:.92rem!important;line-height:1!important;color:var(--v26-accent)!important}.wizard-size-card small{font-size:.68rem!important;line-height:1.08!important;color:var(--v26-muted)!important}
.wizard-size-note,.wizard-actions{width:100%!important;margin-inline:auto!important;box-sizing:border-box!important}
.wizard-actions{justify-content:center!important}.wizard-actions .btn{min-height:44px!important;border-radius:15px!important;font-weight:950!important}

/* Product detail mobile still premium: larger product, smaller spec */
@media (max-width:760px){
  .modal-card:not(:has(.upsell-wizard)){
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    border-radius:24px!important;
    padding:14px 14px 12px!important;
    max-height:calc(100dvh - 18px)!important;
    overflow-y:auto!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{gap:7px!important;align-items:center!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-img{
    width:100%!important;
    max-height:225px!important;
    object-fit:contain!important;
    margin:0 auto 8px!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 18px 22px rgba(0,0,0,.34))!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .modal-copy h2{font-size:1.9rem!important;line-height:1!important;margin-bottom:6px!important;text-align:right!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .short{font-size:.84rem!important;line-height:1.35!important;margin-bottom:8px!important;text-align:right!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list{gap:5px!important;margin-bottom:9px!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div{min-height:32px!important;padding:5px 9px!important;border-radius:12px!important;grid-template-columns:68px 1fr!important;align-items:center!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.78rem!important;font-weight:950!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.75rem!important;line-height:1.18!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .product-price{width:min(100%,214px)!important;padding:7px 10px!important;border-radius:15px!important;margin:7px auto 8px!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .btn.wide{width:min(100%,214px)!important;min-height:48px!important;border-radius:16px!important;font-weight:950!important;margin-inline:auto!important}
}

/* Mobile wizard: compact, centered, paginated, no long scroll */
@media (max-width:760px){
  .modal-card:has(.upsell-wizard){
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.upsell-wizard) .close-modal{top:8px!important;left:8px!important;width:36px!important;height:36px!important;border-radius:13px!important;z-index:30!important}
  .upsell-wizard,.upsell-wizard-v26{
    max-width:100%!important;
    width:100%!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    max-height:calc(100dvh - 34px)!important;
    overflow:hidden!important;
    gap:8px!important;
  }
  .wizard-topbar .upsell-logo{height:16px!important;max-width:54px!important;margin-inline:auto!important}
  .wizard-stepper,.wizard-stepper-two{gap:5px!important;flex-wrap:nowrap!important;padding-inline:38px!important;margin:0 auto 3px!important;width:max-content!important;max-width:100%!important}
  .wizard-step{gap:4px!important}.wizard-step-num{width:28px!important;height:28px!important;font-size:.76rem!important}.wizard-step-label{font-size:.68rem!important;white-space:nowrap!important}.wizard-stepper-two .wizard-step-line{width:16px!important;flex-basis:16px!important}
  .wizard-section{width:100%!important;margin-inline:auto!important;gap:8px!important}
  .wizard-section-head{display:grid!important;text-align:right!important;gap:2px!important}
  .wizard-section-head h3{font-size:1.22rem!important;line-height:1.05!important}.wizard-section-head p{font-size:.74rem!important;line-height:1.25!important;margin:0!important}
  .wizard-section-head-with-mini{grid-template-columns:1fr!important;grid-template-areas:"title" "desc" "mini"!important;text-align:center!important;justify-items:center!important;gap:4px!important}
  .wizard-section-head-with-mini h3,.wizard-section-head-with-mini p{text-align:center!important}
  .wizard-product-only-mini{justify-self:center!important;align-self:center!important;margin-inline:auto!important;min-width:148px!important;height:32px!important;min-height:32px!important;font-size:.72rem!important;padding:0 13px!important}
  .wizard-scent-tools{gap:6px!important}.wizard-scent-cats{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;padding:0 1px 2px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.wizard-scent-cats::-webkit-scrollbar{display:none!important}
  .wizard-cat-chip{flex:0 0 auto!important;min-height:31px!important;padding:0 12px!important;font-size:.68rem!important;white-space:nowrap!important}
  .wizard-scent-search{min-height:34px!important;border-radius:999px!important;font-size:.68rem!important;padding-inline:12px!important}
  .wizard-selection-pill{min-height:30px!important;font-size:.68rem!important;border-radius:999px!important}
  .wizard-scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin-inline:auto!important;overflow:visible!important}
  .wizard-scent-card{min-height:0!important;padding:4px!important;border-radius:14px!important;gap:4px!important;display:grid!important;grid-template-rows:auto auto!important}
  .wizard-scent-media{aspect-ratio:4/3!important;max-height:none!important;border-radius:10px!important;background:#04111D!important}
  .wizard-scent-card-art{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;transform:none!important}
  .wizard-scent-body{min-height:42px!important;padding:3px 1px 0!important;gap:1px!important;overflow:hidden!important;text-align:right!important}
  .wizard-scent-body strong{font-size:.62rem!important;line-height:1.08!important;white-space:normal!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .wizard-scent-body small{font-size:.53rem!important;line-height:1.05!important}.wizard-scent-body em{font-size:.58rem!important;line-height:1!important}
  .wizard-scent-card.active::before{top:6px!important;left:6px!important;width:20px!important;height:20px!important;font-size:.68rem!important}
  .wizard-pagination{min-height:31px!important;gap:7px!important;margin-top:4px!important;font-size:.68rem!important}.wizard-page-btn{min-height:28px!important;padding:0 11px!important;font-size:.68rem!important}
  .wizard-choice-scent{grid-template-columns:86px minmax(0,1fr)!important;padding:9px!important;gap:9px!important;border-radius:19px!important;width:100%!important;margin-inline:auto!important}
  .wizard-choice-scent-media{width:82px!important;height:82px!important;aspect-ratio:1/1!important;border-radius:16px!important}.wizard-choice-scent-copy strong{font-size:.98rem!important;line-height:1.08!important}.wizard-choice-scent-copy span{font-size:.70rem!important}.wizard-choice-scent-copy small{font-size:.70rem!important;color:var(--v26-accent)!important}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin-inline:auto!important}
  .wizard-size-card{aspect-ratio:1/1!important;min-height:0!important;padding:8px!important;border-radius:18px!important;gap:4px!important}
  .wizard-size-media{height:44px!important}.wizard-size-media img{max-height:44px!important}.wizard-size-card strong{font-size:.86rem!important}.wizard-size-price{font-size:.82rem!important}.wizard-size-card small{font-size:.58rem!important;line-height:1.05!important}.wizard-size-note{min-height:28px!important;padding:6px 8px!important;font-size:.62rem!important;border-radius:14px!important}.wizard-actions .btn{min-height:40px!important;font-size:.76rem!important}
}
@media (max-width:360px){.wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wizard-stepper,.wizard-stepper-two{padding-inline:32px!important}.wizard-step-label{font-size:.62rem!important}}
@media (max-height:680px){.modal-card:has(.upsell-wizard){overflow-y:auto!important}.upsell-wizard,.upsell-wizard-v26{overflow:visible!important;max-height:none!important}}

/* =========================================================
   V27 — Final Last Polish Fix
   Scope: pagination clarity / cyan product-only CTA / oil size visuals / premium menu icon border cleanup
   ========================================================= */

/* 1) Premium mobile menu icon: use cropped V27 asset and remove the thin outer line from the button itself */
.menu-btn{
  background-image:url("assets/ui-icons/menu-premium-v27.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
  border:none!important;
  outline:none!important;
  box-shadow:0 0 22px rgba(56,213,255,.16), inset 0 0 0 0 rgba(255,255,255,0)!important;
}
.menu-btn::before,
.menu-btn::after{
  display:none!important;
  content:none!important;
}
.menu-btn span{display:none!important}
.menu-btn:hover,
.menu-btn:focus-visible{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 0 26px rgba(56,213,255,.22), inset 0 0 0 0 rgba(255,255,255,0)!important;
}

/* 2) Scent pagination: make page state clear and premium on desktop + mobile */
.wizard-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:34px!important;
  margin-top:8px!important;
  color:#A8BFCC!important;
  font-size:.78rem!important;
  font-weight:900!important;
  line-height:1!important;
}
.wizard-pagination.is-single{display:none!important}
.wizard-pagination span{
  min-width:92px!important;
  text-align:center!important;
  color:#D8F7FF!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
}
.wizard-page-btn{
  min-height:31px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,229,255,.42)!important;
  background:rgba(4,17,29,.78)!important;
  color:#F5FBFF!important;
  font-size:.74rem!important;
  font-weight:950!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease!important;
}
.wizard-page-btn:not(:disabled):hover,
.wizard-page-btn:not(:disabled):focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(104,229,255,.78)!important;
  background:rgba(10,36,54,.88)!important;
  box-shadow:0 0 18px rgba(56,213,255,.13)!important;
}
.wizard-page-btn:disabled{
  opacity:.38!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}

/* 3) Product-only button: small secondary conversion option, but in the site's cyan CTA family */
.wizard-product-only-mini{
  width:auto!important;
  max-width:max-content!important;
  min-width:148px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,229,255,.72)!important;
  background:linear-gradient(90deg,#22BFFF 0%,#6BE7FF 100%)!important;
  color:#03141D!important;
  font-size:.78rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  margin:2px auto 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 18px rgba(56,213,255,.18),inset 0 0 0 1px rgba(255,255,255,.16)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.wizard-product-only-mini:hover,
.wizard-product-only-mini:focus-visible{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 24px rgba(56,213,255,.24),inset 0 0 0 1px rgba(255,255,255,.22)!important;
}

/* 4) Oil size cards: enlarge the visual oil bottles without changing pricing/content */
@media (min-width:761px){
  .wizard-size-grid{
    align-items:stretch!important;
  }
  .wizard-size-card{
    min-height:210px!important;
    padding:18px 14px!important;
    align-content:center!important;
    justify-content:center!important;
    gap:7px!important;
  }
  .wizard-size-media{
    height:82px!important;
    min-height:82px!important;
    margin:0 0 8px!important;
    display:grid!important;
    place-items:center!important;
  }
  .wizard-size-media img{
    max-height:82px!important;
    width:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))!important;
  }
}
@media (max-width:760px){
  .wizard-size-card{
    aspect-ratio:1/1!important;
    padding:8px!important;
    gap:5px!important;
    align-content:center!important;
    justify-content:center!important;
  }
  .wizard-size-media{
    height:58px!important;
    min-height:58px!important;
    margin:0 0 4px!important;
    display:grid!important;
    place-items:center!important;
  }
  .wizard-size-media img{
    max-height:58px!important;
    width:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 14px rgba(0,0,0,.25))!important;
  }
  .wizard-product-only-mini{
    min-width:148px!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 16px!important;
    font-size:.76rem!important;
  }
  .wizard-pagination{
    gap:8px!important;
    min-height:32px!important;
    margin-top:7px!important;
    font-size:.72rem!important;
  }
  .wizard-pagination span{min-width:84px!important}
  .wizard-page-btn{
    min-height:30px!important;
    padding:0 12px!important;
    font-size:.70rem!important;
  }
}
@media (max-width:360px){
  .wizard-size-media{height:52px!important;min-height:52px!important}
  .wizard-size-media img{max-height:52px!important}
}

/* =========================================================
   V29 — Premium Design Free Hand
   Goal: same real content/data, higher-end UX + tighter mobile product experience.
   Scope: CSS-only polish. No prices, products, scents, cart, WhatsApp or wizard logic changed.
   ========================================================= */

/* global premium rhythm: more consistent section hierarchy without changing content */
.section-head{
  position:relative;
}
.section-head h2,
.section-head h1{
  text-wrap:balance;
  letter-spacing:-.025em;
}
.section-head p{
  text-wrap:balance;
}
.glass,
.product-card,
.scent-card,
.review-card,
.faq-item,
.trust-card,
.feature,
.cta-card{
  transform-style:preserve-3d;
}

/* desktop/tablet product-card refinement: slightly tighter hierarchy, still same grid */
.product-card{
  isolation:isolate;
  overflow:hidden;
}
.product-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(104,229,255,.08),transparent 34%,rgba(255,255,255,.025) 74%,transparent);
  opacity:.72;
  z-index:0;
}
.product-card > *{position:relative;z-index:1}
.product-card:hover .product-img img{
  transform:translateY(-2px) scale(1.018);
}
.product-img img{
  transition:transform .28s ease,filter .28s ease;
}
.product-price{
  border-color:rgba(104,229,255,.22);
}

/* Primary mobile/tablet product upgrade: no more tall heavy product cards on mobile */
@media (max-width:1023px){
  .product-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    padding:0!important;
  }
  .product-card{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    scroll-snap-align:unset!important;
    border-radius:24px!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "media"
      "title"
      "short"
      "price"
      "colors"
      "actions"!important;
    align-content:start!important;
    gap:7px!important;
    background:radial-gradient(circle at 50% 0%,rgba(56,213,255,.10),transparent 38%),linear-gradient(180deg,rgba(8,27,42,.92),rgba(4,13,23,.88))!important;
    border-color:rgba(104,229,255,.22)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 18px rgba(56,213,255,.055)!important;
  }
  .product-img{
    grid-area:media!important;
    height:116px!important;
    min-height:116px!important;
    border-radius:18px!important;
    padding:8px!important;
    background:radial-gradient(circle at 50% 48%,rgba(56,213,255,.18),rgba(4,13,23,.08) 58%,transparent 72%)!important;
  }
  .product-img::after{
    opacity:.11!important;
    width:76%!important;
    height:76%!important;
    inset:1% auto auto 4%!important;
  }
  .product-img img{
    max-width:116px!important;
    max-height:108px!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:drop-shadow(0 12px 16px rgba(0,0,0,.22))!important;
  }
  .product-card h3{
    grid-area:title!important;
    margin:1px 0 0!important;
    font-size:clamp(1.05rem,4.25vw,1.24rem)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    text-align:right!important;
  }
  .product-card .short{
    grid-area:short!important;
    min-height:0!important;
    margin:0!important;
    color:#AFC5D2!important;
    font-size:.74rem!important;
    line-height:1.38!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .product-price{
    grid-area:price!important;
    margin:1px 0 0!important;
    padding:7px 8px!important;
    border-radius:16px!important;
    text-align:right!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    background:linear-gradient(180deg,rgba(5,18,29,.86),rgba(4,13,23,.68))!important;
  }
  .price-label{
    margin:0!important;
    font-size:.62rem!important;
    white-space:nowrap!important;
  }
  .price-main{
    justify-content:flex-end!important;
    gap:1px!important;
  }
  .price-main .currency{font-size:.74rem!important}
  .price-main strong{font-size:1.12rem!important}
  .price-old{
    display:none!important;
  }
  .colors,
  .single-color-label{
    grid-area:colors!important;
    margin:0!important;
    min-height:26px!important;
    align-self:start!important;
  }
  .colors{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
  }
  .color-chip{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:rgba(5,18,29,.78)!important;
  }
  .color-chip span:last-child{display:none!important}
  .color-chip.active{
    background:linear-gradient(180deg,rgba(34,191,255,.92),rgba(107,231,255,.88))!important;
    box-shadow:0 0 16px rgba(56,213,255,.20)!important;
  }
  .color-dot{
    width:15px!important;
    height:15px!important;
    border-width:1.5px!important;
  }
  .single-color-label{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    height:28px!important;
    padding:0 8px!important;
    gap:6px!important;
    font-size:.62rem!important;
    border-radius:999px!important;
    color:#CFE3EE!important;
  }
  .single-color-label .color-dot{
    flex:0 0 auto!important;
  }
  .card-actions{
    grid-area:actions!important;
    margin-top:1px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .card-actions .btn{
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    font-size:.74rem!important;
    line-height:1!important;
  }
  .card-actions .btn.ghost{
    min-height:30px!important;
    font-size:.69rem!important;
    border-color:rgba(104,229,255,.25)!important;
    background:rgba(4,13,23,.52)!important;
  }
  .bt-pill{
    top:8px!important;
    right:8px!important;
    height:26px!important;
    width:26px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:rgba(4,16,26,.72)!important;
    border-color:rgba(104,229,255,.30)!important;
  }
  .bt-pill em{display:none!important}
  .bt-pill .bt-svg{width:13px!important;height:13px!important}

  .advisor-card{
    text-align:right!important;
    justify-items:start!important;
    align-items:start!important;
    grid-template-areas:
      "advisor"
      "title"
      "short"
      "points"
      "actions"!important;
  }
  .advisor-orb{
    grid-area:advisor!important;
    width:56px!important;
    height:56px!important;
    margin:0!important;
  }
  .advisor-card h3{grid-area:title!important;margin:0!important;font-size:1.18rem!important}
  .advisor-card .short{grid-area:short!important;-webkit-line-clamp:3!important}
  .advisor-points{
    grid-area:points!important;
    width:100%!important;
    gap:5px!important;
    margin:0!important;
  }
  .advisor-points span{
    padding:6px 8px!important;
    font-size:.66rem!important;
    text-align:center!important;
  }
  .advisor-card .btn{
    grid-area:actions!important;
    width:100%!important;
    min-height:36px!important;
    border-radius:14px!important;
    font-size:.72rem!important;
  }
}

/* Tablet: compact premium horizontal cards, two per row */
@media (min-width:621px) and (max-width:1023px){
  .product-card:not(.advisor-card){
    grid-template-columns:minmax(0,1fr) 120px!important;
    grid-template-areas:
      "title media"
      "short media"
      "price media"
      "colors media"
      "actions actions"!important;
    min-height:188px!important;
  }
  .product-card:not(.advisor-card) .product-img{
    height:100%!important;
    min-height:152px!important;
    align-self:stretch!important;
  }
  .product-card:not(.advisor-card) .product-img img{
    max-width:122px!important;
    max-height:142px!important;
  }
  .product-card:not(.advisor-card) .card-actions{
    grid-template-columns:1fr 1fr!important;
  }
}

/* Very small mobile: preserve two-column comparison while keeping tap targets readable */
@media (max-width:380px){
  .product-track{gap:9px!important}
  .product-card{padding:8px!important;border-radius:20px!important;gap:6px!important}
  .product-img{height:104px!important;min-height:104px!important;border-radius:16px!important}
  .product-img img{max-width:104px!important;max-height:98px!important}
  .product-card h3{font-size:1rem!important}
  .product-card .short{font-size:.68rem!important;line-height:1.34!important}
  .product-price{padding:6px 7px!important;border-radius:14px!important}
  .price-main strong{font-size:1.02rem!important}
  .card-actions .btn{min-height:32px!important;font-size:.68rem!important}
}

/* Main scent catalog remains full-list, but visually tighter and more premium */
.scent-card{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(9,28,43,.88),rgba(4,13,23,.82))!important;
}
.scent-card .pic img{
  transition:transform .28s ease,filter .28s ease;
}
.scent-card:hover .pic img{
  transform:translateY(-2px) scale(1.025);
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.24));
}
.search-line input{
  border-color:rgba(104,229,255,.24)!important;
  background:rgba(4,13,23,.72)!important;
}
.search-line input:focus{
  outline:none!important;
  border-color:rgba(104,229,255,.56)!important;
  box-shadow:0 0 0 3px rgba(56,213,255,.08)!important;
}
.scent-tabs button.active,
.space-card.active{
  box-shadow:0 0 0 1px rgba(104,229,255,.18),0 16px 34px rgba(0,151,255,.18)!important;
}

/* Modal and checkout polish: keep existing logic, improve perceived premium finish */
.modal-card{
  box-shadow:0 34px 90px rgba(0,0,0,.56),0 0 0 1px rgba(104,229,255,.10),0 0 56px rgba(56,213,255,.08)!important;
}
.close-modal:focus-visible,
button:focus-visible,
a:focus-visible,
.color-chip:focus-visible,
.scent-tabs button:focus-visible,
.space-card:focus-visible{
  outline:2px solid rgba(107,231,255,.82)!important;
  outline-offset:3px!important;
}

/* FAQ / Reviews / CTA premium affordance */
.faq-item summary{
  transition:color .18s ease,background .18s ease;
}
.faq-item:hover summary,
.faq-item[open] summary{
  color:#F5FBFF!important;
}
.faq-item[open]{
  border-color:rgba(104,229,255,.34)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 24px rgba(56,213,255,.08)!important;
}
.review-card{
  border-color:rgba(104,229,255,.18)!important;
}
.review-card .stars{
  filter:drop-shadow(0 0 8px rgba(56,213,255,.08));
}
.cta-card{
  position:relative;
  overflow:hidden;
}
.cta-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:radial-gradient(circle at 18% 0%,rgba(104,229,255,.12),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 58%);
  opacity:.85;
}
.cta-card > *{position:relative;z-index:1}
.cta-card:hover{
  border-color:rgba(104,229,255,.38)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 34px rgba(56,213,255,.10)!important;
}
.footer{
  border-top:1px solid rgba(104,229,255,.10)!important;
  padding-top:28px!important;
}

/* Better mobile rhythm across informational sections */
@media (max-width:760px){
  .section{margin-top:50px!important}
  .section-head{margin-bottom:18px!important}
  .section-head h2{font-size:clamp(1.55rem,7.5vw,2.05rem)!important;line-height:1.06!important}
  .section-head p{font-size:.92rem!important;line-height:1.58!important}
  .trust-card,.feature,.faq-item,.review-card,.cta-card{
    border-radius:22px!important;
  }
  .scent-grid{
    gap:10px!important;
  }
  .scent-card{
    border-radius:19px!important;
    padding:8px!important;
  }
  .scent-card h3{
    min-height:auto!important;
    font-size:.86rem!important;
    line-height:1.18!important;
  }
  .scent-card p{
    font-size:.72rem!important;
    line-height:1.38!important;
  }
  .from{
    font-size:.9rem!important;
  }
  .footer{padding-bottom:96px!important}
}

@media (prefers-reduced-motion:reduce){
  .product-img img,
  .scent-card .pic img,
  .faq-item summary,
  .product-card,
  .cta-card{
    transition:none!important;
  }
}

/* =========================================================
   V30 — Mobile Compact Premium Product Cards
   Goal: shorten diffuser cards on mobile without changing real content, prices,
   images, cart, WhatsApp, product data, scent catalog, or purchase wizard.
   Scope: CSS-only. Mobile <= 760px only.
   ========================================================= */
@media (max-width:760px){
  /* Product area becomes a clean compact list instead of tall/two-column cards */
  .products .section-head{
    margin-bottom:14px!important;
  }
  .product-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    width:100%!important;
    max-width:430px!important;
    margin-inline:auto!important;
    padding:0 2px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }

  .product-card:not(.advisor-card){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:154px!important;
    max-height:184px!important;
    padding:10px!important;
    border-radius:22px!important;
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto 1fr!important;
    grid-template-areas:
      "media title"
      "media short"
      "media price"
      "media colors"
      "media actions"!important;
    column-gap:11px!important;
    row-gap:4px!important;
    align-items:start!important;
    align-content:center!important;
    background:
      radial-gradient(circle at 11% 45%,rgba(56,213,255,.14),transparent 46%),
      linear-gradient(135deg,rgba(7,27,42,.96),rgba(3,16,26,.98))!important;
    border:1px solid rgba(83,205,255,.25)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 18px rgba(56,213,255,.05),inset 0 1px 0 rgba(255,255,255,.045)!important;
    overflow:hidden!important;
  }

  .product-card:not(.advisor-card)::before{
    background:linear-gradient(135deg,rgba(104,229,255,.065),transparent 38%,rgba(255,255,255,.018) 72%)!important;
    opacity:.92!important;
  }

  .product-card:not(.advisor-card) .product-img{
    grid-area:media!important;
    width:108px!important;
    height:132px!important;
    min-height:132px!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
    padding:7px!important;
    border-radius:18px!important;
    background:radial-gradient(circle at 50% 48%,rgba(56,213,255,.18),rgba(4,13,23,.10) 62%,transparent 78%)!important;
  }
  .product-card:not(.advisor-card) .product-img::after{
    opacity:.10!important;
    width:82%!important;
    height:82%!important;
    inset:0 auto auto 0!important;
  }
  .product-card:not(.advisor-card) .product-img img{
    width:100%!important;
    height:100%!important;
    max-width:102px!important;
    max-height:124px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 14px 18px rgba(0,0,0,.30))!important;
  }

  .product-card:not(.advisor-card) h3{
    grid-area:title!important;
    margin:1px 0 0!important;
    font-size:1.08rem!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .product-card:not(.advisor-card) .short{
    grid-area:short!important;
    margin:0!important;
    min-height:0!important;
    max-height:2.35em!important;
    font-size:.70rem!important;
    line-height:1.28!important;
    color:#A8BFCC!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .product-card:not(.advisor-card) .product-price{
    grid-area:price!important;
    margin:1px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:8px!important;
    text-align:right!important;
  }
  .product-card:not(.advisor-card) .price-label{
    order:2!important;
    margin:0!important;
    padding:2px 7px!important;
    border-radius:999px!important;
    color:#92ABBA!important;
    background:rgba(5,18,29,.56)!important;
    border:1px solid rgba(83,205,255,.12)!important;
    font-size:.57rem!important;
    line-height:1.35!important;
    white-space:nowrap!important;
  }
  .product-card:not(.advisor-card) .price-main{
    order:1!important;
    justify-content:flex-start!important;
    gap:1px!important;
  }
  .product-card:not(.advisor-card) .price-main .currency{
    font-size:.70rem!important;
    color:#5FDBFF!important;
  }
  .product-card:not(.advisor-card) .price-main strong{
    font-size:1.06rem!important;
    line-height:1!important;
    color:#38D5FF!important;
  }
  .product-card:not(.advisor-card) .price-old{
    display:none!important;
  }

  .product-card:not(.advisor-card) .colors,
  .product-card:not(.advisor-card) .single-color-label{
    grid-area:colors!important;
    margin:0!important;
    min-height:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:max-content!important;
    max-width:100%!important;
  }
  .product-card:not(.advisor-card) .color-chip{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    padding:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(4,16,26,.72)!important;
    border-color:rgba(104,229,255,.25)!important;
  }
  .product-card:not(.advisor-card) .color-chip span:last-child,
  .product-card:not(.advisor-card) .single-color-label span:last-child{
    display:none!important;
  }
  .product-card:not(.advisor-card) .color-dot{
    width:14px!important;
    height:14px!important;
    border-width:1.4px!important;
  }
  .product-card:not(.advisor-card) .single-color-label{
    height:23px!important;
    padding:0 6px!important;
    border-radius:999px!important;
  }

  .product-card:not(.advisor-card) .card-actions{
    grid-area:actions!important;
    margin:1px 0 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:8px!important;
    align-items:center!important;
    align-self:end!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn{
    min-height:36px!important;
    height:36px!important;
    border-radius:999px!important;
    padding:0 10px!important;
    font-size:.76rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.add{
    background:linear-gradient(90deg,#22BFFF 0%,#6BE7FF 100%)!important;
    color:#03141D!important;
    box-shadow:0 9px 20px rgba(34,191,255,.16),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.ghost{
    width:38px!important;
    min-width:38px!important;
    padding:0!important;
    font-size:0!important;
    background:rgba(4,17,29,.66)!important;
    border:1px solid rgba(83,205,255,.26)!important;
    color:#F5FBFF!important;
    position:relative!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.ghost::before{
    content:"i";
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    font-size:.86rem;
    font-weight:950;
    font-style:normal;
    color:#F5FBFF;
  }

  .product-card:not(.advisor-card) .bt-pill{
    top:9px!important;
    right:9px!important;
    width:24px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    border-radius:999px!important;
    background:rgba(3,16,26,.72)!important;
    border-color:rgba(104,229,255,.24)!important;
    box-shadow:0 7px 16px rgba(0,0,0,.25)!important;
  }
  .product-card:not(.advisor-card) .bt-pill em{display:none!important}
  .product-card:not(.advisor-card) .bt-pill .bt-svg{width:12px!important;height:12px!important}

  /* Advisor card becomes a short premium support strip, not another tall product card */
  .advisor-card{
    min-height:126px!important;
    max-height:none!important;
    padding:14px!important;
    border-radius:22px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-areas:
      "advisor title"
      "advisor short"
      "points points"
      "actions actions"!important;
    column-gap:12px!important;
    row-gap:7px!important;
    align-items:center!important;
    text-align:right!important;
    background:linear-gradient(135deg,rgba(7,27,42,.96),rgba(3,16,26,.98))!important;
  }
  .advisor-orb{
    grid-area:advisor!important;
    width:52px!important;
    height:52px!important;
    margin:0!important;
  }
  .advisor-card h3{
    grid-area:title!important;
    margin:0!important;
    font-size:1.08rem!important;
    line-height:1.05!important;
  }
  .advisor-card .short{
    grid-area:short!important;
    margin:0!important;
    min-height:0!important;
    font-size:.74rem!important;
    line-height:1.35!important;
    -webkit-line-clamp:2!important;
  }
  .advisor-points{
    grid-area:points!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    margin:0!important;
  }
  .advisor-points span{
    padding:5px 6px!important;
    font-size:.60rem!important;
    text-align:center!important;
    border-radius:999px!important;
  }
  .advisor-card .btn{
    grid-area:actions!important;
    width:100%!important;
    min-height:34px!important;
    border-radius:999px!important;
    font-size:.72rem!important;
  }
}

@media (max-width:380px){
  .product-card:not(.advisor-card){
    grid-template-columns:98px minmax(0,1fr)!important;
    min-height:150px!important;
    max-height:178px!important;
    padding:9px!important;
    column-gap:9px!important;
    row-gap:3px!important;
  }
  .product-card:not(.advisor-card) .product-img{
    width:98px!important;
    height:124px!important;
    min-height:124px!important;
  }
  .product-card:not(.advisor-card) .product-img img{
    max-width:94px!important;
    max-height:116px!important;
  }
  .product-card:not(.advisor-card) h3{font-size:1.01rem!important}
  .product-card:not(.advisor-card) .short{font-size:.66rem!important;line-height:1.25!important;-webkit-line-clamp:2!important}
  .product-card:not(.advisor-card) .price-main strong{font-size:1rem!important}
  .product-card:not(.advisor-card) .price-label{font-size:.53rem!important;padding-inline:6px!important}
  .product-card:not(.advisor-card) .color-chip{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important}
  .product-card:not(.advisor-card) .color-dot{width:12px!important;height:12px!important}
  .product-card:not(.advisor-card) .card-actions{grid-template-columns:minmax(0,1fr) 35px!important;gap:7px!important}
  .product-card:not(.advisor-card) .card-actions .btn{height:34px!important;min-height:34px!important;font-size:.70rem!important}
  .product-card:not(.advisor-card) .card-actions .btn.ghost{width:35px!important;min-width:35px!important}
}

/* =========================================================
   V31 — Mobile Premium App Navigation + Compact Store Grid
   Scope: MOBILE ONLY. Desktop remains untouched.
   Goal: iPhone-first premium product browsing, less scroll, no overlap.
   ========================================================= */
@media (max-width:760px){
  :root{--mobile-nav-h:76px}
  html{scroll-padding-bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 18px)!important}
  body{padding-bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 10px)!important}

  /* Reduce clutter once bottom navigation exists */
  .floating.cart,
  .floating.access{display:none!important}
  .floating.whatsapp{
    width:50px!important;height:50px!important;
    left:12px!important;
    bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 14px)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 24px rgba(37,211,102,.22)!important;
  }
  .floating.whatsapp .wa-svg{width:32px!important;height:32px!important}

  /* Product section becomes a premium app-like 2-column picker */
  #products.section{margin-top:28px!important}
  #products .section-head{margin-bottom:14px!important;padding-inline:6px!important}
  #products .section-head h2{font-size:clamp(1.72rem,8vw,2.22rem)!important;line-height:1.02!important;letter-spacing:-.045em!important}
  #products .section-head p{font-size:.88rem!important;line-height:1.48!important;max-width:330px!important;margin-inline:auto!important}

  .product-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:430px!important;
    margin-inline:auto!important;
    padding:0 4px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }

  .product-card:not(.advisor-card){
    width:100%!important;min-width:0!important;max-width:none!important;
    min-height:242px!important;max-height:none!important;
    padding:9px!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    text-align:center!important;
    background:
      radial-gradient(circle at 50% 20%,rgba(61,201,255,.16),transparent 41%),
      linear-gradient(180deg,rgba(8,25,39,.96),rgba(4,14,24,.96))!important;
    border:1px solid rgba(104,229,255,.24)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important;
    overflow:hidden!important;
  }
  .product-card:not(.advisor-card)::before{
    opacity:.55!important;
    background:linear-gradient(140deg,rgba(104,229,255,.07),transparent 42%,rgba(255,255,255,.025))!important;
  }

  .product-card:not(.advisor-card) .product-img{
    width:100%!important;height:104px!important;min-height:104px!important;
    margin:0!important;padding:7px!important;
    border-radius:18px!important;
    display:grid!important;place-items:center!important;
    background:radial-gradient(circle at 50% 55%,rgba(80,205,255,.21),rgba(7,20,32,.22) 55%,transparent 76%)!important;
  }
  .product-card:not(.advisor-card) .product-img::after{opacity:.08!important;width:76%!important;height:76%!important;inset:0 auto auto 12%!important}
  .product-card:not(.advisor-card) .product-img img{
    width:100%!important;height:100%!important;
    max-width:116px!important;max-height:96px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 13px 18px rgba(0,0,0,.30))!important;
  }

  .product-card:not(.advisor-card) h3{
    margin:2px 0 0!important;
    font-size:1.08rem!important;line-height:1!important;
    font-weight:950!important;letter-spacing:-.035em!important;
    text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .product-card:not(.advisor-card) .short{
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;min-height:0!important;max-height:1.4em!important;
    margin:0!important;color:#A8BFCC!important;
    font-size:.66rem!important;line-height:1.3!important;text-align:center!important;
  }

  .product-card:not(.advisor-card) .product-price{
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    display:flex!important;align-items:baseline!important;justify-content:center!important;gap:5px!important;text-align:center!important;
  }
  .product-card:not(.advisor-card) .price-label{display:none!important}
  .product-card:not(.advisor-card) .price-main{justify-content:center!important;gap:1px!important;color:#38D5FF!important;text-shadow:0 0 12px rgba(56,213,255,.18)!important}
  .product-card:not(.advisor-card) .price-main .currency{font-size:.73rem!important;color:#5FDBFF!important;font-weight:950!important}
  .product-card:not(.advisor-card) .price-main strong{font-size:1.12rem!important;line-height:1!important;color:#38D5FF!important;font-weight:950!important}
  .product-card:not(.advisor-card) .price-old{display:none!important}

  .product-card:not(.advisor-card) .colors,
  .product-card:not(.advisor-card) .single-color-label{
    margin:0!important;min-height:22px!important;width:100%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  }
  .product-card:not(.advisor-card) .color-chip{
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;
    background:rgba(4,16,26,.72)!important;border:1px solid rgba(104,229,255,.25)!important;
  }
  .product-card:not(.advisor-card) .color-chip span:last-child,
  .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important}
  .product-card:not(.advisor-card) .color-dot{width:14px!important;height:14px!important;border-width:1.4px!important}
  .product-card:not(.advisor-card) .color-chip.active{box-shadow:0 0 0 2px rgba(56,213,255,.22),0 0 16px rgba(56,213,255,.18)!important}
  .product-card:not(.advisor-card) .single-color-label{height:24px!important;padding:0!important;border:0!important;background:transparent!important}

  .product-card:not(.advisor-card) .card-actions{
    margin-top:auto!important;
    display:grid!important;grid-template-columns:1fr!important;gap:5px!important;
    align-items:end!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.add{
    min-height:36px!important;height:36px!important;border-radius:999px!important;
    padding:0 10px!important;font-size:.78rem!important;font-weight:950!important;
    background:linear-gradient(90deg,#22BFFF 0%,#6BE7FF 100%)!important;color:#03141D!important;
    box-shadow:0 10px 22px rgba(34,191,255,.19),inset 0 1px 0 rgba(255,255,255,.25)!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.ghost{
    min-height:24px!important;height:24px!important;width:auto!important;min-width:0!important;
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    color:#A8BFCC!important;font-size:.66rem!important;font-weight:850!important;text-decoration:none!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.ghost::before{content:none!important;display:none!important}
  .product-card:not(.advisor-card) .card-actions .btn.ghost::after{content:"  ›";color:#38D5FF!important;font-weight:950!important}

  .product-card:not(.advisor-card) .bt-pill{
    top:8px!important;right:8px!important;width:25px!important;height:25px!important;min-height:25px!important;
    display:grid!important;place-items:center!important;padding:0!important;border-radius:999px!important;
    background:rgba(3,16,26,.72)!important;border-color:rgba(104,229,255,.24)!important;
  }
  .product-card:not(.advisor-card) .bt-pill em{display:none!important}
  .product-card:not(.advisor-card) .bt-pill .bt-svg{width:12px!important;height:12px!important}

  /* Support / advisor card as a compact full-width premium row */
  .advisor-card{
    grid-column:1/-1!important;
    min-height:112px!important;max-height:none!important;
    border-radius:22px!important;padding:13px!important;
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-areas:"advisor title" "advisor short" "points points" "actions actions"!important;
    gap:7px 11px!important;text-align:right!important;align-items:center!important;
  }
  .advisor-orb{grid-area:advisor!important;width:50px!important;height:50px!important;margin:0!important}
  .advisor-card h3{grid-area:title!important;margin:0!important;font-size:1.08rem!important;line-height:1.05!important;text-align:right!important}
  .advisor-card .short{grid-area:short!important;margin:0!important;min-height:0!important;font-size:.73rem!important;line-height:1.35!important;-webkit-line-clamp:2!important;text-align:right!important}
  .advisor-points{grid-area:points!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0!important;width:100%!important}
  .advisor-points span{padding:5px 4px!important;font-size:.58rem!important;line-height:1.15!important;text-align:center!important;border-radius:999px!important}
  .advisor-card .btn{grid-area:actions!important;width:100%!important;min-height:34px!important;border-radius:999px!important;font-size:.72rem!important}

  /* premium fixed bottom nav — no account item */
  .mobile-bottom-nav{
    position:fixed;z-index:155;left:10px;right:10px;
    bottom:calc(8px + var(--safe-bottom));
    height:68px;padding:7px 8px;
    display:grid;grid-template-columns:repeat(5,1fr);gap:3px;
    border-radius:25px;
    background:linear-gradient(180deg,rgba(7,24,38,.92),rgba(3,13,23,.96));
    border:1px solid rgba(104,229,255,.24);
    box-shadow:0 20px 48px rgba(0,0,0,.46),0 0 28px rgba(56,213,255,.10),inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(20px) saturate(1.12);
  }
  .mobile-bottom-item{
    position:relative;min-width:0;border:0;background:transparent;color:#A8BFCC;
    display:grid;grid-template-rows:31px 1fr;place-items:center;gap:1px;
    text-decoration:none;font:inherit;font-size:.61rem;font-weight:850;line-height:1;
    border-radius:18px;padding:3px 1px;cursor:pointer;
    transition:color .18s ease,background .18s ease,transform .18s ease;
  }
  .mobile-bottom-item .mbi-icon{position:relative;width:30px;height:30px;border-radius:15px;display:grid;place-items:center}
  .mobile-bottom-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-item.is-active,
  .mobile-bottom-item:active,
  .mobile-bottom-item:focus-visible{color:#F5FBFF;background:rgba(56,213,255,.08)!important;outline:none!important}
  .mobile-bottom-item.is-active .mbi-icon{color:#03141D;background:linear-gradient(180deg,#6BE7FF,#22BFFF);box-shadow:0 0 22px rgba(56,213,255,.26)}
  .mobile-bottom-cart em{
    position:absolute;top:-4px;left:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
    display:grid;place-items:center;background:#22BFFF;color:#03141D;font-size:.62rem;font-weight:950;
    box-shadow:0 0 16px rgba(56,213,255,.34);
  }
}

@media (min-width:761px){.mobile-bottom-nav{display:none!important}}

@media (max-width:380px){
  .product-track{gap:8px!important;padding-inline:2px!important}
  .product-card:not(.advisor-card){min-height:230px!important;padding:8px!important;border-radius:20px!important;gap:5px!important}
  .product-card:not(.advisor-card) .product-img{height:96px!important;min-height:96px!important;border-radius:16px!important}
  .product-card:not(.advisor-card) .product-img img{max-height:90px!important;max-width:104px!important}
  .product-card:not(.advisor-card) h3{font-size:1rem!important}
  .product-card:not(.advisor-card) .short{font-size:.62rem!important}
  .product-card:not(.advisor-card) .price-main strong{font-size:1.04rem!important}
  .product-card:not(.advisor-card) .card-actions .btn.add{height:34px!important;min-height:34px!important;font-size:.72rem!important}
  .mobile-bottom-nav{left:7px;right:7px;height:66px;padding-inline:6px;border-radius:23px}
  .mobile-bottom-item{font-size:.56rem}
}

/* =========================================================
   V32 — Reference Product Card Polish + Mobile Premium Flow
   Source of truth: dark/cyan reference card with large diffuser, centered UI.
   ========================================================= */
:root{
  --v32-bg:#03101D;
  --v32-panel:#081D31;
  --v32-panel-deep:#061423;
  --v32-cyan:#55CFFF;
  --v32-cyan-2:#39C3FF;
  --v32-cyan-3:#66D9FF;
  --v32-border:rgba(84,188,255,.28);
  --v32-border-strong:rgba(84,188,255,.65);
  --v32-text:#F5FBFF;
  --v32-soft:#DDEBF6;
  --v32-muted:#9DB5C8;
  --v32-shadow:0 12px 30px rgba(0,0,0,.28);
  --v32-glow:0 0 0 1px rgba(84,188,255,.16),0 0 22px rgba(85,207,255,.12);
}

/* Product-only button: secondary ghost until interaction, desktop + mobile */
.wizard-product-only-mini{
  min-height:29px!important;
  height:29px!important;
  width:auto!important;
  min-width:126px!important;
  max-width:max-content!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(85,207,255,.42)!important;
  background:rgba(4,17,29,.22)!important;
  color:#DDEBF6!important;
  box-shadow:none!important;
  font-size:.70rem!important;
  font-weight:950!important;
}
.wizard-product-only-mini:hover,
.wizard-product-only-mini:focus-visible,
.wizard-product-only-mini:active{
  background:linear-gradient(90deg,#22BFFF 0%,#6BE7FF 100%)!important;
  color:#03141D!important;
  border-color:rgba(104,229,255,.88)!important;
  box-shadow:0 0 18px rgba(56,213,255,.20)!important;
  transform:translateY(-1px)!important;
}

/* Spec modal: price and CTA locked on one visual center axis */
.modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta{
  width:min(100%,236px)!important;
  display:grid!important;
  justify-items:stretch!important;
  align-items:center!important;
  gap:9px!important;
  margin:8px auto 0!important;
}
.modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .product-price,
.modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .btn.wide{
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

@media (max-width:760px){
  :root{--mobile-nav-h:74px!important}
  body{padding-bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 20px)!important}

  /* bottom-nav only on mobile: no duplicated top menu button */
  .menu-btn{display:none!important}
  .mobile-nav{display:none!important}

  /* floating actions: keep WhatsApp + accessibility, hide duplicate floating cart */
  .floating.cart{display:none!important}
  .floating.whatsapp{
    display:grid!important;
    width:47px!important;height:47px!important;left:10px!important;
    bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 18px)!important;
    z-index:156!important;
  }
  .floating.access{
    display:grid!important;
    width:46px!important;height:46px!important;left:10px!important;
    bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 72px)!important;
    z-index:156!important;
    color:#fff!important;
    background:linear-gradient(180deg,#3090FF,#1A7CFF)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 15px 34px rgba(0,0,0,.38),0 0 22px rgba(26,124,255,.24)!important;
  }
  .floating.access svg{width:26px!important;height:26px!important}

  /* Product browsing: premium horizontal cards, one focused product at a time */
  #products.section{margin-top:28px!important;overflow:hidden!important}
  #products .section-head{margin-bottom:14px!important;padding-inline:12px!important}
  #products .section-head h2{font-size:clamp(1.78rem,8vw,2.22rem)!important;line-height:1.03!important;letter-spacing:-.045em!important}
  #products .section-head p{font-size:.86rem!important;max-width:330px!important;margin-inline:auto!important;color:#B8CBD7!important}

  .product-track{
    display:flex!important;
    grid-template-columns:none!important;
    width:100%!important;max-width:none!important;
    margin:0!important;
    padding:3px 18px 14px!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:18px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .product-track::-webkit-scrollbar{display:none!important}
  .product-track::after{
    content:'החליקו לבחירת דגם';
    flex:0 0 1px;
    width:1px;
    color:transparent;
  }

  .product-card:not(.advisor-card){
    flex:0 0 min(86vw,356px)!important;
    width:min(86vw,356px)!important;
    min-width:min(86vw,356px)!important;
    max-width:356px!important;
    min-height:552px!important;
    max-height:none!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    padding:18px 15px 17px!important;
    border-radius:24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    text-align:center!important;
    position:relative!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 22%,rgba(85,207,255,.32),rgba(85,207,255,.13) 31%,transparent 58%),
      linear-gradient(180deg,rgba(8,29,49,.97),rgba(3,14,25,.985))!important;
    border:1px solid var(--v32-border)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 0 1px rgba(84,188,255,.10),0 0 28px rgba(85,207,255,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .product-card:not(.advisor-card)::before{
    content:''!important;
    position:absolute!important;inset:0!important;z-index:0!important;
    opacity:.92!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%),
      radial-gradient(circle at 50% 39%,rgba(33,152,214,.15),transparent 44%)!important;
    pointer-events:none!important;
  }
  .product-card:not(.advisor-card)::after{
    content:''!important;
    position:absolute!important;left:20px;right:20px;bottom:144px;height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(84,188,255,.18),transparent)!important;
    pointer-events:none!important;
  }
  .product-card:not(.advisor-card)>*{position:relative!important;z-index:1!important}

  .product-card:not(.advisor-card) .bt-pill{
    position:absolute!important;top:18px!important;right:18px!important;left:auto!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    padding:0!important;border-radius:999px!important;
    display:grid!important;place-items:center!important;
    background:rgba(3,16,29,.62)!important;
    border:1px solid rgba(85,207,255,.75)!important;
    color:var(--v32-cyan)!important;
    box-shadow:0 0 0 1px rgba(85,207,255,.12),0 0 22px rgba(85,207,255,.16),inset 0 1px 0 rgba(255,255,255,.045)!important;
    transform:none!important;
  }
  .product-card:not(.advisor-card) .bt-pill em{display:none!important}
  .product-card:not(.advisor-card) .bt-pill .bt-svg{
    width:27px!important;height:27px!important;display:block!important;margin:0!important;color:currentColor!important;transform:none!important;
  }

  .product-card:not(.advisor-card) .product-img{
    width:100%!important;height:218px!important;min-height:218px!important;
    margin:4px auto 0!important;padding:6px 42px 0!important;
    display:grid!important;place-items:center!important;
    border-radius:0!important;background:transparent!important;
  }
  .product-card:not(.advisor-card) .product-img::after{display:none!important;content:none!important}
  .product-card:not(.advisor-card) .product-img img{
    width:100%!important;height:100%!important;max-width:230px!important;max-height:214px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 26px 28px rgba(0,0,0,.38))!important;
  }

  .product-card:not(.advisor-card) h3{
    width:100%!important;margin:4px 0 0!important;text-align:center!important;
    font-size:2.02rem!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.045em!important;
    color:var(--v32-text)!important;text-shadow:0 10px 26px rgba(0,0,0,.28)!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .product-card:not(.advisor-card) .short{
    width:min(100%,286px)!important;margin:0 auto 2px!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
    min-height:40px!important;max-height:40px!important;
    color:var(--v32-soft)!important;font-size:1.02rem!important;line-height:1.34!important;font-weight:500!important;text-align:center!important;
  }

  .product-card:not(.advisor-card) .product-price{
    width:100%!important;margin:5px auto 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    display:grid!important;place-items:center!important;gap:1px!important;text-align:center!important;
  }
  .product-card:not(.advisor-card) .price-label{
    display:block!important;color:var(--v32-cyan)!important;font-size:.86rem!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.01em!important;
  }
  .product-card:not(.advisor-card) .price-main{
    display:flex!important;align-items:baseline!important;justify-content:center!important;gap:3px!important;line-height:1!important;color:var(--v32-cyan)!important;text-shadow:0 0 18px rgba(85,207,255,.28)!important;
  }
  .product-card:not(.advisor-card) .price-main strong{font-size:2.22rem!important;font-weight:950!important;line-height:.96!important;color:var(--v32-cyan)!important;letter-spacing:-.045em!important}
  .product-card:not(.advisor-card) .price-main .currency{font-size:1.04rem!important;font-weight:950!important;color:var(--v32-cyan)!important}
  .product-card:not(.advisor-card) .price-old{display:none!important}

  .product-card:not(.advisor-card) .colors,
  .product-card:not(.advisor-card) .single-color-label{
    width:100%!important;min-height:42px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  .product-card:not(.advisor-card) .color-chip{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;
    background:rgba(2,10,18,.60)!important;border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  .product-card:not(.advisor-card) .color-chip span:last-child,
  .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important}
  .product-card:not(.advisor-card) .color-dot{width:27px!important;height:27px!important;border-width:1.2px!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important}
  .product-card:not(.advisor-card) .color-chip.active{border-color:var(--v32-cyan)!important;box-shadow:0 0 0 2px rgba(85,207,255,.26),0 0 18px rgba(85,207,255,.22)!important}
  .product-card:not(.advisor-card) .single-color-label .color-dot{width:27px!important;height:27px!important}

  .product-card:not(.advisor-card) .card-actions{
    width:min(100%,282px)!important;margin:8px auto 0!important;
    display:grid!important;grid-template-columns:1fr!important;gap:11px!important;align-items:center!important;justify-items:stretch!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.add{
    width:100%!important;min-height:54px!important;height:54px!important;border-radius:15px!important;
    padding:0 20px!important;font-size:1.2rem!important;font-weight:950!important;letter-spacing:-.02em!important;
    background:linear-gradient(90deg,#22BFFF 0%,#6BE7FF 100%)!important;color:#03141D!important;
    box-shadow:0 14px 28px rgba(34,191,255,.24),inset 0 1px 0 rgba(255,255,255,.30)!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.ghost{
    width:100%!important;min-width:0!important;min-height:43px!important;height:43px!important;border-radius:14px!important;
    padding:0 16px!important;background:rgba(2,13,23,.28)!important;border:1px solid rgba(84,188,255,.52)!important;
    color:#AFC6D5!important;box-shadow:none!important;font-size:1rem!important;font-weight:850!important;text-decoration:none!important;
  }
  .product-card:not(.advisor-card) .card-actions .btn.ghost::before{content:'▧';font-size:1rem;color:#9FC4DA;margin-inline-end:7px!important;display:inline-block!important}
  .product-card:not(.advisor-card) .card-actions .btn.ghost::after{content:none!important;display:none!important}

  .advisor-card{display:none!important}

  /* mobile spec modal: compact, centered, price+CTA exactly stacked */
  .modal-card:not(:has(.upsell-wizard)){
    width:calc(100vw - 16px)!important;max-width:500px!important;max-height:calc(100dvh - 14px)!important;
    padding:10px 14px 14px!important;border-radius:23px!important;overflow-y:auto!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .close-modal{width:35px!important;height:35px!important;border-radius:13px!important;font-size:1.55rem!important;margin-bottom:0!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{gap:7px!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-img{width:min(60vw,220px)!important;max-height:180px!important;margin:-4px auto 0!important;padding:3px!important;background:radial-gradient(circle at center,rgba(85,207,255,.16),transparent 67%)!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy{width:100%!important;text-align:right!important;display:grid!important;justify-items:stretch!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy h2{font-size:1.8rem!important;line-height:1!important;margin:0 0 4px!important;text-align:right!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .short{font-size:.80rem!important;line-height:1.24!important;margin:0 0 7px!important;text-align:right!important;color:#B5C9D7!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list{gap:4px!important;margin:0 0 8px!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div{min-height:29px!important;padding:5px 9px!important;border-radius:11px!important;grid-template-columns:66px 1fr!important;gap:7px!important;align-items:center!important;background:rgba(7,24,38,.76)!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.74rem!important;font-weight:950!important;color:#F5FBFF!important;white-space:nowrap!important}
  .modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.72rem!important;line-height:1.12!important;color:#AFC2D1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta{width:min(100%,208px)!important;gap:8px!important;margin:6px auto 0!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .product-price{min-height:52px!important;padding:6px 9px!important;border-radius:15px!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .price-label{font-size:.62rem!important}.modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .price-main strong{font-size:1.34rem!important}.modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .price-main .currency{font-size:.82rem!important}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .btn.wide{min-height:48px!important;border-radius:16px!important}

  /* mobile wizard polish */
  .modal-card:has(.upsell-wizard){width:calc(100vw - 12px)!important;max-width:500px!important;max-height:calc(100dvh - 12px)!important;padding:9px!important;border-radius:22px!important;overflow:hidden!important}
  .upsell-wizard{max-height:calc(100dvh - 32px)!important;gap:8px!important;padding-bottom:5px!important;overflow-y:auto!important;overflow-x:hidden!important}
  .wizard-section-head h3{font-size:1.06rem!important}.wizard-section-head p{font-size:.72rem!important;line-height:1.25!important}
  .wizard-product-only-mini{height:28px!important;min-height:28px!important;min-width:118px!important;font-size:.66rem!important;padding:0 12px!important;margin:0 auto!important}
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .wizard-scent-card{min-height:168px!important;grid-template-rows:94px auto!important;padding:6px!important;border-radius:14px!important}
  .wizard-scent-media{height:94px!important;border-radius:12px!important}.wizard-scent-card-art{object-fit:contain!important}.wizard-scent-body strong{font-size:.74rem!important}.wizard-scent-body small{font-size:.62rem!important}.wizard-scent-body em{font-size:.68rem!important}
  .wizard-choice-scent{min-height:76px!important;padding:7px!important;grid-template-columns:72px 1fr!important;border-radius:17px!important}.wizard-choice-scent-media{height:68px!important}.wizard-choice-scent-copy strong{font-size:.86rem!important}.wizard-choice-scent-copy span{font-size:.68rem!important}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .wizard-size-card{aspect-ratio:1/1!important;min-height:0!important;padding:7px!important;border-radius:17px!important;gap:4px!important}
  .wizard-size-media{height:50px!important;margin:0!important}.wizard-size-media img{max-height:50px!important;width:auto!important;object-fit:contain!important}
  .wizard-size-card strong{font-size:.86rem!important}.wizard-size-price{font-size:.82rem!important}.wizard-size-card small{font-size:.58rem!important;line-height:1.05!important}.wizard-size-note{min-height:27px!important;padding:6px 8px!important;font-size:.60rem!important;border-radius:13px!important}.wizard-actions .btn{min-height:39px!important;font-size:.74rem!important}

  /* premium bottom nav and contextual category state */
  .mobile-bottom-nav{
    height:68px!important;left:9px!important;right:9px!important;bottom:calc(8px + var(--safe-bottom))!important;
    padding:7px 8px!important;border-radius:25px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:3px!important;
    background:linear-gradient(180deg,rgba(7,24,38,.93),rgba(3,13,23,.97))!important;border:1px solid rgba(104,229,255,.25)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.48),0 0 26px rgba(56,213,255,.10),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  .mobile-bottom-item{font-size:.60rem!important;font-weight:850!important;color:#A8BFCC!important;border-radius:18px!important;display:grid!important;grid-template-rows:31px 1fr!important;place-items:center!important;gap:1px!important}
  .mobile-bottom-item .mbi-icon{width:30px!important;height:30px!important;border-radius:16px!important;display:grid!important;place-items:center!important;position:relative!important}
  .mobile-bottom-item svg{width:21px!important;height:21px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important}
  .mobile-bottom-item.is-active{color:#F5FBFF!important;background:rgba(56,213,255,.08)!important}
  .mobile-bottom-item.is-active .mbi-icon{color:#03141D!important;background:linear-gradient(180deg,#6BE7FF,#22BFFF)!important;box-shadow:0 0 22px rgba(56,213,255,.28)!important}
  .mobile-bottom-cart em{top:-6px!important;left:-7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#6BE7FF,#22BFFF)!important;color:#03141D!important;font-size:.64rem!important;font-weight:950!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 0 18px rgba(56,213,255,.40),0 6px 14px rgba(0,0,0,.24)!important}
}

@media (max-width:380px){
  .product-card:not(.advisor-card){flex-basis:min(88vw,330px)!important;width:min(88vw,330px)!important;min-width:min(88vw,330px)!important;min-height:514px!important;padding:16px 13px 15px!important}
  .product-card:not(.advisor-card) .bt-pill{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;top:16px!important;right:16px!important}.product-card:not(.advisor-card) .bt-pill .bt-svg{width:24px!important;height:24px!important}
  .product-card:not(.advisor-card) .product-img{height:194px!important;min-height:194px!important;padding-inline:38px!important}.product-card:not(.advisor-card) .product-img img{max-height:192px!important;max-width:210px!important}
  .product-card:not(.advisor-card) h3{font-size:1.82rem!important}.product-card:not(.advisor-card) .short{font-size:.94rem!important;min-height:37px!important;max-height:37px!important}.product-card:not(.advisor-card) .price-main strong{font-size:2rem!important}.product-card:not(.advisor-card) .color-chip{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.product-card:not(.advisor-card) .color-dot{width:24px!important;height:24px!important}.product-card:not(.advisor-card) .card-actions{width:min(100%,260px)!important}.product-card:not(.advisor-card) .card-actions .btn.add{height:50px!important;min-height:50px!important;font-size:1.06rem!important}.product-card:not(.advisor-card) .card-actions .btn.ghost{height:40px!important;min-height:40px!important;font-size:.92rem!important}
  .mobile-bottom-nav{height:66px!important;left:7px!important;right:7px!important}.mobile-bottom-item{font-size:.55rem!important}
}

/* =========================================================
   V33 — Mobile Reference Fix / Final Pixel Polish
   Scope: MOBILE ONLY. Based on approved product-card reference.
   Desktop remains untouched. Main scent catalog remains without pagination.
   ========================================================= */

@media (max-width:760px){
  :root{
    --v33-bg:#020A12;
    --v33-card:#061522;
    --v33-deep:#03101D;
    --v33-cyan:#37D7FF;
    --v33-cyan-soft:#62E6FF;
    --v33-cyan-dark:#19BFF4;
    --v33-line:rgba(83,205,255,.34);
    --v33-line-active:rgba(98,230,255,.78);
    --v33-text:#F5FBFF;
    --v33-muted:#B7CAD8;
    --v33-dim:#7F9AAF;
  }

  html,body{background:#020A12!important;}
  body{padding-bottom:calc(94px + var(--safe-bottom))!important;}

  /* no top mobile menu duplication when bottom navigation exists */
  .menu-btn{display:none!important;}

  /* keep only WhatsApp + accessibility above the approved bottom nav */
  .floating.cart{display:none!important;}
  .floating.whatsapp{
    display:grid!important;
    left:calc(8px + var(--safe-left))!important;
    bottom:calc(96px + var(--safe-bottom))!important;
    width:52px!important;height:52px!important;
    border-radius:999px!important;
    z-index:760!important;
  }
  .floating.access{
    display:grid!important;
    left:calc(8px + var(--safe-left))!important;
    bottom:calc(34px + var(--safe-bottom))!important;
    width:52px!important;height:52px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#3090FF,#1A7CFF)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.38),0 0 22px rgba(26,124,255,.24)!important;
    z-index:760!important;
  }
  .floating.access svg{width:25px!important;height:25px!important;filter:none!important;}
  .access-panel{bottom:calc(96px + var(--safe-bottom))!important;}

  /* approved product presentation: one premium card in focus, horizontal swipe */
  #products .product-track{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:18px!important;
    padding:2px 18px 20px!important;
    margin-inline:calc(-1 * max(0px, env(safe-area-inset-left)))!important;
    overscroll-behavior-x:contain!important;
  }
  #products .product-track::-webkit-scrollbar{display:none!important;}
  #products .product-track::after{content:""!important;flex:0 0 2px!important;width:2px!important;}

  #products .product-card:not(.advisor-card){
    flex:0 0 calc(100vw - 44px)!important;
    width:calc(100vw - 44px)!important;
    max-width:374px!important;
    min-width:0!important;
    min-height:0!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    border-radius:26px!important;
    padding:18px 18px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    text-align:center!important;
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 25%, rgba(0,174,255,.46) 0%, rgba(0,174,255,.27) 17%, rgba(0,174,255,.10) 36%, rgba(0,0,0,0) 58%),
      linear-gradient(180deg,#071929 0%,#03101D 57%,#020911 100%)!important;
    border:1px solid rgba(83,205,255,.40)!important;
    box-shadow:
      0 20px 46px rgba(0,0,0,.46),
      0 0 0 1px rgba(84,188,255,.12),
      0 0 30px rgba(55,215,255,.12),
      inset 0 1px 0 rgba(255,255,255,.055)!important;
    transform:none!important;
  }
  #products .product-card:not(.advisor-card)::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    opacity:1!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.04),transparent 25%),
      radial-gradient(ellipse at 50% 36%,rgba(55,215,255,.16),transparent 48%),
      linear-gradient(90deg,rgba(98,230,255,.04),transparent 24%,transparent 76%,rgba(98,230,255,.035))!important;
  }
  #products .product-card:not(.advisor-card)::after{
    content:""!important;
    position:absolute!important;
    left:44px!important;right:44px!important;top:376px!important;height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(83,205,255,.20),transparent)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  #products .product-card:not(.advisor-card)>*{position:relative!important;z-index:1!important;}

  /* Bluetooth badge — perfectly centered, no text, no star */
  #products .product-card:not(.advisor-card) .bt-pill{
    position:absolute!important;
    top:18px!important;right:18px!important;left:auto!important;
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    padding:0!important;margin:0!important;
    border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:rgba(2,13,24,.64)!important;
    border:1px solid rgba(98,230,255,.82)!important;
    color:#37D7FF!important;
    box-shadow:0 0 0 1px rgba(98,230,255,.13),0 0 22px rgba(55,215,255,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
    transform:none!important;
    font-size:0!important;line-height:1!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important;}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{
    width:29px!important;height:29px!important;display:block!important;margin:0!important;padding:0!important;
    color:#37D7FF!important;transform:none!important;filter:drop-shadow(0 0 8px rgba(55,215,255,.22))!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg path{fill:currentColor!important;}

  /* Product is the hero of the card */
  #products .product-card:not(.advisor-card) .product-img{
    width:100%!important;
    height:252px!important;min-height:252px!important;max-height:252px!important;
    margin:2px auto 14px!important;
    padding:0 34px!important;
    display:grid!important;place-items:center!important;
    background:transparent!important;border-radius:0!important;
    overflow:visible!important;
  }
  #products .product-card:not(.advisor-card) .product-img::before,
  #products .product-card:not(.advisor-card) .product-img::after{display:none!important;content:none!important;}
  #products .product-card:not(.advisor-card) .product-img img{
    width:100%!important;height:100%!important;max-width:258px!important;max-height:248px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 28px 28px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(0,174,255,.20))!important;
    transform:none!important;
  }

  #products .product-card:not(.advisor-card) h3{
    width:100%!important;margin:0 0 8px!important;text-align:center!important;
    color:#F5FBFF!important;font-size:2.18rem!important;line-height:.96!important;font-weight:950!important;
    letter-spacing:-.045em!important;text-shadow:0 12px 24px rgba(0,0,0,.30)!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #products .product-card:not(.advisor-card) .short{
    width:min(100%,292px)!important;margin:0 auto 16px!important;text-align:center!important;
    color:#DCE7F0!important;font-size:1.02rem!important;line-height:1.38!important;font-weight:520!important;
    min-height:2.76em!important;max-height:2.76em!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  }

  #products .product-card:not(.advisor-card) .product-price{
    width:100%!important;margin:0 auto 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    display:flex!important;flex-direction:column-reverse!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important;
  }
  #products .product-card:not(.advisor-card) .price-label{
    display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;
    color:#37D7FF!important;font-size:.84rem!important;line-height:1.05!important;font-weight:900!important;
  }
  #products .product-card:not(.advisor-card) .price-main{
    display:flex!important;align-items:baseline!important;justify-content:center!important;gap:3px!important;line-height:1!important;
    color:#37D7FF!important;text-shadow:0 0 17px rgba(55,215,255,.23)!important;
  }
  #products .product-card:not(.advisor-card) .price-main strong{font-size:2.34rem!important;line-height:.94!important;font-weight:950!important;color:#37D7FF!important;letter-spacing:-.05em!important;}
  #products .product-card:not(.advisor-card) .price-main .currency{font-size:1.08rem!important;font-weight:950!important;color:#37D7FF!important;}
  #products .product-card:not(.advisor-card) .price-old{display:none!important;}

  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{
    width:100%!important;min-height:44px!important;margin:0 auto 16px!important;padding:0!important;border:0!important;background:transparent!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  }
  #products .product-card:not(.advisor-card) .color-chip{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border-radius:999px!important;
    display:grid!important;place-items:center!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  #products .product-card:not(.advisor-card) .color-chip span:last-child,
  #products .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important;}
  #products .product-card:not(.advisor-card) .color-dot{width:28px!important;height:28px!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(0,0,0,.25)!important;}
  #products .product-card:not(.advisor-card) .color-chip.active{border-color:#37D7FF!important;box-shadow:0 0 0 3px rgba(55,215,255,.16),0 0 18px rgba(55,215,255,.22)!important;}
  #products .product-card:not(.advisor-card) .single-color-label .color-dot{width:28px!important;height:28px!important;}

  #products .product-card:not(.advisor-card) .card-actions{
    width:100%!important;max-width:288px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.add{
    width:100%!important;max-width:288px!important;min-height:54px!important;height:54px!important;border:0!important;border-radius:14px!important;
    background:linear-gradient(180deg,#62E6FF 0%,#19BFF4 100%)!important;color:#02101A!important;
    font-size:1.18rem!important;font-weight:950!important;text-align:center!important;letter-spacing:-.02em!important;
    box-shadow:0 14px 28px rgba(25,191,244,.22),inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost{
    width:100%!important;max-width:288px!important;min-height:42px!important;height:42px!important;border-radius:12px!important;
    border:1px solid rgba(83,205,255,.46)!important;background:rgba(2,10,18,.34)!important;color:#B7CAD8!important;
    font-size:.92rem!important;font-weight:850!important;text-align:center!important;box-shadow:none!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost::before{content:"▧"!important;margin-inline-end:8px!important;color:#B7CAD8!important;font-size:.96rem!important;display:inline-block!important;}
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost::after{display:none!important;content:none!important;}
  #products .advisor-card{display:none!important;}

  /* Product modal mobile — compact, centered CTA/price stack */
  .modal-card:not(:has(.upsell-wizard)){
    width:calc(100vw - 18px)!important;max-width:500px!important;max-height:calc(100dvh - 18px)!important;
    padding:10px 14px 14px!important;border-radius:24px!important;overflow-y:auto!important;background:#061522!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .close-modal{width:36px!important;height:36px!important;border-radius:14px!important;font-size:1.55rem!important;margin-bottom:0!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;justify-items:center!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-img{
    width:min(62vw,230px)!important;max-height:188px!important;margin:-2px auto 2px!important;padding:2px!important;object-fit:contain!important;
    background:radial-gradient(circle at center,rgba(55,215,255,.17),transparent 68%)!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .modal-copy{width:100%!important;display:grid!important;justify-items:stretch!important;text-align:right!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy h2{font-size:1.78rem!important;line-height:1!important;margin:0 0 4px!important;text-align:right!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .short{font-size:.80rem!important;line-height:1.24!important;margin:0 0 7px!important;color:#B7CAD8!important;text-align:right!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list{gap:4px!important;margin:0 0 8px!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div{min-height:29px!important;padding:5px 9px!important;border-radius:11px!important;grid-template-columns:66px 1fr!important;gap:7px!important;align-items:center!important;background:rgba(7,24,38,.76)!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.74rem!important;font-weight:950!important;color:#F5FBFF!important;white-space:nowrap!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.72rem!important;line-height:1.12!important;color:#AFC2D1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta{width:min(100%,188px)!important;display:flex!important;flex-direction:column-reverse!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:7px auto 0!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .product-price{width:118px!important;min-height:54px!important;margin:0 auto!important;padding:7px 9px!important;border-radius:15px!important;text-align:center!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .price-label{font-size:.62rem!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .price-main strong{font-size:1.38rem!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .price-main .currency{font-size:.82rem!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .btn.wide{width:100%!important;min-height:50px!important;margin:0 auto!important;border-radius:16px!important;}

  /* Upsell wizard mobile — compact and usable */
  .modal-card:has(.upsell-wizard){width:calc(100vw - 12px)!important;max-width:500px!important;max-height:calc(100dvh - 12px)!important;padding:8px!important;border-radius:22px!important;overflow:hidden!important;}
  .upsell-wizard{max-height:calc(100dvh - 30px)!important;overflow-y:auto!important;overflow-x:hidden!important;gap:7px!important;padding-bottom:5px!important;}
  .wizard-section-head h3{font-size:1.04rem!important;line-height:1.05!important;}
  .wizard-section-head p{font-size:.70rem!important;line-height:1.22!important;}
  .wizard-section-head-with-mini{position:relative!important;padding-top:2px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"title mini" "desc mini"!important;align-items:center!important;gap:3px 8px!important;text-align:right!important;}
  .wizard-section-head-with-mini h3{grid-area:title!important;margin:0!important;}
  .wizard-section-head-with-mini p{grid-area:desc!important;margin:0!important;}
  .wizard-product-only-mini{
    grid-area:mini!important;justify-self:start!important;align-self:start!important;
    height:28px!important;min-height:28px!important;min-width:0!important;padding:0 10px!important;border-radius:999px!important;
    background:transparent!important;color:#F5FBFF!important;border:1px solid rgba(83,205,255,.44)!important;box-shadow:none!important;
    font-size:.66rem!important;font-weight:900!important;margin:0!important;
  }
  .wizard-product-only-mini:hover,.wizard-product-only-mini:focus-visible,.wizard-product-only-mini:active{
    background:linear-gradient(180deg,#62E6FF,#19BFF4)!important;color:#02101A!important;border-color:rgba(98,230,255,.86)!important;box-shadow:0 0 18px rgba(55,215,255,.18)!important;
  }
  .wizard-scent-tools{gap:7px!important;}
  .wizard-scent-cats{gap:7px!important;padding-bottom:2px!important;overflow-x:auto!important;scrollbar-width:none!important;}
  .wizard-scent-cats::-webkit-scrollbar{display:none!important;}
  .wizard-cat-chip{height:28px!important;min-height:28px!important;padding:0 11px!important;font-size:.64rem!important;border-radius:999px!important;white-space:nowrap!important;}
  .wizard-scent-search{height:36px!important;min-height:36px!important;font-size:.70rem!important;border-radius:15px!important;}
  .wizard-selection-pill{min-height:26px!important;font-size:.62rem!important;padding:5px 8px!important;border-radius:12px!important;}
  .wizard-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .wizard-scent-card{min-height:126px!important;grid-template-rows:74px auto!important;padding:6px!important;border-radius:14px!important;}
  .wizard-scent-media{height:74px!important;max-height:74px!important;border-radius:12px!important;}
  .wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:contain!important;}
  .wizard-scent-body{min-height:auto!important;padding-top:4px!important;gap:1px!important;}
  .wizard-scent-body strong{font-size:.72rem!important;line-height:1.08!important;min-height:1.08em!important;max-height:2.16em!important;}
  .wizard-scent-body small{font-size:.58rem!important;line-height:1.05!important;}
  .wizard-scent-body em{font-size:.62rem!important;line-height:1!important;}
  .wizard-pagination{min-height:30px!important;margin-top:5px!important;gap:8px!important;font-size:.68rem!important;}
  .wizard-page-btn{min-height:28px!important;padding:0 12px!important;font-size:.66rem!important;}

  /* Oil size selection mobile — smaller, square-ish and centered */
  .wizard-choice-summary{margin-bottom:7px!important;}
  .wizard-choice-scent{min-height:68px!important;padding:6px!important;grid-template-columns:66px 1fr!important;border-radius:16px!important;}
  .wizard-choice-scent-media{height:60px!important;border-radius:13px!important;}
  .wizard-choice-scent-copy strong{font-size:.82rem!important;}
  .wizard-choice-scent-copy span{font-size:.64rem!important;}
  .wizard-choice-scent-copy small{font-size:.62rem!important;}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .wizard-size-card{min-height:126px!important;aspect-ratio:auto!important;border-radius:17px!important;padding:8px!important;gap:3px!important;}
  .wizard-size-media{height:48px!important;min-height:48px!important;margin:0!important;}
  .wizard-size-media img{max-height:48px!important;width:auto!important;object-fit:contain!important;}
  .wizard-size-card strong{font-size:.84rem!important;line-height:1.05!important;}
  .wizard-size-price{font-size:.80rem!important;line-height:1.05!important;}
  .wizard-size-card small{font-size:.58rem!important;line-height:1.05!important;}
  .wizard-size-note{min-height:26px!important;padding:6px 8px!important;font-size:.58rem!important;border-radius:13px!important;}
  .wizard-actions .btn{min-height:38px!important;font-size:.72rem!important;border-radius:14px!important;}

  /* Bottom navigation — keep approved bar, improve badge and icon rhythm */
  .mobile-bottom-nav{
    height:68px!important;left:9px!important;right:9px!important;bottom:calc(8px + var(--safe-bottom))!important;
    padding:7px 8px!important;border-radius:25px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:3px!important;
    background:linear-gradient(180deg,rgba(7,24,38,.94),rgba(3,13,23,.98))!important;
    border:1px solid rgba(104,229,255,.25)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.48),0 0 26px rgba(56,213,255,.10),inset 0 1px 0 rgba(255,255,255,.055)!important;
    z-index:740!important;
  }
  .mobile-bottom-item{font-size:.60rem!important;font-weight:850!important;color:#A8BFCC!important;border-radius:18px!important;display:grid!important;grid-template-rows:31px 1fr!important;place-items:center!important;gap:1px!important;}
  .mobile-bottom-item .mbi-icon{width:30px!important;height:30px!important;border-radius:16px!important;display:grid!important;place-items:center!important;position:relative!important;}
  .mobile-bottom-item svg{width:21px!important;height:21px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;}
  .mobile-bottom-item.is-active{color:#F5FBFF!important;background:rgba(56,213,255,.08)!important;}
  .mobile-bottom-item.is-active .mbi-icon{color:#03141D!important;background:linear-gradient(180deg,#6BE7FF,#22BFFF)!important;box-shadow:0 0 22px rgba(56,213,255,.28)!important;}
  .mobile-bottom-cart em,
  #mobileCartCount{
    position:absolute!important;top:-7px!important;left:-8px!important;right:auto!important;
    min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;
    display:grid!important;place-items:center!important;background:linear-gradient(180deg,#6BE7FF,#22BFFF)!important;color:#02101A!important;
    font-size:.64rem!important;font-weight:950!important;line-height:1!important;border:1px solid rgba(255,255,255,.32)!important;
    box-shadow:0 0 18px rgba(56,213,255,.40),0 6px 14px rgba(0,0,0,.24)!important;
  }
}

@media (max-width:380px){
  #products .product-card:not(.advisor-card){flex-basis:calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;max-width:342px!important;padding:16px 15px 16px!important;}
  #products .product-card:not(.advisor-card) .bt-pill{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;top:16px!important;right:16px!important;}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{width:26px!important;height:26px!important;}
  #products .product-card:not(.advisor-card) .product-img{height:224px!important;min-height:224px!important;max-height:224px!important;padding-inline:34px!important;}
  #products .product-card:not(.advisor-card) .product-img img{max-height:218px!important;max-width:230px!important;}
  #products .product-card:not(.advisor-card) h3{font-size:1.9rem!important;}
  #products .product-card:not(.advisor-card) .short{font-size:.94rem!important;min-height:2.7em!important;max-height:2.7em!important;margin-bottom:14px!important;}
  #products .product-card:not(.advisor-card) .price-main strong{font-size:2.08rem!important;}
  #products .product-card:not(.advisor-card) .card-actions{max-width:270px!important;}
  .wizard-scent-card{min-height:120px!important;grid-template-rows:68px auto!important;}
  .wizard-scent-media{height:68px!important;max-height:68px!important;}
  .wizard-size-card{min-height:118px!important;}
}

/* =========================================================
   V34 — Live Ready Premium Mobile Reference Fix
   Scope: targeted mobile polish + legal/static page styling.
   ========================================================= */

/* Footer legal links */
.footer-legal-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:14px;color:var(--muted);font-size:.9rem;font-weight:800}
.footer-legal-links a{color:#9fb8c9;text-decoration:none;border-bottom:1px solid rgba(83,205,255,.22);padding-bottom:2px;transition:color .18s ease,border-color .18s ease}
.footer-legal-links a:hover{color:#57d9ff;border-color:rgba(87,217,255,.62)}
.legal-page{max-width:960px;margin:0 auto;padding:116px 18px 60px;color:#f5fbff}.legal-card{border:1px solid rgba(83,205,255,.24);border-radius:28px;background:linear-gradient(180deg,rgba(7,27,42,.94),rgba(3,14,24,.96));box-shadow:0 18px 54px rgba(0,0,0,.38),0 0 32px rgba(55,215,255,.08);padding:28px}.legal-card h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 10px}.legal-card h2{font-size:1.22rem;margin:28px 0 8px;color:#eaf8ff}.legal-card p,.legal-card li{color:#bfd0dc;line-height:1.72}.legal-card ul{padding-inline-start:22px}.legal-card .legal-note{margin-top:20px;padding:12px 14px;border-radius:16px;border:1px solid rgba(83,205,255,.16);background:rgba(255,255,255,.035);color:#9fb8c9}.legal-card a{color:#57d9ff}.legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

@media (max-width:760px){
  :root{--v34-bottom-nav-h:78px;}
  body{padding-bottom:calc(var(--v34-bottom-nav-h) + var(--safe-bottom) + 20px)!important;background:#020a12!important;}

  /* Keep the approved mobile product card direction, but make it darker and closer to the reference. */
  #products .product-track{
    display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;gap:18px!important;padding:4px 18px 18px!important;margin-inline:-18px!important;
    scrollbar-width:none!important;overscroll-behavior-inline:contain!important;
  }
  #products .product-track::-webkit-scrollbar{display:none!important}
  #products .product-card.advisor-card{display:none!important;}
  #products .product-card:not(.advisor-card){
    flex:0 0 calc(100vw - 42px)!important;width:calc(100vw - 42px)!important;max-width:370px!important;min-width:0!important;
    scroll-snap-align:center!important;border-radius:26px!important;padding:20px 18px 18px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;position:relative!important;overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 24%,rgba(0,174,255,.38) 0%,rgba(0,174,255,.22) 17%,rgba(0,174,255,.07) 32%,rgba(0,0,0,0) 49%),
      linear-gradient(180deg,#071727 0%,#03101d 54%,#02080f 100%)!important;
    border:1px solid rgba(83,205,255,.34)!important;
    box-shadow:0 20px 46px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055),0 0 28px rgba(55,215,255,.10)!important;
  }
  #products .product-card:not(.advisor-card)::before{
    content:""!important;position:absolute!important;inset:14px 14px auto 14px!important;height:250px!important;border-radius:24px!important;
    background:radial-gradient(circle at 50% 48%,rgba(42,196,255,.36),rgba(42,196,255,.12) 36%,rgba(0,0,0,0) 68%)!important;
    pointer-events:none!important;z-index:0!important;filter:blur(2px)!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill{
    position:absolute!important;top:18px!important;right:18px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;padding:0!important;
    border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(3,16,29,.74)!important;
    border:1px solid rgba(98,230,255,.82)!important;color:#37D7FF!important;font-size:0!important;line-height:1!important;z-index:5!important;
    box-shadow:0 0 18px rgba(55,215,255,.24),inset 0 0 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(8px)!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{width:28px!important;height:28px!important;display:block!important;margin:auto!important;color:#37D7FF!important;transform:none!important;}
  #products .product-card:not(.advisor-card) .product-img{
    width:100%!important;height:250px!important;min-height:250px!important;max-height:250px!important;margin:4px auto 14px!important;padding:0 42px!important;
    display:grid!important;place-items:center!important;background:transparent!important;border-radius:0!important;overflow:visible!important;position:relative!important;z-index:2!important;
  }
  #products .product-card:not(.advisor-card) .product-img::after{display:none!important}
  #products .product-card:not(.advisor-card) .product-img img{
    width:100%!important;height:100%!important;max-width:270px!important;max-height:244px!important;object-fit:contain!important;position:relative!important;z-index:2!important;
    filter:drop-shadow(0 25px 28px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(0,174,255,.20))!important;
  }
  #products .product-card:not(.advisor-card) h3{font-size:2.08rem!important;line-height:1!important;font-weight:950!important;color:#F5FBFF!important;margin:0 0 8px!important;text-align:center!important;letter-spacing:-.02em!important;z-index:2!important;}
  #products .product-card:not(.advisor-card) .short{
    width:100%!important;max-width:300px!important;min-height:2.85em!important;max-height:2.85em!important;margin:0 auto 16px!important;text-align:center!important;
    color:#D5E2EC!important;font-size:1rem!important;line-height:1.42!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;z-index:2!important;
  }
  #products .product-card:not(.advisor-card) .product-price{
    width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 auto 12px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;z-index:2!important;
  }
  #products .product-card:not(.advisor-card) .price-label{font-size:.78rem!important;font-weight:900!important;color:#37D7FF!important;line-height:1.05!important;margin:0 0 3px!important;}
  #products .product-card:not(.advisor-card) .price-main{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:3px!important;color:#37D7FF!important;text-shadow:0 0 16px rgba(55,215,255,.22)!important;}
  #products .product-card:not(.advisor-card) .price-main strong{font-size:2.25rem!important;line-height:.92!important;font-weight:950!important;}
  #products .product-card:not(.advisor-card) .price-main .currency{font-size:1.03rem!important;font-weight:950!important;}
  #products .product-card:not(.advisor-card) .price-old{font-size:.72rem!important;color:#7f98aa!important;margin-top:3px!important;}
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{
    width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;min-height:44px!important;margin:0 auto 16px!important;padding:0!important;background:transparent!important;border:0!important;z-index:2!important;
  }
  #products .product-card:not(.advisor-card) .color-chip{width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.36)!important;color:transparent!important;}
  #products .product-card:not(.advisor-card) .color-chip span:last-child,
  #products .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important}
  #products .product-card:not(.advisor-card) .color-dot{width:28px!important;height:28px!important;border-radius:50%!important;margin:0!important;}
  #products .product-card:not(.advisor-card) .color-chip.active{border-color:#37D7FF!important;box-shadow:0 0 0 3px rgba(55,215,255,.16),0 0 18px rgba(55,215,255,.22)!important;background:rgba(0,0,0,.18)!important;}
  #products .product-card:not(.advisor-card) .card-actions{width:100%!important;max-width:288px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;z-index:2!important;}
  #products .product-card:not(.advisor-card) .card-actions .add{
    width:100%!important;min-height:52px!important;border-radius:14px!important;background:linear-gradient(180deg,#62E6FF 0%,#19BFF4 100%)!important;border:0!important;color:#02101A!important;
    font-size:1.05rem!important;font-weight:950!important;text-align:center!important;box-shadow:0 12px 26px rgba(25,191,244,.20),inset 0 1px 0 rgba(255,255,255,.38)!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec{
    width:auto!important;min-width:164px!important;max-width:210px!important;min-height:42px!important;padding:0 18px!important;border-radius:13px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:rgba(2,10,18,.34)!important;
    border:1px solid rgba(83,205,255,.42)!important;color:#B7CAD8!important;font-size:.88rem!important;font-weight:850!important;box-shadow:none!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec::before,
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .btn.ghost::before{
    content:""!important;width:18px!important;height:18px!important;display:block!important;flex:0 0 18px!important;background:currentColor!important;
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 3h8.5L20 8.5V21H6V3Zm2 2v14h10V10h-5V5H8Zm7 .8V8h2.2L15 5.8ZM10 12h6v1.7h-6V12Zm0 3.2h6v1.7h-6v-1.7Z"/></svg>') center/contain no-repeat!important;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 3h8.5L20 8.5V21H6V3Zm2 2v14h10V10h-5V5H8Zm7 .8V8h2.2L15 5.8ZM10 12h6v1.7h-6V12Zm0 3.2h6v1.7h-6v-1.7Z"/></svg>') center/contain no-repeat!important;
  }

  /* Floating buttons — smaller and safely above the approved bottom bar. */
  .floating.whatsapp,
  .floating.access{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;left:12px!important;right:auto!important;border-radius:50%!important;z-index:745!important;
    box-shadow:0 10px 22px rgba(0,0,0,.32),0 0 16px rgba(255,255,255,.06)!important;
  }
  .floating.whatsapp{bottom:calc(var(--v34-bottom-nav-h) + var(--safe-bottom) + 42px)!important;background:#25D366!important;color:#fff!important;}
  .floating.access{bottom:calc(var(--v34-bottom-nav-h) + var(--safe-bottom) - 6px)!important;background:#1A7CFF!important;color:#fff!important;}
  .floating.whatsapp svg,.floating.access svg{width:25px!important;height:25px!important;}
  .floating.cart{display:none!important;}
  .access-panel{left:62px!important;bottom:calc(var(--v34-bottom-nav-h) + var(--safe-bottom) + 8px)!important;right:auto!important;z-index:746!important;}

  /* Product specs modal mobile — compact, centered, CTA and price locked on one axis. */
  .modal-card:not(:has(.upsell-wizard)){
    width:calc(100vw - 12px)!important;max-width:490px!important;max-height:calc(100dvh - 12px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:14px!important;border-radius:25px!important;background:linear-gradient(180deg,#061522,#020a12)!important;
  }
  .modal-card:not(:has(.upsell-wizard)) .modal-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;text-align:right!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-img{height:190px!important;max-height:190px!important;width:100%!important;object-fit:contain!important;margin:0 auto 4px!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.38))!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy h2{font-size:2rem!important;line-height:1!important;text-align:right!important;margin:0 0 4px!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .short{font-size:.84rem!important;line-height:1.28!important;margin:0 0 8px!important;color:#B7CAD8!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list{gap:5px!important;margin:0 0 10px!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div{min-height:30px!important;padding:6px 10px!important;border-radius:11px!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list div strong{font-size:.72rem!important;}
  .modal-card:not(:has(.upsell-wizard)) .spec-list span{font-size:.69rem!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:6px auto 0!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .btn.primary{width:148px!important;min-height:50px!important;margin:0 auto!important;border-radius:17px!important;}
  .modal-card:not(:has(.upsell-wizard)) .modal-copy .modal-cta .product-price{width:112px!important;min-height:56px!important;margin:0 auto!important;padding:7px 9px!important;border-radius:15px!important;}

  /* Approved reference for scent selection modal — compact premium 3x3, full bottle visibility. */
  .modal-card:has(.upsell-wizard){width:calc(100vw - 12px)!important;max-width:520px!important;max-height:calc(100dvh - 10px)!important;padding:8px!important;border-radius:24px!important;overflow:hidden!important;}
  .upsell-wizard{max-height:calc(100dvh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px 6px 8px!important;gap:8px!important;background:linear-gradient(180deg,rgba(4,17,29,.92),rgba(2,10,18,.98))!important;}
  .wizard-topbar{min-height:34px!important}.upsell-logo{height:26px!important;width:auto!important;object-fit:contain!important;}
  .wizard-stepper{margin:0 auto 2px!important;gap:8px!important}.wizard-step-num{width:30px!important;height:30px!important}.wizard-step-label{font-size:.72rem!important}.wizard-step-line{width:32px!important;}
  .wizard-section-head-with-mini{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"mini title" "mini desc"!important;gap:4px 8px!important;align-items:center!important;margin-bottom:6px!important;}
  .wizard-section-head-with-mini h3{grid-area:title!important;font-size:1.34rem!important;line-height:1.05!important;margin:0!important;text-align:center!important;}
  .wizard-section-head-with-mini p{grid-area:desc!important;font-size:.78rem!important;line-height:1.2!important;text-align:center!important;margin:0!important;color:#9fb3c2!important;}
  .wizard-product-only-mini{grid-area:mini!important;justify-self:start!important;align-self:center!important;height:32px!important;min-height:32px!important;padding:0 13px!important;border-radius:999px!important;background:transparent!important;border:1px solid rgba(255,255,255,.42)!important;color:#F5FBFF!important;box-shadow:none!important;font-size:.70rem!important;font-weight:900!important;}
  .wizard-product-only-mini:hover,.wizard-product-only-mini:focus-visible,.wizard-product-only-mini:active{background:linear-gradient(180deg,#62E6FF,#19BFF4)!important;color:#02101A!important;border-color:rgba(98,230,255,.9)!important;}
  .wizard-scent-tools{gap:8px!important}.wizard-scent-cats{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:0 0 2px!important;scrollbar-width:none!important}.wizard-scent-cats::-webkit-scrollbar{display:none!important}.wizard-cat-chip{height:34px!important;min-height:34px!important;padding:0 14px!important;font-size:.74rem!important;border-radius:999px!important;white-space:nowrap!important;}
  .wizard-scent-search-wrap{position:relative!important}.wizard-scent-search{height:44px!important;min-height:44px!important;border-radius:17px!important;font-size:.82rem!important;text-align:right!important;padding-inline:18px 44px!important;}
  .wizard-scent-search-wrap::after{content:"";position:absolute;left:15px;top:50%;width:20px;height:20px;transform:translateY(-50%);opacity:.72;background:#9fb3c2;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M10.5 3a7.5 7.5 0 0 1 5.93 12.1l4.24 4.23-1.34 1.34-4.23-4.24A7.5 7.5 0 1 1 10.5 3Zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M10.5 3a7.5 7.5 0 0 1 5.93 12.1l4.24 4.23-1.34 1.34-4.23-4.24A7.5 7.5 0 1 1 10.5 3Zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z"/></svg>') center/contain no-repeat;}
  .wizard-selection-pill{min-height:27px!important;border-radius:13px!important;font-size:.64rem!important;padding:5px 9px!important;}
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;}
  .wizard-scent-card{min-height:162px!important;grid-template-rows:86px auto!important;gap:6px!important;padding:7px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(8,28,45,.92),rgba(3,13,23,.96))!important;border:1px solid rgba(112,187,231,.25)!important;}
  .wizard-scent-media{height:86px!important;max-height:86px!important;border-radius:13px!important;padding:0!important;overflow:hidden!important;background:rgba(0,0,0,.18)!important;display:grid!important;place-items:center!important;}
  .wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;}
  .wizard-scent-body{padding:0 1px!important;gap:2px!important;text-align:center!important;display:grid!important;place-items:center!important;}
  .wizard-scent-body strong{font-size:.78rem!important;line-height:1.08!important;color:#F5FBFF!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .wizard-scent-body small{font-size:.62rem!important;line-height:1.1!important;color:#9DB5C8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .wizard-scent-body em{font-size:.67rem!important;line-height:1!important;color:#37D7FF!important;font-weight:950!important;margin-top:2px!important;}
  .wizard-pagination{min-height:27px!important;margin-top:5px!important;font-size:.72rem!important;gap:10px!important;}.wizard-page-btn{min-height:29px!important;padding:0 13px!important;font-size:.68rem!important;}
  .wizard-scent-bottom-actions{display:grid!important;gap:8px!important;margin-top:6px!important;}
  .wizard-continue-size{min-height:52px!important;border-radius:18px!important;border:1px solid rgba(98,230,255,.72)!important;background:linear-gradient(180deg,rgba(47,199,255,.92),rgba(7,97,140,.86))!important;color:#F5FBFF!important;font-size:1.02rem!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-shadow:0 0 26px rgba(55,215,255,.23),inset 0 1px 0 rgba(255,255,255,.28)!important;}
  .wizard-continue-size:disabled{opacity:.45!important;filter:grayscale(.3)!important;box-shadow:none!important;}.wizard-continue-size svg{width:21px!important;height:21px!important;}
  .wizard-back-product{min-height:44px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.44)!important;background:rgba(2,10,18,.34)!important;color:#B7CAD8!important;font-size:.88rem!important;font-weight:850!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;}.wizard-back-product svg{width:20px!important;height:20px!important;}

  /* Size step summary: no text overlap on image, compact oil cards. */
  .wizard-choice-scent{display:grid!important;grid-template-columns:1fr 82px!important;gap:10px!important;align-items:center!important;min-height:76px!important;padding:7px!important;border-radius:17px!important;overflow:hidden!important;}
  .wizard-choice-scent-media{grid-column:2!important;height:64px!important;border-radius:13px!important;overflow:hidden!important;background:rgba(0,0,0,.18)!important;}.wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
  .wizard-choice-scent-copy{grid-column:1!important;text-align:right!important;min-width:0!important;align-items:flex-start!important;}.wizard-choice-scent-copy strong{font-size:.92rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}.wizard-choice-scent-copy span,.wizard-choice-scent-copy small{font-size:.68rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .wizard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}.wizard-size-card{min-height:122px!important;border-radius:17px!important;padding:8px!important;gap:3px!important;}.wizard-size-media{height:50px!important;min-height:50px!important;margin:0!important;}.wizard-size-media img{max-height:50px!important;width:auto!important;object-fit:contain!important;}.wizard-size-card strong{font-size:.84rem!important;}.wizard-size-price{font-size:.82rem!important;}.wizard-size-card small{font-size:.58rem!important;line-height:1.05!important;}.wizard-size-note{min-height:26px!important;font-size:.58rem!important;padding:5px 8px!important;}

  /* Bottom nav badge and rhythm. */
  .mobile-bottom-nav{height:68px!important;bottom:calc(8px + var(--safe-bottom))!important;}
  .mobile-bottom-cart em,#mobileCartCount{top:-6px!important;left:-7px!important;min-width:19px!important;height:19px!important;font-size:.64rem!important;}
  .menu-btn{display:none!important;}
}

@media (max-width:380px){
  #products .product-card:not(.advisor-card){flex-basis:calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;max-width:344px!important;padding:18px 15px 16px!important;}
  #products .product-card:not(.advisor-card)::before{height:226px!important;}
  #products .product-card:not(.advisor-card) .product-img{height:226px!important;min-height:226px!important;max-height:226px!important;padding-inline:34px!important;}
  #products .product-card:not(.advisor-card) .product-img img{max-height:220px!important;max-width:235px!important;}
  #products .product-card:not(.advisor-card) h3{font-size:1.88rem!important;}
  #products .product-card:not(.advisor-card) .short{font-size:.92rem!important;}
  #products .product-card:not(.advisor-card) .price-main strong{font-size:2rem!important;}
  .wizard-scent-grid{gap:7px!important;}.wizard-scent-card{min-height:154px!important;grid-template-rows:80px auto!important;padding:6px!important;}.wizard-scent-media{height:80px!important;}.wizard-scent-body strong{font-size:.72rem!important}.wizard-scent-body small{font-size:.58rem!important}.wizard-scent-body em{font-size:.62rem!important;}
}

@media (max-width:760px){
  /* V34 final floating-safe adjustment: never overlap the approved bottom navigation. */
  .floating.access{bottom:calc(var(--v34-bottom-nav-h) + var(--safe-bottom) + 18px)!important;}
  .floating.whatsapp{bottom:calc(var(--v34-bottom-nav-h) + var(--safe-bottom) + 70px)!important;}
}

/* =========================================================
   V35 — Exact Mobile Reference Fix
   Scope: only the current requested fixes. No free redesign.
   ========================================================= */

@media (max-width: 760px){
  :root{
    --v35-bg-main:#04111B;
    --v35-bg-panel:#071A2A;
    --v35-bg-card:#082033;
    --v35-bg-card-deep:#051521;
    --v35-line-soft:rgba(49,182,255,.28);
    --v35-line-strong:rgba(64,201,255,.72);
    --v35-glow-cyan:rgba(47,201,255,.26);
    --v35-text-main:#F4FAFF;
    --v35-text-soft:#AFC4D3;
    --v35-text-muted:#7F9AAF;
    --v35-accent:#41C9FF;
    --v35-accent-strong:#56D6FF;
    --v35-accent-deep:#1297D6;
    --v35-btn-primary-start:#3FCBFF;
    --v35-btn-primary-end:#6BD9FF;
    --v35-btn-primary-text:#062032;
    --v35-badge-bg:rgba(7,26,42,.88);
  }

  /* Product cards: restore approved vertical premium reference. */
  #products .product-track{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:18px!important;
    padding:2px 14px 18px!important;
    margin-inline:auto!important;
    width:100%!important;
    max-width:100%!important;
    scrollbar-width:none!important;
  }
  #products .product-track::-webkit-scrollbar{display:none!important;}

  #products .product-card.advisor-card{display:none!important;}

  #products .product-card:not(.advisor-card){
    flex:0 0 min(calc(100vw - 28px),370px)!important;
    width:min(calc(100vw - 28px),370px)!important;
    max-width:370px!important;
    min-width:min(calc(100vw - 28px),370px)!important;
    min-height:0!important;
    height:auto!important;
    scroll-snap-align:center!important;
    margin:0 auto!important;
    padding:18px 18px 18px!important;
    border-radius:28px!important;
    border:1.5px solid rgba(64,201,255,.55)!important;
    background:
      radial-gradient(circle at 50% 26%, rgba(40,180,255,.34) 0%, rgba(40,180,255,.18) 34%, rgba(40,180,255,0) 72%),
      linear-gradient(180deg,#0A2638 0%,#061522 55%,#04111B 100%)!important;
    box-shadow:
      0 0 0 1px rgba(63,203,255,.08),
      0 18px 40px rgba(0,0,0,.38),
      0 0 34px rgba(40,175,255,.12)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    overflow:hidden!important;
    position:relative!important;
    gap:0!important;
  }
  #products .product-card:not(.advisor-card)::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    height:auto!important;
    background:
      radial-gradient(circle at 50% 27%, rgba(35,190,255,.33) 0%, rgba(35,190,255,.18) 34%, transparent 62%),
      linear-gradient(180deg, rgba(255,255,255,.04), transparent 42%)!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  #products .product-card:not(.advisor-card)::after{display:none!important;content:none!important;}
  #products .product-card:not(.advisor-card)>*{position:relative!important;z-index:1!important;}

  #products .product-card:not(.advisor-card) .bt-pill{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(6,24,38,.92)!important;
    border:1.5px solid rgba(64,201,255,.88)!important;
    box-shadow:0 0 18px rgba(55,215,255,.24), inset 0 0 0 1px rgba(255,255,255,.04)!important;
    color:#37D7FF!important;
    font-size:0!important;
    line-height:1!important;
    z-index:5!important;
    transform:none!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important;}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    margin:auto!important;
    color:#37D7FF!important;
    transform:none!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg path{fill:currentColor!important;}

  #products .product-card:not(.advisor-card) .product-img{
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    margin:0 auto 10px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  #products .product-card:not(.advisor-card) .product-img::before,
  #products .product-card:not(.advisor-card) .product-img::after{display:none!important;content:none!important;}
  #products .product-card:not(.advisor-card) .product-img img{
    width:100%!important;
    height:100%!important;
    max-width:285px!important;
    max-height:250px!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 24px 28px rgba(0,0,0,.46)) drop-shadow(0 0 26px rgba(0,174,255,.20))!important;
  }

  #products .product-card:not(.advisor-card) h3{
    width:100%!important;
    margin:6px auto 12px!important;
    color:#F4FAFF!important;
    font-size:clamp(2rem,8vw,2.55rem)!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  #products .product-card:not(.advisor-card) .short{
    width:100%!important;
    max-width:84%!important;
    min-height:2.9em!important;
    max-height:2.9em!important;
    margin:0 auto 16px!important;
    color:#EAF4FB!important;
    font-size:1rem!important;
    line-height:1.45!important;
    font-weight:550!important;
    text-align:center!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #products .product-card:not(.advisor-card) .product-price{
    width:100%!important;
    margin:0 auto 14px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:2px!important;
  }
  #products .product-card:not(.advisor-card) .price-label{
    order:1!important;
    margin:0!important;
    color:#38CFFF!important;
    font-size:.86rem!important;
    line-height:1.05!important;
    font-weight:850!important;
  }
  #products .product-card:not(.advisor-card) .price-main{
    order:2!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:3px!important;
    color:#41C9FF!important;
    text-shadow:0 0 16px rgba(55,215,255,.20)!important;
  }
  #products .product-card:not(.advisor-card) .price-main strong{
    font-size:clamp(1.85rem,7vw,2.4rem)!important;
    line-height:.95!important;
    font-weight:950!important;
    color:#41C9FF!important;
  }
  #products .product-card:not(.advisor-card) .price-main .currency{font-size:1.04rem!important;font-weight:950!important;color:#41C9FF!important;}
  #products .product-card:not(.advisor-card) .price-old{display:none!important;}

  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{
    width:100%!important;
    min-height:44px!important;
    margin:0 auto 16px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
  }
  #products .product-card:not(.advisor-card) .color-chip{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid rgba(255,255,255,.18)!important;
    background:rgba(0,0,0,.24)!important;
    color:transparent!important;
  }
  #products .product-card:not(.advisor-card) .color-chip span:last-child,
  #products .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important;}
  #products .product-card:not(.advisor-card) .color-dot{
    width:26px!important;
    height:26px!important;
    border-radius:50%!important;
    margin:0!important;
    box-shadow:0 5px 14px rgba(0,0,0,.28)!important;
  }
  #products .product-card:not(.advisor-card) .color-chip.active{
    border:3px solid #42D0FF!important;
    box-shadow:0 0 0 2px rgba(66,208,255,.18), 0 0 18px rgba(66,208,255,.22)!important;
  }

  #products .product-card:not(.advisor-card) .card-actions{
    width:100%!important;
    max-width:300px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .add{
    width:84%!important;
    max-width:300px!important;
    min-height:56px!important;
    height:56px!important;
    margin:0 auto!important;
    border-radius:18px!important;
    border:0!important;
    background:linear-gradient(90deg,#3FCBFF 0%,#6AD9FF 100%)!important;
    color:#082033!important;
    font-size:1.42rem!important;
    font-weight:950!important;
    box-shadow:0 10px 24px rgba(56,201,255,.22)!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec{
    width:84%!important;
    max-width:300px!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 auto!important;
    padding:0 16px!important;
    border-radius:16px!important;
    border:1.5px solid rgba(64,201,255,.72)!important;
    background:rgba(3,19,31,.65)!important;
    color:#EAF6FF!important;
    font-size:1rem!important;
    font-weight:850!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    box-shadow:none!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec::before{
    content:""!important;
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    display:block!important;
    background:#BFEFFF!important;
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 3h8.5L20 8.5V21H6V3Zm2 2v14h10V10h-5V5H8Zm7 .8V8h2.2L15 5.8ZM10 12h6v1.7h-6V12Zm0 3.2h6v1.7h-6v-1.7Z"/></svg>') center/contain no-repeat!important;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 3h8.5L20 8.5V21H6V3Zm2 2v14h10V10h-5V5H8Zm7 .8V8h2.2L15 5.8ZM10 12h6v1.7h-6V12Zm0 3.2h6v1.7h-6v-1.7Z"/></svg>') center/contain no-repeat!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec::after{display:none!important;content:none!important;}

  /* Scent selection modal: keep the approved image direction, center the header and add swipe-friendly page changes. */
  .modal-card:has(.upsell-wizard){width:calc(100vw - 18px)!important;max-width:520px!important;padding:8px!important;border-radius:24px!important;}
  .upsell-wizard{padding:8px 8px 10px!important;align-items:center!important;}
  .wizard-topbar{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:36px!important;}
  .upsell-logo{height:30px!important;width:auto!important;object-fit:contain!important;opacity:.96!important;}
  .wizard-stepper{justify-content:center!important;margin:0 auto 4px!important;}
  .wizard-section{width:100%!important;}
  .wizard-section-head-with-mini{
    width:100%!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:"mini title" "mini desc"!important;
    align-items:center!important;
    justify-items:center!important;
    gap:5px 8px!important;
    margin:0 auto 8px!important;
    text-align:center!important;
  }
  .wizard-section-head-with-mini h3{grid-area:title!important;text-align:center!important;font-size:1.34rem!important;margin:0!important;}
  .wizard-section-head-with-mini p{grid-area:desc!important;text-align:center!important;font-size:.78rem!important;line-height:1.22!important;margin:0!important;}
  .wizard-product-only-mini{
    grid-area:mini!important;
    justify-self:start!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    border:1.5px solid rgba(64,201,255,.60)!important;
    background:transparent!important;
    color:#EAF6FF!important;
    box-shadow:none!important;
    font-size:.72rem!important;
    font-weight:950!important;
  }
  .wizard-product-only-mini:hover,.wizard-product-only-mini:focus-visible,.wizard-product-only-mini:active{background:linear-gradient(90deg,#3FCBFF,#6BD9FF)!important;color:#062032!important;}

  .wizard-scent-step{touch-action:pan-y!important;}
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .wizard-scent-card{min-height:158px!important;grid-template-rows:86px auto!important;gap:6px!important;padding:7px!important;border-radius:18px!important;}
  .wizard-scent-media{height:86px!important;max-height:86px!important;border-radius:13px!important;padding:0!important;overflow:hidden!important;background:rgba(3,16,29,.65)!important;display:grid!important;place-items:center!important;}
  .wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;}
  .wizard-scent-body{display:grid!important;place-items:center!important;text-align:center!important;padding:0 2px!important;gap:2px!important;}
  .wizard-scent-body strong{font-size:.78rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .wizard-scent-body small{font-size:.62rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .wizard-scent-body em{font-size:.67rem!important;line-height:1!important;}
  .wizard-scent-bottom-actions{display:none!important;}

  /* Size-step selected scent summary: no overlap, thumbnail right, copy cleanly aligned. */
  .wizard-choice-summary{width:100%!important;margin:0 auto 9px!important;}
  .wizard-choice-scent{
    display:flex!important;
    flex-direction:row-reverse!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
    min-height:112px!important;
    padding:14px 16px!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(7,26,42,.94),rgba(4,17,27,.96))!important;
    border:1px solid rgba(64,201,255,.38)!important;
  }
  .wizard-choice-scent-media{
    flex:0 0 88px!important;
    width:88px!important;
    height:88px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:rgba(0,0,0,.18)!important;
    order:0!important;
  }
  .wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;}
  .wizard-choice-scent-copy{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 104px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:4px!important;
    text-align:right!important;
  }
  .wizard-choice-scent-copy strong{font-size:1.42rem!important;line-height:1.05!important;font-weight:900!important;color:#F4FAFF!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .wizard-choice-scent-copy span{font-size:.88rem!important;line-height:1.1!important;color:#AFC4D3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .wizard-choice-scent-copy small{font-size:.88rem!important;line-height:1.1!important;font-weight:800!important;color:#41C9FF!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}

  /* Floating buttons: keep small and above the bottom nav, without overlap. */
  .floating.whatsapp,.floating.access{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;left:10px!important;right:auto!important;z-index:745!important;}
  .floating.whatsapp{bottom:calc(var(--v34-bottom-nav-h,78px) + var(--safe-bottom,0px) + 74px)!important;}
  .floating.access{bottom:calc(var(--v34-bottom-nav-h,78px) + var(--safe-bottom,0px) + 24px)!important;}
  .floating.whatsapp svg,.floating.access svg{width:23px!important;height:23px!important;}
}

@media (max-width:380px){
  #products .product-card:not(.advisor-card){flex-basis:calc(100vw - 26px)!important;width:calc(100vw - 26px)!important;max-width:356px!important;padding:17px 16px 17px!important;}
  #products .product-card:not(.advisor-card) .product-img{height:225px!important;min-height:225px!important;max-height:225px!important;}
  #products .product-card:not(.advisor-card) .product-img img{max-height:225px!important;max-width:250px!important;}
  #products .product-card:not(.advisor-card) h3{font-size:2rem!important;}
  #products .product-card:not(.advisor-card) .short{font-size:.93rem!important;}
  #products .product-card:not(.advisor-card) .card-actions .add{height:52px!important;min-height:52px!important;font-size:1.2rem!important;}
  #products .product-card:not(.advisor-card) .card-actions .spec{height:44px!important;min-height:44px!important;font-size:.92rem!important;}
  .wizard-choice-scent{min-height:100px!important;padding:10px 12px!important;gap:10px!important;}
  .wizard-choice-scent-media{width:74px!important;height:74px!important;flex-basis:74px!important;}
  .wizard-choice-scent-copy strong{font-size:1.15rem!important;}
}

@media (min-width:761px){
  /* Desktop scent modal balance only: 8 per page + 4 columns avoids a lonely ninth card. */
  .wizard-scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}


/* =========================================================
   V36 — Final Current Fixes Only
   Scope: latest requested fixes only. No free redesign.
   ========================================================= */

/* Hide floating/mobile-only artifacts whenever a modal is open — fixes the broken white element in desktop modal bottom. */
body.modal-open .floating,
body.modal-open .access-panel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Desktop: remove the full top navigation strip and keep only the approved premium menu button. */
@media (min-width:761px){
  body{padding-top:0!important;}
  .topbar{
    position:fixed!important;
    top:18px!important;
    right:22px!important;
    left:auto!important;
    width:58px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    z-index:850!important;
    display:block!important;
  }
  .topbar::before,.topbar::after{display:none!important;content:none!important;}
  .topbar .desktop-nav,
  .topbar .brand{display:none!important;}
  .topbar .menu-btn{
    display:grid!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    padding:0!important;
    border-radius:18px!important;
    border:1.5px solid rgba(65,201,255,.55)!important;
    background:
      radial-gradient(circle at 50% 30%,rgba(65,201,255,.20),rgba(65,201,255,0) 55%),
      linear-gradient(180deg,rgba(6,27,44,.94),rgba(2,13,23,.96))!important;
    box-shadow:
      0 0 0 1px rgba(65,201,255,.08),
      0 0 24px rgba(65,201,255,.30),
      0 14px 34px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.06)!important;
    color:#55D6FF!important;
    background-image:url("assets/ui-icons/menu-premium-v27.webp")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:58px 58px!important;
  }
  .topbar .menu-btn span{display:none!important;}
  .mobile-nav{
    display:grid!important;
    position:fixed!important;
    top:84px!important;
    right:22px!important;
    left:auto!important;
    width:282px!important;
    max-width:calc(100vw - 44px)!important;
    border-radius:24px!important;
    padding:10px!important;
    z-index:849!important;
    background:rgba(4,16,27,.96)!important;
    border:1px solid rgba(65,201,255,.30)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.48),0 0 26px rgba(65,201,255,.10)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
  }
  .mobile-nav a{
    min-height:48px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.035)!important;
    color:#F4FAFF!important;
    font-weight:900!important;
  }

  /* Desktop product cards: compact Bluetooth circle only, no long text badge. */
  #products .product-card:not(.advisor-card) .bt-pill{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(6,24,38,.82)!important;
    border:1px solid rgba(65,201,255,.70)!important;
    box-shadow:0 0 18px rgba(55,215,255,.16), inset 0 0 0 1px rgba(255,255,255,.04)!important;
    color:#41C9FF!important;
    font-size:0!important;
    line-height:1!important;
    z-index:5!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important;}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    margin:auto!important;
    color:#41C9FF!important;
  }

  /* Desktop color selector: circles only, no text labels. */
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{
    width:100%!important;
    min-height:38px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:8px auto 12px!important;
    background:transparent!important;
    border:0!important;
  }
  #products .product-card:not(.advisor-card) .color-chip{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(0,0,0,.24)!important;
    border:2px solid rgba(255,255,255,.18)!important;
    color:transparent!important;
  }
  #products .product-card:not(.advisor-card) .color-chip span:last-child,
  #products .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important;}
  #products .product-card:not(.advisor-card) .color-dot{
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    margin:0!important;
  }
  #products .product-card:not(.advisor-card) .color-chip.active{
    border-color:#42D0FF!important;
    box-shadow:0 0 0 2px rgba(66,208,255,.14),0 0 16px rgba(66,208,255,.20)!important;
  }
}

@media (max-width:760px){
  /* Hero mobile: restore a stronger, larger visual presence without changing the original asset. */
  .hero{margin-top:8px!important;}
  .hero-frame.hero-v15{
    width:min(calc(100vw - 10px),520px)!important;
    min-height:min(820px,calc(100dvh - 54px))!important;
    height:min(860px,calc(100dvh - 38px))!important;
    margin-inline:auto!important;
    border-radius:28px!important;
  }
  .hero-mobile-art{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    transform:scale(1.045)!important;
    transform-origin:center bottom!important;
  }

  /* Product card: exact approved vertical reference, but keep the spec button clean and professional. */
  #products .product-card:not(.advisor-card){
    background:
      radial-gradient(circle at 50% 26%, rgba(0,174,255,.42) 0%, rgba(0,174,255,.20) 34%, rgba(0,174,255,0) 68%),
      linear-gradient(180deg,#071C2A 0%,#04111B 58%,#020A12 100%)!important;
    border-color:rgba(64,201,255,.52)!important;
  }
  #products .product-card:not(.advisor-card) .product-img{
    height:255px!important;
    max-height:255px!important;
    min-height:255px!important;
  }
  #products .product-card:not(.advisor-card) .product-img img{
    max-height:255px!important;
    max-width:292px!important;
    filter:drop-shadow(0 26px 30px rgba(0,0,0,.48)) drop-shadow(0 0 30px rgba(0,174,255,.25))!important;
  }
  #products .product-card:not(.advisor-card) .card-actions{
    width:min(100%,300px)!important;
    margin-inline:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .add,
  #products .product-card:not(.advisor-card) .card-actions .spec{
    width:84%!important;
    max-width:300px!important;
    margin-inline:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec{
    height:46px!important;
    min-height:46px!important;
    border-radius:15px!important;
    border:1.5px solid rgba(64,201,255,.62)!important;
    background:rgba(3,19,31,.68)!important;
    color:#D9F0FF!important;
    font-size:.96rem!important;
    font-weight:900!important;
    gap:8px!important;
    padding:0 14px!important;
    box-shadow:0 0 14px rgba(65,201,255,.06)!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec::before{
    content:""!important;
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    display:block!important;
    margin:0!important;
    background:#BFEFFF!important;
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 3h8.5L20 8.5V21H6V3Zm2 2v14h10V10h-5V5H8Zm7 .8V8h2.2L15 5.8ZM10 12h6v1.7h-6V12Zm0 3.2h6v1.7h-6v-1.7Z"/></svg>') center/contain no-repeat!important;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 3h8.5L20 8.5V21H6V3Zm2 2v14h10V10h-5V5H8Zm7 .8V8h2.2L15 5.8ZM10 12h6v1.7h-6V12Zm0 3.2h6v1.7h-6v-1.7Z"/></svg>') center/contain no-repeat!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .spec::after{display:none!important;content:none!important;}

  /* Scent modal header: center the real title area, larger logo, product-only action top-left. */
  .modal-card:has(.upsell-wizard){width:calc(100vw - 18px)!important;max-width:520px!important;}
  .upsell-wizard{position:relative!important;align-items:center!important;text-align:center!important;}
  .wizard-topbar{min-height:44px!important;margin-bottom:2px!important;display:flex!important;justify-content:center!important;align-items:center!important;}
  .upsell-logo{height:40px!important;max-height:40px!important;width:auto!important;opacity:.98!important;filter:drop-shadow(0 0 14px rgba(65,201,255,.10))!important;}
  .wizard-stepper,.wizard-stepper-two{margin:0 auto 8px!important;justify-content:center!important;align-items:center!important;width:max-content!important;max-width:100%!important;}
  .wizard-section-head-with-mini{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:82px!important;
    padding:4px 0 0!important;
    margin:0 auto 8px!important;
    text-align:center!important;
  }
  .wizard-section-head-with-mini h3{
    display:block!important;
    width:100%!important;
    margin:0 auto 6px!important;
    text-align:center!important;
    font-size:1.46rem!important;
    line-height:1.06!important;
  }
  .wizard-section-head-with-mini p{
    display:block!important;
    width:min(100%,340px)!important;
    margin:0 auto!important;
    text-align:center!important;
    font-size:.82rem!important;
    line-height:1.32!important;
  }
  .wizard-product-only-mini{
    position:absolute!important;
    left:0!important;
    top:2px!important;
    right:auto!important;
    min-width:0!important;
    width:auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:transparent!important;
    border:1.5px solid rgba(64,201,255,.56)!important;
    color:#EAF6FF!important;
    font-size:.70rem!important;
    box-shadow:none!important;
  }

  /* Scent cards: keep the good image look, reveal full bottle as much as possible. */
  .wizard-scent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .wizard-scent-card{min-height:158px!important;grid-template-rows:88px auto!important;}
  .wizard-scent-media{height:88px!important;max-height:88px!important;background:rgba(3,16,29,.62)!important;}
  .wizard-scent-card-art{object-fit:contain!important;object-position:center center!important;padding:0!important;}

  /* Size screen selected scent summary: approved layout — thumbnail left, text right, no overlap. */
  .wizard-choice-scent{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:112px!important;
    padding:14px 16px!important;
    overflow:hidden!important;
  }
  .wizard-choice-scent-media{
    grid-column:1!important;
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
    min-height:88px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .wizard-choice-scent-copy{
    grid-column:2!important;
    direction:rtl!important;
    min-width:0!important;
    max-width:100%!important;
    text-align:right!important;
    align-items:flex-start!important;
  }
  .wizard-choice-scent-copy strong,
  .wizard-choice-scent-copy span,
  .wizard-choice-scent-copy small{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Floating buttons: smaller and clearly above the bottom nav. */
  .floating.whatsapp,.floating.access{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;left:9px!important;}
  .floating.whatsapp svg,.floating.access svg{width:22px!important;height:22px!important;}
  .floating.whatsapp{bottom:calc(var(--v34-bottom-nav-h,78px) + var(--safe-bottom,0px) + 78px)!important;}
  .floating.access{bottom:calc(var(--v34-bottom-nav-h,78px) + var(--safe-bottom,0px) + 30px)!important;}
}

@media (max-width:380px){
  .upsell-logo{height:36px!important;max-height:36px!important;}
  .wizard-section-head-with-mini{min-height:78px!important;}
  .wizard-product-only-mini{height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:.66rem!important;}
  #products .product-card:not(.advisor-card) .product-img{height:230px!important;max-height:230px!important;min-height:230px!important;}
  #products .product-card:not(.advisor-card) .product-img img{max-height:230px!important;max-width:252px!important;}
}

/* =========================================================
   V37 — CURRENT ONLY FIXES / EXACT FINAL OVERRIDES
   Scope: only latest requested fixes. Do not redesign working areas.
   ========================================================= */

/* 1) Desktop: no broken floating/mobile elements inside modals. */
body.modal-open .floating,
body.modal-open .mobile-bottom-nav{
  display:none!important;
}
@media (min-width:761px){
  body.modal-open .wizard-scent-bottom-actions{display:none!important;}
  body.modal-open .wizard-dots{display:none!important;}
}

/* 2) Desktop header: remove top nav strip, keep only compact cyan menu button. */
@media (min-width:761px){
  .topbar{
    height:54px!important;
    min-height:54px!important;
    padding:8px 16px!important;
    justify-content:space-between!important;
    background:rgba(3,12,20,.92)!important;
    border-bottom:1px solid rgba(83,205,255,.28)!important;
  }
  .desktop-nav,
  .topbar .desktop-nav,
  .nav-links,
  .main-nav{display:none!important;}
  .topbar .menu-btn{
    display:grid!important;
    order:3!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
    background-image:url("assets/ui-icons/menu-premium-v27.webp")!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border:0!important;
    box-shadow:0 0 18px rgba(55,215,255,.18)!important;
  }
  .topbar .menu-btn span{display:none!important;}
  .topbar .brand{order:1!important;margin:0!important;}
  .topbar .brand img{height:42px!important;max-width:120px!important;}
  .mobile-nav.open{
    position:absolute!important;top:58px!important;left:16px!important;right:auto!important;
    display:grid!important;gap:8px!important;min-width:230px!important;
    padding:12px!important;border-radius:18px!important;
    background:rgba(4,17,29,.96)!important;border:1px solid rgba(83,205,255,.28)!important;
    box-shadow:0 22px 46px rgba(0,0,0,.38)!important;z-index:999!important;
  }
}

/* 3) Desktop: compact Bluetooth and color circles only. */
@media (min-width:761px){
  #products .product-card:not(.advisor-card) .bt-pill{
    top:12px!important;right:12px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    background:rgba(3,16,29,.74)!important;border:1px solid rgba(64,201,255,.70)!important;
    color:#41C9FF!important;box-shadow:0 0 16px rgba(55,215,255,.16)!important;font-size:0!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important;}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{width:21px!important;height:21px!important;margin:0!important;display:block!important;}
  #products .product-card:not(.advisor-card) .color-chip span:last-child,
  #products .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important;}
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{
    display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;
    min-height:36px!important;margin:8px auto 12px!important;padding:0!important;background:transparent!important;border:0!important;
  }
  #products .product-card:not(.advisor-card) .color-chip{
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;border:2px solid rgba(255,255,255,.18)!important;background:rgba(0,0,0,.22)!important;color:transparent!important;
  }
  #products .product-card:not(.advisor-card) .color-dot{width:22px!important;height:22px!important;margin:0!important;}
  #products .product-card:not(.advisor-card) .color-chip.active{border-color:#42D0FF!important;box-shadow:0 0 0 2px rgba(66,208,255,.14),0 0 16px rgba(66,208,255,.20)!important;}
}

/* 4) Mobile header logo: centered on page top. */
@media (max-width:760px){
  .topbar{display:flex!important;justify-content:center!important;align-items:center!important;min-height:58px!important;padding:8px 14px!important;}
  .topbar .brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;}
  .topbar .brand img{height:42px!important;max-width:116px!important;object-fit:contain!important;}
}

/* 5) Mobile product cards: exact approved dark vertical reference. */
@media (max-width:760px){
  #products .product-track{
    display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:18px!important;padding:2px 18px 20px!important;max-width:none!important;
  }
  #products .product-track::-webkit-scrollbar{display:none!important;}
  #products .product-card:not(.advisor-card){
    flex:0 0 min(88vw,370px)!important;width:min(88vw,370px)!important;max-width:370px!important;min-width:min(88vw,370px)!important;
    min-height:560px!important;padding:20px 18px 18px!important;border-radius:28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:0!important;
    scroll-snap-align:center!important;scroll-snap-stop:always!important;position:relative!important;overflow:hidden!important;isolation:isolate!important;
    background:radial-gradient(circle at 50% 26%, rgba(0,174,255,.36) 0%, rgba(0,174,255,.18) 30%, rgba(0,0,0,0) 62%),linear-gradient(180deg,#061522 0%,#04111B 58%,#02080F 100%)!important;
    border:1.5px solid rgba(83,205,255,.42)!important;box-shadow:0 20px 46px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.05),0 0 28px rgba(55,215,255,.10)!important;
  }
  #products .product-card:not(.advisor-card)::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse at 50% 38%,rgba(55,215,255,.14),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.032),transparent 24%)!important;}
  #products .product-card:not(.advisor-card)>*{position:relative!important;z-index:1!important;}
  #products .product-card:not(.advisor-card) .bt-pill{
    position:absolute!important;top:18px!important;right:18px!important;left:auto!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(2,13,24,.64)!important;border:1.5px solid rgba(98,230,255,.82)!important;color:#37D7FF!important;
    box-shadow:0 0 0 1px rgba(98,230,255,.13),0 0 22px rgba(55,215,255,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;font-size:0!important;line-height:1!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important;}
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{width:29px!important;height:29px!important;margin:0!important;display:block!important;color:#37D7FF!important;filter:drop-shadow(0 0 8px rgba(55,215,255,.22))!important;}
  #products .product-card:not(.advisor-card) .product-img{width:100%!important;height:238px!important;min-height:238px!important;max-height:238px!important;margin:4px auto 16px!important;padding:0 30px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;display:grid!important;place-items:center!important;}
  #products .product-card:not(.advisor-card) .product-img::before,
  #products .product-card:not(.advisor-card) .product-img::after{display:none!important;content:none!important;}
  #products .product-card:not(.advisor-card) .product-img img{width:100%!important;height:100%!important;max-width:282px!important;max-height:236px!important;object-fit:contain!important;filter:drop-shadow(0 28px 30px rgba(0,0,0,.48)) drop-shadow(0 0 27px rgba(0,174,255,.23))!important;}
  #products .product-card:not(.advisor-card) h3{font-size:clamp(2.05rem,9vw,2.65rem)!important;line-height:.96!important;font-weight:950!important;color:#F5FBFF!important;text-align:center!important;margin:0 0 9px!important;letter-spacing:-.045em!important;}
  #products .product-card:not(.advisor-card) .short{width:min(100%,294px)!important;margin:0 auto 16px!important;text-align:center!important;color:#DCE7F0!important;font-size:1rem!important;line-height:1.42!important;min-height:2.84em!important;max-height:2.84em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #products .product-card:not(.advisor-card) .product-price{width:100%!important;margin:0 auto 12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;}
  #products .product-card:not(.advisor-card) .price-label{display:block!important;color:#37D7FF!important;font-size:.78rem!important;font-weight:900!important;margin:0 0 3px!important;background:transparent!important;}
  #products .product-card:not(.advisor-card) .price-main{display:flex!important;justify-content:center!important;align-items:baseline!important;gap:3px!important;color:#37D7FF!important;text-shadow:0 0 17px rgba(55,215,255,.23)!important;}
  #products .product-card:not(.advisor-card) .price-main strong{font-size:2.28rem!important;line-height:.94!important;font-weight:950!important;color:#37D7FF!important;letter-spacing:-.05em!important;}
  #products .product-card:not(.advisor-card) .price-main .currency{font-size:1.04rem!important;font-weight:950!important;color:#37D7FF!important;}
  #products .product-card:not(.advisor-card) .price-old{display:none!important;}
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{width:100%!important;min-height:44px!important;margin:0 auto 16px!important;padding:0!important;border:0!important;background:transparent!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;}
  #products .product-card:not(.advisor-card) .color-chip{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.34)!important;}
  #products .product-card:not(.advisor-card) .color-chip span:last-child,
  #products .product-card:not(.advisor-card) .single-color-label span:last-child{display:none!important;}
  #products .product-card:not(.advisor-card) .color-dot{width:28px!important;height:28px!important;border-radius:50%!important;margin:0!important;}
  #products .product-card:not(.advisor-card) .color-chip.active{border-color:#37D7FF!important;box-shadow:0 0 0 3px rgba(55,215,255,.16),0 0 18px rgba(55,215,255,.22)!important;}
  #products .product-card:not(.advisor-card) .card-actions{width:100%!important;max-width:300px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;}
  #products .product-card:not(.advisor-card) .card-actions .btn.primary{width:84%!important;max-width:300px!important;min-height:54px!important;height:54px!important;border-radius:16px!important;background:linear-gradient(90deg,#37D7FF 0%,#62E6FF 100%)!important;color:#02101A!important;font-size:1.10rem!important;font-weight:950!important;box-shadow:0 14px 28px rgba(25,191,244,.22),inset 0 1px 0 rgba(255,255,255,.36)!important;}
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost{width:74%!important;max-width:260px!important;min-height:44px!important;height:44px!important;border-radius:14px!important;border:1.5px solid rgba(83,205,255,.46)!important;background:rgba(3,16,26,.58)!important;color:#BFEFFF!important;font-size:.92rem!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost::before{content:""!important;width:15px!important;height:15px!important;display:inline-block!important;background-color:#BFEFFF!important;mask:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h7l4 4v14H7V3Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 3v5h5' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 12h6M9 16h6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h7l4 4v14H7V3Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 3v5h5' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 12h6M9 16h6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat!important;margin:0!important;}
  #products .advisor-card{display:none!important;}
}

@media (max-width:380px){
  #products .product-card:not(.advisor-card){flex-basis:min(90vw,340px)!important;width:min(90vw,340px)!important;min-width:min(90vw,340px)!important;min-height:535px!important;padding:18px 14px 16px!important;}
  #products .product-card:not(.advisor-card) .product-img{height:218px!important;min-height:218px!important;max-height:218px!important;padding-inline:30px!important;}
  #products .product-card:not(.advisor-card) .product-img img{max-height:216px!important;}
}

/* 6) Mobile modal/wizard polish: bigger logo, centered top, no cut bottom, dots. */
@media (max-width:760px){
  .modal-card:has(.upsell-wizard){width:min(calc(100vw - 14px),500px)!important;max-height:calc(100dvh - 12px)!important;padding:12px!important;overflow:hidden!important;}
  .upsell-wizard{height:100%!important;max-height:calc(100dvh - 36px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:hidden!important;}
  .upsell-topbar,.wizard-topbar{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto 8px!important;width:100%!important;}
  .upsell-logo{height:40px!important;max-height:40px!important;width:auto!important;margin:0 auto!important;display:block!important;filter:drop-shadow(0 0 14px rgba(98,230,255,.16))!important;}
  .wizard-stepper{justify-content:center!important;margin-inline:auto!important;}
  .wizard-section-head-with-mini{position:relative!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;min-height:86px!important;padding-top:0!important;margin:0 auto!important;width:100%!important;}
  .wizard-section-head h3{width:100%!important;text-align:center!important;margin-inline:auto!important;}
  .wizard-section-head p{width:100%!important;text-align:center!important;margin-inline:auto!important;}
  .wizard-product-only-mini{position:absolute!important;top:4px!important;left:4px!important;right:auto!important;width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 13px!important;background:transparent!important;border:1.5px solid rgba(83,205,255,.50)!important;color:#F5FBFF!important;box-shadow:none!important;font-size:.70rem!important;z-index:5!important;}
  .wizard-product-only-mini:active,.wizard-product-only-mini:focus-visible{background:linear-gradient(90deg,#37D7FF,#62E6FF)!important;color:#02101A!important;}
  .wizard-scent-step{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  .wizard-scent-tools{flex:0 0 auto!important;}
  .wizard-scent-cats{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:5px!important;}
  .wizard-scent-search-wrap{flex:0 0 auto!important;}
  .wizard-selection-pill{display:none!important;}
  .wizard-scent-grid{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(145px,1fr)!important;gap:8px!important;padding:0 2px!important;}
  .wizard-scent-card{min-height:145px!important;height:100%!important;grid-template-rows:72px auto!important;border-radius:16px!important;padding:7px!important;}
  .wizard-scent-media{height:72px!important;max-height:72px!important;border-radius:12px!important;display:grid!important;place-items:center!important;}
  .wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;}
  .wizard-scent-body strong{font-size:.76rem!important;line-height:1.06!important;}
  .wizard-scent-body small{font-size:.60rem!important;}
  .wizard-scent-body em{font-size:.66rem!important;}
  .wizard-pagination{display:none!important;}
  .wizard-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:9px auto 9px!important;flex:0 0 auto!important;}
  .wizard-dots.is-single{display:none!important;}
  .wizard-dot{width:8px!important;height:8px!important;border-radius:999px!important;background:rgba(127,154,175,.45)!important;border:1px solid rgba(83,205,255,.22)!important;padding:0!important;transition:.22s ease!important;}
  .wizard-dot.is-active{width:22px!important;background:#37D7FF!important;box-shadow:0 0 14px rgba(55,215,255,.45)!important;border-color:rgba(98,230,255,.85)!important;}
  .wizard-continue-size{display:none!important;}
  .wizard-scent-bottom-actions{flex:0 0 auto!important;margin:0!important;display:flex!important;justify-content:center!important;}
  .wizard-back-product{width:min(100%,330px)!important;min-height:42px!important;border-radius:999px!important;margin:0 auto!important;}
}

/* 7) Mobile size selected summary: no image/text overlap. */
@media (max-width:760px){
  .wizard-choice-scent{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 16px!important;min-height:112px!important;border-radius:18px!important;overflow:hidden!important;direction:rtl!important;}
  .wizard-choice-scent-media{width:88px!important;height:88px!important;min-width:88px!important;flex:0 0 88px!important;border-radius:16px!important;overflow:hidden!important;order:2!important;}
  .wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:cover!important;}
  .wizard-choice-scent-copy{flex:1 1 auto!important;min-width:0!important;text-align:right!important;align-items:flex-start!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;order:1!important;direction:rtl!important;}
  .wizard-choice-scent-copy strong{font-size:1.55rem!important;line-height:1.05!important;font-weight:950!important;color:#F5FBFF!important;}
  .wizard-choice-scent-copy span{font-size:.88rem!important;color:#B7CAD8!important;}
  .wizard-choice-scent-copy small{font-size:.86rem!important;color:#37D7FF!important;font-weight:850!important;}
  .wizard-choice-scent-copy strong,.wizard-choice-scent-copy span,.wizard-choice-scent-copy small{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* 8) Floating buttons above bottom nav, smaller. */
@media (max-width:760px){
  .floating.whatsapp,.floating.access{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;left:10px!important;z-index:156!important;}
  .floating.whatsapp{bottom:calc(var(--mobile-nav-h,74px) + var(--safe-bottom) + 72px)!important;}
  .floating.access{bottom:calc(var(--mobile-nav-h,74px) + var(--safe-bottom) + 22px)!important;}
  .floating.whatsapp .wa-svg{width:29px!important;height:29px!important;}
  .floating.access svg{width:23px!important;height:23px!important;}
}

/* 9) Hero mobile image presence. */
@media (max-width:760px){
  .hero-mobile-art{transform:scale(1.075)!important;transform-origin:center bottom!important;object-fit:cover!important;object-position:center bottom!important;}
}

/* =========================================================
   V38 — LAST TARGETED FIXES ONLY
   Scope: current request only. No redesign of working areas.
   ========================================================= */

/* 1) Desktop: make hamburger feel integrated and make the opened menu visible inside viewport. */
@media (min-width:761px){
  .topbar{
    height:64px!important;
    min-height:64px!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    background:linear-gradient(180deg,rgba(3,12,20,.96),rgba(3,12,20,.88))!important;
    border-bottom:1px solid rgba(83,205,255,.28)!important;
    box-shadow:0 10px 34px rgba(0,0,0,.22),0 0 22px rgba(55,215,255,.055)!important;
    overflow:visible!important;
    z-index:900!important;
  }
  .topbar .desktop-nav,
  .desktop-nav,
  .nav-links,
  .main-nav{display:none!important;}
  .topbar .brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
    order:2!important;
  }
  .topbar .brand img{height:42px!important;width:auto!important;max-width:128px!important;object-fit:contain!important;}
  .topbar .menu-btn{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    order:1!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:15px!important;
    background-image:url("assets/ui-icons/menu-premium-v27.webp")!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-color:rgba(3,16,26,.74)!important;
    border:1px solid rgba(83,205,255,.26)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.24),0 0 18px rgba(55,215,255,.16)!important;
    transform:none!important;
    margin:0!important;
  }
  .topbar .menu-btn:hover,
  .topbar .menu-btn:focus-visible{
    border-color:rgba(98,230,255,.52)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.28),0 0 24px rgba(55,215,255,.24)!important;
    outline:none!important;
  }
  .topbar .menu-btn span{display:none!important;}
  .mobile-nav{
    display:grid!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
  }
  .mobile-nav.open{
    position:fixed!important;
    top:74px!important;
    right:18px!important;
    left:auto!important;
    width:min(280px,calc(100vw - 36px))!important;
    min-width:0!important;
    max-width:280px!important;
    display:grid!important;
    gap:9px!important;
    padding:12px!important;
    border-radius:20px!important;
    direction:rtl!important;
    background:linear-gradient(180deg,rgba(7,26,42,.98),rgba(3,14,24,.98))!important;
    border:1px solid rgba(83,205,255,.32)!important;
    box-shadow:0 24px 54px rgba(0,0,0,.44),0 0 28px rgba(55,215,255,.10)!important;
    backdrop-filter:blur(18px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    z-index:1200!important;
  }
  .mobile-nav.open a{
    min-height:46px!important;
    border-radius:15px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    color:#F5FBFF!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(83,205,255,.12)!important;
    font-weight:900!important;
  }
  .mobile-nav.open a:hover,
  .mobile-nav.open a:focus-visible{
    background:rgba(55,215,255,.10)!important;
    border-color:rgba(98,230,255,.35)!important;
    outline:none!important;
  }
}

/* 2) Mobile regular header logo: exact center. */
@media (max-width:760px){
  .topbar{
    min-height:62px!important;
    height:62px!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:sticky!important;
    overflow:visible!important;
  }
  .topbar .brand{
    position:absolute!important;
    inset-inline-start:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html[dir="rtl"] .topbar .brand{transform:translate(-50%,-50%)!important;}
  .topbar .brand img{height:48px!important;max-width:132px!important;width:auto!important;object-fit:contain!important;}
}

/* 3) Mobile scent modal: centered top, bigger logo, compact enough so bottom action is visible. */
@media (max-width:760px){
  .modal-card:has(.upsell-wizard){
    width:min(calc(100vw - 12px),500px)!important;
    max-height:calc(100dvh - 10px)!important;
    padding:10px!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .upsell-wizard{
    height:100%!important;
    max-height:calc(100dvh - 30px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:0 0 4px!important;
  }
  .upsell-topbar,
  .wizard-topbar{
    min-height:44px!important;
    height:44px!important;
    margin:0 auto 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    flex:0 0 44px!important;
  }
  .wizard-topbar .upsell-logo,
  .upsell-topbar .upsell-logo,
  .upsell-logo{
    height:48px!important;
    max-height:48px!important;
    max-width:132px!important;
    width:auto!important;
    display:block!important;
    margin:0 auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 13px rgba(98,230,255,.14))!important;
  }
  .wizard-stepper{
    flex:0 0 auto!important;
    margin:0 auto 2px!important;
    justify-content:center!important;
    width:100%!important;
  }
  .wizard-section-head-with-mini{
    width:100%!important;
    min-height:72px!important;
    padding:0!important;
    margin:0 auto 3px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    text-align:center!important;
    position:relative!important;
  }
  .wizard-section-head-with-mini h3{
    width:100%!important;
    text-align:center!important;
    margin:0 auto 4px!important;
    font-size:1.55rem!important;
    line-height:1.05!important;
  }
  .wizard-section-head-with-mini p{
    width:100%!important;
    max-width:310px!important;
    text-align:center!important;
    margin:0 auto!important;
    font-size:.78rem!important;
    line-height:1.35!important;
  }
  .wizard-product-only-mini{
    position:absolute!important;
    top:4px!important;
    left:4px!important;
    right:auto!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:transparent!important;
    border:1.5px solid rgba(83,205,255,.52)!important;
    color:#F5FBFF!important;
    font-size:.68rem!important;
    font-weight:900!important;
    box-shadow:none!important;
    z-index:4!important;
  }
  .wizard-scent-step{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .wizard-scent-tools{flex:0 0 auto!important;gap:7px!important;}
  .wizard-scent-cats{gap:6px!important;padding-bottom:3px!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;}
  .wizard-cat-chip{min-height:30px!important;padding:0 10px!important;font-size:.66rem!important;white-space:nowrap!important;}
  .wizard-scent-search{min-height:36px!important;font-size:.72rem!important;border-radius:15px!important;}
  .wizard-scent-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(120px,1fr))!important;
    grid-auto-rows:minmax(120px,1fr)!important;
    gap:7px!important;
    padding:0 1px!important;
  }
  .wizard-scent-card{
    min-height:120px!important;
    height:100%!important;
    border-radius:15px!important;
    padding:6px!important;
    grid-template-rows:62px auto!important;
  }
  .wizard-scent-media{height:62px!important;max-height:62px!important;border-radius:11px!important;display:grid!important;place-items:center!important;}
  .wizard-scent-card-art{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;}
  .wizard-scent-body{gap:1px!important;min-height:0!important;}
  .wizard-scent-body strong{font-size:.70rem!important;line-height:1.04!important;max-width:100%!important;}
  .wizard-scent-body small{font-size:.56rem!important;line-height:1.05!important;}
  .wizard-scent-body em{font-size:.61rem!important;line-height:1.05!important;}
  .wizard-pagination{display:none!important;}
  .wizard-dots{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    margin:5px auto 5px!important;
    min-height:18px!important;
    flex:0 0 18px!important;
  }
  .wizard-dot{width:8px!important;height:8px!important;border-radius:999px!important;background:rgba(127,154,175,.42)!important;border:1px solid rgba(83,205,255,.22)!important;padding:0!important;transition:.22s ease!important;}
  .wizard-dot.is-active{width:22px!important;background:#37D7FF!important;border-color:rgba(98,230,255,.86)!important;box-shadow:0 0 14px rgba(55,215,255,.46)!important;}
  .wizard-scent-bottom-actions{
    flex:0 0 auto!important;
    min-height:42px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
  }
  .wizard-back-product{
    width:min(100%,330px)!important;
    min-height:42px!important;
    height:42px!important;
    border-radius:999px!important;
    margin:0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }
}

/* 4) Size step only: bigger logo, leave approved layout intact. */
@media (max-width:760px){
  .upsell-wizard:has(.wizard-size-step) .wizard-topbar,
  .upsell-wizard:has(.wizard-size-step) .upsell-topbar{
    min-height:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
  .upsell-wizard:has(.wizard-size-step) .upsell-logo{
    height:50px!important;
    max-height:50px!important;
    max-width:138px!important;
  }
}

/* =========================================================
   V39 — FINAL SAFE POLISH ONLY
   Scope: desktop top menu/logo + mobile scent wizard top/bottom/logo.
   No product/cart/data changes.
   ========================================================= */

/* Desktop: clean fixed top area — logo + premium hamburger only, no pasted look */
@media (min-width:761px){
  body{padding-top:76px!important;}
  .topbar{
    position:fixed!important;
    top:14px!important;
    right:22px!important;
    left:auto!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    z-index:1200!important;
    pointer-events:none!important;
  }
  .topbar .desktop-nav,
  .desktop-nav,
  .nav-links,
  .main-nav{display:none!important;}
  .topbar .brand{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    order:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:82px!important;
    height:52px!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  .topbar .brand img{
    width:auto!important;
    height:48px!important;
    max-width:82px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 12px rgba(98,230,255,.12))!important;
  }
  .topbar .menu-btn{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0!important;
    border-radius:17px!important;
    background-image:none!important;
    background:
      radial-gradient(circle at 50% 15%,rgba(98,230,255,.16),transparent 58%),
      linear-gradient(180deg,rgba(9,31,49,.92),rgba(3,13,22,.96))!important;
    border:1px solid rgba(83,205,255,.40)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 24px rgba(0,0,0,.28),
      0 0 22px rgba(55,215,255,.18)!important;
    transform:none!important;
    filter:none!important;
    pointer-events:auto!important;
  }
  .topbar .menu-btn span{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:24px!important;
    height:2px!important;
    margin:3px 0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(98,230,255,.72),#DDF8FF,rgba(98,230,255,.72))!important;
    box-shadow:0 0 9px rgba(98,230,255,.34)!important;
    transform:none!important;
  }
  .topbar .menu-btn span:nth-child(2){width:20px!important;justify-self:center!important;}
  .topbar .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)!important;width:24px!important;}
  .topbar .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0!important;}
  .topbar .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important;width:24px!important;}
  .topbar .menu-btn:hover,
  .topbar .menu-btn:focus-visible{
    border-color:rgba(98,230,255,.72)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 12px 28px rgba(0,0,0,.32),0 0 30px rgba(55,215,255,.28)!important;
    outline:none!important;
  }
  .mobile-nav{
    display:grid!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px) scale(.98)!important;
  }
  .mobile-nav.open{
    position:fixed!important;
    top:78px!important;
    right:22px!important;
    left:auto!important;
    width:290px!important;
    max-width:calc(100vw - 44px)!important;
    min-width:0!important;
    max-height:calc(100dvh - 96px)!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:14px!important;
    border-radius:22px!important;
    direction:rtl!important;
    background:linear-gradient(180deg,rgba(7,26,42,.98),rgba(3,14,24,.98))!important;
    border:1px solid rgba(83,205,255,.36)!important;
    box-shadow:0 24px 56px rgba(0,0,0,.46),0 0 30px rgba(55,215,255,.14)!important;
    backdrop-filter:blur(18px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    z-index:1250!important;
  }
  .mobile-nav.open a{
    min-height:48px!important;
    border-radius:16px!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    color:#F5FBFF!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(83,205,255,.14)!important;
    font-weight:900!important;
    text-decoration:none!important;
  }
  .mobile-nav.open a:hover,
  .mobile-nav.open a:focus-visible{
    background:rgba(55,215,255,.10)!important;
    border-color:rgba(98,230,255,.38)!important;
    outline:none!important;
  }
}

/* Mobile: regular top logo fixed in exact center, menu stays hidden because bottom nav exists */
@media (max-width:760px){
  body{padding-top:0!important;}
  .topbar{
    min-height:60px!important;
    height:60px!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:sticky!important;
    top:0!important;
    z-index:800!important;
    overflow:visible!important;
  }
  .topbar .brand{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
  }
  .topbar .brand img{height:50px!important;max-width:136px!important;width:auto!important;object-fit:contain!important;}
  .topbar .menu-btn{display:none!important;}
}

/* Mobile scent wizard: product-only button next to X, center content stays untouched */
@media (max-width:760px){
  .modal-card:has(.upsell-wizard){
    position:relative!important;
    width:min(calc(100vw - 12px),500px)!important;
    max-height:calc(100dvh - 10px)!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .upsell-wizard{
    max-height:calc(100dvh - 30px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .upsell-topbar,.wizard-topbar{
    min-height:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .upsell-logo,.wizard-topbar .upsell-logo,.upsell-topbar .upsell-logo{
    height:58px!important;
    max-height:58px!important;
    max-width:154px!important;
    width:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
    filter:drop-shadow(0 0 14px rgba(98,230,255,.16))!important;
  }
  .wizard-stepper{
    width:100%!important;
    justify-content:center!important;
    margin:0 auto 4px!important;
    flex:0 0 auto!important;
  }
  .wizard-section-head-with-mini{
    position:static!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:64px!important;
    margin:0 auto 4px!important;
    padding:0!important;
  }
  .wizard-section-head-with-mini h3{
    width:100%!important;
    text-align:center!important;
    margin:0 auto 4px!important;
    font-size:1.58rem!important;
    line-height:1.05!important;
  }
  .wizard-section-head-with-mini p{
    width:100%!important;
    max-width:320px!important;
    text-align:center!important;
    margin:0 auto!important;
    font-size:.78rem!important;
    line-height:1.35!important;
  }
  .wizard-product-only-mini{
    position:absolute!important;
    top:18px!important;
    left:62px!important;
    right:auto!important;
    width:auto!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:rgba(3,16,26,.42)!important;
    border:1.5px solid rgba(83,205,255,.54)!important;
    color:#F5FBFF!important;
    box-shadow:none!important;
    font-size:.70rem!important;
    font-weight:900!important;
    z-index:8!important;
  }
  .wizard-product-only-mini:hover,
  .wizard-product-only-mini:focus-visible,
  .wizard-product-only-mini:active{
    background:linear-gradient(90deg,#37D7FF,#62E6FF)!important;
    color:#02101A!important;
    border-color:rgba(98,230,255,.92)!important;
    outline:none!important;
  }
  .wizard-scent-step{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .wizard-scent-tools{flex:0 0 auto!important;}
  .wizard-scent-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(112px,1fr))!important;
    gap:7px!important;
  }
  .wizard-scent-card{min-height:112px!important;border-radius:15px!important;padding:6px!important;grid-template-rows:58px auto!important;}
  .wizard-scent-media{height:58px!important;max-height:58px!important;}
  .wizard-scent-card-art{object-fit:contain!important;object-position:center center!important;}
  .wizard-scent-body strong{font-size:.69rem!important;line-height:1.04!important;}
  .wizard-scent-body small{font-size:.55rem!important;line-height:1.05!important;}
  .wizard-scent-body em{font-size:.60rem!important;line-height:1.05!important;}
  .wizard-pagination{display:none!important;}
  body.modal-open .wizard-dots,
  .wizard-dots{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    margin:6px auto 7px!important;
    min-height:18px!important;
    flex:0 0 18px!important;
  }
  .wizard-dots.is-single{display:none!important;}
  .wizard-dot{width:8px!important;height:8px!important;border-radius:999px!important;background:rgba(127,154,175,.42)!important;border:1px solid rgba(83,205,255,.22)!important;padding:0!important;transition:.22s ease!important;}
  .wizard-dot.is-active{width:22px!important;background:#37D7FF!important;border-color:rgba(98,230,255,.86)!important;box-shadow:0 0 14px rgba(55,215,255,.46)!important;}
  .wizard-scent-bottom-actions{
    flex:0 0 44px!important;
    min-height:44px!important;
    margin:0 auto!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
  }
  .wizard-back-product{
    width:min(100%,330px)!important;
    min-height:42px!important;
    height:42px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:0 auto!important;
  }
  .wizard-continue-size{display:none!important;}
}

/* Size step: the user approved the layout; only enlarge logo gently. */
@media (max-width:760px){
  .upsell-wizard:has(.wizard-size-step) .upsell-topbar,
  .upsell-wizard:has(.wizard-size-step) .wizard-topbar{
    min-height:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  .upsell-wizard:has(.wizard-size-step) .upsell-logo{
    height:60px!important;
    max-height:60px!important;
    max-width:158px!important;
  }
}



/* =========================================================
   V41 — Stable Recovery Fix
   Fixes only:
   - restore scent images via real Hebrew assets
   - keep modal above site header/menu
   - move product-only button beside X without touching center header
   - keep modal logo visible/clear
   - replace mobile bottom icons with supplied PNGs, lighter and aligned
   ========================================================= */

/* Modal must always be above desktop header/menu while open */
.modal{
  z-index:5000!important;
}
.overlay{
  z-index:4900!important;
}
.modal[aria-hidden="false"] ~ .topbar,
body:has(.modal[aria-hidden="false"]) .topbar{
  z-index:20!important;
}

/* Scent images: keep cards visible, never collapse if image exists */
.wizard-scent-card-art,
.wizard-choice-scent-media img{
  display:block!important;
  opacity:1!important;
}

/* Product-only button: place it near the close X, not under the logo.
   Applies to scent wizard on both desktop and mobile. */
.modal-card:has(.upsell-wizard){
  position:relative!important;
}
.upsell-wizard-v26 .wizard-section-head-with-mini{
  display:block!important;
  text-align:center!important;
  width:100%!important;
  margin-inline:auto!important;
}
.upsell-wizard-v26 .wizard-section-head-with-mini h3,
.upsell-wizard-v26 .wizard-section-head-with-mini p{
  text-align:center!important;
}
.upsell-wizard-v26 .wizard-product-only-mini{
  position:absolute!important;
  top:24px!important;
  left:78px!important;
  z-index:12!important;
  grid-area:unset!important;
  justify-self:auto!important;
  align-self:auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  border:1.3px solid rgba(104,229,255,.54)!important;
  background:rgba(4,17,29,.58)!important;
  color:#F5FBFF!important;
  font-size:.74rem!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 12px rgba(56,213,255,.06)!important;
  backdrop-filter:blur(12px)!important;
}
.upsell-wizard-v26 .wizard-product-only-mini:hover,
.upsell-wizard-v26 .wizard-product-only-mini:focus-visible{
  border-color:rgba(104,229,255,.78)!important;
  background:rgba(10,36,54,.78)!important;
  outline:none!important;
}
.upsell-wizard-v26 .wizard-product-only-mini:active{
  background:linear-gradient(90deg,#37D7FF,#62E6FF)!important;
  color:#02101A!important;
}

/* Keep modal logo clear and centered */
.upsell-wizard-v26 .wizard-topbar,
.upsell-wizard-v26 .upsell-topbar{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-height:58px!important;
  padding-top:4px!important;
  position:relative!important;
}
.upsell-wizard-v26 .upsell-logo{
  width:auto!important;
  height:50px!important;
  max-height:50px!important;
  opacity:1!important;
  filter:drop-shadow(0 0 10px rgba(78,216,255,.08))!important;
}

/* Size step: raise the logo slightly only in this approved screen */
.upsell-wizard-v26:has(.wizard-size-step) .wizard-topbar,
.upsell-wizard-v26:has(.wizard-size-step) .upsell-topbar{
  min-height:62px!important;
  padding-top:0!important;
  margin-top:-6px!important;
  margin-bottom:0!important;
}
.upsell-wizard-v26:has(.wizard-size-step) .upsell-logo{
  transform:translateY(-5px)!important;
}

/* Bottom nav icons: supplied PNG icons, lighter and closer to approved reference */
.mobile-bottom-item .mbi-icon{
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.mobile-bottom-item .mbi-img{
  display:block!important;
  width:21px!important;
  height:21px!important;
  object-fit:contain!important;
  object-position:center!important;
  pointer-events:none!important;
  opacity:.92!important;
  filter:drop-shadow(0 0 5px rgba(78,216,255,.18))!important;
}
.mobile-bottom-item svg{
  display:none!important;
}
.mobile-bottom-item.is-active .mbi-icon{
  background:linear-gradient(180deg,#6BE7FF,#22BFFF)!important;
  box-shadow:0 0 18px rgba(56,213,255,.22)!important;
}
.mobile-bottom-item.is-active .mbi-img,
.mobile-bottom-item:active .mbi-img,
.mobile-bottom-item:focus-visible .mbi-img{
  width:21px!important;
  height:21px!important;
  opacity:.95!important;
  filter:drop-shadow(0 0 5px rgba(2,38,52,.20))!important;
}
.mobile-bottom-cart em{
  z-index:4!important;
}

/* Mobile sizing adjustments */
@media (max-width:760px){
  .upsell-wizard-v26 .wizard-product-only-mini{
    top:20px!important;
    left:66px!important;
    height:33px!important;
    min-height:33px!important;
    padding-inline:12px!important;
    font-size:.70rem!important;
  }
  .upsell-wizard-v26 .wizard-topbar,
  .upsell-wizard-v26 .upsell-topbar{
    min-height:56px!important;
    padding-top:3px!important;
  }
  .upsell-wizard-v26 .upsell-logo{
    height:50px!important;
    max-height:50px!important;
  }
  .upsell-wizard-v26:has(.wizard-size-step) .wizard-topbar,
  .upsell-wizard-v26:has(.wizard-size-step) .upsell-topbar{
    margin-top:-7px!important;
    min-height:60px!important;
  }
  .mobile-bottom-item .mbi-img{
    width:20px!important;
    height:20px!important;
  }
  .mobile-bottom-item.is-active .mbi-img{
    width:20px!important;
    height:20px!important;
  }
}

@media (max-width:370px){
  .upsell-wizard-v26 .wizard-product-only-mini{
    left:58px!important;
    padding-inline:9px!important;
    font-size:.66rem!important;
  }
  .mobile-bottom-item .mbi-img,
  .mobile-bottom-item.is-active .mbi-img{
    width:18px!important;
    height:18px!important;
  }
}

/* V41 guard: the product-only button must not be positioned relative to the title block */
.upsell-wizard-v26 .wizard-section-head-with-mini{
  position:static!important;
}

/* =========================================================
   V42 — THREE MICRO FIXES ONLY
   Scope: 1) mobile size-step logo not clipped
          2) mobile product-only button beside close X
          3) desktop logo anchored top-left
   No redesign / no unrelated layout changes.
   ========================================================= */

/* FIX 1 — Mobile size wizard logo: remove clipping without touching the approved size layout */
@media (max-width:760px){
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{
    min-height:70px!important;
    height:auto!important;
    flex-basis:auto!important;
    padding-top:8px!important;
    padding-bottom:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    overflow:visible!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{
    display:block!important;
    width:auto!important;
    height:50px!important;
    max-height:50px!important;
    max-width:150px!important;
    object-fit:contain!important;
    transform:none!important;
    margin:0 auto!important;
    opacity:1!important;
    overflow:visible!important;
  }
}

/* FIX 2 — Mobile scent wizard: place “רכישת מפיץ בלבד” beside X, not in the centered logo/title area */
@media (max-width:760px){
  body .modal-card:has(.wizard-scent-step){
    position:relative!important;
  }
  body .modal-card:has(.wizard-scent-step) .upsell-wizard,
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26,
  body .modal-card:has(.wizard-scent-step) .wizard-section-head-with-mini{
    position:static!important;
  }
  body .modal-card:has(.wizard-scent-step) .wizard-product-only-mini{
    position:absolute!important;
    top:24px!important;
    left:64px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:24!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 124px)!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 12px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    border-radius:999px!important;
    border:1px solid rgba(104,229,255,.55)!important;
    background:rgba(4,17,29,.62)!important;
    color:#F5FBFF!important;
    font-size:.68rem!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 12px rgba(56,213,255,.08)!important;
    backdrop-filter:blur(10px)!important;
  }
  body .modal-card:has(.wizard-scent-step) .wizard-product-only-mini:hover,
  body .modal-card:has(.wizard-scent-step) .wizard-product-only-mini:focus-visible{
    border-color:rgba(104,229,255,.78)!important;
    background:rgba(10,36,54,.78)!important;
    outline:none!important;
  }
}
@media (max-width:370px){
  body .modal-card:has(.wizard-scent-step) .wizard-product-only-mini{
    left:58px!important;
    height:31px!important;
    min-height:31px!important;
    padding-inline:9px!important;
    font-size:.64rem!important;
    max-width:calc(100% - 112px)!important;
  }
}

/* FIX 3 — Desktop top chrome: logo fixed top-left, hamburger fixed top-right */
@media (min-width:761px){
  body{padding-top:0!important;}
  body .topbar{
    position:fixed!important;
    inset:auto!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    padding:0!important;
    margin:0!important;
    z-index:310!important;
    display:block!important;
    pointer-events:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  body .topbar::before,
  body .topbar::after{display:none!important;content:none!important;}
  body .topbar .desktop-nav{display:none!important;}
  body .topbar .brand{
    display:flex!important;
    position:fixed!important;
    top:18px!important;
    left:28px!important;
    right:auto!important;
    margin:0!important;
    padding:0!important;
    z-index:320!important;
    pointer-events:auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:42px!important;
  }
  body .topbar .brand img{
    display:block!important;
    width:auto!important;
    height:42px!important;
    max-height:42px!important;
    max-width:126px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 12px rgba(120,220,255,.12))!important;
  }
  body .topbar .menu-btn{
    display:grid!important;
    position:fixed!important;
    top:18px!important;
    right:28px!important;
    left:auto!important;
    z-index:320!important;
    pointer-events:auto!important;
  }
  body.modal-open .topbar,
  body.modal-open .topbar .brand,
  body.modal-open .topbar .menu-btn,
  body:has(.modal[aria-hidden="false"]) .topbar,
  body:has(.modal[aria-hidden="false"]) .topbar .brand,
  body:has(.modal[aria-hidden="false"]) .topbar .menu-btn{
    z-index:100!important;
  }
}

/* =========================================================
   V43 — Final cart + bottom navigation micro fixes only
   Scope: cart removal, bottom nav visual polish, products-section cart access.
   ========================================================= */

/* Cart must sit above overlay so remove buttons are clickable */
.cart-drawer{
  z-index:5600!important;
}
.cart-drawer.open{
  z-index:5600!important;
  pointer-events:auto!important;
}
body.cart-open .overlay{
  z-index:5500!important;
}
.cart-items,.cart-item,.cart-remove-btn{
  pointer-events:auto!important;
}
.cart-item{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:10px!important;
}
.cart-item-main{min-width:0!important}
.cart-remove-btn{
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,229,255,.42)!important;
  background:rgba(4,17,29,.62)!important;
  color:#F5FBFF!important;
  font:inherit!important;
  font-size:.74rem!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.cart-remove-btn:hover,.cart-remove-btn:focus-visible{
  border-color:rgba(104,229,255,.74)!important;
  background:rgba(11,37,56,.86)!important;
  outline:none!important;
}
.cart-empty-state{color:var(--muted)!important;margin:0!important;padding:8px 2px!important}

/* Mobile products-section mini cart, only for the contextual product category mode */
.products-inline-cart{display:none}
@media (max-width:760px){
  #products{position:relative!important}
  .products-inline-cart{
    position:absolute!important;
    top:86px!important;
    left:14px!important;
    z-index:72!important;
    width:43px!important;
    height:43px!important;
    border-radius:16px!important;
    border:1px solid rgba(104,229,255,.46)!important;
    background:linear-gradient(180deg,rgba(8,31,48,.88),rgba(3,14,24,.94))!important;
    color:#EAFBFF!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    cursor:pointer!important;
    box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 18px rgba(56,213,255,.11),inset 0 1px 0 rgba(255,255,255,.055)!important;
    backdrop-filter:blur(16px)!important;
  }
  .products-inline-cart img{
    width:23px!important;
    height:23px!important;
    object-fit:contain!important;
    display:block!important;
    opacity:.96!important;
    filter:drop-shadow(0 0 6px rgba(78,216,255,.20))!important;
  }
  .products-inline-cart span{
    position:absolute!important;
    top:-7px!important;
    left:-7px!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#4BD9FF!important;
    color:#03141D!important;
    font-size:.62rem!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:0 0 14px rgba(75,217,255,.28)!important;
  }
  .products-inline-cart:active{transform:scale(.97)!important}
}

/* Bottom nav icon polish — sharper, larger, less pasted, closer to approved reference */
.mobile-bottom-nav{
  overflow:visible!important;
}
.mobile-bottom-item{
  grid-template-rows:34px 1fr!important;
  gap:2px!important;
}
.mobile-bottom-item .mbi-icon{
  width:34px!important;
  height:34px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.mobile-bottom-item .mbi-img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  opacity:.98!important;
  image-rendering:auto!important;
  transform:translateZ(0)!important;
  filter:drop-shadow(0 0 5px rgba(78,216,255,.20))!important;
}
.mobile-bottom-item svg{display:none!important}
.mobile-bottom-item.is-active{
  background:linear-gradient(180deg,rgba(44,209,255,.16),rgba(20,132,188,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(104,229,255,.18),0 0 18px rgba(56,213,255,.10)!important;
}
.mobile-bottom-item.is-active .mbi-icon{
  background:rgba(34,196,255,.18)!important;
  border:1px solid rgba(104,229,255,.52)!important;
  box-shadow:0 0 18px rgba(56,213,255,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.mobile-bottom-item.is-active .mbi-img{
  width:27px!important;
  height:27px!important;
  opacity:1!important;
  filter:drop-shadow(0 0 7px rgba(104,229,255,.24))!important;
}
.mobile-bottom-cart em,
#mobileCartCount{
  z-index:5!important;
}
@media (max-width:380px){
  .mobile-bottom-item .mbi-img{width:25px!important;height:25px!important}
  .mobile-bottom-item.is-active .mbi-img{width:25px!important;height:25px!important}
  .mobile-bottom-item .mbi-icon{width:31px!important;height:31px!important}
}



/* =========================================================
   V44 — Final nav/cart visual micro-fix only
   1) Move products contextual cart to mobile header top-left
   2) Make bottom nav icons thinner, clearer, less glowing
   ========================================================= */

/* The product-context cart is now a header control, not a card/section overlay */
.products-inline-cart{
  display:none!important;
}
@media (max-width:760px){
  .topbar .products-header-cart{
    position:fixed!important;
    top:11px!important;
    left:12px!important;
    z-index:340!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    border:1px solid rgba(104,229,255,.38)!important;
    background:linear-gradient(180deg,rgba(8,31,48,.76),rgba(3,14,24,.88))!important;
    color:#EAFBFF!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    cursor:pointer!important;
    box-shadow:0 8px 18px rgba(0,0,0,.20),0 0 8px rgba(56,213,255,.06),inset 0 1px 0 rgba(255,255,255,.045)!important;
    backdrop-filter:blur(14px)!important;
    pointer-events:auto!important;
  }
  .topbar .products-header-cart img{
    width:19px!important;
    height:19px!important;
    object-fit:contain!important;
    display:block!important;
    opacity:.82!important;
    filter:none!important;
  }
  .topbar .products-header-cart span{
    position:absolute!important;
    top:-6px!important;
    left:-6px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#46D8FF!important;
    color:#03141D!important;
    font-size:.58rem!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:0 0 8px rgba(75,217,255,.18)!important;
  }
  .topbar .products-header-cart:active{
    transform:scale(.97)!important;
  }

  /* Avoid old product-section placement if any previous CSS remains */
  #products > .products-inline-cart{
    position:fixed!important;
    top:11px!important;
    left:12px!important;
  }
}

/* Bottom nav icon refinement: thinner, crisper, restrained glow */
.mobile-bottom-item{
  grid-template-rows:30px 1fr!important;
  gap:1px!important;
}
.mobile-bottom-item .mbi-icon{
  width:30px!important;
  height:30px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.mobile-bottom-item .mbi-img{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  opacity:.72!important;
  image-rendering:auto!important;
  transform:translateZ(0)!important;
  filter:none!important;
}
.mobile-bottom-item svg{display:none!important}
.mobile-bottom-item.is-active{
  background:linear-gradient(180deg,rgba(44,209,255,.11),rgba(20,132,188,.075))!important;
  box-shadow:inset 0 0 0 1px rgba(104,229,255,.12),0 0 10px rgba(56,213,255,.055)!important;
}
.mobile-bottom-item.is-active .mbi-icon{
  background:rgba(34,196,255,.12)!important;
  border:1px solid rgba(104,229,255,.34)!important;
  box-shadow:0 0 10px rgba(56,213,255,.09),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.mobile-bottom-item.is-active .mbi-img{
  width:21px!important;
  height:21px!important;
  opacity:.86!important;
  filter:none!important;
}
.mobile-bottom-cart em,
#mobileCartCount{
  z-index:5!important;
  box-shadow:0 0 8px rgba(75,217,255,.16)!important;
}
@media (max-width:380px){
  .mobile-bottom-item .mbi-img{width:18px!important;height:18px!important}
  .mobile-bottom-item.is-active .mbi-img{width:19px!important;height:19px!important}
  .mobile-bottom-item .mbi-icon{width:28px!important;height:28px!important}
}


/* =========================================================
   V45 — TARGETED FIXES ONLY / iPhone + product + modal + nav + icons
   Scope: only the requested fixes from the current correction round.
   ========================================================= */

@media (max-width:760px){
  /* 1) Stable iPhone hero: avoid dynamic dvh jump while keeping the approved artwork dominant. */
  .hero{margin-top:12px!important;}
  .hero-frame.hero-v15{
    height:clamp(672px,92svh,778px)!important;
    min-height:672px!important;
    max-height:none!important;
    border-radius:27px!important;
    overflow:hidden!important;
    transform:translateZ(0)!important;
    contain:paint!important;
  }
  .hero-mobile-art{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    border-radius:27px!important;
    transform:none!important;
    will-change:auto!important;
    backface-visibility:hidden!important;
  }
  .hero-hit{transform:none!important;}

  /* 2) Mobile product cards: compact premium, old price visible, not poster-heavy. */
  #products .product-track{
    gap:14px!important;
    padding:2px 16px calc(104px + var(--safe-bottom,0px))!important;
    scroll-snap-type:x mandatory!important;
  }
  #products .product-card:not(.advisor-card){
    flex:0 0 min(84vw,344px)!important;
    width:min(84vw,344px)!important;
    min-width:min(84vw,344px)!important;
    max-width:344px!important;
    min-height:506px!important;
    padding:17px 15px 16px!important;
    border-radius:27px!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    top:16px!important;right:16px!important;
    border-color:rgba(98,230,255,.70)!important;
    background:rgba(2,13,24,.54)!important;
    box-shadow:0 0 14px rgba(55,215,255,.13),inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{width:25px!important;height:25px!important;filter:none!important;}
  #products .product-card:not(.advisor-card) .product-img{
    height:202px!important;min-height:202px!important;max-height:202px!important;
    margin:2px auto 13px!important;padding:0 28px!important;
  }
  #products .product-card:not(.advisor-card) .product-img img{
    max-height:200px!important;max-width:238px!important;
    filter:drop-shadow(0 22px 25px rgba(0,0,0,.44)) drop-shadow(0 0 18px rgba(0,174,255,.15))!important;
  }
  #products .product-card:not(.advisor-card) h3{
    font-size:clamp(1.78rem,7.6vw,2.25rem)!important;
    margin:0 0 8px!important;
  }
  #products .product-card:not(.advisor-card) .short{
    width:min(100%,292px)!important;
    margin:0 auto 12px!important;
    font-size:.94rem!important;
    line-height:1.36!important;
    min-height:2.72em!important;
    max-height:2.72em!important;
  }
  #products .product-card:not(.advisor-card) .product-price{margin:0 auto 10px!important;}
  #products .product-card:not(.advisor-card) .price-label{font-size:.74rem!important;margin-bottom:2px!important;}
  #products .product-card:not(.advisor-card) .price-main strong{font-size:2.06rem!important;}
  #products .product-card:not(.advisor-card) .price-main .currency{font-size:.96rem!important;}
  #products .product-card:not(.advisor-card) .price-old{
    display:inline-block!important;
    margin-top:5px!important;
    color:rgba(213,226,236,.72)!important;
    font-size:.78rem!important;
    font-weight:850!important;
    text-decoration:line-through!important;
    text-decoration-thickness:1.5px!important;
    text-decoration-color:rgba(255,255,255,.62)!important;
    line-height:1.1!important;
  }
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{
    min-height:38px!important;
    margin:0 auto 12px!important;
    gap:12px!important;
  }
  #products .product-card:not(.advisor-card) .color-chip{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;}
  #products .product-card:not(.advisor-card) .color-dot{width:25px!important;height:25px!important;}
  #products .product-card:not(.advisor-card) .card-actions{max-width:288px!important;gap:9px!important;}
  #products .product-card:not(.advisor-card) .card-actions .btn.primary{
    width:82%!important;max-width:288px!important;min-height:50px!important;height:50px!important;
    border-radius:16px!important;font-size:1.04rem!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost{
    width:70%!important;max-width:238px!important;min-height:40px!important;height:40px!important;
    font-size:.86rem!important;border-radius:14px!important;
  }

  /* 3) Bottom nav: more rounded, more transparent, less visual collision with cyan CTA. */
  .mobile-bottom-nav{
    height:70px!important;
    left:12px!important;right:12px!important;
    bottom:calc(12px + var(--safe-bottom,0px))!important;
    padding:7px 9px!important;
    border-radius:31px!important;
    background:
      linear-gradient(180deg,rgba(8,28,43,.66),rgba(3,13,23,.50))!important;
    border:1px solid rgba(104,229,255,.26)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(56,213,255,.055)!important;
    backdrop-filter:blur(24px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
    overflow:visible!important;
  }
  .mobile-bottom-item{
    border-radius:24px!important;
    grid-template-rows:30px 1fr!important;
    color:rgba(204,223,235,.68)!important;
    font-size:.60rem!important;
    gap:1px!important;
  }
  .mobile-bottom-item .mbi-icon{width:30px!important;height:30px!important;border-radius:18px!important;}
  .mobile-bottom-item .mbi-img{
    width:22px!important;height:22px!important;
    object-fit:contain!important;
    opacity:.80!important;
    filter:none!important;
  }
  .mobile-bottom-item.is-active{
    background:rgba(83,205,255,.075)!important;
    color:#F3FBFF!important;
    box-shadow:inset 0 0 0 1px rgba(104,229,255,.12)!important;
  }
  .mobile-bottom-item.is-active .mbi-icon{
    background:rgba(83,205,255,.13)!important;
    border:1px solid rgba(104,229,255,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 9px rgba(56,213,255,.08)!important;
  }
  .mobile-bottom-item.is-active .mbi-img{width:23px!important;height:23px!important;opacity:1!important;filter:none!important;}
  .mobile-bottom-cart em,#mobileCartCount{box-shadow:0 0 8px rgba(75,217,255,.14)!important;}

  /* 4+5) iPhone modal safe area: stop bottom from being hidden by Safari bottom bar. */
  .modal{
    height:100svh!important;
    min-height:100svh!important;
    padding:7px 7px calc(16px + var(--safe-bottom,0px))!important;
    align-items:start!important;
    overflow:hidden!important;
  }
  .modal-card:has(.upsell-wizard){
    width:min(calc(100vw - 12px),500px)!important;
    max-height:calc(100svh - 24px - var(--safe-bottom,0px))!important;
    padding:10px 10px calc(14px + var(--safe-bottom,0px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .modal-card:has(.upsell-wizard) .close-modal{
    top:0!important;
    z-index:12!important;
  }
  .modal-card:has(.upsell-wizard)::-webkit-scrollbar{width:0!important;height:0!important;}
  .upsell-wizard,
  .upsell-wizard-v26{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:calc(6px + var(--safe-bottom,0px))!important;
  }
  .wizard-scent-step,
  .wizard-size-step{
    min-height:0!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .wizard-scent-grid{
    flex:0 0 auto!important;
    min-height:0!important;
    overflow:visible!important;
    grid-template-rows:repeat(3,minmax(108px,auto))!important;
  }
  .wizard-scent-card{min-height:108px!important;}
  .wizard-scent-bottom-actions{
    flex:0 0 auto!important;
    min-height:46px!important;
    margin:7px auto 0!important;
    padding-bottom:calc(8px + var(--safe-bottom,0px))!important;
  }
  .wizard-back-product{min-height:42px!important;height:42px!important;}
  .wizard-size-grid{
    flex:0 0 auto!important;
    margin-bottom:10px!important;
  }
  .wizard-size-card{min-height:112px!important;}
  .wizard-size-note{margin-bottom:10px!important;}
  .wizard-actions{padding-bottom:calc(8px + var(--safe-bottom,0px))!important;}

  /* 4.2) RTL natural scrolling in the scent wizard chips/dots. */
  .wizard-scent-cats{
    direction:rtl!important;
    justify-content:flex-start!important;
    scroll-padding-inline-start:12px!important;
    overscroll-behavior-inline:contain!important;
  }
  .wizard-cat-chip{direction:rtl!important;}
  .wizard-dots{direction:rtl!important;}
}

@media (max-width:380px){
  .hero-frame.hero-v15{height:clamp(640px,91svh,728px)!important;min-height:640px!important;}
  #products .product-card:not(.advisor-card){
    flex-basis:min(86vw,324px)!important;width:min(86vw,324px)!important;min-width:min(86vw,324px)!important;
    min-height:488px!important;padding:15px 13px 15px!important;
  }
  #products .product-card:not(.advisor-card) .product-img{height:186px!important;min-height:186px!important;max-height:186px!important;}
  #products .product-card:not(.advisor-card) .product-img img{max-height:184px!important;max-width:222px!important;}
  #products .product-card:not(.advisor-card) h3{font-size:1.78rem!important;}
  #products .product-card:not(.advisor-card) .price-main strong{font-size:1.94rem!important;}
  #products .product-card:not(.advisor-card) .price-old{font-size:.74rem!important;}
  .mobile-bottom-nav{left:9px!important;right:9px!important;height:66px!important;border-radius:29px!important;}
  .mobile-bottom-item .mbi-img{width:20px!important;height:20px!important;}
  .mobile-bottom-item.is-active .mbi-img{width:21px!important;height:21px!important;}
  .modal-card:has(.upsell-wizard){max-height:calc(100svh - 18px - var(--safe-bottom,0px))!important;}
  .wizard-scent-grid{grid-template-rows:repeat(3,minmax(100px,auto))!important;gap:6px!important;}
  .wizard-scent-card{min-height:100px!important;}
  .wizard-size-card{min-height:104px!important;}
}

/* =========================================================
   V46 — MOBILE ONLY LAST TARGETED FIXES
   Scope: compact one-screen scent/size modals, RTL swipe feel,
   oil-only X spacing, reviews header collision, space picker modal.
   No desktop changes.
   ========================================================= */
@keyframes mystorWizardInLeft{from{opacity:.42;transform:translate3d(-26px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes mystorWizardInRight{from{opacity:.42;transform:translate3d(26px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}

@media (max-width:760px){
  /* A) Reviews page: keep the back/X control away from the centered logo. */
  body .reviews-topbar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    background:rgba(5,15,24,.84)!important;
    border-bottom:1px solid rgba(112,198,255,.14)!important;
    backdrop-filter:blur(18px) saturate(1.1)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
    z-index:800!important;
  }
  body .reviews-topbar .brand{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    width:auto!important;
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }
  body .reviews-topbar .brand img{
    height:50px!important;
    max-width:136px!important;
    width:auto!important;
    object-fit:contain!important;
  }
  body .reviews-topbar .reviews-back{
    position:absolute!important;
    right:16px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:15px!important;
    z-index:3!important;
    pointer-events:auto!important;
  }

  /* B) Product upsell wizard shell: no vertical scrolling needed for the two mobile steps. */
  .modal:has(.upsell-wizard){
    height:100svh!important;
    min-height:100svh!important;
    padding:6px!important;
    align-items:start!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .modal-card:has(.upsell-wizard){
    width:min(calc(100vw - 12px),500px)!important;
    max-width:min(calc(100vw - 12px),500px)!important;
    height:calc(100svh - 12px)!important;
    max-height:calc(100svh - 12px)!important;
    padding:8px 10px calc(10px + var(--safe-bottom,0px))!important;
    border-radius:23px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .modal-card:has(.upsell-wizard) .close-modal{
    top:8px!important;
    left:8px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:13px!important;
    z-index:30!important;
  }
  .modal-card:has(.upsell-wizard) #modalContent,
  .modal-card:has(.upsell-wizard) .upsell-wizard,
  .modal-card:has(.upsell-wizard) .upsell-wizard-v26{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .upsell-wizard-v26{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    padding:0!important;
  }
  .upsell-wizard-v26 .wizard-topbar,
  .upsell-wizard-v26 .upsell-topbar{
    flex:0 0 42px!important;
    height:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto!important;
  }
  .upsell-wizard-v26 .upsell-logo,
  .upsell-wizard-v26 .wizard-topbar .upsell-logo{
    height:46px!important;
    max-height:46px!important;
    max-width:128px!important;
    width:auto!important;
  }
  .upsell-wizard-v26 .wizard-stepper,
  .upsell-wizard-v26 .wizard-stepper-two{
    flex:0 0 30px!important;
    height:30px!important;
    min-height:30px!important;
    gap:4px!important;
    padding-inline:38px!important;
    margin:0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .upsell-wizard-v26 .wizard-step{gap:4px!important;}
  .upsell-wizard-v26 .wizard-step-num{width:27px!important;height:27px!important;font-size:.72rem!important;}
  .upsell-wizard-v26 .wizard-step-label{font-size:.64rem!important;line-height:1!important;white-space:nowrap!important;}
  .upsell-wizard-v26 .wizard-step-line{width:12px!important;flex:0 0 12px!important;}
  .upsell-wizard-v26 .wizard-section{
    min-height:0!important;
    width:100%!important;
    gap:5px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .upsell-wizard-v26 .wizard-section-head{
    flex:0 0 auto!important;
    gap:1px!important;
    margin:0!important;
    text-align:center!important;
  }
  .upsell-wizard-v26 .wizard-section-head h3{
    font-size:1.20rem!important;
    line-height:1.04!important;
    margin:0!important;
    text-align:center!important;
  }
  .upsell-wizard-v26 .wizard-section-head p{
    font-size:.70rem!important;
    line-height:1.18!important;
    margin:0!important;
    text-align:center!important;
  }
  .upsell-wizard-v26 .wizard-section-head-with-mini{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:"title mini" "desc mini"!important;
    align-items:center!important;
    justify-items:center!important;
    gap:1px 6px!important;
    padding-inline:38px 0!important;
  }
  .upsell-wizard-v26 .wizard-section-head-with-mini h3{grid-area:title!important;text-align:center!important;}
  .upsell-wizard-v26 .wizard-section-head-with-mini p{grid-area:desc!important;text-align:center!important;}
  .upsell-wizard-v26 .wizard-product-only-mini{
    grid-area:mini!important;
    width:auto!important;
    min-width:112px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 12px!important;
    font-size:.66rem!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
  }

  /* C) Scent step: 9 cards + bottom button visible in one iPhone screen. */
  .upsell-wizard-v26 .wizard-scent-step{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  .upsell-wizard-v26 .wizard-scent-tools{
    flex:0 0 auto!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  .upsell-wizard-v26 .wizard-scent-cats{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    direction:rtl!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:0 2px 2px!important;
    min-height:31px!important;
    max-height:31px!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:10px!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .upsell-wizard-v26 .wizard-scent-cats::-webkit-scrollbar{display:none!important;}
  .upsell-wizard-v26 .wizard-cat-chip{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:29px!important;
    height:29px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    font-size:.66rem!important;
    scroll-snap-align:start!important;
  }
  .upsell-wizard-v26 .wizard-scent-search{
    min-height:34px!important;
    height:34px!important;
    border-radius:999px!important;
    font-size:.68rem!important;
    padding:0 12px!important;
  }
  .upsell-wizard-v26 .wizard-selection-pill{display:none!important;}
  .upsell-wizard-v26 .wizard-scent-grid{
    direction:rtl!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(86px,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    will-change:transform,opacity!important;
  }
  .upsell-wizard-v26 .wizard-scent-grid.wizard-slide-left{animation:mystorWizardInLeft .24s cubic-bezier(.22,.61,.36,1) both!important;}
  .upsell-wizard-v26 .wizard-scent-grid.wizard-slide-right{animation:mystorWizardInRight .24s cubic-bezier(.22,.61,.36,1) both!important;}
  .upsell-wizard-v26 .wizard-scent-card{
    min-height:86px!important;
    height:auto!important;
    padding:4px!important;
    border-radius:13px!important;
    gap:2px!important;
    display:grid!important;
    grid-template-rows:50px minmax(30px,auto)!important;
    overflow:hidden!important;
  }
  .upsell-wizard-v26 .wizard-scent-media{
    height:50px!important;
    min-height:50px!important;
    aspect-ratio:auto!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#04111d!important;
  }
  .upsell-wizard-v26 .wizard-scent-card-art{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    padding:0!important;
    background:#04111d!important;
  }
  .upsell-wizard-v26 .wizard-scent-body{
    min-height:30px!important;
    height:30px!important;
    padding:1px 1px 0!important;
    gap:0!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  .upsell-wizard-v26 .wizard-scent-body strong{
    font-size:.62rem!important;
    line-height:1.02!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:block!important;
  }
  .upsell-wizard-v26 .wizard-scent-body small{display:none!important;}
  .upsell-wizard-v26 .wizard-scent-body em{
    display:block!important;
    font-size:.56rem!important;
    line-height:1.05!important;
    margin-top:1px!important;
    text-align:center!important;
  }
  .upsell-wizard-v26 .wizard-scent-card.active::before{
    top:5px!important;
    left:5px!important;
    width:18px!important;
    height:18px!important;
    font-size:.60rem!important;
  }
  .upsell-wizard-v26 .wizard-pagination{display:none!important;}
  .upsell-wizard-v26 .wizard-dots{
    flex:0 0 20px!important;
    height:20px!important;
    min-height:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    direction:rtl!important;
    margin:1px 0 0!important;
    padding:0!important;
  }
  .upsell-wizard-v26 .wizard-dot{width:8px!important;height:8px!important;border-radius:999px!important;padding:0!important;}
  .upsell-wizard-v26 .wizard-dot.is-active{width:24px!important;}
  .upsell-wizard-v26 .wizard-scent-bottom-actions{
    flex:0 0 42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0 auto!important;
    padding:0!important;
    width:100%!important;
    display:grid!important;
    place-items:center!important;
  }
  .upsell-wizard-v26 .wizard-back-product{
    width:min(100%,330px)!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:999px!important;
    margin:0 auto!important;
    font-size:.82rem!important;
  }

  /* D) Size step: entire step visible in one screen without vertical scroll. */
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{
    flex-basis:38px!important;height:38px!important;min-height:38px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{height:42px!important;max-height:42px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-step{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-summary{flex:0 0 auto!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent{
    grid-template-columns:78px minmax(0,1fr)!important;
    min-height:78px!important;
    height:78px!important;
    padding:7px!important;
    gap:8px!important;
    border-radius:18px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media{
    width:64px!important;
    height:64px!important;
    border-radius:14px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy strong{font-size:.92rem!important;line-height:1.04!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy span{font-size:.66rem!important;line-height:1.05!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy small{font-size:.66rem!important;line-height:1.05!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-grid{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card{
    aspect-ratio:auto!important;
    min-height:90px!important;
    height:90px!important;
    padding:6px!important;
    border-radius:16px!important;
    gap:2px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media{
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media img{max-height:34px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card strong{font-size:.82rem!important;line-height:1.04!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-price{font-size:.78rem!important;line-height:1!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card small{font-size:.56rem!important;line-height:1.04!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-note{
    flex:0 0 26px!important;
    min-height:26px!important;
    height:26px!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    font-size:.60rem!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions{
    flex:0 0 40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions .btn{
    min-height:38px!important;
    height:38px!important;
    border-radius:999px!important;
    font-size:.78rem!important;
  }

  /* E) Oil-only modal: give the close X breathing room from long titles. */
  .modal-card:has(.upsell-wrap):not(:has(.upsell-wizard)){
    overflow:hidden!important;
    padding:16px 14px 16px!important;
  }
  .modal-card:has(.upsell-wrap):not(:has(.upsell-wizard)) .close-modal{
    top:10px!important;
    left:10px!important;
    width:32px!important;
    height:32px!important;
    border-radius:12px!important;
  }
  .modal-card:has(.upsell-wrap):not(:has(.upsell-wizard)) .upsell-wrap h2{
    padding-left:52px!important;
    padding-right:0!important;
    margin-top:4px!important;
    font-size:1.88rem!important;
    line-height:1.08!important;
  }

  /* F) Space recommendation modal: opened from 'איפה תרצו ליצור אווירה?'. */
  .modal-card:has(.space-product-picker){
    width:min(calc(100vw - 14px),500px)!important;
    height:auto!important;
    max-height:calc(100svh - 18px)!important;
    padding:16px 14px calc(16px + var(--safe-bottom,0px))!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.space-product-picker) .close-modal{
    top:10px!important;
    left:10px!important;
    width:34px!important;
    height:34px!important;
    border-radius:13px!important;
  }
  .space-product-picker{
    display:grid!important;
    gap:12px!important;
    color:#F5FBFF!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .space-picker-head{
    padding-inline:42px 4px!important;
    text-align:right!important;
    display:grid!important;
    gap:3px!important;
  }
  .space-picker-kicker{
    color:#5de1ff!important;
    font-size:.72rem!important;
    font-weight:950!important;
  }
  .space-picker-head h2{
    margin:0!important;
    font-size:1.65rem!important;
    line-height:1.06!important;
    letter-spacing:-.02em!important;
  }
  .space-picker-head p{
    margin:0!important;
    color:#9fb8c7!important;
    font-size:.78rem!important;
    line-height:1.28!important;
  }
  .space-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  .space-product-card{
    min-height:142px!important;
    padding:8px!important;
    border-radius:18px!important;
    display:grid!important;
    align-content:start!important;
    justify-items:center!important;
    gap:3px!important;
    text-align:center!important;
    color:#F5FBFF!important;
    background:linear-gradient(180deg,rgba(8,24,38,.82),rgba(4,15,25,.90))!important;
    border:1px solid rgba(83,205,255,.26)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 14px 30px rgba(0,0,0,.20)!important;
  }
  .space-product-img{
    height:54px!important;
    width:100%!important;
    display:grid!important;
    place-items:center!important;
  }
  .space-product-img img{
    max-height:54px!important;
    max-width:100%!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 12px rgba(0,0,0,.30))!important;
  }
  .space-product-card strong{font-size:.98rem!important;line-height:1.05!important;font-weight:950!important;}
  .space-product-card small{font-size:.64rem!important;line-height:1.05!important;color:#9fb8c7!important;}
  .space-product-card em{font-style:normal!important;font-size:.86rem!important;line-height:1!important;color:#5de1ff!important;font-weight:950!important;}
  .space-product-choose{
    margin-top:4px!important;
    min-height:28px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(90deg,#22BFFF,#6BE7FF)!important;
    color:#03141D!important;
    font-size:.70rem!important;
    font-weight:950!important;
  }
}

@media (max-width:380px){
  .upsell-wizard-v26 .wizard-scent-card{grid-template-rows:46px minmax(28px,auto)!important;min-height:80px!important;}
  .upsell-wizard-v26 .wizard-scent-media{height:46px!important;}
  .upsell-wizard-v26 .wizard-scent-body{height:28px!important;min-height:28px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card{height:84px!important;min-height:84px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media{height:30px!important;min-height:30px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media img{max-height:30px!important;}
  .space-product-card{min-height:134px!important;}
}

@media (max-width:760px){
  .space-product-card{min-height:124px!important;padding:7px!important;gap:2px!important;}
  .space-product-img{height:44px!important;}
  .space-product-img img{max-height:44px!important;}
  .space-product-card strong{font-size:.92rem!important;}
  .space-product-card small{font-size:.60rem!important;}
  .space-product-card em{font-size:.78rem!important;}
  .space-product-choose{min-height:25px!important;font-size:.66rem!important;margin-top:3px!important;}
}
@media (max-width:380px){
  .space-product-card{min-height:116px!important;}
  .space-product-img{height:38px!important;}
  .space-product-img img{max-height:38px!important;}
}

/* =========================================================
   V47 — CURRENT ROUND ONLY / mobile premium flow alignment
   Scope: diffuser picker, diffuser surface, scent picker,
   oil-size picker and visual text punctuation. No desktop rules.
   ========================================================= */
@keyframes mystorV47SlideContentLeft{
  from{opacity:.18;transform:translate3d(38px,0,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes mystorV47SlideContentRight{
  from{opacity:.18;transform:translate3d(-38px,0,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media (max-width:760px){
  /* -------------------------------------------------------
     1) “כל המפיצים” — complete premium two-column product picker.
     The shell may scroll internally on shorter phones so the final
     product is never clipped behind the browser or modal edge.
     ------------------------------------------------------- */
  .modal:has(.space-product-picker-v47){
    height:100svh!important;
    min-height:100svh!important;
    padding:7px!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  .modal-card:has(.space-product-picker-v47){
    width:min(calc(100vw - 14px),520px)!important;
    max-width:min(calc(100vw - 14px),520px)!important;
    height:calc(100svh - 14px)!important;
    max-height:calc(100svh - 14px)!important;
    padding:12px 12px calc(16px + var(--safe-bottom,0px))!important;
    border-radius:30px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    background:
      radial-gradient(82% 42% at 50% -8%,rgba(64,182,255,.23),transparent 67%),
      linear-gradient(155deg,rgba(10,29,49,.98),rgba(3,12,22,.985))!important;
    border:1px solid rgba(105,218,255,.48)!important;
    box-shadow:0 26px 68px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.13),0 0 44px rgba(43,185,255,.14)!important;
  }
  .modal-card:has(.space-product-picker-v47)::-webkit-scrollbar{display:none!important;}
  .modal-card:has(.space-product-picker-v47) .close-modal{
    top:16px!important;
    left:16px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:18px!important;
    z-index:20!important;
    background:rgba(2,13,24,.74)!important;
    border:1px solid rgba(103,222,255,.40)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.22)!important;
  }
  .space-product-picker-v47{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    min-height:100%!important;
    padding:4px 0 calc(6px + var(--safe-bottom,0px))!important;
    color:#F7FCFF!important;
    box-sizing:border-box!important;
  }
  .space-product-picker-v47 .space-picker-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:4px!important;
    padding:50px 14px 4px!important;
    text-align:center!important;
  }
  .space-product-picker-v47 .space-picker-logo{
    width:126px!important;
    height:62px!important;
    max-width:126px!important;
    object-fit:contain!important;
    margin:0 0 2px!important;
    filter:drop-shadow(0 10px 19px rgba(95,215,255,.14))!important;
  }
  .space-product-picker-v47 .space-picker-kicker{
    color:#5CE1FF!important;
    font-size:.67rem!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
  }
  .space-product-picker-v47 .space-picker-head h2{
    margin:0!important;
    font-size:clamp(2rem,9vw,2.65rem)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    color:#F7FCFF!important;
    text-shadow:0 8px 32px rgba(0,0,0,.34)!important;
  }
  .space-product-picker-v47 .space-picker-head h2::after{
    content:"";
    display:block;
    width:42px;
    height:3px;
    border-radius:999px;
    margin:12px auto 4px;
    background:#4DE0FF;
    box-shadow:0 0 16px rgba(77,224,255,.42);
  }
  .space-product-picker-v47 .space-picker-head p{
    max-width:305px!important;
    margin:0!important;
    color:rgba(219,236,247,.73)!important;
    font-size:.79rem!important;
    line-height:1.42!important;
  }
  .space-product-picker-v47 .space-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
  }
  .space-product-picker-v47 .space-product-card{
    min-height:122px!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
    direction:ltr!important;
    overflow:hidden!important;
    border-radius:21px!important;
    text-align:initial!important;
    color:#F7FCFF!important;
    background:
      radial-gradient(circle at 18% 50%,rgba(58,194,255,.15),transparent 42%),
      linear-gradient(145deg,rgba(14,34,54,.93),rgba(5,17,29,.95))!important;
    border:1px solid rgba(124,208,255,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.28),0 13px 25px rgba(0,0,0,.20)!important;
    transform:translateZ(0)!important;
  }
  .space-product-picker-v47 .space-product-card:last-child{
    grid-column:1 / -1!important;
    min-height:108px!important;
    grid-template-columns:88px minmax(0,1fr)!important;
  }
  .space-product-picker-v47 .space-product-card:active{transform:scale(.985)!important;}
  .space-product-picker-v47 .space-product-visual{
    position:relative!important;
    width:76px!important;
    height:96px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .space-product-picker-v47 .space-product-card:last-child .space-product-visual{
    width:88px!important;
    height:88px!important;
  }
  .space-product-picker-v47 .space-product-glow{
    position:absolute!important;
    left:50%!important;
    bottom:7px!important;
    width:64px!important;
    height:16px!important;
    transform:translateX(-50%)!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse,rgba(54,211,255,.45) 0%,rgba(21,133,221,.19) 43%,transparent 72%)!important;
    filter:blur(2px)!important;
    pointer-events:none!important;
  }
  .space-product-picker-v47 .space-product-visual img{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-width:76px!important;
    max-height:88px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 14px 14px rgba(0,0,0,.42))!important;
  }
  .space-product-picker-v47 .space-product-card:last-child .space-product-visual img{max-width:86px!important;max-height:84px!important;}
  .space-product-picker-v47 .space-product-copy{
    display:grid!important;
    align-content:center!important;
    justify-items:start!important;
    gap:3px!important;
    min-width:0!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .space-product-picker-v47 .space-product-card strong{
    display:block!important;
    color:#F8FCFF!important;
    font-size:1.05rem!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.015em!important;
  }
  .space-product-picker-v47 .space-product-card small{
    display:block!important;
    color:rgba(203,224,236,.69)!important;
    font-size:.68rem!important;
    line-height:1.1!important;
  }
  .space-product-picker-v47 .space-product-card em{
    display:block!important;
    color:#55DFFF!important;
    font-size:1rem!important;
    font-weight:950!important;
    line-height:1.1!important;
    font-style:normal!important;
  }
  .space-product-picker-v47 .space-product-choose{
    display:inline-flex!important;
    min-height:30px!important;
    padding:0 14px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:3px!important;
    border-radius:999px!important;
    color:#69E5FF!important;
    background:rgba(4,17,29,.48)!important;
    border:1px solid rgba(80,221,255,.86)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 13px rgba(57,203,255,.12)!important;
    font-size:.72rem!important;
    font-weight:900!important;
  }

  /* -------------------------------------------------------
     2) Product surface: premium single diffuser card only.
     Keeps the product flow, prices and actions unchanged.
     ------------------------------------------------------- */
  #products .product-track{
    padding:5px 18px calc(118px + var(--safe-bottom,0px))!important;
    gap:16px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #products .product-card:not(.advisor-card){
    position:relative!important;
    flex:0 0 min(calc(100vw - 32px),390px)!important;
    width:min(calc(100vw - 32px),390px)!important;
    min-width:min(calc(100vw - 32px),390px)!important;
    min-height:580px!important;
    padding:18px 18px 17px!important;
    border-radius:31px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:
      radial-gradient(74% 35% at 50% 23%,rgba(57,185,255,.22),transparent 72%),
      radial-gradient(46% 25% at 50% 43%,rgba(22,138,255,.16),transparent 76%),
      linear-gradient(163deg,rgba(8,27,44,.98),rgba(3,13,23,.99))!important;
    border:1px solid rgba(103,220,255,.46)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.30),0 25px 46px rgba(0,0,0,.36),0 0 28px rgba(39,191,255,.10)!important;
    scroll-snap-align:center!important;
  }
  #products .product-card:not(.advisor-card)::before{
    content:"";
    position:absolute;
    inset:auto -18% -26% -18%;
    height:46%;
    z-index:-1;
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(26,167,255,.18),transparent 69%);
    filter:blur(7px);
  }
  #products .product-card:not(.advisor-card) .bt-pill{
    top:17px!important;
    right:17px!important;
    width:53px!important;
    height:53px!important;
    min-width:53px!important;
    min-height:53px!important;
    background:rgba(3,16,29,.60)!important;
    border:1px solid rgba(77,219,255,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(47,201,255,.20)!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill .bt-svg{width:27px!important;height:27px!important;color:#4DDBFF!important;}
  #products .product-card:not(.advisor-card) .product-img{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    height:248px!important;
    min-height:248px!important;
    max-height:248px!important;
    margin:10px auto 8px!important;
    padding:8px 36px 0!important;
    overflow:visible!important;
  }
  #products .product-card:not(.advisor-card) .product-img::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:78%!important;
    height:44%!important;
    left:11%!important;
    bottom:3%!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse,rgba(66,219,255,.52) 0%,rgba(18,132,242,.22) 43%,transparent 75%)!important;
    filter:blur(9px)!important;
  }
  #products .product-card:not(.advisor-card) .product-img::after{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    left:50%!important;
    bottom:12px!important;
    width:48%!important;
    height:14px!important;
    transform:translateX(-50%)!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.54)!important;
    filter:blur(6px)!important;
    opacity:.72!important;
  }
  #products .product-card:not(.advisor-card) .product-img img{
    position:relative!important;
    z-index:1!important;
    max-width:245px!important;
    max-height:232px!important;
    filter:drop-shadow(0 25px 23px rgba(0,0,0,.46)) drop-shadow(0 0 17px rgba(73,219,255,.16))!important;
  }
  #products .product-card:not(.advisor-card) h3{
    color:#F8FCFF!important;
    font-size:clamp(2rem,9vw,2.65rem)!important;
    line-height:.98!important;
    margin:0 0 9px!important;
    letter-spacing:-.035em!important;
  }
  #products .product-card:not(.advisor-card) .short{
    width:min(100%,320px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto 15px!important;
    color:rgba(222,238,248,.84)!important;
    font-size:1rem!important;
    line-height:1.42!important;
  }
  #products .product-card:not(.advisor-card) .product-price{
    width:100%!important;
    min-height:76px!important;
    margin:0 auto 14px!important;
    padding:10px 13px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    direction:rtl!important;
    border-radius:20px!important;
    background:linear-gradient(115deg,rgba(6,21,36,.90),rgba(10,38,59,.82))!important;
    border:1px solid rgba(92,204,255,.35)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.18)!important;
    box-sizing:border-box!important;
  }
  #products .product-card:not(.advisor-card) .price-label{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    color:#49D6FF!important;
    font-size:.91rem!important;
    font-weight:900!important;
    justify-self:center!important;
  }
  #products .product-card:not(.advisor-card) .price-main{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    display:flex!important;
    align-items:baseline!important;
    gap:2px!important;
  }
  #products .product-card:not(.advisor-card) .price-main strong{
    color:#54DFFF!important;
    font-size:2.72rem!important;
    line-height:.9!important;
    text-shadow:0 0 20px rgba(69,219,255,.18)!important;
  }
  #products .product-card:not(.advisor-card) .price-main .currency{font-size:1.14rem!important;color:#54DFFF!important;}
  #products .product-card:not(.advisor-card) .price-old{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    margin:0!important;
    color:rgba(204,220,233,.66)!important;
    font-size:.82rem!important;
    line-height:1!important;
    font-weight:850!important;
    text-decoration:line-through!important;
    text-decoration-color:rgba(231,240,246,.70)!important;
  }
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{margin:0 auto 14px!important;min-height:40px!important;}
  #products .product-card:not(.advisor-card) .color-chip{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
  #products .product-card:not(.advisor-card) .color-dot{width:29px!important;height:29px!important;}
  #products .product-card:not(.advisor-card) .card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:min(100%,336px)!important;
    margin:0 auto!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.primary,
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost{
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:18px!important;
    font-size:1.08rem!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.primary{
    background:linear-gradient(98deg,#24BDFB,#74E7FF)!important;
    color:#04151E!important;
    box-shadow:0 14px 28px rgba(27,183,250,.26),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }
  #products .product-card:not(.advisor-card) .card-actions .btn.ghost{
    height:46px!important;
    min-height:46px!important;
    color:#F2FBFF!important;
    border-color:rgba(83,214,255,.70)!important;
    background:rgba(3,16,29,.48)!important;
  }

  /* Bottom navigation: retain the same items and behavior, tighten only the visual finish. */
  .mobile-bottom-nav{
    height:76px!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + var(--safe-bottom,0px))!important;
    padding:7px 8px!important;
    border-radius:31px!important;
    background:linear-gradient(180deg,rgba(13,33,49,.80),rgba(4,16,28,.72))!important;
    border-color:rgba(104,226,255,.34)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.10),0 0 20px rgba(53,201,255,.09)!important;
  }
  .mobile-bottom-item{grid-template-rows:34px 1fr!important;font-size:.63rem!important;color:rgba(221,237,247,.76)!important;}
  .mobile-bottom-item .mbi-icon{width:34px!important;height:34px!important;border-radius:17px!important;}
  .mobile-bottom-item .mbi-img{width:25px!important;height:25px!important;opacity:.92!important;filter:brightness(1.22) contrast(1.05)!important;}
  .mobile-bottom-item.is-active{background:linear-gradient(180deg,rgba(69,196,255,.16),rgba(18,61,86,.10))!important;box-shadow:inset 0 0 0 1px rgba(101,230,255,.23),0 0 18px rgba(43,195,255,.10)!important;}
  .mobile-bottom-item.is-active .mbi-icon{width:38px!important;height:38px!important;border-radius:19px!important;background:rgba(67,198,255,.14)!important;border-color:rgba(104,231,255,.58)!important;box-shadow:0 0 14px rgba(56,210,255,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;}
  .mobile-bottom-item.is-active .mbi-img{width:27px!important;height:27px!important;opacity:1!important;filter:brightness(1.36) contrast(1.10)!important;}

  /* -------------------------------------------------------
     3) Scent step: full bottle, controlled black fade,
     fixed premium grid and iPhone-like direction/animation.
     ------------------------------------------------------- */
  .modal-card:has(.wizard-scent-step){
    background:
      radial-gradient(85% 35% at 50% 0%,rgba(39,160,255,.13),transparent 68%),
      linear-gradient(160deg,rgba(7,24,39,.985),rgba(2,12,21,.99))!important;
    border-color:rgba(100,222,255,.44)!important;
    box-shadow:0 24px 62px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.09),0 0 35px rgba(40,184,255,.12)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26{gap:8px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar{flex-basis:50px!important;height:50px!important;min-height:50px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{height:54px!important;max-height:54px!important;max-width:138px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{flex-basis:34px!important;height:34px!important;min-height:34px!important;padding-inline:42px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-num{width:30px!important;height:30px!important;font-size:.80rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-label{font-size:.70rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section{gap:8px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head{gap:3px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head h3{font-size:1.52rem!important;line-height:1!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head p{font-size:.77rem!important;line-height:1.22!important;color:rgba(211,230,242,.78)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-tools{gap:7px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats{gap:8px!important;padding:0 3px 2px!important;min-height:33px!important;max-height:33px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip{height:31px!important;min-height:31px!important;padding:0 13px!important;font-size:.70rem!important;background:rgba(5,19,32,.58)!important;border-color:rgba(97,194,250,.28)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip.active{background:rgba(33,183,255,.15)!important;border-color:rgba(74,220,255,.85)!important;box-shadow:0 0 17px rgba(42,196,255,.14)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-search{height:40px!important;min-height:40px!important;border-radius:18px!important;font-size:.75rem!important;background:rgba(4,18,31,.72)!important;border-color:rgba(99,202,255,.33)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid{
    direction:rtl!important;
    grid-template-rows:repeat(3,104px)!important;
    gap:8px!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid.wizard-slide-left{animation:mystorV47SlideContentLeft .34s cubic-bezier(.22,.61,.36,1) both!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid.wizard-slide-right{animation:mystorV47SlideContentRight .34s cubic-bezier(.22,.61,.36,1) both!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card{
    position:relative!important;
    display:block!important;
    min-height:104px!important;
    height:104px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:17px!important;
    background:#061723!important;
    border:1px solid rgba(82,194,247,.38)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 16px rgba(0,0,0,.18)!important;
    transform:translateZ(0)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card.active{border-color:rgba(75,225,255,.96)!important;box-shadow:0 0 0 1px rgba(68,221,255,.35),0 0 18px rgba(33,195,255,.25),inset 0 1px 0 rgba(255,255,255,.11)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card.active::before{z-index:4!important;top:7px!important;left:7px!important;width:19px!important;height:19px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:inherit!important;
    background:#050f18!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-media::after{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(0,7,14,0) 24%,rgba(0,7,14,.16) 48%,rgba(0,7,14,.88) 100%)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#050f18!important;
    transform:scale(1.005)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body{
    position:absolute!important;
    z-index:3!important;
    inset:auto 0 0!important;
    width:100%!important;
    height:41px!important;
    min-height:41px!important;
    padding:5px 4px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:2px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body strong{
    color:#F8FCFF!important;
    font-size:.75rem!important;
    font-weight:950!important;
    line-height:1!important;
    text-shadow:0 2px 7px rgba(0,0,0,.8)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body small{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body em{
    color:#53E0FF!important;
    font-size:.68rem!important;
    line-height:1!important;
    font-weight:900!important;
    font-style:normal!important;
    text-shadow:0 2px 7px rgba(0,0,0,.82)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dots{height:22px!important;min-height:22px!important;flex-basis:22px!important;gap:9px!important;margin:1px 0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dot{width:8px!important;height:8px!important;background:rgba(116,161,188,.47)!important;border-color:rgba(88,213,255,.27)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dot.is-active{width:28px!important;background:#49DEFF!important;box-shadow:0 0 18px rgba(55,216,255,.48)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-bottom-actions{height:44px!important;min-height:44px!important;flex-basis:44px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-back-product{height:42px!important;min-height:42px!important;width:min(100%,305px)!important;border-radius:999px!important;border-color:rgba(218,234,243,.72)!important;color:#F2FBFF!important;background:rgba(4,17,29,.55)!important;}

  /* -------------------------------------------------------
     4) Oil-size step: same hierarchy and premium card system
     as the approved reference while staying one-screen.
     ------------------------------------------------------- */
  .modal-card:has(.wizard-size-step){
    background:
      radial-gradient(78% 28% at 50% 0%,rgba(45,170,255,.16),transparent 70%),
      linear-gradient(160deg,rgba(7,24,39,.985),rgba(2,12,21,.99))!important;
    border-color:rgba(100,222,255,.44)!important;
    box-shadow:0 24px 62px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.09),0 0 35px rgba(40,184,255,.12)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26{gap:8px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{flex-basis:50px!important;height:50px!important;min-height:50px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{height:54px!important;max-height:54px!important;max-width:138px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-stepper{flex-basis:34px!important;height:34px!important;min-height:34px!important;padding-inline:42px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-step-num{width:30px!important;height:30px!important;font-size:.80rem!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-step-label{font-size:.70rem!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-step{gap:9px!important;overflow:hidden!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head{gap:2px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head h3{font-size:1.50rem!important;line-height:1!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head p{font-size:.76rem!important;line-height:1.2!important;color:rgba(211,230,242,.78)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-summary{margin:0!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent{
    height:88px!important;
    min-height:88px!important;
    padding:8px!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px!important;
    border-radius:20px!important;
    background:linear-gradient(125deg,rgba(9,29,47,.94),rgba(4,17,29,.92))!important;
    border-color:rgba(72,209,255,.68)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 22px rgba(0,0,0,.20)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media{width:72px!important;height:72px!important;border-radius:15px!important;overflow:hidden!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy strong{font-size:1.12rem!important;line-height:1.02!important;color:#F8FCFF!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy span{font-size:.72rem!important;color:rgba(218,235,246,.70)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy small{font-size:.75rem!important;color:#53DEFF!important;font-weight:900!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-grid{gap:9px!important;margin:0!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card{
    height:112px!important;
    min-height:112px!important;
    padding:8px!important;
    gap:3px!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(9,28,45,.94),rgba(4,16,28,.96))!important;
    border-color:rgba(80,191,245,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 18px rgba(0,0,0,.15)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card.active{border-color:#53E0FF!important;background:radial-gradient(circle at 50% 30%,rgba(48,202,255,.18),transparent 53%),linear-gradient(145deg,rgba(10,38,58,.98),rgba(4,18,30,.98))!important;box-shadow:0 0 0 1px rgba(70,220,255,.34),0 0 20px rgba(47,198,255,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media{height:46px!important;min-height:46px!important;margin:0!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media img{max-height:46px!important;max-width:78px!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.32))!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card strong{font-size:.98rem!important;line-height:1.02!important;color:#F8FCFF!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-price{font-size:.93rem!important;line-height:1!important;color:#54DFFF!important;font-weight:950!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card small{font-size:.64rem!important;line-height:1.05!important;color:rgba(208,229,241,.68)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-note{height:29px!important;min-height:29px!important;flex-basis:29px!important;padding:4px 9px!important;border-radius:999px!important;background:rgba(8,24,38,.72)!important;border-color:rgba(111,193,239,.20)!important;font-size:.62rem!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions{height:44px!important;min-height:44px!important;flex-basis:44px!important;margin:0!important;padding:0!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions .btn{height:42px!important;min-height:42px!important;border-radius:999px!important;color:#F3FBFF!important;border-color:rgba(96,219,255,.70)!important;background:rgba(4,17,29,.55)!important;font-size:.84rem!important;}
}

/* Preserve the one-screen mobile promise on shorter phones without clipping controls. */
@media (max-width:760px) and (max-height:760px){
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{flex-basis:42px!important;height:42px!important;min-height:42px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{height:46px!important;max-height:46px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid{grid-template-rows:repeat(3,92px)!important;gap:6px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card{height:92px!important;min-height:92px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body{height:38px!important;min-height:38px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head h3,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head h3{font-size:1.34rem!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent{height:76px!important;min-height:76px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media{width:62px!important;height:62px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card{height:96px!important;min-height:96px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media{height:38px!important;min-height:38px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media img{max-height:38px!important;}
}

/* =========================================================
   V48 — MOBILE ONLY / FIVE VERIFIED TARGETED CORRECTIONS
   Scope is intentionally limited to the five issues in the
   approved execution brief. No desktop selectors are changed.
   ========================================================= */
@media (max-width:760px){
  :root{
    --mobile-bg:#020A12;
    --mobile-surface:#061522;
    --mobile-surface-raised:#082134;
    --mobile-border:#164A63;
    --mobile-border-soft:#10384D;
    --mobile-accent:#39C8F4;
    --mobile-accent-strong:#27B9EE;
    --mobile-text:#F4F8FC;
    --mobile-muted:#9BAFBE;
    --mobile-dim:#6E8597;
  }

  /* -------------------------------------------------------
     FIX 1 — Space picker with one or two recommended units.
     These layouts are intentionally separate from “all units”.
     ------------------------------------------------------- */
  .modal:has(.space-product-picker-v47.space-product-picker--compact){
    height:100svh!important;
    min-height:100svh!important;
    padding:7px!important;
    overflow:hidden!important;
    z-index:5000!important;
  }
  .modal-card:has(.space-product-picker-v47.space-product-picker--compact){
    position:relative!important;
    isolation:isolate!important;
    width:min(calc(100vw - 14px),520px)!important;
    max-width:min(calc(100vw - 14px),520px)!important;
    height:calc(100svh - 14px)!important;
    max-height:calc(100svh - 14px)!important;
    padding:12px!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    background:var(--mobile-bg)!important;
    border:1px solid var(--mobile-border)!important;
    border-radius:30px!important;
    box-shadow:0 26px 68px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .modal-card:has(.space-product-picker-v47.space-product-picker--compact) .close-modal{
    position:absolute!important;
    top:16px!important;
    left:16px!important;
    z-index:30!important;
  }
  .space-product-picker-v47.space-product-picker--compact{
    min-height:0!important;
    height:100%!important;
    padding:0!important;
    gap:12px!important;
    overflow:hidden!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-picker-head{
    flex:0 0 auto!important;
    padding:48px 14px 2px!important;
    gap:3px!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-picker-logo{
    width:112px!important;
    height:54px!important;
    max-width:112px!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-picker-head h2{
    font-size:clamp(1.72rem,7.4vw,2.1rem)!important;
    line-height:1.03!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-picker-head h2::after{
    width:36px!important;
    height:3px!important;
    margin:9px auto 3px!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-picker-head p{
    max-width:300px!important;
    font-size:.72rem!important;
    line-height:1.3!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:188px!important;
    gap:12px!important;
    align-content:start!important;
    padding:0 4px!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-card,
  .space-product-picker-v47.space-product-picker--compact .space-product-card:last-child{
    grid-column:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:72px 1fr!important;
    width:100%!important;
    min-width:0!important;
    height:188px!important;
    min-height:188px!important;
    padding:12px!important;
    direction:rtl!important;
    text-align:center!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:var(--mobile-surface)!important;
    border:1px solid var(--mobile-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.24)!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-visual,
  .space-product-picker-v47.space-product-picker--compact .space-product-card:last-child .space-product-visual{
    width:84px!important;
    height:72px!important;
    min-height:72px!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-visual img,
  .space-product-picker-v47.space-product-picker--compact .space-product-card:last-child .space-product-visual img{
    width:84px!important;
    height:72px!important;
    max-width:84px!important;
    max-height:72px!important;
    object-fit:contain!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-glow{
    bottom:1px!important;
    width:66px!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-copy{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
    text-align:center!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-card strong{
    font-size:1.25rem!important;
    line-height:1!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-card small{
    font-size:.72rem!important;
    line-height:1.1!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-card em{
    font-size:1.25rem!important;
    line-height:1!important;
  }
  .space-product-picker-v47.space-product-picker--compact .space-product-choose{
    min-height:36px!important;
    height:36px!important;
    margin-top:auto!important;
    padding:0 16px!important;
    border-radius:18px!important;
    color:var(--mobile-bg)!important;
    background:var(--mobile-accent)!important;
    border:1px solid var(--mobile-accent)!important;
    box-shadow:none!important;
    font-size:.80rem!important;
  }

  /* -------------------------------------------------------
     FIX 2 — Single diffuser surface and its contextual nav.
     ------------------------------------------------------- */
  #products .product-track{
    padding:5px 16px calc(98px + env(safe-area-inset-bottom))!important;
    gap:14px!important;
  }
  #products .product-card:not(.advisor-card){
    min-height:520px!important;
    padding:14px 16px 16px!important;
    border-radius:28px!important;
  }
  #products .product-card:not(.advisor-card) .product-img{
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    margin:4px auto 6px!important;
    padding:6px 30px 0!important;
  }
  #products .product-card:not(.advisor-card) .product-img img{
    max-width:228px!important;
    max-height:200px!important;
  }
  #products .product-card:not(.advisor-card) h3{
    font-size:clamp(1.82rem,8vw,2.2rem)!important;
    margin:0 0 7px!important;
  }
  #products .product-card:not(.advisor-card) .short{
    margin:0 auto 11px!important;
    font-size:.94rem!important;
    line-height:1.36!important;
  }
  #products .product-card:not(.advisor-card) .product-price{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:72px!important;
    margin:0 auto 11px!important;
    padding:12px 16px!important;
    direction:rtl!important;
    background:var(--mobile-surface)!important;
    border:1px solid var(--mobile-border)!important;
    border-radius:18px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  #products .product-card:not(.advisor-card) .price-main{
    order:1!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:2px!important;
    min-width:max-content!important;
  }
  #products .product-card:not(.advisor-card) .price-main strong{
    color:var(--mobile-accent)!important;
    font-size:40px!important;
    font-weight:900!important;
    line-height:1!important;
    text-shadow:none!important;
  }
  #products .product-card:not(.advisor-card) .price-main .currency{
    color:var(--mobile-accent)!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  #products .product-card:not(.advisor-card) .price-label{
    order:2!important;
    margin:0!important;
    color:var(--mobile-accent)!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  #products .product-card:not(.advisor-card) .price-old{
    order:3!important;
    display:block!important;
    margin:0!important;
    color:var(--mobile-muted)!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.1!important;
    text-decoration-line:line-through!important;
    text-decoration-thickness:2px!important;
    text-decoration-color:rgba(155,175,190,.9)!important;
    opacity:.78!important;
    white-space:nowrap!important;
  }
  .mobile-bottom-nav.is-context-products{
    height:calc(82px + env(safe-area-inset-bottom))!important;
    min-height:calc(82px + env(safe-area-inset-bottom))!important;
    bottom:0!important;
    left:8px!important;
    right:8px!important;
    padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;
    border:1px solid var(--mobile-border)!important;
    border-radius:28px 28px 0 0!important;
    background:rgba(3,14,24,.88)!important;
    backdrop-filter:blur(16px)!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item{
    grid-template-rows:31px 1fr!important;
    font-size:13px!important;
    font-weight:700!important;
    color:var(--mobile-dim)!important;
    border-radius:18px!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item .mbi-icon{
    width:30px!important;
    height:30px!important;
    border-radius:15px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item .mbi-img{
    width:22px!important;
    height:22px!important;
    opacity:.86!important;
    filter:brightness(1.08) contrast(1.05)!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item.is-active{
    color:var(--mobile-text)!important;
    background:rgba(57,200,244,.10)!important;
    box-shadow:inset 0 0 0 1px rgba(57,200,244,.72),0 0 16px rgba(57,200,244,.20)!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item.is-active .mbi-icon{
    width:34px!important;
    height:34px!important;
    border-radius:17px!important;
    background:rgba(57,200,244,.10)!important;
    border:1px solid rgba(57,200,244,.72)!important;
    box-shadow:0 0 16px rgba(57,200,244,.20)!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item.is-active .mbi-img{
    width:22px!important;
    height:22px!important;
    opacity:1!important;
    filter:brightness(1.36) contrast(1.10)!important;
  }

  /* -------------------------------------------------------
     FIX 3 + FIX 5 — True touch-drag scent carousel and a
     locked three-column premium grid inside each page.
     ------------------------------------------------------- */
  .modal:has(.wizard-scent-step){
    height:100svh!important;
    min-height:100svh!important;
    padding:7px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-scent-step){
    width:min(calc(100vw - 14px),520px)!important;
    max-width:min(calc(100vw - 14px),520px)!important;
    height:calc(100svh - 14px)!important;
    max-height:calc(100svh - 14px)!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar{
    height:48px!important;
    min-height:48px!important;
    flex:0 0 48px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{
    height:48px!important;
    max-height:48px!important;
    max-width:132px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{
    height:32px!important;
    min-height:32px!important;
    flex:0 0 32px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-num{
    width:28px!important;
    height:28px!important;
    font-size:.78rem!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-label{font-size:.68rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-step{
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    gap:6px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head{
    flex:0 0 auto!important;
    gap:2px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head h3{
    font-size:1.42rem!important;
    line-height:1!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head p{
    max-width:300px!important;
    font-size:.72rem!important;
    line-height:1.25!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-tools{
    flex:0 0 auto!important;
    gap:6px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats{min-height:33px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip{height:31px!important;min-height:31px!important;font-size:.66rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-search{height:38px!important;min-height:38px!important;font-size:.72rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-carousel{
    width:100%!important;
    min-height:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    will-change:transform!important;
    direction:ltr!important;
    transform:translate3d(0,0,0);
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track.is-dragging{
    transition:none!important;
    cursor:grabbing!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page{
    flex:0 0 100%!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:166px!important;
    grid-template-rows:repeat(3,166px)!important;
    column-gap:8px!important;
    row-gap:10px!important;
    align-content:start!important;
    overflow:hidden!important;
    padding:0 1px!important;
    box-sizing:border-box!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card{
    width:100%!important;
    min-width:0!important;
    height:166px!important;
    min-height:166px!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:18px!important;
    overflow:hidden!important;
    padding:0!important;
    background:var(--mobile-surface)!important;
    border:1px solid var(--mobile-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.18)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-media{
    position:relative!important;
    width:100%!important;
    height:94px!important;
    min-height:94px!important;
    flex:0 0 94px!important;
    overflow:hidden!important;
    background:#061522!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-media::after{
    content:""!important;
    position:absolute!important;
    inset:38% 0 0!important;
    z-index:2!important;
    background:linear-gradient(180deg,rgba(2,10,18,0),rgba(2,10,18,.96))!important;
    pointer-events:none!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-card-art{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body{
    width:100%!important;
    min-height:0!important;
    height:72px!important;
    flex:0 0 72px!important;
    margin:0!important;
    padding:6px 4px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:2px!important;
    background:var(--mobile-surface)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body strong{
    min-height:22px!important;
    margin-top:0!important;
    color:var(--mobile-text)!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:800!important;
    text-align:center!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-shadow:none!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body small{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-body em{
    min-height:19px!important;
    margin:0!important;
    color:var(--mobile-accent)!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
    font-style:normal!important;
    text-align:center!important;
    text-shadow:none!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dots{
    height:20px!important;
    min-height:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-bottom-actions{
    height:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
  }

  /* -------------------------------------------------------
     FIX 4 — Oil-size step, fixed one-screen composition.
     ------------------------------------------------------- */
  .modal:has(.wizard-size-step){
    height:100svh!important;
    min-height:100svh!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-size-step){
    width:min(calc(100vw - 16px),520px)!important;
    max-width:min(calc(100vw - 16px),520px)!important;
    height:calc(100svh - 16px)!important;
    max-height:calc(100svh - 16px)!important;
    padding:10px max(10px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:52px 34px minmax(0,1fr) 52px!important;
    gap:8px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    align-items:center!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{
    height:52px!important;
    max-height:52px!important;
    max-width:142px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-stepper{
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding-inline:40px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-step{
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto 92px 278px 29px!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head{
    min-height:0!important;
    margin:0!important;
    gap:2px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head h3{
    font-size:1.45rem!important;
    line-height:1!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head p{
    font-size:.76rem!important;
    line-height:1.15!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-summary{
    height:92px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent{
    height:92px!important;
    min-height:92px!important;
    padding:8px!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:10px!important;
    border-radius:18px!important;
    background:var(--mobile-surface)!important;
    border:1px solid var(--mobile-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media{
    width:76px!important;
    height:76px!important;
    border-radius:14px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media img{
    width:76px!important;
    height:76px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy strong{
    font-size:24px!important;
    line-height:1!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy span{font-size:14px!important;color:var(--mobile-muted)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-copy small{font-size:15px!important;color:var(--mobile-accent)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-grid{
    height:278px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,134px)!important;
    gap:10px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card{
    height:134px!important;
    min-height:134px!important;
    padding:10px!important;
    gap:4px!important;
    border-radius:18px!important;
    background:var(--mobile-surface)!important;
    border:1px solid var(--mobile-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card.active{
    border-color:var(--mobile-accent)!important;
    box-shadow:0 0 0 1px rgba(57,200,244,.9),0 0 16px rgba(57,200,244,.20),0 12px 30px rgba(0,0,0,.24)!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media{
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media img{
    max-height:44px!important;
    max-width:74px!important;
    object-fit:contain!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card strong{font-size:22px!important;line-height:1!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-price{font-size:22px!important;line-height:1!important;color:var(--mobile-accent)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card small{font-size:13px!important;line-height:1.05!important;color:var(--mobile-muted)!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-note{
    height:29px!important;
    min-height:29px!important;
    padding:4px 9px!important;
    font-size:.62rem!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions{
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions .btn{
    height:52px!important;
    min-height:52px!important;
    border-radius:18px!important;
  }
}

/* Very short mobile screens: retain the same structure without clipping the CTA. */
@media (max-width:760px) and (max-height:760px){
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26{
    grid-template-rows:46px 30px minmax(0,1fr) 46px!important;
    gap:6px!important;
  }
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{height:46px!important;min-height:46px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{height:46px!important;max-height:46px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-step{grid-template-rows:auto 76px 202px 26px!important;gap:6px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-summary,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent{height:76px!important;min-height:76px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-choice-scent-media img{width:60px!important;height:60px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-grid{height:202px!important;grid-template-rows:repeat(2,96px)!important;gap:10px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card{height:96px!important;min-height:96px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media{height:30px!important;min-height:30px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-media img{max-height:30px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card strong,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-price{font-size:18px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-card small{font-size:11px!important;}
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions,
  .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions .btn{height:46px!important;min-height:46px!important;}
}

/* V48 layout guard: modal close controls must not consume a grid row. */
@media (max-width:760px){
  .modal-card:has(.wizard-scent-step),
  .modal-card:has(.wizard-size-step){
    display:block!important;
  }
  .modal-card:has(.wizard-scent-step) > .close-modal,
  .modal-card:has(.wizard-size-step) > .close-modal{
    position:absolute!important;
    top:16px!important;
    left:16px!important;
    float:none!important;
    z-index:30!important;
  }
  .modal-card:has(.wizard-scent-step) > #modalContent,
  .modal-card:has(.wizard-size-step) > #modalContent{
    display:block!important;
    height:100%!important;
    min-height:0!important;
  }
  /* Compact the scent chrome only enough to reserve a complete 3×3 page and its CTA. */
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar{
    height:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{
    height:40px!important;
    max-height:40px!important;
    max-width:118px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{
    height:28px!important;
    min-height:28px!important;
    flex-basis:28px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-num{width:26px!important;height:26px!important;font-size:.72rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-label{font-size:.62rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head h3{font-size:1.28rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head p{font-size:.65rem!important;line-height:1.15!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats{min-height:28px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip{height:28px!important;min-height:28px!important;padding-inline:10px!important;font-size:.60rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-search{height:34px!important;min-height:34px!important;font-size:.66rem!important;}
}

/* V48 specificity guard for prior mobile overrides. */
@media (max-width:760px){
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:52px 34px auto 52px!important;
    align-content:start!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-topbar,
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-topbar{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    flex-basis:52px!important;
    margin:0!important;
    padding:0!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .upsell-logo{
    height:52px!important;
    min-height:0!important;
    max-height:52px!important;
    max-width:142px!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-stepper{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex-basis:34px!important;
    margin:0!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-size-step{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:max-content 92px 278px 29px!important;
    align-content:start!important;
    gap:10px!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-section-head{
    height:max-content!important;
    min-height:0!important;
    align-content:start!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
  }
  body .modal-card:has(.wizard-size-step) .upsell-wizard-v26 .wizard-actions .btn{
    height:52px!important;
    min-height:52px!important;
  }
  /* Same specificity for the compact scent chrome. */
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex-basis:40px!important;
  }
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{height:40px!important;max-height:40px!important;}
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{height:28px!important;min-height:28px!important;flex-basis:28px!important;}
}

/* V48 final scent-page fit guard: preserve the requested 3 × 166px rows without clipping. */
@media (max-width:760px){
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head.wizard-section-head-with-mini{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    grid-template-rows:26px 20px!important;
    align-content:start!important;
    overflow:hidden!important;
  }
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-carousel{
    height:518px!important;
    min-height:518px!important;
    max-height:518px!important;
    flex:0 0 518px!important;
  }
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page,
  body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track{
    height:518px!important;
    min-height:518px!important;
  }
}

/* =========================================================
   V49 — MOBILE PREMIUM EXECUTION / ONLY THE FIVE REQUESTED FIXES
   This block intentionally wins over prior V47/V48 mobile overrides.
   ========================================================= */
@media (max-width:767px){
  :root{
    --m-bg:#020A12;
    --m-surface:#061522;
    --m-surface-raised:#082134;
    --m-border:#164A63;
    --m-border-soft:#10384D;
    --m-accent:#39C8F4;
    --m-accent-strong:#27B9EE;
    --m-text:#F4F8FC;
    --m-muted:#9BAFBE;
    --m-dim:#6E8597;
  }

  /* =======================================================
     FIX 1 — ONE CLOSED, UNIFORM SPACE-PICKER FOR ALL COUNTS
     ======================================================= */
  .modal:has(.space-product-picker-v49){
    position:fixed!important;
    inset:0!important;
    z-index:5000!important;
    display:block!important;
    width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--m-bg)!important;
    backdrop-filter:none!important;
  }
  .modal:has(.space-product-picker-v49)::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:var(--m-bg)!important;
  }
  .modal-card:has(.space-product-picker-v49){
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100svh!important;
    max-height:100svh!important;
    margin:0!important;
    padding:14px 16px max(20px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border:0!important;
    border-radius:0!important;
    background:var(--m-bg)!important;
    box-shadow:none!important;
  }
  .modal-card:has(.space-product-picker-v49)::-webkit-scrollbar{display:none!important;}
  .modal-card:has(.space-product-picker-v49) .close-modal{
    position:absolute!important;
    top:max(18px,env(safe-area-inset-top))!important;
    left:16px!important;
    z-index:50!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin:0!important;
    float:none!important;
    border-radius:18px!important;
    background:rgba(6,21,34,.92)!important;
    border:1px solid var(--m-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  .space-product-picker-v49{
    width:100%!important;
    min-height:100%!important;
    padding:50px 0 8px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    color:var(--m-text)!important;
    background:var(--m-bg)!important;
  }
  .space-product-picker-v49 .space-picker-head{
    padding:0 8px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
    text-align:center!important;
  }
  .space-product-picker-v49 .space-picker-logo{
    width:120px!important;
    height:58px!important;
    max-width:120px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  .space-product-picker-v49 .space-picker-kicker{font-size:.68rem!important;color:var(--m-accent)!important;font-weight:900!important;}
  .space-product-picker-v49 .space-picker-head h2{font-size:clamp(1.78rem,8.5vw,2.35rem)!important;line-height:1.03!important;margin:0!important;color:var(--m-text)!important;}
  .space-product-picker-v49 .space-picker-head h2::after{width:38px!important;height:3px!important;margin:10px auto 3px!important;background:var(--m-accent)!important;}
  .space-product-picker-v49 .space-picker-head p{max-width:310px!important;margin:0!important;font-size:.76rem!important;line-height:1.35!important;color:var(--m-muted)!important;}
  .space-product-picker-v49 .space-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:188px!important;
    gap:12px!important;
    align-content:start!important;
    width:100%!important;
    padding:0!important;
  }
  .space-product-picker-v49 .space-product-card,
  .space-product-picker-v49 .space-product-card:last-child{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    height:188px!important;
    min-height:188px!important;
    padding:12px!important;
    display:grid!important;
    grid-template-rows:72px minmax(0,1fr)!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:hidden!important;
    direction:rtl!important;
    text-align:center!important;
    border-radius:20px!important;
    background:var(--m-surface)!important;
    border:1px solid var(--m-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.24)!important;
  }
  .space-product-picker-v49 .space-product-visual,
  .space-product-picker-v49 .space-product-card:last-child .space-product-visual{
    position:relative!important;
    width:84px!important;
    height:72px!important;
    min-height:72px!important;
    display:grid!important;
    place-items:center!important;
  }
  .space-product-picker-v49 .space-product-visual img,
  .space-product-picker-v49 .space-product-card:last-child .space-product-visual img{
    width:84px!important;
    height:72px!important;
    max-width:84px!important;
    max-height:72px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 13px rgba(0,0,0,.34))!important;
  }
  .space-product-picker-v49 .space-product-glow{bottom:0!important;width:66px!important;background:radial-gradient(ellipse,rgba(57,200,244,.32),transparent 70%)!important;}
  .space-product-picker-v49 .space-product-copy{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;text-align:center!important;}
  .space-product-picker-v49 .space-product-card strong{font-size:1.22rem!important;line-height:1!important;color:var(--m-text)!important;}
  .space-product-picker-v49 .space-product-card small{font-size:.72rem!important;line-height:1.1!important;color:var(--m-muted)!important;}
  .space-product-picker-v49 .space-product-card em{font-size:1.16rem!important;line-height:1!important;color:var(--m-accent)!important;}
  .space-product-picker-v49 .space-product-choose{margin-top:auto!important;height:36px!important;min-height:36px!important;padding:0 15px!important;border-radius:18px!important;color:var(--m-bg)!important;background:var(--m-accent)!important;border:1px solid var(--m-accent)!important;box-shadow:none!important;font-size:.78rem!important;}

  /* =======================================================
     FIX 2 — PREMIUM DIFFUSER CARD RAIL / SINGLE PRODUCT VIEW
     ======================================================= */
  #products .product-track{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:100%!important;
    padding:12px 13vw calc(108px + env(safe-area-inset-bottom))!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    scroll-snap-stop:always!important;
    scroll-padding-inline:13vw!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    user-select:none!important;
    scrollbar-width:none!important;
    direction:ltr!important;
  }
  #products .product-track::-webkit-scrollbar{display:none!important;}
  #products .product-card:not(.advisor-card){
    flex:0 0 74vw!important;
    width:74vw!important;
    min-width:74vw!important;
    min-height:540px!important;
    height:auto!important;
    padding:14px 14px 16px!important;
    overflow:hidden!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    border-radius:28px!important;
    transform:scale(.93)!important;
    transform-origin:center center!important;
    opacity:.62!important;
    transition:transform 340ms cubic-bezier(.22,.61,.36,1),opacity 340ms cubic-bezier(.22,.61,.36,1),border-color 340ms cubic-bezier(.22,.61,.36,1),box-shadow 340ms cubic-bezier(.22,.61,.36,1)!important;
    background:linear-gradient(165deg,#082134,#061522)!important;
    border:1px solid var(--m-border)!important;
    box-shadow:0 16px 30px rgba(0,0,0,.26)!important;
  }
  #products .product-card:not(.advisor-card).is-product-active{
    transform:scale(1)!important;
    opacity:1!important;
    border-color:var(--m-accent)!important;
    box-shadow:0 0 0 1px rgba(57,200,244,.72),0 0 18px rgba(57,200,244,.18),0 16px 32px rgba(0,0,0,.28)!important;
  }
  #products .product-card:not(.advisor-card) .bt-pill{width:50px!important;height:50px!important;top:13px!important;right:13px!important;}
  #products .product-card:not(.advisor-card) .bt-pill em{display:none!important;}
  #products .product-card:not(.advisor-card) .product-img{
    position:relative!important;
    height:218px!important;
    min-height:218px!important;
    margin:0 auto 4px!important;
    padding:0 18px!important;
    display:grid!important;
    place-items:center!important;
    background:radial-gradient(ellipse at 50% 72%,rgba(57,200,244,.30),transparent 50%)!important;
  }
  #products .product-card:not(.advisor-card) .product-img img{max-width:190px!important;max-height:208px!important;object-fit:contain!important;filter:drop-shadow(0 15px 16px rgba(0,0,0,.38))!important;}
  #products .product-card:not(.advisor-card) h3{font-size:2rem!important;line-height:1!important;margin:0 0 7px!important;color:var(--m-text)!important;}
  #products .product-card:not(.advisor-card) .short{min-height:42px!important;margin:0 auto 8px!important;font-size:.82rem!important;line-height:1.35!important;color:var(--m-muted)!important;}
  #products .product-card:not(.advisor-card) .product-price-v49{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:52px!important;
    margin:0 0 10px!important;
    padding:0!important;
    direction:rtl!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #products .product-card:not(.advisor-card) .product-price-v49 .price-main{order:1!important;display:flex!important;align-items:baseline!important;gap:1px!important;}
  #products .product-card:not(.advisor-card) .product-price-v49 .price-main strong{font-size:43px!important;line-height:1!important;font-weight:900!important;color:var(--m-accent)!important;}
  #products .product-card:not(.advisor-card) .product-price-v49 .price-main .currency{font-size:20px!important;font-weight:900!important;color:var(--m-accent)!important;}
  #products .product-card:not(.advisor-card) .product-price-v49 .price-old{order:2!important;display:block!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1!important;color:var(--m-muted)!important;text-decoration:line-through!important;text-decoration-thickness:2px!important;text-decoration-color:rgba(155,175,190,.78)!important;opacity:.78!important;white-space:nowrap!important;}
  #products .product-card:not(.advisor-card) .colors,
  #products .product-card:not(.advisor-card) .single-color-label{margin:0 auto 10px!important;min-height:36px!important;}
  #products .product-card:not(.advisor-card) .color-chip{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  #products .product-card:not(.advisor-card) .card-actions{gap:9px!important;margin-top:auto!important;}
  #products .product-card:not(.advisor-card) .card-actions .btn{min-height:46px!important;border-radius:17px!important;}
  .mobile-bottom-nav.is-context-products{
    height:calc(82px + env(safe-area-inset-bottom))!important;
    min-height:calc(82px + env(safe-area-inset-bottom))!important;
    padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;
    border:1px solid var(--m-border)!important;
    border-radius:28px 28px 0 0!important;
    background:rgba(3,14,24,.88)!important;
    backdrop-filter:blur(16px)!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .mobile-bottom-nav.is-context-products .mobile-bottom-item{color:var(--m-dim)!important;font-size:13px!important;font-weight:700!important;border-radius:18px!important;}
  .mobile-bottom-nav.is-context-products .mobile-bottom-item .mbi-img{width:22px!important;height:22px!important;opacity:.84!important;filter:brightness(1.06) contrast(1.05)!important;}
  .mobile-bottom-nav.is-context-products .mobile-bottom-item.is-active{color:var(--m-text)!important;background:rgba(57,200,244,.10)!important;border:1px solid rgba(57,200,244,.72)!important;box-shadow:0 0 16px rgba(57,200,244,.20)!important;}
  .mobile-bottom-nav.is-context-products .mobile-bottom-item.is-active .mbi-img{opacity:1!important;filter:brightness(1.35) contrast(1.1)!important;}

  /* =======================================================
     FIX 3 — MAIN SCENTS CATALOG, SIX UNIFORM CARDS
     ======================================================= */
  #scents .scent-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:0 16px calc(98px + env(safe-area-inset-bottom))!important;
    align-items:stretch!important;
  }
  #scents .scent-card{
    position:relative!important;
    display:grid!important;
    grid-template-rows:82px 22px 18px 28px!important;
    align-content:start!important;
    gap:3px!important;
    height:158px!important;
    min-height:158px!important;
    padding:0 8px 8px!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:var(--m-surface)!important;
    border:1px solid var(--m-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.18)!important;
  }
  #scents .scent-card .pic{position:relative!important;width:100%!important;height:82px!important;overflow:hidden!important;border-radius:15px!important;background:#061522!important;}
  #scents .scent-card .pic::after{content:""!important;position:absolute!important;inset:42% 0 0!important;background:linear-gradient(180deg,rgba(2,10,18,0),rgba(2,10,18,.94))!important;pointer-events:none!important;}
  #scents .scent-card .pic img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
  #scents .scent-card h3{height:22px!important;margin:0!important;overflow:hidden!important;color:var(--m-text)!important;font-size:16px!important;line-height:1.15!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
  #scents .scent-card p{display:none!important;}
  #scents .scent-card .from{height:18px!important;margin:0!important;color:var(--m-accent)!important;font-size:14px!important;line-height:1.15!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important;}
  #scents .scent-card .btn{height:28px!important;min-height:28px!important;margin:0 auto!important;padding:0 12px!important;border-radius:999px!important;font-size:.66rem!important;line-height:1!important;}

  /* =======================================================
     FIX 4 — PREMIUM MODAL SCENT CAROUSEL, NOT A GRID
     ======================================================= */
  .modal:has(.wizard-scent-step){
    position:fixed!important;
    inset:0!important;
    z-index:5000!important;
    display:block!important;
    width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--m-bg)!important;
    backdrop-filter:none!important;
  }
  .modal-card:has(.wizard-scent-step){
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100svh!important;
    max-height:100svh!important;
    margin:0!important;
    padding:12px 16px max(16px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:var(--m-bg)!important;
    box-shadow:none!important;
  }
  .modal-card:has(.wizard-scent-step) > .close-modal{position:absolute!important;top:max(18px,env(safe-area-inset-top))!important;left:16px!important;z-index:60!important;width:46px!important;height:46px!important;margin:0!important;float:none!important;border-radius:18px!important;background:rgba(6,21,34,.92)!important;border:1px solid var(--m-border)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:46px 32px minmax(0,1fr)!important;gap:8px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar{height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{height:46px!important;max-height:46px!important;max-width:126px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{height:32px!important;min-height:32px!important;margin:0!important;padding-inline:44px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-num{width:28px!important;height:28px!important;font-size:.76rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-label{font-size:.66rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-step{display:grid!important;grid-template-rows:66px 78px minmax(0,1fr) 20px 44px!important;gap:8px!important;min-height:0!important;overflow:hidden!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head{height:66px!important;min-height:66px!important;margin:0!important;gap:2px!important;overflow:hidden!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head h3{font-size:1.52rem!important;line-height:1!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head p{font-size:.72rem!important;line-height:1.2!important;color:var(--m-muted)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-product-only-mini{position:absolute!important;top:max(20px,env(safe-area-inset-top))!important;right:16px!important;height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:.68rem!important;border-radius:999px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-tools{height:78px!important;min-height:78px!important;display:grid!important;grid-template-rows:34px 38px!important;gap:6px!important;overflow:hidden!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats{height:34px!important;min-height:34px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats::-webkit-scrollbar{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip{height:32px!important;min-height:32px!important;flex:0 0 auto!important;padding:0 13px!important;border-radius:999px!important;font-size:.68rem!important;background:var(--m-surface)!important;border-color:var(--m-border)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip.active{background:rgba(57,200,244,.10)!important;border-color:var(--m-accent)!important;box-shadow:0 0 14px rgba(57,200,244,.18)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-search{height:38px!important;min-height:38px!important;border-radius:18px!important;background:var(--m-surface)!important;border-color:var(--m-border)!important;font-size:.75rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-selection-pill{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-carousel-v49{width:100%!important;min-height:0!important;height:100%!important;overflow:hidden!important;touch-action:pan-y!important;user-select:none!important;-webkit-user-select:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track-v49{display:flex!important;width:max-content!important;height:100%!important;gap:12px!important;padding:0 13vw!important;will-change:transform!important;direction:ltr!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track-v49.is-dragging{transition:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49{flex:0 0 74vw!important;width:74vw!important;height:100%!important;min-height:0!important;padding:0!important;display:block!important;opacity:.58!important;transform:scale(.92)!important;transform-origin:center center!important;transition:transform 340ms cubic-bezier(.22,.61,.36,1),opacity 340ms cubic-bezier(.22,.61,.36,1)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49.is-active{opacity:1!important;transform:scale(1)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-card{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) 94px!important;overflow:hidden!important;border-radius:22px!important;background:var(--m-surface)!important;border:1px solid var(--m-border)!important;box-shadow:0 16px 32px rgba(0,0,0,.28)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49.is-active .wizard-scent-card{border-color:var(--m-accent)!important;box-shadow:0 0 0 1px rgba(57,200,244,.72),0 0 18px rgba(57,200,244,.18),0 16px 32px rgba(0,0,0,.28)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-media{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#061522!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-media::after{content:""!important;position:absolute!important;inset:46% 0 0!important;z-index:2!important;background:linear-gradient(180deg,rgba(2,10,18,0),rgba(2,10,18,.98))!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-card-art{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-body{height:94px!important;min-height:94px!important;margin:0!important;padding:10px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:var(--m-surface)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-body strong{font-size:1.22rem!important;line-height:1.08!important;color:var(--m-text)!important;text-align:center!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-body em{font-size:1rem!important;line-height:1!important;color:var(--m-accent)!important;font-style:normal!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dots{height:20px!important;min-height:20px!important;margin:0!important;gap:8px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dot{width:8px!important;height:8px!important;background:rgba(155,175,190,.5)!important;border:0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dot.is-active{width:26px!important;border-radius:999px!important;background:var(--m-accent)!important;box-shadow:0 0 14px rgba(57,200,244,.42)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-bottom-actions{height:44px!important;min-height:44px!important;margin:0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-back-product{height:42px!important;min-height:42px!important;width:min(100%,310px)!important;border-radius:999px!important;background:rgba(6,21,34,.75)!important;border-color:rgba(244,248,252,.65)!important;}

  /* =======================================================
     FIX 5 — UNIVERSAL MOBILE RAIL PHYSICS / FINAL GUARDS
     ======================================================= */
  .space-carousel,.scent-tabs,.wizard-scent-cats,.product-track,.wizard-scent-carousel-v49{
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .space-carousel::-webkit-scrollbar,.scent-tabs::-webkit-scrollbar,.wizard-scent-cats::-webkit-scrollbar,.product-track::-webkit-scrollbar{display:none!important;}
}

/* V49 specificity guard — intentionally overrides late V48 wizard compact rules. */
@media (max-width:767px){
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:46px 32px minmax(0,1fr)!important;gap:8px!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar{height:46px!important;min-height:46px!important;max-height:46px!important;flex:0 0 46px!important;margin:0!important;padding:0!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{height:46px!important;max-height:46px!important;max-width:126px!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{height:32px!important;min-height:32px!important;max-height:32px!important;flex:0 0 32px!important;margin:0!important;padding-inline:44px!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-step{display:grid!important;grid-template-rows:66px 78px minmax(0,1fr) 20px 44px!important;gap:8px!important;min-height:0!important;height:auto!important;overflow:hidden!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head.wizard-section-head-with-mini{height:66px!important;min-height:66px!important;max-height:66px!important;grid-template-rows:none!important;overflow:hidden!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-tools{height:78px!important;min-height:78px!important;max-height:78px!important;display:grid!important;grid-template-rows:34px 38px!important;gap:6px!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-carousel,
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-carousel-v49{height:100%!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;overflow:hidden!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track,
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-track-v49{display:flex!important;width:max-content!important;height:100%!important;min-height:0!important;gap:12px!important;padding:0 13vw!important;grid-template-columns:none!important;grid-template-rows:none!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page,
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49{flex:0 0 74vw!important;width:74vw!important;height:100%!important;min-height:0!important;display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-rows:none!important;padding:0!important;overflow:visible!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-card{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) 94px!important;border-radius:22px!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-media{height:100%!important;min-height:0!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-slide-v49 .wizard-scent-body{height:94px!important;min-height:94px!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dots{height:20px!important;min-height:20px!important;flex:0 0 20px!important;margin:0!important;}
  html body .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-bottom-actions{height:44px!important;min-height:44px!important;flex:0 0 44px!important;margin:0!important;}
}

/* =========================================================
   V50 — MOBILE ONLY / FINAL 5 SCREEN MAP
   This block intentionally replaces only the V49 mobile rail
   layouts named in the approved execution brief.
   ========================================================= */
@media (max-width:767px){
  /* Shared tokens, restricted to the mobile changes below. */
  :root{
    --m-bg:#020A12;
    --m-surface:#061522;
    --m-surface-raised:#082134;
    --m-border:#164A63;
    --m-border-soft:#10384D;
    --m-accent:#39C8F4;
    --m-accent-strong:#27B9EE;
    --m-text:#F4F8FC;
    --m-muted:#9BAFBE;
    --m-dim:#6E8597;
  }

  /* ======================================================
     FIX 1 — HOME SPACE CATEGORY RAIL ONLY
     ====================================================== */
  #spaces .space-carousel{
    display:block!important;
    width:100vw!important;
    margin-inline:calc(50% - 50vw)!important;
    padding:0!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  #spaces .m-space-rail{
    width:100%!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    overscroll-behavior-x:contain!important;
  }
  #spaces .m-space-track{
    display:flex!important;
    width:max-content!important;
    gap:12px!important;
    padding:8px 16px 16px!important;
    direction:ltr!important;
    will-change:transform!important;
  }
  #spaces .m-space-track .space-card{
    position:relative!important;
    flex:0 0 36vw!important;
    width:36vw!important;
    min-width:36vw!important;
    height:188px!important;
    min-height:188px!important;
    padding:0!important;
    overflow:hidden!important;
    direction:rtl!important;
    border-radius:22px!important;
    border:1px solid var(--m-border)!important;
    background:var(--m-surface)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
    transform:scale(.97)!important;
    transition:transform 340ms cubic-bezier(.22,.61,.36,1),border-color 340ms cubic-bezier(.22,.61,.36,1),box-shadow 340ms cubic-bezier(.22,.61,.36,1)!important;
  }
  #spaces .m-space-track .space-card.active,
  #spaces .m-space-track .space-card.is-space-active{
    transform:scale(1)!important;
    border-color:var(--m-accent)!important;
    box-shadow:0 0 0 1px rgba(57,200,244,.38),0 0 16px rgba(57,200,244,.16),0 14px 28px rgba(0,0,0,.24)!important;
  }
  #spaces .m-space-track .space-card img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;}
  #spaces .m-space-track .space-card b{right:12px!important;left:12px!important;bottom:14px!important;text-align:center!important;font-size:.96rem!important;}

  /* ======================================================
     FIX 2 — MAIN DIFFUSER CATALOG, CENTERED CARD CAROUSEL
     ====================================================== */
  #products .product-track{
    display:block!important;
    width:100vw!important;
    margin-inline:calc(50% - 50vw)!important;
    padding:0!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  #products .m-product-rail{
    width:100%!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    overscroll-behavior-x:contain!important;
  }
  #products .m-product-track{
    display:flex!important;
    width:max-content!important;
    gap:14px!important;
    padding:18px 13vw 12px!important;
    direction:ltr!important;
    will-change:transform!important;
  }
  #products .m-product-track .product-card:not(.advisor-card){
    flex:0 0 74vw!important;
    width:74vw!important;
    min-width:74vw!important;
    height:548px!important;
    min-height:548px!important;
    padding:14px 14px 16px!important;
    overflow:hidden!important;
    direction:rtl!important;
    border-radius:22px!important;
    opacity:.62!important;
    transform:scale(.92)!important;
    transform-origin:center center!important;
    border:1px solid var(--m-border)!important;
    background:linear-gradient(165deg,var(--m-surface-raised),var(--m-surface))!important;
    box-shadow:0 16px 30px rgba(0,0,0,.26)!important;
    transition:transform 340ms cubic-bezier(.22,.61,.36,1),opacity 340ms cubic-bezier(.22,.61,.36,1),border-color 340ms cubic-bezier(.22,.61,.36,1),box-shadow 340ms cubic-bezier(.22,.61,.36,1)!important;
  }
  #products .m-product-track .product-card:not(.advisor-card).is-product-active{
    opacity:1!important;
    transform:scale(1)!important;
    border-color:var(--m-accent)!important;
    box-shadow:0 0 0 1px rgba(57,200,244,.72),0 0 18px rgba(57,200,244,.18),0 16px 32px rgba(0,0,0,.28)!important;
  }
  #products .m-product-track .product-card:not(.advisor-card) .product-img{
    height:218px!important;
    min-height:218px!important;
    margin:0 auto 4px!important;
    padding:0 18px!important;
    background:radial-gradient(ellipse at 50% 72%,rgba(57,200,244,.30),transparent 56%)!important;
  }
  #products .m-product-track .product-card:not(.advisor-card) .product-img img{max-width:190px!important;max-height:208px!important;object-fit:contain!important;}
  #products .m-product-track .product-card:not(.advisor-card) h3{font-size:2rem!important;line-height:1!important;margin:0 0 7px!important;color:var(--m-text)!important;}
  #products .m-product-track .product-card:not(.advisor-card) .short{min-height:42px!important;margin:0 auto 8px!important;font-size:.82rem!important;line-height:1.35!important;color:var(--m-muted)!important;}
  #products .m-product-track .product-card:not(.advisor-card) .product-price-v49{
    display:flex!important;
    flex-direction:row!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:52px!important;
    margin:0 0 10px!important;
    padding:0!important;
    direction:rtl!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #products .m-product-track .product-card:not(.advisor-card) .price-main{display:flex!important;align-items:baseline!important;gap:1px!important;}
  #products .m-product-track .product-card:not(.advisor-card) .price-main strong{font-size:43px!important;line-height:1!important;font-weight:900!important;color:var(--m-accent)!important;}
  #products .m-product-track .product-card:not(.advisor-card) .price-main .currency{font-size:20px!important;font-weight:900!important;color:var(--m-accent)!important;}
  #products .m-product-track .product-card:not(.advisor-card) .price-old{display:block!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1!important;color:var(--m-muted)!important;text-decoration:line-through!important;text-decoration-thickness:2px!important;text-decoration-color:rgba(155,175,190,.78)!important;opacity:.78!important;white-space:nowrap!important;}
  #products .m-product-track .product-card:not(.advisor-card) .colors,
  #products .m-product-track .product-card:not(.advisor-card) .single-color-label{margin:0 auto 10px!important;min-height:36px!important;}
  #products .m-product-track .product-card:not(.advisor-card) .color-chip{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  #products .m-product-track .product-card:not(.advisor-card) .card-actions{gap:9px!important;margin-top:auto!important;}
  #products .m-product-track .product-card:not(.advisor-card) .card-actions .btn{min-height:46px!important;border-radius:17px!important;}
  #products .m-product-dots{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    min-height:24px!important;
    padding:2px 0 calc(14px + env(safe-area-inset-bottom))!important;
    direction:ltr!important;
  }
  #products .m-product-dot{
    appearance:none!important;
    width:8px!important;
    height:8px!important;
    min-width:8px!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(155,175,190,.48)!important;
    box-shadow:none!important;
  }
  #products .m-product-dot.is-active{width:28px!important;background:var(--m-accent)!important;box-shadow:0 0 14px rgba(57,200,244,.42)!important;}

  /* Retired V50 mobile scent-rail CSS removed in V57.1.
     The active catalog is isolated in the scoped V57.1 stage below. */

  /* ======================================================
     FIX 4 — PICK-SCENT MODAL: 4 × 3 PAGE GRID ONLY
     ====================================================== */
  .modal:has(.wizard-scent-step){
    position:fixed!important;
    inset:0!important;
    z-index:5000!important;
    display:block!important;
    width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--m-bg)!important;
    backdrop-filter:none!important;
  }
  .modal-card:has(.wizard-scent-step){
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100svh!important;
    max-height:100svh!important;
    margin:0!important;
    padding:12px 16px max(16px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:var(--m-bg)!important;
    box-shadow:none!important;
  }
  .modal-card:has(.wizard-scent-step) > .close-modal{
    position:absolute!important;
    top:max(18px,env(safe-area-inset-top))!important;
    left:16px!important;
    z-index:60!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin:0!important;
    float:none!important;
    border-radius:18px!important;
    background:rgba(6,21,34,.92)!important;
    border:1px solid var(--m-border)!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:46px 32px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-topbar,
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-topbar{height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;padding:0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .upsell-logo{height:46px!important;max-height:46px!important;max-width:126px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-stepper{height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding-inline:44px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-num{width:28px!important;height:28px!important;font-size:.76rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-step-label{font-size:.66rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-step{
    display:grid!important;
    grid-template-rows:66px 78px minmax(0,1fr) 20px 44px!important;
    gap:8px!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head.wizard-section-head-with-mini{height:66px!important;min-height:66px!important;max-height:66px!important;margin:0!important;gap:2px!important;overflow:hidden!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head h3{font-size:1.52rem!important;line-height:1!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-section-head p{font-size:.72rem!important;line-height:1.2!important;color:var(--m-muted)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-product-only-mini{position:absolute!important;top:max(20px,env(safe-area-inset-top))!important;right:16px!important;height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:.68rem!important;border-radius:999px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-tools{height:78px!important;min-height:78px!important;max-height:78px!important;display:grid!important;grid-template-rows:34px 38px!important;gap:6px!important;overflow:hidden!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats{height:34px!important;min-height:34px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-cats::-webkit-scrollbar{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip{height:32px!important;min-height:32px!important;flex:0 0 auto!important;padding:0 13px!important;border-radius:999px!important;font-size:.68rem!important;background:var(--m-surface)!important;border-color:var(--m-border)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-cat-chip.active{background:rgba(57,200,244,.10)!important;border-color:var(--m-accent)!important;box-shadow:0 0 14px rgba(57,200,244,.18)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-search{height:38px!important;min-height:38px!important;border-radius:18px!important;background:var(--m-surface)!important;border-color:var(--m-border)!important;font-size:.75rem!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-selection-pill{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page-carousel-v50{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    overscroll-behavior-x:contain!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page-track-v50{
    display:flex!important;
    width:max-content!important;
    height:100%!important;
    min-height:0!important;
    gap:0!important;
    padding:0!important;
    direction:ltr!important;
    will-change:transform!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page-v50{
    flex:0 0 100%!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    direction:rtl!important;
    display:block!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:106px!important;
    align-content:start!important;
    gap:8px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-card{
    width:100%!important;
    height:106px!important;
    min-height:106px!important;
    padding:0!important;
    display:grid!important;
    grid-template-rows:56px 50px!important;
    gap:0!important;
    overflow:hidden!important;
    text-align:center!important;
    border-radius:16px!important;
    background:var(--m-surface)!important;
    border:1px solid var(--m-border)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
    transform:none!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-card.active{border-color:var(--m-accent)!important;box-shadow:0 0 0 1px rgba(57,200,244,.48),0 0 12px rgba(57,200,244,.14),0 8px 18px rgba(0,0,0,.18)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-media{position:relative!important;width:100%!important;height:56px!important;min-height:56px!important;padding:0!important;overflow:hidden!important;border-radius:15px 15px 0 0!important;background:#061522!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-media::after{content:""!important;position:absolute!important;inset:50% 0 0!important;z-index:1!important;background:linear-gradient(180deg,rgba(2,10,18,0),rgba(2,10,18,.75))!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-card-art{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-body{height:50px!important;min-height:50px!important;margin:0!important;padding:5px 3px!important;display:grid!important;grid-template-rows:16px 14px!important;align-content:center!important;justify-items:center!important;gap:2px!important;background:var(--m-surface)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-body strong{display:block!important;max-width:100%!important;font-size:12px!important;line-height:16px!important;color:var(--m-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-body small{display:none!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-grid-v50 .wizard-scent-body em{font-size:12px!important;line-height:14px!important;color:var(--m-accent)!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dots{height:20px!important;min-height:20px!important;margin:0!important;gap:8px!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dot{width:8px!important;height:8px!important;background:rgba(155,175,190,.5)!important;border:0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-dot.is-active{width:26px!important;border-radius:999px!important;background:var(--m-accent)!important;box-shadow:0 0 14px rgba(57,200,244,.42)!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-bottom-actions{height:44px!important;min-height:44px!important;margin:0!important;}
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-back-product{height:42px!important;min-height:42px!important;width:min(100%,310px)!important;border-radius:999px!important;background:rgba(6,21,34,.75)!important;border-color:rgba(244,248,252,.65)!important;}
}

/* V50 modal page-width guard: percentage flex-basis is ambiguous inside a max-content rail. */
@media (max-width:767px){
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page-v50{
    flex:0 0 calc(100vw - 32px)!important;
    width:calc(100vw - 32px)!important;
  }
}

/* V50.1: a wide rail inside an RTL modal otherwise anchors at the modal's right edge.
   Keep rail geometry LTR; the individual page remains RTL for Hebrew card order. */
@media (max-width:767px){
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page-carousel-v50{
    direction:ltr!important;
    position:relative!important;
  }
  .modal-card:has(.wizard-scent-step) .upsell-wizard-v26 .wizard-scent-page-track-v50{
    margin:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:auto!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
  }
}

/* V50.2: preserve diffuser preview geometry only. */
@media (max-width:767px){
  #products .m-product-track{
    padding-left:16vw!important;
    padding-right:16vw!important;
  }
  #products .m-product-track .product-card:not(.advisor-card){
    flex-basis:68vw!important;
    width:68vw!important;
    min-width:68vw!important;
    opacity:.68!important;
    transform:scale(.96)!important;
  }
  #products .m-product-track .product-card:not(.advisor-card).is-product-active{
    opacity:1!important;
    transform:scale(1)!important;
  }
}



/* =========================================================
   V51.5 — Mobile compact diffuser showcase reference rebuild
   Scope: ONLY the main #products showcase on mobile.
   This replaces the previous showcase block as a whole.
   ========================================================= */
@media (max-width:767px){
  #products.section{
    margin-top:24px;
    scroll-margin-top:112px;
    overflow:visible;
  }
  #products > .section-head{display:none;}

  #products .mhd-host{
    display:block;
    width:100vw;
    max-width:none;
    margin-inline:calc(50% - 50vw);
    padding:0;
  }
  #products .mhd-showcase{
    --mhd-bg:#020A12;
    --mhd-surface:#061522;
    --mhd-raised:#082134;
    --mhd-border:#164A63;
    /* V51.7 reference cyan palette — scoped to this component only. */
    --mhd-accent:#4CCCF6;
    --mhd-accent-light:#73D9FB;
    --mhd-accent-strong:#35C4F2;
    --mhd-accent-soft:rgba(76,204,246,.18);
    --mhd-accent-glow:rgba(76,204,246,.30);
    --mhd-accent-border:rgba(76,204,246,.74);
    --mhd-text:#F6FCFF;
    --mhd-muted:#A9BBC9;
    box-sizing:border-box;
    width:100%;
    color:var(--mhd-text);
    overflow:hidden;
    text-align:center;
  }
  #products .mhd-showcase *,
  #products .mhd-showcase *::before,
  #products .mhd-showcase *::after{box-sizing:border-box;}

  /* Exact compact header proportions from the approved visual reference. */
  #products .mhd-header{
    width:min(100% - 32px,430px);
    margin:0 auto 9px;
    padding:0;
  }
  #products .mhd-header h2{
    margin:0;
    color:var(--mhd-text);
    font-family:Assistant,Heebo,sans-serif;
    font-size:clamp(28px,6.6vw,39px);
    font-weight:900;
    line-height:1.06;
    letter-spacing:-.035em;
  }
  #products .mhd-header h2 span{
    color:var(--mhd-accent);
    text-shadow:0 0 12px rgba(76,204,246,.12);
  }
  #products .mhd-header p{
    max-width:334px;
    margin:7px auto 0;
    color:var(--mhd-muted);
    font-family:Assistant,Heebo,sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:1.45;
  }

  /* The viewport remains intentionally short so CTA, dots and hint remain in-frame. */
  #products .mhd-stage{
    --mhd-drag-x:0px;
    position:relative;
    width:100%;
    height:392px;
    min-height:392px;
    overflow:hidden;
    perspective:1400px;
    perspective-origin:50% 42%;
    touch-action:pan-y;
    user-select:none;
    -webkit-user-select:none;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  #products .mhd-card{
    position:absolute;
    top:5px;
    left:50%;
    display:flex;
    width:clamp(220px,58vw,238px);
    height:378px;
    margin:0;
    padding:11px 12px 11px;
    flex-direction:column;
    align-items:center;
    overflow:hidden;
    direction:rtl;
    text-align:center;
    border:1px solid rgba(137,178,202,.48);
    border-radius:26px;
    background:
      radial-gradient(circle at 50% 30%, rgba(76,204,246,.12), rgba(57,200,244,0) 44%),
      linear-gradient(180deg, #0A2537 0%, #061522 57%, #04111A 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 16px 30px rgba(0,0,0,.34);
    opacity:0;
    pointer-events:none;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    contain:layout paint style;
    will-change:transform,opacity;
    transform:translateZ(0);
    transition:
      transform 380ms cubic-bezier(0.22, 0.61, 0.36, 1),
      opacity 250ms ease,
      border-color 250ms ease,
      box-shadow 250ms ease,
      filter 250ms ease;
  }
  #products .mhd-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
      linear-gradient(114deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 31%),
      linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 22%);
    pointer-events:none;
  }
  #products .mhd-card > *{position:relative;z-index:1;}

  #products .mhd-card--active{
    z-index:5;
    opacity:1;
    pointer-events:auto;
    border-color:var(--mhd-accent-border);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      0 0 0 1px rgba(76,204,246,.60),
      0 0 24px var(--mhd-accent-glow),
      0 18px 34px rgba(0,0,0,.38);
    transform:translate3d(calc(-50% + var(--mhd-drag-x)),0,0) rotateY(0deg) scale(1);
  }
  #products .mhd-card--prev,
  #products .mhd-card--next{
    z-index:3;
    width:clamp(134px,36vw,150px);
    height:338px;
    padding:10px 8px 10px;
    opacity:.84;
    pointer-events:auto;
    filter:saturate(.86) brightness(.86);
  }
  #products .mhd-card--prev{
    transform:translate3d(calc(-50% - 47vw + var(--mhd-drag-x)),22px,-130px) rotateY(13deg) scale(.90);
  }
  #products .mhd-card--next{
    transform:translate3d(calc(-50% + 47vw + var(--mhd-drag-x)),22px,-130px) rotateY(-13deg) scale(.90);
  }
  #products .mhd-card--far-prev{
    z-index:1;
    width:126px;
    height:318px;
    opacity:.08;
    transform:translate3d(calc(-50% - 73vw + var(--mhd-drag-x)),30px,-210px) rotateY(18deg) scale(.74);
  }
  #products .mhd-card--far-next{
    z-index:1;
    width:126px;
    height:318px;
    opacity:.08;
    transform:translate3d(calc(-50% + 73vw + var(--mhd-drag-x)),30px,-210px) rotateY(-18deg) scale(.74);
  }
  #products .mhd-card--hidden{
    z-index:0;
    opacity:0;
    transform:translate3d(calc(-50% + var(--mhd-drag-x)),32px,-300px) scale(.70);
  }
  #products .mhd-stage.is-dragging .mhd-card{
    transition:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }

  /* V51.7 — small, real white Bluetooth SVG in a restrained glass badge. */
  #products .mhd-bt{
    position:absolute;
    z-index:4;
    top:14px;
    right:14px;
    display:grid;
    width:40px;
    height:40px;
    place-items:center;
    color:#F6FCFF;
    border:1px solid rgba(76,204,246,.66);
    border-radius:50%;
    background:rgba(6,19,31,.62);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:
      0 0 0 1px rgba(76,204,246,.08),
      0 0 12px rgba(76,204,246,.14);
    transition:opacity .22s ease,transform .22s ease;
  }
  #products .mhd-bt svg{
    display:block;
    width:14px;
    height:14px;
    color:#F6FCFF;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));
  }
  #products .mhd-card:not(.mhd-card--active) .mhd-bt{
    opacity:0;
    pointer-events:none;
    transform:scale(.76);
  }

  /* V51.7 — layered circular bloom behind the product; no ellipse under the diffuser. */
  #products .mhd-media{
    position:relative;
    display:grid;
    width:100%;
    height:126px;
    min-height:126px;
    margin:0 0 1px;
    padding-top:15px;
    place-items:center;
    overflow:visible;
    isolation:isolate;
  }
  #products .mhd-media::before{content:none;}
  #products .mhd-media-halo{
    position:absolute;
    z-index:0;
    left:50%;
    top:52%;
    width:215px;
    height:215px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    pointer-events:none;
    opacity:.95;
    background:radial-gradient(
      circle at 50% 50%,
      rgba(76,204,246,.42) 0%,
      rgba(76,204,246,.25) 18%,
      rgba(76,204,246,.12) 36%,
      rgba(76,204,246,.03) 56%,
      rgba(76,204,246,0) 74%
    );
    filter:blur(11px);
  }
  #products .mhd-media-halo::before{
    content:"";
    position:absolute;
    inset:-24px;
    border-radius:inherit;
    background:radial-gradient(
      circle at 50% 50%,
      rgba(115,217,251,.18) 0%,
      rgba(76,204,246,.08) 38%,
      transparent 72%
    );
    filter:blur(24px);
  }
  #products .mhd-media-halo::after{
    content:"";
    position:absolute;
    inset:16px;
    border-radius:inherit;
    background:radial-gradient(circle at 50% 50%, rgba(115,217,251,.16) 0%, rgba(76,204,246,0) 62%);
    filter:blur(6px);
    opacity:.8;
  }
  #products .mhd-media img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    max-width:126px;
    max-height:116px;
    object-fit:contain;
    object-position:center;
    filter:
      drop-shadow(0 14px 18px rgba(0,0,0,.34))
      drop-shadow(0 0 12px rgba(76,204,246,.12));
  }

  #products .mhd-copy{width:100%;}
  #products .mhd-copy h3{
    margin:2px 0 4px;
    color:var(--mhd-text);
    font-family:Assistant,Heebo,sans-serif;
    font-size:clamp(29px,7.7vw,33px);
    font-weight:900;
    line-height:1;
    letter-spacing:-.045em;
  }
  #products .mhd-copy p{
    display:-webkit-box;
    min-height:34px;
    max-height:34px;
    margin:0 auto 4px;
    overflow:hidden;
    color:#CDDCE7;
    font-family:Assistant,Heebo,sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.38;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  #products .mhd-price-row{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:9px;
    min-height:39px;
    margin:0 0 6px;
  }
  #products .mhd-current-price{
    display:inline-flex;
    align-items:baseline;
    gap:2px;
    color:var(--mhd-accent);
    text-shadow:0 0 11px rgba(76,204,246,.14);
  }
  #products .mhd-current-price b{
    font-size:14px;
    font-weight:900;
    line-height:1;
  }
  #products .mhd-current-price strong{
    font-size:38px;
    font-weight:950;
    line-height:.90;
    letter-spacing:-.055em;
  }
  #products .mhd-old-price{
    color:var(--mhd-muted);
    font-size:16px;
    font-weight:700;
    line-height:1;
    text-decoration:line-through;
    text-decoration-thickness:2px;
    text-decoration-color:rgba(155,175,190,.88);
    opacity:.82;
  }

  #products .mhd-actions{
    display:grid;
    width:100%;
    gap:6px;
    margin-top:auto;
  }
  #products .mhd-select,
  #products .mhd-spec{
    width:100%;
    font:inherit;
    font-weight:900;
    cursor:pointer;
  }
  #products .mhd-select{
    min-height:46px;
    border:0;
    border-radius:16px;
    background:linear-gradient(180deg,#73D9FB 0%,#35C4F2 100%);
    color:#071723;
    font-size:18px;
    box-shadow:0 9px 18px rgba(76,204,246,.16),inset 0 1px 0 rgba(255,255,255,.28);
  }
  #products .mhd-select span{
    display:inline-block;
    margin-inline-start:3px;
    font-size:21px;
    line-height:0;
    transform:translateY(2px);
  }
  #products .mhd-spec{
    min-height:34px;
    border:1px solid rgba(76,204,246,.74);
    border-radius:13px;
    background:rgba(3,16,27,.64);
    color:#F4F8FC;
    font-size:15px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }

  /* Side cards are recognisable products, intentionally lower contrast. */
  #products .mhd-card:not(.mhd-card--active) .mhd-media{
    height:103px;
    min-height:103px;
    margin-bottom:0;
    padding-top:12px;
  }
  #products .mhd-card:not(.mhd-card--active) .mhd-media img{max-width:98px;max-height:89px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-media-halo{
    width:168px;
    height:168px;
    opacity:.18;
    transform:translate(-50%,-50%) scale(.76);
  }
  #products .mhd-card:not(.mhd-card--active) .mhd-copy h3{font-size:20px;margin:2px 0 4px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-copy p{min-height:31px;max-height:31px;font-size:10px;margin-bottom:4px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-current-price strong{font-size:25px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-current-price b{font-size:12px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-old-price{font-size:13px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-price-row{gap:6px;min-height:28px;margin-bottom:5px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-select{
    min-height:34px;
    border:1px solid rgba(76,204,246,.74);
    border-radius:12px;
    background:rgba(4,20,32,.72);
    color:var(--mhd-accent);
    box-shadow:none;
    font-size:12px;
  }
  #products .mhd-card:not(.mhd-card--active) .mhd-select span{font-size:16px;}
  #products .mhd-card:not(.mhd-card--active) .mhd-spec{display:none;}

  #products .mhd-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:22px;
    margin-top:0;
    padding:0 16px;
    direction:ltr;
  }
  #products .mhd-dot{
    width:9px;
    height:9px;
    min-width:9px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(155,175,190,.50);
    box-shadow:none;
    transition:transform .24s ease,background-color .24s ease,box-shadow .24s ease;
  }
  #products .mhd-dot.is-active{
    width:11px;
    height:11px;
    background:var(--mhd-accent);
    transform:scale(1);
    box-shadow:0 0 12px rgba(76,204,246,.34);
  }

  #products .mhd-swipe-hint{
    display:grid;
    width:max-content;
    max-width:calc(100% - 40px);
    margin:3px auto calc(12px + env(safe-area-inset-bottom));
    grid-template-columns:42px 34px 42px;
    grid-template-areas:"right hand left" "copy copy copy";
    align-items:center;
    justify-items:center;
    color:var(--mhd-muted);
    direction:ltr;
  }
  #products .mhd-swipe-arrow{
    color:#C4D3DE;
    font-family:Assistant,Heebo,sans-serif;
    font-size:27px;
    font-weight:400;
    line-height:1;
  }
  #products .mhd-swipe-arrow--right{grid-area:right;}
  #products .mhd-swipe-arrow--left{grid-area:left;}
  #products .mhd-swipe-hand{
    grid-area:hand;
    display:grid;
    width:31px;
    height:31px;
    place-items:center;
    color:#C2D7E5;
  }
  #products .mhd-swipe-hand svg{width:29px;height:29px;}
  #products .mhd-swipe-copy{
    grid-area:copy;
    margin-top:1px;
    color:rgba(199,214,225,.72);
    font-family:Assistant,Heebo,sans-serif;
    font-size:13px;
    font-weight:500;
    direction:rtl;
  }

  @media (max-width:370px){
    #products .mhd-stage{height:378px;min-height:378px;}
    #products .mhd-card{width:212px;height:365px;}
    #products .mhd-card--prev,
    #products .mhd-card--next{width:130px;height:326px;}
    #products .mhd-media{height:120px;min-height:120px;}
    #products .mhd-media img{max-width:132px;max-height:112px;}
    #products .mhd-copy h3{font-size:29px;}
    #products .mhd-current-price strong{font-size:35px;}
    #products .mhd-select{min-height:44px;}
    #products .mhd-spec{min-height:32px;}
  }
}

/* =========================================================
   V52.9 — Diffuser gesture lock + fast one-step motion
   Scope: ONLY #products / .mhd-showcase on mobile.
   Resting design is intentionally unchanged; these rules only
   neutralize transform conflicts and protect gesture performance.
   ========================================================= */
@media (max-width:767px){
  #products .mhd-stage.mhd-motion-engine{
    transform-style:preserve-3d;
    touch-action:pan-y;
    overscroll-behavior-x:contain;
    user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
  }

  /* Keep a single stable shell for every visual slot. JS owns the transform. */
  #products .mhd-stage.mhd-motion-engine .mhd-card,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--active,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--prev,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--next,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--far-prev,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--far-next,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--hidden{
    width:clamp(220px,58vw,238px);
    height:378px;
    padding:11px 12px;
    filter:none;
    transition:border-color 160ms ease,box-shadow 160ms ease;
    will-change:transform,opacity;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-style:preserve-3d;
  }

  /* No active/side layout swap: only the shell moves through depth. */
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-media,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-media{
    height:126px;
    min-height:126px;
    margin:0 0 1px;
    padding-top:15px;
    transform:translate3d(0,0,0) scale(var(--mhd-media-scale,1));
    transform-origin:50% 50%;
    will-change:transform;
    transition:none;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-media img,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-media img{
    width:100%;
    height:100%;
    max-width:126px;
    max-height:116px;
    transform:translate3d(0,0,0);
    transform-origin:50% 50%;
    transition:none;
    will-change:auto;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-media-halo,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-media-halo{
    width:215px;
    height:215px;
    opacity:calc(.18 + var(--mhd-center-progress,0) * .77);
    transform:translate(-50%,-50%);
    transition:none;
  }

  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-copy h3,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-copy h3{
    margin:2px 0 4px;
    font-size:clamp(29px,7.7vw,33px);
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-copy p,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-copy p{
    min-height:34px;
    max-height:34px;
    margin:0 auto 4px;
    font-size:12px;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-price-row,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-price-row{
    gap:9px;
    min-height:39px;
    margin:0 0 6px;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-current-price strong,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-current-price strong{font-size:38px;}
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-current-price b,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-current-price b{font-size:14px;}
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-old-price,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-old-price{font-size:16px;}

  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-actions{
    grid-template-rows:46px 34px;
    gap:6px;
    min-height:86px;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-select,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-select{
    min-height:46px;
    border-radius:16px;
    font-size:18px;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-select span,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-select span{font-size:21px;}
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-spec,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-spec{
    display:block;
    min-height:34px;
    opacity:var(--mhd-center-progress,0);
    pointer-events:none;
    transform:translate3d(0,calc((1 - var(--mhd-center-progress,0)) * 4px),0);
    transition:none;
  }

  /* These active-only elements follow the same continuous renderer and never lag. */
  #products .mhd-stage.mhd-motion-engine .mhd-card .mhd-bt,
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--active) .mhd-bt{
    opacity:var(--mhd-center-progress,0);
    pointer-events:none;
    transform:scale(calc(.78 + var(--mhd-center-progress,0) * .22));
    transition:none;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--active .mhd-bt,
  #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--active .mhd-spec{pointer-events:auto;}

  /* JS is the sole transform authority while finger input or final settle is active. */
  #products .mhd-stage.mhd-motion-engine.is-dragging .mhd-card,
  #products .mhd-stage.mhd-motion-engine.is-dragging .mhd-card.mhd-card--active,
  #products .mhd-stage.mhd-motion-engine.is-dragging .mhd-card.mhd-card--prev,
  #products .mhd-stage.mhd-motion-engine.is-dragging .mhd-card.mhd-card--next,
  #products .mhd-stage.mhd-motion-engine.is-dragging .mhd-card .mhd-bt,
  #products .mhd-stage.mhd-motion-engine.is-dragging .mhd-card .mhd-spec{
    transition:none;
  }

  @media (max-width:370px){
    #products .mhd-stage.mhd-motion-engine .mhd-card,
    #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--active,
    #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--prev,
    #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--next,
    #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--far-prev,
    #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--far-next,
    #products .mhd-stage.mhd-motion-engine .mhd-card.mhd-card--hidden{
      width:212px;
      height:365px;
    }
  }
}

/* =========================================================
   V53.0 — Diffuser carousel input recovery only
   Scope: pointer/touch safety for #products .mhd-stage.
   No visual geometry, content, or motion-design changes.
   ========================================================= */
@media (max-width:767px){
  #products .mhd-stage.mhd-motion-engine{
    touch-action:pan-y;
    overscroll-behavior-x:contain;
    user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
  }

  /* The stage receives pointer input from all visible card descendants. */
  #products .mhd-stage.mhd-motion-engine .mhd-card:not(.mhd-card--hidden){
    pointer-events:auto;
  }
  #products .mhd-stage.mhd-motion-engine .mhd-card::before,
  #products .mhd-stage.mhd-motion-engine .mhd-media-halo{
    pointer-events:none;
  }
}

/* =========================================================
   V59.2 — Stable in-page mobile scent catalog
   Intentional normal section: always present, never hidden behind a hash state.
   ========================================================= */



/* =========================================================
   V63 — Production inline mobile scent catalog
   A normal home-page section with a persistent three-pane pager.
   No fixed/fullscreen/portal behavior and no vertical-scroll interference.
   ========================================================= */
@media (max-width:767px){
  #scents{position:relative!important;display:block!important;overflow:visible!important;isolation:isolate;scroll-margin-top:88px;}
  #scents .section-head{margin-bottom:12px!important;}
  #scents .section-head h2{margin-bottom:0!important;font-size:clamp(28px,8vw,34px)!important;letter-spacing:-.055em!important;}
  #scents .section-head p{display:none!important;}

  #scents .search-line{position:relative!important;display:block!important;margin:0 0 10px!important;}
  #scents .search-line::after{content:"";position:absolute;inset-inline-start:16px;top:50%;width:20px;height:20px;pointer-events:none;transform:translateY(-50%);opacity:.82;background:#b8d5e3;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 0 1 5.93 12.1l4.24 4.23-1.34 1.34-4.23-4.24A7.5 7.5 0 1 1 10.5 3Zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 0 1 5.93 12.1l4.24 4.23-1.34 1.34-4.23-4.24A7.5 7.5 0 1 1 10.5 3Zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/svg%3E") center/contain no-repeat;}
  #scents .search-line input{width:100%!important;min-height:47px!important;height:47px!important;margin:0!important;padding:0 17px 0 48px!important;border:1px solid rgba(123,181,207,.33)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(9,25,39,.94),rgba(4,15,25,.92))!important;color:#f2fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 22px rgba(0,0,0,.16)!important;font-family:Assistant,Heebo,sans-serif!important;font-size:16px!important;font-weight:700!important;text-align:right!important;outline:none!important;}
  #scents .search-line input::placeholder{color:rgba(197,216,226,.62)!important;}
  #scents .search-line input:focus{border-color:rgba(82,223,255,.92)!important;box-shadow:0 0 0 3px rgba(49,207,245,.12),0 0 20px rgba(42,198,244,.13),inset 0 1px 0 rgba(255,255,255,.07)!important;}

  #scents .scent-tabs{display:flex!important;align-items:center!important;gap:7px!important;margin:0 -4px 13px!important;padding:1px 4px 5px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
  #scents .scent-tabs::-webkit-scrollbar{display:none!important;}
  #scents .scent-tabs button{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:max-content!important;height:34px!important;min-height:34px!important;padding:0 13px!important;border:1px solid rgba(121,169,190,.31)!important;border-radius:999px!important;background:rgba(6,20,32,.72)!important;color:#d0e1ea!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;font-family:Assistant,Heebo,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;scroll-snap-align:start!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;}
  #scents .scent-tabs button:nth-child(7){grid-column:auto!important;}
  #scents .scent-tabs button.active{color:#f8feff!important;border-color:rgba(75,224,255,.96)!important;background:linear-gradient(135deg,rgba(53,209,247,.31),rgba(11,98,151,.65))!important;box-shadow:0 0 0 1px rgba(75,219,255,.18),0 0 16px rgba(40,203,249,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;}
  #scents .scent-tabs button:active{transform:scale(.965)!important;}

  #scents .scent-grid.v63-host{display:block!important;width:100%!important;min-width:0!important;margin:0!important;overflow:visible!important;transform:none!important;}
  #scents .preorder-note{display:none!important;}

  #scents .v63-catalog{--v63-cyan:#38d8ff;--v63-panel:#071621;--v63-line:rgba(125,187,215,.30);width:100%;min-width:0;direction:rtl;-webkit-tap-highlight-color:transparent;}
  #scents .v63-viewport{position:relative;width:100%;min-width:0;aspect-ratio:.772;overflow:hidden;isolation:isolate;touch-action:pan-y;overscroll-behavior-x:contain;border-radius:21px;}
  #scents .v63-viewport.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
  #scents .v63-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:300%;height:100%;min-width:0;will-change:transform;transform:translate3d(-33.333333%,0,0);}
  #scents .v63-track.is-animating{transition:transform 246ms cubic-bezier(.22,.61,.36,1);}
  #scents .v63-pane{min-width:0;min-height:0;height:100%;padding:0 1px;direction:rtl;pointer-events:none;}
  #scents .v63-pane--current{pointer-events:auto;}
  #scents .v63-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;width:100%;height:100%;min-width:0;min-height:0;}
  #scents .v63-card{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--v63-line);border-radius:20px;background:#06141f;color:#f8fcff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 13px 26px rgba(0,0,0,.22);isolation:isolate;transform:translateZ(0);transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease;}
  #scents .v63-card::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);}
  #scents .v63-card.is-current{border-color:rgba(61,225,255,.92);box-shadow:0 0 0 1px rgba(85,230,255,.25),0 0 24px rgba(37,201,247,.34),inset 0 1px 0 rgba(255,255,255,.14);}
  #scents .v63-card.is-current::after{box-shadow:inset 0 0 0 1px rgba(215,253,255,.18),inset 0 0 26px rgba(33,202,245,.08);}
  #scents .v63-card__select{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
  #scents .v63-card__select:active{transform:scale(.974);}
  #scents .v63-card__select:focus-visible{outline:2px solid #a8f4ff;outline-offset:-4px;}
  #scents .v63-card__media{position:absolute;inset:0;display:block;overflow:hidden;background:#06131e;}
  #scents .v63-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;transform:translateZ(0) scale(1.008);}
  #scents .v63-card__fade{position:absolute;z-index:2;right:0;bottom:0;left:0;height:54%;pointer-events:none;background:linear-gradient(180deg,rgba(1,8,13,0),rgba(1,8,13,.10) 20%,rgba(1,8,13,.79) 70%,rgba(1,8,13,.97) 100%);}
  #scents .v63-card__name{position:absolute;z-index:3;right:10px;bottom:10px;left:10px;display:block;overflow:hidden;color:#f8fcff;font-family:Assistant,Heebo,sans-serif;font-size:clamp(17px,4.85vw,22px);font-weight:900;line-height:1.06;letter-spacing:-.045em;white-space:nowrap;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 15px rgba(0,0,0,.62);pointer-events:none;}
  #scents .v63-card__favorite{position:absolute;z-index:5;inset-block-start:9px;inset-inline-start:9px;display:grid;width:34px;height:34px;margin:0;padding:0;place-items:center;color:#f1fbff;border:1px solid rgba(190,232,248,.54);border-radius:50%;background:rgba(3,15,25,.62);box-shadow:0 7px 15px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;}
  #scents .v63-card__favorite svg{width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  #scents .v63-card__favorite:active{transform:scale(.88);}
  #scents .v63-card__favorite.is-favorite{color:#e9feff;border-color:rgba(84,232,255,.96);background:linear-gradient(135deg,rgba(51,214,247,.92),rgba(15,114,177,.94));box-shadow:0 0 0 1px rgba(124,238,255,.22),0 0 17px rgba(42,210,251,.42),inset 0 1px 0 rgba(255,255,255,.26);}
  #scents .v63-card__favorite.is-favorite svg{fill:currentColor;stroke:#effeff;}
  #scents .v63-empty{display:grid;grid-column:1/-1;grid-row:1/-1;place-items:center;padding:22px;color:#dcebf2;border:1px solid var(--v63-line);border-radius:20px;background:rgba(6,19,31,.78);font-size:16px;font-weight:800;text-align:center;}

  #scents .v63-pagination{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:47px;margin-top:13px;direction:ltr;}
  #scents .v63-page-button{display:grid;width:40px;height:40px;margin:0;padding:0;place-items:center;color:#d7eaf3;border:1px solid rgba(123,178,202,.52);border-radius:50%;background:linear-gradient(145deg,rgba(12,29,43,.96),rgba(4,14,24,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;}
  #scents .v63-page-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;}
  #scents .v63-page-button--next{color:#efffff;border-color:rgba(74,224,255,.92);box-shadow:0 0 15px rgba(46,206,248,.22),inset 0 1px 0 rgba(255,255,255,.14);}
  #scents .v63-page-button:active:not(:disabled){transform:scale(.93);}
  #scents .v63-page-button:disabled{opacity:.32;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:default;}
  #scents .v63-pagination__middle{display:grid;justify-items:center;gap:6px;min-width:0;color:#d5e4ec;text-align:center;direction:rtl;}
  #scents .v63-pagination__middle strong{font-family:Assistant,Heebo,sans-serif;font-size:13px;font-weight:900;line-height:1;color:#d3e2ea;}
  #scents .v63-progress{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;direction:ltr;}
  #scents .v63-progress__bar{display:block;width:18px;height:4px;border-radius:999px;background:rgba(107,135,149,.50);transition:width .22s ease,background-color .22s ease,box-shadow .22s ease;}
  #scents .v63-progress__bar.is-active{width:27px;background:var(--v63-cyan);box-shadow:0 0 9px rgba(56,216,255,.76);}

  @media (max-width:359px){
    #scents .section-head h2{font-size:27px!important;}
    #scents .search-line input{min-height:44px!important;height:44px!important;font-size:15px!important;}
    #scents .scent-tabs{gap:6px!important;margin-bottom:11px!important;}
    #scents .scent-tabs button{height:32px!important;min-height:32px!important;padding:0 11px!important;font-size:11px!important;}
    #scents .v63-viewport{border-radius:17px;}
    #scents .v63-grid{gap:8px;}
    #scents .v63-card{border-radius:17px;}
    #scents .v63-card__favorite{width:29px;height:29px;inset-block-start:7px;inset-inline-start:7px;}
    #scents .v63-card__favorite svg{width:15px;height:15px;}
    #scents .v63-card__name{right:7px;bottom:8px;left:7px;font-size:16px;}
    #scents .v63-pagination{gap:10px;margin-top:11px;}
    #scents .v63-page-button{width:37px;height:37px;}
    #scents .v63-progress{gap:4px;}
    #scents .v63-progress__bar{width:13px;height:3px;}
    #scents .v63-progress__bar.is-active{width:20px;}
  }

  @media (prefers-reduced-motion:reduce){
    #scents .v63-track.is-animating{transition-duration:1ms!important;}
  }
}