/* Only the explicitly selected immersive variant of the existing routine widget. */
.evara-routine.evara-routine--immersive{background:#30271f;color:var(--evara-routine-light,#f3efe9);padding:0;isolation:isolate}
.evara-routine.evara-routine--immersive::after{display:none}
.evara-routine--immersive .evara-gamme__scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24% 49% 27%;aspect-ratio:1317/1194;width:100%;max-width:1920px;margin-inline:auto}
.evara-routine--immersive .evara-gamme__backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-1}
.evara-routine--immersive .evara-gamme__header{grid-area:1/1;align-self:start;text-align:center;width:86%;max-width:1280px;margin:0 4% 0 10%;padding-top:5.3%;z-index:1}
.evara-routine--immersive .evara-routine__title{margin:0;color:var(--evara-routine-light,#f3efe9);text-shadow:none}
.evara-routine--immersive .evara-routine__title span{display:block}
.evara-routine--immersive .evara-routine__subtitle{max-width:1120px;margin:20px auto 0;color:var(--evara-routine-light,#f3efe9);text-shadow:none}
.evara-routine--immersive .evara-gamme__mobile-gallery{display:none}
.evara-routine--immersive .evara-gamme__footer{grid-area:3/1;align-self:start;width:86%;max-width:1540px;margin:0 auto;display:grid;gap:26px}
.evara-routine--immersive .evara-gamme__panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#0d0d0c;border:1px solid var(--evara-routine-gold,#c9b58f);border-radius:10px;padding:26px 20px}
.evara-routine--immersive .evara-gamme__benefit{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 12px;min-width:0}
.evara-routine--immersive .evara-gamme__benefit+.evara-gamme__benefit{border-left:1px solid #c9b58f75}
.evara-routine--immersive .evara-gamme__benefit h3{font-family:'EVARA Vocago',serif;font-size:clamp(20px,1.7vw,28px);font-weight:400;line-height:1.2;letter-spacing:.01em;color:var(--evara-routine-light,#f3efe9);margin:0}
.evara-routine--immersive .evara-gamme__benefit p{font-family:inherit;font-size:clamp(14px,1.1vw,18px);line-height:1.45;color:var(--evara-routine-light,#f3efe9);margin:0}
.evara-routine--immersive .evara-gamme__icon,.evara-routine--immersive .evara-gamme__benefit .evara-routine__icon{display:block;width:48px;height:48px;object-fit:contain;margin:0 0 2px}
.evara-routine--immersive .evara-gamme__cta{text-align:center;margin:0}
.evara-routine--immersive .evara-routine__button{font-size:16px;min-height:54px;padding:14px 32px;text-transform:none;border-radius:7px;background:var(--evara-accent,#d5b27b);color:#080808;border:1px solid var(--evara-accent,#d5b27b)}
.evara-routine--immersive .evara-routine__button:is(:hover,:focus-visible){background:var(--evara-accent,#d5b27b);color:#080808}
.evara-routine--immersive :is(a,button,[tabindex]):focus-visible{outline:2px solid #f3efe9;outline-offset:4px}
@media(min-width:1025px) and (max-width:1200px){
 .evara-routine--immersive .evara-gamme__panel{padding:20px 12px}
 .evara-routine--immersive .evara-gamme__footer{gap:20px}
 .evara-routine--immersive .evara-gamme__header{padding-top:4%}
}
@media(max-width:1024px){
 .evara-routine.evara-routine--immersive{background:#261e18}
 .evara-routine--immersive .evara-gamme__scene{display:grid;grid-template-rows:auto auto;max-width:720px;aspect-ratio:auto;background:#261e18}
 .evara-routine--immersive .evara-gamme__backdrop{display:none}
 .evara-routine--immersive .evara-gamme__header{grid-area:1/1;width:90%;margin:0 3% 0 7%;padding:36px 10px 0;background:none}
 .evara-routine--immersive .evara-routine__subtitle{max-width:680px;margin-top:18px}
 .evara-routine--immersive .evara-gamme__mobile-gallery{display:block;grid-area:1/1;min-width:0}
 .evara-routine--immersive .evara-gamme__mobile-gallery img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 110px)}
 .evara-routine--immersive .evara-gamme__footer{grid-area:2/1;width:100%;padding:0 24px 40px;gap:24px;background:linear-gradient(#261e18aa,#261e18),var(--evara-gamme-scene) center bottom/2100px auto}
 .evara-routine--immersive .evara-gamme__panel{padding:22px 10px}
 .evara-routine--immersive .evara-gamme__benefit p{font-size:14px}
}
@media(max-width:767px){
 .evara-routine--immersive .evara-gamme__header{padding:28px 0 0}
 .evara-routine--immersive .evara-gamme__mobile-gallery{padding-top:145px}
 .evara-routine--immersive .evara-gamme__footer{width:100%;padding:10px 16px 32px}
 .evara-routine--immersive .evara-gamme__panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px}
 .evara-routine--immersive .evara-gamme__benefit{padding:22px 8px;gap:8px}
 .evara-routine--immersive .evara-gamme__benefit+.evara-gamme__benefit{border-left:0}
 .evara-routine--immersive .evara-gamme__benefit:nth-child(even){border-left:1px solid #c9b58f75}
 .evara-routine--immersive .evara-gamme__benefit:nth-child(n+3){border-top:1px solid #c9b58f75}
 .evara-routine--immersive .evara-gamme__benefit h3{font-size:20px}
 .evara-routine--immersive .evara-gamme__benefit p{font-size:13px}
 .evara-routine--immersive .evara-gamme__icon,.evara-routine--immersive .evara-gamme__benefit .evara-routine__icon{width:38px;height:38px}
 .evara-routine--immersive .evara-routine__button{font-size:15px;padding:13px 25px}
}

/* The supplied photograph stays complete; editorial content uses its free space. */
.evara-routine.evara-routine--photo{background:#0d0d0c}
.evara-routine--photo .evara-gamme__scene{display:grid;grid-template-rows:auto auto;aspect-ratio:auto;max-width:none;background:#0d0d0c}
.evara-routine--photo .evara-gamme__photo{grid-area:1/1;min-width:0;overflow:visible}
.evara-routine--photo .evara-gamme__photo-canvas{position:relative;width:100%}
.evara-routine--photo .evara-gamme__photo img{display:block;width:100%;height:auto;max-width:none}
.evara-routine--photo .evara-gamme__header{grid-area:1/1;align-self:start;position:relative;width:100%;max-width:none;margin:0;padding:22px 4% 0;z-index:7;pointer-events:none;text-align:left}
.evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__title{position:static;width:min(42%,650px);font-size:clamp(30px,3.1vw,53px);line-height:1.04;text-align:left;margin:0;text-shadow:0 1px 9px #0009}
.evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__subtitle{width:min(42%,650px);max-width:none;margin:10px 0 0;font-size:clamp(13px,1.05vw,17px);line-height:1.35;text-align:left;text-shadow:0 1px 7px #000b}
.evara-routine--photo .evara-gamme__footer{grid-area:2/1;position:relative;z-index:5;align-self:auto;width:100%;max-width:none;margin:-72px 0 0;padding:160px 5% 52px;gap:26px;background:linear-gradient(to bottom,transparent,#0d0d0c 72px)}
.evara-routine--photo .evara-gamme__panel{width:100%;max-width:1540px;margin-inline:auto;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
@media(max-width:1024px){
 .evara-routine.evara-routine--photo,.evara-routine--photo .evara-gamme__scene{background:#0d0d0c}
 .evara-routine--photo .evara-gamme__scene{max-width:none;grid-template-rows:auto auto}
 .evara-routine--photo .evara-gamme__header{grid-area:1/1;width:100%;margin:0;padding:17px 3% 0}
 .evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__title{width:44%;font-size:clamp(25px,3.1vw,34px)}
 .evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__subtitle{width:44%;font-size:clamp(11px,1.15vw,14px);margin-top:7px}
 .evara-routine--photo .evara-gamme__photo{grid-area:1/1;overflow:visible}
 .evara-routine--photo .evara-gamme__photo-canvas,.evara-routine--photo .evara-gamme__photo--mobile .evara-gamme__photo-canvas{width:100%}
 .evara-routine--photo .evara-gamme__footer{grid-area:2/1;width:100%;margin-top:-60px;padding:140px 4% 42px;gap:24px;background:linear-gradient(to bottom,transparent,#0d0d0c 60px)}
 .evara-routine--photo .evara-gamme__panel{background:transparent;border:0;border-radius:0;padding:0}
}
@media(max-width:820px){
 .evara-routine--photo .evara-gamme__header{padding:18px 5% 0;text-align:center}
 .evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__title{width:100%;font-size:clamp(23px,4.2vw,36px);text-align:center}
 .evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__subtitle{width:min(96%,650px);margin:9px auto 0;font-size:clamp(11px,1.65vw,15px);text-align:center}
 .evara-routine--photo .evara-gamme__footer{margin-top:-44px;padding-top:158px;background:linear-gradient(to bottom,transparent,#0d0d0c 44px)}
}
@media(max-width:767px){
 .evara-routine--photo .evara-gamme__header{padding:13px 5% 0}
 .evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__title{font-size:clamp(21px,6vw,28px);line-height:1.05}
 .evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__subtitle{font-size:clamp(10px,2.8vw,13px);line-height:1.3;margin-top:7px}
 .evara-routine--photo .evara-gamme__photo-canvas{width:100%}
 .evara-routine--photo .evara-gamme__footer{width:100%;margin-top:-40px;padding:132px 16px 36px;background:linear-gradient(to bottom,transparent,#0d0d0c 40px)}
 .evara-routine--photo .evara-gamme__panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
}

/* Home product photo: extend its own upper backdrop so copy clears every bottle. */
@media(min-width:821px){
 #routine-experte.evara-routine--photo .evara-gamme__photo-canvas{padding-top:180px}
 #routine-experte.evara-routine--photo .evara-gamme__photo-canvas::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;transform:scaleY(180);transform-origin:top left;background-image:var(--evara-gamme-scene);background-position:top left;background-size:100% auto;background-repeat:no-repeat}
 #routine-experte.evara-routine--photo .evara-gamme__header{padding:27px 4% 0 25%}
 #routine-experte.evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__title{width:min(65%,720px)}
 #routine-experte.evara-routine--immersive.evara-routine--photo .evara-gamme__scene .evara-gamme__header .evara-routine__subtitle{width:min(65%,720px)}
}