/* ──────────────────────────────────────────────────────────────────────────
   YOUMOM HUB  / IMMERSIVE FIVE M STOREFRONT
   Visual production layer: live-configurable seasons / gaming-style panels.
   All effects are pointer-events:none. Commercial Shoppex UI remains intact.
   Edit header variables in youmom-header.css, season in youmom-settings.json.
   ────────────────────────────────────────────────────────────────────────── */
:root{
  --ym-live-accent:#f4ab38;--ym-live-secondary:#fb6735;
  --ym-live-glow-rgb:244,171,56;--ym-live-bg:#080b11;
  --ym-live-surface:#121823;--ym-live-text:#bac5d5;--ym-live-muted:#8490a3;
  --ym-cut-corner:14px;
}
html[data-ym-experience="true"] {background:var(--ym-live-bg)!important;scroll-padding-top:130px}
html[data-ym-experience="true"] body {background:var(--ym-live-bg);color:var(--ym-live-text)}
html[data-ym-experience="true"] #root {overflow:clip;position:relative;isolation:isolate}
html[data-ym-experience="true"] #root>.min-h-\[100dvh\] {background:transparent!important}
html[data-ym-experience="true"] ::selection {background:var(--ym-live-accent);color:#080b11}
.ym-live-particles{position:fixed;inset:0;pointer-events:none;z-index:21;user-select:none;opacity:.6;mix-blend-mode:screen}
html[data-youmom-theme="navidad"] .ym-live-particles{opacity:.82}
html[data-youmom-theme="hielo"] .ym-live-particles{opacity:.75}
html[data-ym-effects="off"] .ym-live-particles{display:none}
/* A thin technical readout is shared by the whole storefront. */
html[data-ym-experience="true"] #root main{background:radial-gradient(ellipse 70% 650px at 100% 0%,rgba(var(--ym-live-glow-rgb),.035),transparent 74%)}
html[data-ym-experience="true"] #root main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(180deg,black,transparent 950px)}
/* Promotion / top line. Text and real coupon come from JSON; not a fake sale. */
#root .ym-announcement{display:none!important}
.ym-live-promo{color:#e7eef7;background:linear-gradient(90deg,color-mix(in srgb,var(--ym-promo-bg,#14181e) 88%,black),color-mix(in srgb,var(--ym-live-accent) 13%,#0c1015) 51%,color-mix(in srgb,var(--ym-promo-bg,#14181e) 88%,black));border-bottom:1px solid rgba(var(--ym-live-glow-rgb),.25);position:relative;overflow:hidden;font-family:Poppins,system-ui,sans-serif}
.ym-live-promo:before{content:"";position:absolute;top:0;left:-30%;width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--ym-live-glow-rgb),.8),transparent);animation:ym-sweep 9s linear infinite}
.ym-live-promo-inner{max-width:1380px;min-height:38px;margin:0 auto;padding:5px 43px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.ym-live-promo-badge{font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--ym-live-accent);display:flex;gap:9px;align-items:center;white-space:nowrap}
.ym-live-promo-badge:before{content:"";width:6px;height:6px;background:currentColor;box-shadow:0 0 12px currentColor;transform:rotate(45deg)}
.ym-live-promo-message{margin:0;font-size:10px;font-weight:500;letter-spacing:.015em;text-align:center;color:#d4dce8}
.ym-live-promo-code{border:1px dashed rgba(var(--ym-live-glow-rgb),.65);background:rgba(var(--ym-live-glow-rgb),.12);color:var(--ym-live-accent);border-radius:3px;min-height:26px;padding:3px 9px;display:inline-flex;align-items:center;gap:10px;font:700 10px Poppins,system-ui,sans-serif;cursor:pointer;transition:background .2s}
.ym-live-promo-code:hover{background:rgba(var(--ym-live-glow-rgb),.22)}
.ym-copy-hint{font-size:8px;letter-spacing:.12em;opacity:.74;font-weight:500}
.ym-live-promo-link{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;color:var(--ym-live-accent);font-size:10px;font-weight:700;text-decoration:none}
.ym-live-promo-link:hover{text-decoration:underline;text-underline-offset:3px}
.ym-live-promo-timer{font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#fff;background:#0003;border:1px solid #fff2;padding:4px 8px;border-radius:3px;font-variant-numeric:tabular-nums}
.ym-live-promo-close{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:0;background:transparent;color:#95a0ae;font-size:22px;line-height:1;cursor:pointer}
.ym-live-promo-close:hover{color:#fff}
/* The main menu is a compact game HUD, not an oversized marketing header. */
#root .ym-header{background:rgba(8,11,17,.91);border-bottom:1px solid rgba(var(--ym-live-glow-rgb),.16);box-shadow:0 12px 40px #0007;backdrop-filter:blur(26px) saturate(130%)}
html[data-youmom-theme="verano"] #root .ym-header{background:rgba(5,20,25,.92)}
html[data-youmom-theme="navidad"] #root .ym-header{background:rgba(17,10,16,.92)}
html[data-youmom-theme="hielo"] #root .ym-header{background:rgba(4,13,24,.93)}
html[data-youmom-theme="blackfriday"] #root .ym-header{background:rgba(8,8,9,.94)}
#root .ym-nav-inner{max-width:1360px;min-height:82px;grid-template-columns:170px 1fr auto;gap:28px}
#root .ym-brand-link{width:157px;position:relative}
#root .ym-brand-link:after{content:"";position:absolute;inset:auto 21% 11px;box-shadow:0 0 21px 7px rgba(var(--ym-live-glow-rgb),.15);pointer-events:none}
#root .ym-nav-logo{height:79px;filter:drop-shadow(0 6px 12px #000a)}
#root .ym-header .nav-pill{color:#a3adbb;border-radius:4px;padding:11px 15px;font-size:11px;font-weight:600;letter-spacing:.01em;position:relative}
#root .ym-header .nav-pill-active{background:linear-gradient(180deg,rgba(var(--ym-live-glow-rgb),.1),rgba(var(--ym-live-glow-rgb),.025));box-shadow:inset 0 -2px 0 var(--ym-live-accent);color:#f6f8ff}
#root .ym-header .nav-pill:hover{color:#fff;background:rgba(var(--ym-live-glow-rgb),.1)}
#root .ym-header .cta-light-button{color:#0b1017;background:linear-gradient(135deg,#fafbfd,#bcc8d8);border-radius:4px;font-size:10px;font-weight:800;min-height:40px;box-shadow:0 4px 0 #44505b,0 10px 24px #0006;letter-spacing:.02em}
#root .ym-header .cta-light-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #44505b,0 15px 24px #0005}
#root .ym-header .icon-button{border:1px solid #ffffff22;border-radius:4px;width:40px;height:40px;background:#ffffff05}
#root .ym-header .icon-button:hover{background:rgba(var(--ym-live-glow-rgb),.1);border-color:rgba(var(--ym-live-glow-rgb),.5)}
/* A cinematic 3D stage with five distinct worlds */
#root .ym-hero{position:relative;overflow:hidden;min-height:610px;isolation:isolate;background:var(--ym-live-bg)!important;border-bottom:1px solid rgba(var(--ym-live-glow-rgb),.24)}
#root .ym-hero::before{z-index:0;opacity:.7;background:radial-gradient(ellipse 57% 70% at 78% 45%,rgba(var(--ym-live-glow-rgb),.12),transparent 80%),linear-gradient(115deg,transparent 59%,rgba(255,255,255,.018) 59.1%,rgba(255,255,255,.018) 59.3%,transparent 59.4%)}
#root .ym-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,var(--ym-live-bg) 0%,transparent 24%),radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(0,0,0,.35) 100%)}
#root .ym-hero-background{opacity:.09}
.ym-cinematic-world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ym-cinematic-world i{display:block;position:absolute;pointer-events:none}
.ym-world-horizon{inset:0;background:radial-gradient(ellipse 70% 50% at 70% 66%,rgba(var(--ym-live-glow-rgb),.13),transparent 70%),linear-gradient(165deg,transparent 50%,rgba(var(--ym-live-glow-rgb),.035) 50.2%,transparent 70%)}
.ym-world-mist{inset:0;background:radial-gradient(ellipse 36% 14% at 65% 64%,rgba(var(--ym-live-glow-rgb),.2),transparent 80%),radial-gradient(ellipse 38% 15% at 18% 95%,rgba(var(--ym-live-glow-rgb),.06),transparent 80%);filter:blur(26px);animation:ym-breathe 9s ease-in-out infinite alternate}
.ym-world-beam{top:-55%;left:47%;width:25%;height:175%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(var(--ym-live-glow-rgb),.045),transparent);filter:blur(16px)}
.ym-world-beam--two{left:70%;width:13%;transform:rotate(-25deg);opacity:.6}
.ym-world-scanlines{inset:0;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.016) 4px 5px);mask-image:linear-gradient(90deg,transparent 28%,black 80%)}
.ym-world-vignette{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 45%,rgba(0,0,0,.18))}
.ym-world-wave,.ym-world-frost,.ym-world-lights,.ym-world-curtain{display:none!important}
#root .ym-hero-inner{position:relative;z-index:2;max-width:1360px;width:calc(100% - 88px);min-height:635px;gap:12px;grid-template-columns:.9fr 1.1fr;padding:52px 0 55px}
#root .ym-hero-copy{padding:35px 0 40px;position:relative}
#root .ym-hero-copy:before{content:"";display:block;height:2px;width:58px;margin-bottom:32px;background:linear-gradient(90deg,var(--ym-live-accent),transparent);box-shadow:0 0 19px rgba(var(--ym-live-glow-rgb),.35)}
#root .ym-eyebrow{font:600 10px Poppins,system-ui,sans-serif;color:#c0cbda;letter-spacing:.16em;margin-bottom:22px;text-transform:uppercase}
#root .ym-eyebrow>span:first-child{width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 14px var(--ym-live-accent)}
#root .ym-hero h1{font-family:Poppins,system-ui,sans-serif;font-size:clamp(48px,5.45vw,92px);font-weight:800;font-style:italic;letter-spacing:-.068em;line-height:.99;text-shadow:0 5px 22px #0008;max-width:680px;text-transform:uppercase}
#root .ym-hero h1>span{padding:0 .035em .04em 0;background:linear-gradient(180deg,#fff 5%,#d5dbe7 47%,#7e8fa6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}
#root .ym-hero h1>strong{padding:0 .045em .15em 0;background:linear-gradient(125deg,#fff2b0,var(--ym-live-accent) 47%,var(--ym-live-secondary) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}
html[data-youmom-theme="verano"] #root .ym-hero h1>strong{background-image:linear-gradient(115deg,#aefdf2,#55e1c7 45%,#f7bf62)}
html[data-youmom-theme="hielo"] #root .ym-hero h1>strong{background-image:linear-gradient(115deg,#fff,#9de6ff 52%,#458ce0)}
html[data-youmom-theme="navidad"] #root .ym-hero h1>strong{background-image:linear-gradient(115deg,#ffd2bb,#f17d83 48%,#cc3d58)}
html[data-youmom-theme="blackfriday"] #root .ym-hero h1>strong{background-image:linear-gradient(115deg,#fff7d8,#e6c277 52%,#a87a42)}
#root .ym-hero-description{font:400 14px/1.9 Poppins,system-ui,sans-serif;color:#9daabc;max-width:490px;margin:13px 0 29px}
#root .ym-hero-actions{gap:13px}
#root .primary-button{border-radius:4px;min-height:52px;padding:15px 23px;font:800 11px Poppins,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.055em;box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 color-mix(in srgb,var(--ym-live-accent) 30%,#12171c),0 14px 38px rgba(var(--ym-live-glow-rgb),.14);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:transform .25s,filter .25s,box-shadow .25s}
#root .primary-button:hover{transform:translateY(-3px);filter:brightness(1.1)}
#root .secondary-button{border-radius:4px;min-height:52px;padding:14px 22px;font:700 11px Poppins,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;border-color:#ffffff2e}
#root .secondary-button:hover{border-color:rgba(var(--ym-live-glow-rgb),.6);color:var(--ym-live-accent)}
#root .ym-hero-details{margin-top:33px;gap:20px;font-size:10px;color:#8e9eb0}
#root .ym-hero-details>span{display:inline-flex;gap:10px;align-items:center}
#root .ym-hero-details svg{color:var(--ym-live-accent)}
#root .ym-hero-art{position:relative;padding-top:6px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
#root .ym-logo-scene{aspect-ratio:1.16;margin-top:0;perspective:1400px;transform-style:preserve-3d}
#root .ym-scene-halo{inset:-7% -8% 0;background:radial-gradient(ellipse at 50% 52%,rgba(var(--ym-live-glow-rgb),.22),rgba(var(--ym-live-glow-rgb),.045) 37%,transparent 70%);filter:blur(24px)}
#root .ym-scene-grid{left:-14%;right:-14%;bottom:-7%;height:56%;background-image:linear-gradient(rgba(var(--ym-live-glow-rgb),.22) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ym-live-glow-rgb),.22) 1px,transparent 1px);background-size:39px 39px;transform:perspective(500px) rotateX(68deg);mask-image:linear-gradient(180deg,transparent,#000 27%,transparent 93%);opacity:.57}
#root .ym-scene-ring{left:11%;top:8%;width:78%;height:75%;border:1px solid rgba(var(--ym-live-glow-rgb),.14);box-shadow:0 0 26px rgba(var(--ym-live-glow-rgb),.04);transform:rotate(-15deg)}
#root .ym-scene-ring--two{width:62%;height:60%;left:19%;top:16%;border-style:dashed;border-color:rgba(var(--ym-live-glow-rgb),.14);animation:ym-ring 65s linear infinite}
#root .ym-logo-float{width:117%;left:-8%;top:4%;z-index:2;will-change:transform}
#root .ym-hero-logo{width:100%;height:auto;filter:drop-shadow(0 20px 6px #0009) drop-shadow(0 0 28px rgba(var(--ym-live-glow-rgb),.09));animation:ym-logo-hover 6.5s ease-in-out infinite}
#root .ym-scene-plinth{bottom:9%;height:55px;background:radial-gradient(ellipse,#292d32,var(--ym-live-bg) 69%,transparent 75%);border-top-color:rgba(var(--ym-live-glow-rgb),.38);box-shadow:0 15px 52px #000c}
#root .ym-scene-caption{font-size:8px;letter-spacing:.15em;color:#8d99a6;bottom:0}
#root .ym-featured{position:relative;z-index:4;margin:-9px 5.5% 0;padding:16px 20px;min-height:74px;border:1px solid rgba(var(--ym-live-glow-rgb),.28);border-radius:5px;background:linear-gradient(112deg,rgba(var(--ym-live-glow-rgb),.09),rgba(19,24,32,.92) 45%,rgba(11,14,20,.96));box-shadow:inset 0 1px 0 #ffffff14,0 12px 38px #0007;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);backdrop-filter:blur(14px)}
#root .ym-featured-icon{background:rgba(var(--ym-live-glow-rgb),.09);border-color:rgba(var(--ym-live-glow-rgb),.28);color:var(--ym-live-accent)}
#root .ym-featured-name{font-size:12px;color:#f7f8fc;font-weight:700}
#root .ym-featured-price{color:var(--ym-live-accent)}
.ym-hero-hud{position:absolute;top:17px;left:max(44px,calc((100vw - 1360px)/2));right:max(44px,calc((100vw - 1360px)/2));z-index:3;display:flex;gap:11px;align-items:center;color:#7f8d9e;letter-spacing:.17em;font:600 9px ui-monospace,Consolas,monospace;pointer-events:none}
.ym-hero-hud b{color:#f2f6fa}
.ym-hud-dot,.ym-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--ym-live-accent);box-shadow:0 0 9px var(--ym-live-accent);display:inline-block;flex:0 0 auto;animation:ym-blink 2.5s ease-in-out infinite}
.ym-hud-right{margin-left:auto;font-size:8px;opacity:.7}
.ym-hud-right i{font-style:normal;color:var(--ym-live-accent);padding:0 9px}
.ym-hero-side-mark{position:absolute;z-index:3;right:7px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:#788494;letter-spacing:.26em;font:600 8px ui-monospace,monospace;pointer-events:none}
.ym-logo-chip{position:absolute;z-index:4;top:12%;right:4%;display:flex;gap:9px;align-items:center;padding:10px 13px;color:#c3cfdd;font:500 8px/1.6 Poppins,system-ui,sans-serif;letter-spacing:.09em;border:1px solid rgba(var(--ym-live-glow-rgb),.18);background:#0a0d13b9;box-shadow:0 8px 35px #0006;backdrop-filter:blur(8px);transform:rotate(2deg)}
.ym-logo-chip b{color:#f0f5fa;font-weight:800}
.ym-chip-cross{margin-left:10px;color:var(--ym-live-accent);font-size:14px}
#root .ym-hero-bottom{position:relative;z-index:4;max-width:1360px;width:calc(100% - 88px);padding-block:19px;border-color:rgba(var(--ym-live-glow-rgb),.2);margin-top:5px}
#root .ym-hero-bottom>span{font-size:9px;letter-spacing:.21em}
#root .ym-hero-bottom>a{font:600 10px Poppins,system-ui,sans-serif;color:#a4b0c0}
#root .ym-hero-bottom svg{color:var(--ym-live-accent)}
.ym-live-ticker{overflow:hidden;position:relative;border-top:1px solid rgba(var(--ym-live-glow-rgb),.22);border-bottom:1px solid rgba(var(--ym-live-glow-rgb),.2);background:linear-gradient(90deg,#0a0e15,#151c27 40%,#0b0e14);padding:12px 0;isolation:isolate}
.ym-live-ticker:before,.ym-live-ticker:after{position:absolute;z-index:2;content:"";height:100%;width:65px;top:0;pointer-events:none}
.ym-live-ticker:before{left:0;background:linear-gradient(90deg,var(--ym-live-bg),transparent)}
.ym-live-ticker:after{right:0;background:linear-gradient(270deg,var(--ym-live-bg),transparent)}
.ym-live-ticker-track{display:flex;align-items:center;gap:32px;width:max-content;animation:ym-marquee 45s linear infinite;color:#94a0b0;font:800 10px Poppins,system-ui,sans-serif;letter-spacing:.19em;white-space:nowrap}
.ym-ticker-star{color:var(--ym-live-accent);font-size:15px}
/* Commerce presentation only: cards and details retain native behavior. */
html[data-ym-experience="true"] #root :is(.section-shell,.edition-section){position:relative}
html[data-ym-experience="true"] #root :is(.section-title,.edition-section-heading h2,.page-title){color:#f4f7fa;letter-spacing:-.04em}
html[data-ym-experience="true"] #root .edition-label{color:var(--ym-live-accent);letter-spacing:.18em;font-weight:800}
html[data-ym-experience="true"] #root .product-card.sx-pcard{position:relative;border:1px solid rgba(var(--ym-live-glow-rgb),.14);border-radius:6px;background:linear-gradient(153deg,rgba(var(--ym-live-glow-rgb),.045),transparent 40%),linear-gradient(180deg,#18212b,#101620 80%);box-shadow:0 6px 0 -3px #05070a,0 20px 40px #0005;overflow:hidden}
html[data-ym-experience="true"] #root .product-card.sx-pcard:before{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:var(--ym-live-accent);z-index:5;box-shadow:0 0 13px rgba(var(--ym-live-glow-rgb),.55)}
html[data-ym-experience="true"] #root .product-card .sx-media{border-radius:3px;background:radial-gradient(ellipse at 45% 30%,rgba(var(--ym-live-glow-rgb),.09),#0a0f16 70%)}
html[data-ym-experience="true"] #root .product-card h3{font-weight:800;font-size:19px;letter-spacing:-.025em}
html[data-ym-experience="true"] #root .product-card.sx-pcard:hover{border-color:rgba(var(--ym-live-glow-rgb),.52);box-shadow:0 22px 48px #0009,0 0 26px rgba(var(--ym-live-glow-rgb),.09);transform:translateY(-6px)}
html[data-ym-experience="true"] #root .edition-feature-grid{gap:16px}
html[data-ym-experience="true"] #root .edition-feature-card{border:1px solid rgba(var(--ym-live-glow-rgb),.15);border-radius:5px;background:linear-gradient(146deg,rgba(var(--ym-live-glow-rgb),.045),transparent 50%),linear-gradient(180deg,#151d27,#0e141c)}
html[data-ym-experience="true"] #root .edition-feature-card:hover{border-color:rgba(var(--ym-live-glow-rgb),.46)}
html[data-ym-experience="true"] #root .edition-feature-tile{color:var(--ym-live-accent);border-color:rgba(var(--ym-live-glow-rgb),.26)}
html[data-ym-experience="true"] #root .edition-process-grid li{background:linear-gradient(145deg,rgba(var(--ym-live-glow-rgb),.055),#0f141d 65%);border-color:rgba(var(--ym-live-glow-rgb),.14);border-radius:5px}
html[data-ym-experience="true"] #root .edition-process-number{color:var(--ym-live-accent)}
html[data-ym-experience="true"] #root .edition-closing{border:1px solid rgba(var(--ym-live-glow-rgb),.24);border-radius:6px;background:radial-gradient(ellipse at 85% 40%,rgba(var(--ym-live-glow-rgb),.12),transparent 52%),linear-gradient(120deg,#131b26,#080b11)}
html[data-ym-experience="true"] #root :is(.category-chip,.edition-product-options){border-radius:4px}
html[data-ym-experience="true"] #root .site-footer{background:linear-gradient(180deg,#0b0f17,#080b10)!important;border-top-color:rgba(var(--ym-live-glow-rgb),.22)}
html[data-ym-experience="true"] #root .ym-footer-logo{filter:drop-shadow(0 0 15px rgba(var(--ym-live-glow-rgb),.12))}
/* VERANO: warm horizon, turquoise sea, bouncing aqua waves, lens flare. */
html[data-youmom-theme="verano"] .ym-world-horizon{background:radial-gradient(ellipse 40% 55% at 78% 12%,rgba(255,190,86,.16),transparent 67%),radial-gradient(ellipse 70% 50% at 70% 76%,rgba(21,205,200,.19),transparent 73%),linear-gradient(180deg,transparent 50%,rgba(19,107,113,.1))}
html[data-youmom-theme="verano"] .ym-world-mist{background:radial-gradient(ellipse 65% 23% at 78% 88%,rgba(29,191,182,.18),transparent 74%);filter:blur(22px)}
html[data-youmom-theme="verano"] .ym-world-wave{display:block!important;left:-12%;right:-12%;bottom:-7%;height:34%;opacity:.5;background:radial-gradient(ellipse 80% 29% at 45% 95%,rgba(63,219,207,.17),transparent 76%),repeating-radial-gradient(ellipse at 50% 110%,transparent 0 27px,rgba(70,230,212,.08) 28px 29px,transparent 30px 61px);transform:rotate(-2deg);animation:ym-wave 10s ease-in-out infinite alternate}
html[data-youmom-theme="verano"] .ym-world-wave--two{bottom:-12%;opacity:.35;transform:rotate(2deg);animation-delay:-4s}
html[data-ym-waves="off"] .ym-world-wave{display:none!important}
/* NAVIDAD: string lights, burgundy beams, actual falling snow via canvas. */
html[data-youmom-theme="navidad"] .ym-world-horizon{background:radial-gradient(ellipse 70% 80% at 78% 46%,rgba(189,47,73,.19),transparent 68%),radial-gradient(ellipse 25% 30% at 62% 19%,rgba(255,191,74,.09),transparent 75%)}
html[data-youmom-theme="navidad"] .ym-world-lights{display:flex!important;position:absolute;left:-2%;right:-2%;top:7%;height:35px;align-items:flex-start;justify-content:space-around;border-top:2px solid rgba(80,82,60,.46);transform:rotate(-1.3deg)}
html[data-youmom-theme="navidad"] .ym-world-bulb{width:7px;height:13px;border-radius:50% 50% 55% 55%;margin-top:6px;background:#ffd086;box-shadow:0 0 9px 3px rgba(255,194,86,.35),0 0 20px rgba(255,194,86,.5);animation:ym-bulb 3s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.26s)}
html[data-youmom-theme="navidad"] .ym-world-bulb:nth-child(3n+1){background:#ee6973;box-shadow:0 0 12px 4px #e3465973}
html[data-youmom-theme="navidad"] .ym-world-bulb:nth-child(4n+2){background:#79d68a;box-shadow:0 0 11px 4px #64b46c73}
html[data-ym-lights="off"] .ym-world-lights{display:none!important}
/* HIELO: jagged frost at edges, deep blue shafts, ice particles. */
html[data-youmom-theme="hielo"] .ym-world-horizon{background:radial-gradient(ellipse 70% 70% at 76% 50%,rgba(45,147,232,.2),transparent 75%),linear-gradient(155deg,transparent 53%,rgba(110,216,255,.09) 53.15%,transparent 53.4%)}
html[data-youmom-theme="hielo"] .ym-world-frost{display:block!important;inset:0;opacity:.4;background:conic-gradient(from 50deg at 0% 0%,rgba(143,229,255,.21),transparent 15%,transparent 94%,rgba(143,229,255,.18)),conic-gradient(from 236deg at 100% 100%,rgba(143,229,255,.21),transparent 15%,transparent 94%,rgba(143,229,255,.2));mask-image:linear-gradient(90deg,black,transparent 21%,transparent 78%,black)}
html[data-ym-crystals="off"] .ym-world-frost{display:none!important}
/* BLACK FRIDAY: dramatic black satin hanging into the scene. */
html[data-youmom-theme="blackfriday"] .ym-world-horizon{background:radial-gradient(ellipse 65% 73% at 77% 47%,rgba(214,174,83,.18),transparent 68%),linear-gradient(160deg,transparent 68%,rgba(255,237,189,.035) 68.1%,transparent 68.4%)}
html[data-youmom-theme="blackfriday"] .ym-world-curtain{display:block!important;right:-9%;top:-17px;width:56%;height:49%;z-index:2;background:radial-gradient(ellipse at 52% 18%,#34343a,#0c0b0d 38%,#202023 43%,#080808 62%,#343235 65%,#090909 73%);border-bottom:3px solid rgba(255,224,156,.22);box-shadow:0 16px 30px #000b,0 5px 20px rgba(228,175,91,.09);clip-path:polygon(0 0,100% 0,100% 83%,92% 89%,83% 76%,73% 88%,62% 74%,50% 89%,38% 73%,26% 92%,17% 79%,7% 83%);animation:ym-curtain-drop 1.8s cubic-bezier(.2,.8,.2,1) both}
html[data-youmom-theme="blackfriday"] .ym-world-curtain--right{width:24%;height:30%;right:-6%;top:-5%;filter:brightness(.6);animation-delay:.18s;opacity:.82}
html[data-ym-curtain="off"] .ym-world-curtain{display:none!important}
/* Dynamic refinements at every viewport */
@media(min-width:1600px){#root .ym-hero-inner{min-height:700px}#root .ym-logo-float{top:1%}}
@media(max-width:1140px){#root .ym-hero-inner{min-height:580px;grid-template-columns:.95fr 1.05fr;width:calc(100% - 58px)}#root .ym-hero h1{font-size:clamp(42px,5.2vw,66px)}#root .ym-nav-inner{gap:12px}#root .ym-hero-bottom{width:calc(100% - 58px)}.ym-hero-hud{left:29px;right:29px}.ym-logo-chip{right:0}}
@media(max-width:800px){
  #root .ym-hero{min-height:0}
  #root .ym-nav-inner{width:calc(100% - 32px);grid-template-columns:1fr auto;gap:0 10px;min-height:70px;padding-bottom:8px}
  #root .ym-brand-link{width:120px}
  #root .ym-nav-logo{height:69px}
  #root .ym-nav-links{grid-row:2;grid-column:1 / -1;justify-content:flex-start}
  #root .ym-header .nav-pill{padding:8px 12px;font-size:10px}
  #root .ym-hero-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:0;min-height:0;padding:65px 0 24px}
  #root .ym-hero-copy{padding:0 0 20px;max-width:640px}
  #root .ym-hero-copy:before{margin-bottom:23px}
  #root .ym-hero h1{font-size:clamp(45px,8.5vw,72px)}
  #root .ym-hero-description{font-size:12px;max-width:520px}
  #root .ym-logo-scene{aspect-ratio:1.42;max-width:580px;margin:0 auto;width:100%}
  #root .ym-logo-float{width:101%;left:0;top:0}
  #root .ym-hero-art{max-width:610px;width:100%;margin:0 auto}
  #root .ym-scene-ring{top:0}
  #root .ym-featured{margin:-10px 0 0}
  .ym-logo-chip{right:3%;top:9%}
  .ym-hero-hud{left:20px;right:20px;top:18px}
  .ym-hud-right{display:none}
  .ym-hero-side-mark{display:none}
  #root .ym-hero-bottom{width:calc(100% - 40px)}
  html[data-youmom-theme="blackfriday"] .ym-world-curtain{width:70%;height:27%}
}
@media(max-width:540px){
  #root .ym-nav-inner{width:calc(100% - 26px)}
  #root .ym-brand-link{width:103px}
  #root .ym-nav-logo{height:65px}
  #root .ym-hero-inner{width:calc(100% - 32px);padding-top:60px}
  #root .ym-hero h1{font-size:clamp(39px,10vw,52px);letter-spacing:-.07em}
  #root .ym-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:14px}
  #root .ym-hero-description{font-size:11px;line-height:1.8}
  #root .ym-hero-actions{gap:8px}
  #root .ym-hero-actions :is(.primary-button,.secondary-button){font-size:9px;min-height:44px;padding:11px 13px}
  #root .ym-hero-details{font-size:8px;gap:12px;margin-top:19px}
  #root .ym-logo-scene{aspect-ratio:1.24}
  #root .ym-scene-grid{bottom:-8%}
  #root .ym-scene-caption{font-size:6px}
  #root .ym-featured{padding:10px 12px;min-height:56px;gap:9px}
  #root .ym-featured-name{font-size:10px}
  #root .ym-featured-price{font-size:13px}
  #root .ym-featured small{font-size:6px}
  #root .ym-featured-icon{height:28px;width:28px}
  .ym-logo-chip{padding:6px 8px;font-size:6px;top:8%;right:1%}
  .ym-chip-cross{margin-left:1px}
  #root .ym-hero-bottom{width:calc(100% - 32px);padding-block:17px}
  #root .ym-hero-bottom>span{font-size:7px;letter-spacing:.04em}
  #root .ym-hero-bottom>a{font-size:8px}
  .ym-live-promo-inner{min-height:33px;padding:7px 28px 7px 12px;gap:5px 11px}
  .ym-live-promo-message{font-size:9px;line-height:1.5}
  .ym-live-promo-badge{font-size:8px}
  .ym-live-promo-link{font-size:9px}
  .ym-live-promo-close{right:0}
  .ym-live-ticker{padding:10px 0}
  .ym-live-ticker-track{font-size:9px;gap:20px}
  html[data-youmom-theme="blackfriday"] .ym-world-curtain{width:90%;height:19%}
}
@media(max-width:380px){#root .ym-hero h1{font-size:38px}#root .ym-hero-actions :is(.primary-button,.secondary-button){padding:11px 9px;font-size:8px}#root .ym-hero-bottom>a:nth-child(2){display:none}}
@keyframes ym-logo-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(.7deg)}}
@keyframes ym-ring{to{transform:rotate(345deg)}}
@keyframes ym-breathe{to{transform:translate(2%,3%);opacity:.75}}
@keyframes ym-blink{50%{opacity:.48}}
@keyframes ym-sweep{to{transform:translateX(350%)}}
@keyframes ym-wave{to{transform:translateX(4%) rotate(1deg)}}
@keyframes ym-bulb{to{opacity:.42;filter:brightness(.65)}}
@keyframes ym-curtain-drop{from{transform:translateY(-130%)}to{transform:translateY(0)}}
@keyframes ym-marquee{to{transform:translateX(-33.333333%)}}
@media(prefers-reduced-motion:reduce){
  #root .ym-hero-logo,.ym-scene-ring--two,.ym-world-mist,.ym-world-wave,.ym-world-bulb,.ym-world-curtain,.ym-hud-dot,.ym-chip-dot,.ym-live-promo:before,.ym-live-ticker-track{animation:none!important}
  #root .ym-logo-float{transform:none!important;transition:none!important}
  .ym-live-particles{display:none!important}
}
html[data-ym-motion="off"] :is(.ym-world-wave,.ym-world-bulb,.ym-world-mist,.ym-world-curtain,.ym-live-ticker-track){animation:none!important}
/* Options exposed through the standalone header CSS (above). */
#root .ym-nav-inner{min-height:var(--ym-hud-header-height,82px)}
#root .ym-brand-link{width:var(--ym-hud-logo-width,157px)}
#root .ym-nav-logo{height:var(--ym-hud-logo-height,79px)}
.ym-live-promo{background-color:var(--ym-hud-promo-custom-bg,transparent)}
.ym-live-promo-inner{min-height:var(--ym-hud-promo-min-height,38px);gap:var(--ym-hud-promo-spacing,16px)}
.ym-live-promo-message{font-size:var(--ym-hud-promo-font-size,10px)}
.ym-live-promo-code{border-radius:var(--ym-hud-promo-radius,3px)}
@media(max-width:800px){#root .ym-brand-link{width:min(var(--ym-hud-logo-width,157px),120px)}#root .ym-nav-logo{height:min(var(--ym-hud-logo-height,79px),69px)}}
@media(max-width:540px){#root .ym-brand-link{width:min(var(--ym-hud-logo-width,157px),103px)}#root .ym-nav-logo{height:min(var(--ym-hud-logo-height,79px),65px)}}
/* Cloth overlay falls IN FRONT of the top of the Black Friday logo. */
.ym-black-cloth-overlay{display:none;pointer-events:none;position:absolute;z-index:5;right:3%;top:-1px;width:35%;height:143px;background:linear-gradient(108deg,#050505 4%,#1e1e20 14%,#070707 28%,#373638 44%,#0c0c0f 52%,#242326 70%,#050505 87%);clip-path:polygon(0 0,100% 0,100% 74%,91% 84%,83% 75%,75% 90%,64% 76%,54% 98%,41% 81%,30% 93%,21% 82%,10% 97%,3% 87%);box-shadow:0 18px 28px #000a;filter:drop-shadow(0 8px 14px #0008)}
html[data-youmom-theme="blackfriday"][data-ym-curtain="on"] .ym-black-cloth-overlay{display:block;animation:ym-curtain-drop 1.7s cubic-bezier(.2,.7,.21,1) .16s both}
@media(max-width:800px){.ym-black-cloth-overlay{width:54%;height:112px;right:0}}
@media(max-width:540px){.ym-black-cloth-overlay{width:62%;height:74px;right:-6%}}