/* Ingredient worlds are presentation only: the original packshot and LR URL stay intact. */
.product-immersive{--world-glow:#ecd5a4;--world-panel:#f4ead9;--world-accent:#946220;--world-ink:#473820;position:relative;isolation:isolate;background:radial-gradient(ellipse 65% 630px at 15% 340px,var(--world-glow),transparent 88%),linear-gradient(180deg,#faf7ef 0%,#faf8f3 1700px);overflow:clip}
.atmosphere-sivera{--world-glow:#d5dfbf;--world-panel:#eaf0df;--world-accent:#5c7045;--world-ink:#2b4434}
.atmosphere-peche{--world-glow:#f1cfb9;--world-panel:#f6e8dc;--world-accent:#995d38;--world-ink:#573b2e}
.atmosphere-freedom{--world-glow:#d4e4df;--world-panel:#e5efea;--world-accent:#497266;--world-ink:#24483f}
.atmosphere-immune{--world-glow:#e8e3b7;--world-panel:#f0eedc;--world-accent:#7b7337;--world-ink:#454b2d}
.product-immersive .story-hero{position:relative;gap:7%;padding-bottom:36px}
.product-immersive .campaign-product .product-packshot{position:relative;isolation:isolate;background:transparent!important;border:0;box-shadow:none;overflow:visible;border-radius:0;--pack-height:480px;height:570px}
.product-immersive .packshot-frame{z-index:1;filter:drop-shadow(9px 24px 14px #3b301526)}
.product-immersive .formula-decor{position:absolute;inset:auto;bottom:-35px;left:-16%;width:130%;height:115%;max-width:none;object-fit:contain;z-index:0;pointer-events:none;user-select:none}
.atmosphere-miel .formula-decor{left:-8%;width:120%;height:125%;bottom:-50px;object-position:right bottom}
.product-immersive .story-opening{position:relative;z-index:2}
.product-immersive .story-headline{color:var(--world-ink)}
.product-immersive .product-reference{color:var(--world-accent)}
.product-immersive .product-discover-link{border-color:var(--world-accent)}
.product-immersive .story-discovery{position:relative;margin-top:40px;gap:7%}
.product-immersive .discovery-image{border-radius:0;box-shadow:none;overflow:visible;mask-image:radial-gradient(ellipse at center,#000 38%,#000c 58%,transparent 75%)}
.product-immersive .discovery-image img{border-radius:0}
.product-immersive .benefit{background:linear-gradient(145deg,#ffffffb8,var(--world-panel));padding:30px;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 16px 40px #4b3d1a08}
.product-immersive .ingredient-card{background:#fffaf2b8;border-color:var(--world-glow)}
.product-immersive .usage-facts{background:var(--world-panel)}
.product-immersive .usage-facts strong,.product-immersive .story-section h2{color:var(--world-ink)}
.product-immersive .product-usage-steps li:before{background:var(--world-panel);color:var(--world-ink)}
.product-immersive .story-nav{border-color:var(--world-glow);background:#fffcf6f5;backdrop-filter:blur(14px)}
.product-immersive .story-nav .product-order-dock .button{background:var(--world-ink);border-color:var(--world-ink)}
.product-immersive .story-nav .product-order-dock .button:hover{background:var(--world-accent);border-color:var(--world-accent)}
@media(prefers-reduced-motion:no-preference){.product-immersive .formula-decor{animation:formula-arrive 1.2s ease-out both}@keyframes formula-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(max-width:800px){
 .product-immersive .campaign-product .product-packshot{height:370px;--pack-height:320px}
 .product-immersive .formula-decor{left:-9%;width:118%;height:112%;bottom:-22px}
 .atmosphere-miel .formula-decor{left:-5%;width:110%;height:120%;bottom:-25px}
 .product-immersive .story-hero{gap:30px;padding-bottom:0}
 .product-immersive .story-discovery{margin-top:28px}
 .product-immersive .benefit{padding:24px}
}
@media(max-width:360px){.product-immersive .campaign-product .product-packshot{height:330px;--pack-height:290px}}
@media(prefers-reduced-motion:reduce){.product-immersive .formula-decor{animation:none;transform:none}}
@media print{.product-immersive{background:none}.formula-decor{display:none}}

/* Shared range palettes. Decorative glass/silk never implies an ingredient. */
.atmosphere-aloe{--world-glow:#dce8c8;--world-panel:#edf2e3;--world-accent:#5e7846;--world-ink:#304934}
.atmosphere-hair{--world-glow:#e9ddc1;--world-panel:#f3eddf;--world-accent:#826b3f;--world-ink:#4d4633}
.atmosphere-soft{--world-glow:#eee3c8;--world-panel:#f5efdf;--world-accent:#80734f;--world-ink:#4b5138}
.atmosphere-mineral{--world-glow:#d4e0e3;--world-panel:#eaf0ef;--world-accent:#516c74;--world-ink:#263e45}
.atmosphere-silver{--world-glow:#dce2e7;--world-panel:#edf0f2;--world-accent:#64747e;--world-ink:#344651}
.atmosphere-champagne{--world-glow:#e8d7b5;--world-panel:#f3eadc;--world-accent:#856633;--world-ink:#4b3e2c}
.atmosphere-platinum{--world-glow:#dcd9de;--world-panel:#eeebef;--world-accent:#726173;--world-ink:#443a49}
.atmosphere-lavender{--world-glow:#e0d9e7;--world-panel:#f0eaf3;--world-accent:#786382;--world-ink:#4f415b}
.atmosphere-rose{--world-glow:#ead2d7;--world-panel:#f5e8eb;--world-accent:#8c5e6c;--world-ink:#583a48}
.atmosphere-nutrition{--world-glow:#e9dfbd;--world-panel:#f3efdf;--world-accent:#85713e;--world-ink:#4a422c}
.atmosphere-vanilla{--world-glow:#eee1b9;--world-panel:#f7f0dc;--world-accent:#8b723b;--world-ink:#50432c}
.atmosphere-cacao{--world-glow:#dfcbbb;--world-panel:#f0e7df;--world-accent:#86634d;--world-ink:#503b30}
.atmosphere-berry{--world-glow:#e6cfd7;--world-panel:#f3e5eb;--world-accent:#87586b;--world-ink:#59384b}
.atmosphere-harvest{--world-glow:#e9d4b6;--world-panel:#f4ebdd;--world-accent:#8c6a3a;--world-ink:#51452f}
.atmosphere-sage{--world-glow:#dce1cb;--world-panel:#eef1e5;--world-accent:#69764d;--world-ink:#3d4c34}
.product-immersive .campaign-product .stage-original{isolation:auto}
.product-immersive .campaign-product .stage-original .packshot-frame{mix-blend-mode:multiply;filter:none}
.product-immersive .campaign-product .stage-original .formula-decor{opacity:.45;animation:none;mask-image:radial-gradient(ellipse at 50% 45%,transparent 35%,#000 78%)}
.product-immersive .story-opening{border-top:0;padding-top:0}
.product-immersive .story-opening .story-headline{color:var(--world-ink)}
.product-immersive .story-section :is(.ingredient-card,.product-precautions){border-color:var(--world-glow)}
.product-immersive .lr-product-media img{border-radius:0}
.product-immersive .formula-decor[src$="-v13.png"]{mask-image:radial-gradient(ellipse,#000 48%,transparent 75%)}
.product-immersive .campaign-product .stage-original .formula-decor[src$="-v13.png"]{mask-image:radial-gradient(ellipse at 50% 45%,transparent 30%,#000 62%,transparent 76%)}
