.sv21-carousel{position:relative;overflow:hidden;background:var(--sv21-cream);touch-action:pan-y}
.sv21-carousel-track{display:grid;min-height:530px}
.sv21-carousel .sv21-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease;min-height:530px}
.sv21-carousel .sv21-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.sv21-carousel .sv21-slide-title{font-size:62px;line-height:1.05;letter-spacing:-2px;margin:15px 0 25px}
.sv21-carousel-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fffdf4e8;border:1px solid #c6ad714d;border-radius:28px;padding:4px 8px;z-index:2}
.sv21-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:var(--sv21-green);cursor:pointer;padding:0;font:16px Arial}
.sv21-carousel-controls button:focus-visible{outline:2px solid var(--sv21-gold);outline-offset:2px}
.sv21-carousel-dots{display:flex;align-items:center;gap:0}
.sv21-carousel-dots button{width:26px;height:36px}
.sv21-carousel-dots button:before{content:"";width:6px;height:6px;border:1px solid var(--sv21-green);border-radius:50%}
.sv21-carousel-dots button[aria-current=true]:before{background:var(--sv21-green)}
.sv21-carousel .sv21-banner-slide{position:relative;background-image:var(--sv21-hero);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:var(--sv21-cream)}
.sv21-banner-link{position:absolute;inset:0;z-index:1}
.sv21-banner-slide .sv21-hero-copy{display:none}
@media(min-width:801px){.sv21-carousel-track{height:calc(100vw * .563);min-height:0}.sv21-carousel .sv21-slide{height:100%;min-height:0}.sv21-carousel .sv21-banner-slide{background-size:100% 100%;background-size:contain}}
@media(max-width:1100px){.sv21-carousel .sv21-slide-title{font-size:52px}}
@media(max-width:800px){.sv21-carousel-track,.sv21-carousel .sv21-slide{min-height:670px}.sv21-carousel .sv21-slide-title{font-size:36px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:18px}.sv21-carousel-controls{bottom:12px}}
@media(prefers-reduced-motion:reduce){.sv21-carousel .sv21-slide{transition:none}}
@media(max-width:800px){.sv21-carousel .sv21-banner-slide{background-size:100% auto;background-position:center top;display:flex;align-items:flex-start;padding-top:calc(100vw * .564)}.sv21-banner-slide .sv21-hero-copy{display:block;padding:28px 22px 80px;width:100%;margin:0}.sv21-banner-slide .sv21-slide-title{font-size:30px;line-height:1.15;margin:10px 0 16px}.sv21-banner-slide .sv21-button{position:relative;z-index:2}.sv21-banner-link:focus-visible{outline:2px solid var(--sv21-gold);outline-offset:-3px}}
.sv21-photo-universes{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sv21-photo-universes>a.sv21-universe-photo{position:relative;display:block;padding:0;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#e9e2d5;border:1px solid #d9cfb9;min-width:0}
.sv21-universe-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sv21-universe-photo:hover img{transform:scale(1.035)}
.sv21-universe-photo:focus-visible{outline:3px solid var(--sv21-gold);outline-offset:4px}
.sv21-photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:#827555;background:linear-gradient(145deg,#f1ebdf,#e4dbca);font:12px/1.7 Arial;letter-spacing:.6px;padding-bottom:70px}
.sv21-placeholder-frame{width:80px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #b8a882;border-radius:40px 40px 6px 6px;font:32px Georgia}
.sv21-universe-caption{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 24px;background:linear-gradient(transparent,#173b2aee);color:#fffdf4}
.sv21-universe-photo.is-placeholder .sv21-universe-caption{background:#fffdf4e8;color:var(--sv21-green);padding:22px 24px}
.sv21-photo-universes .sv21-universe-caption h3{color:inherit;font:32px/1.15 Georgia;margin:0 0 12px}
.sv21-universe-caption>span{font:11px/1.5 Arial;letter-spacing:.8px}
@media(max-width:800px){.sv21-photo-universes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sv21-photo-universes>a.sv21-universe-photo{aspect-ratio:3/4}.sv21-photo-universes .sv21-universe-caption{padding:28px 14px 16px}.sv21-universe-photo.is-placeholder .sv21-universe-caption{padding:16px 12px}.sv21-photo-universes .sv21-universe-caption h3{font-size:23px;margin-bottom:8px}.sv21-photo-placeholder{font-size:10px;letter-spacing:0;gap:12px;padding-bottom:65px}.sv21-placeholder-frame{width:50px;height:65px;font-size:24px}.sv21-universe-caption>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sv21-universe-photo img{transition:none}}
@media(max-width:800px){.sv21-photo-placeholder>span:last-child{display:none}}
@media(max-width:800px){.sv21-carousel .sv21-banner-slide{background-image:var(--sv21-mobile-hero,var(--sv21-hero))}.sv21-carousel .sv21-banner-slide[data-mobile-image]:not([data-mobile-image=""]){background-size:contain;background-position:center;padding-top:0}.sv21-banner-slide[data-mobile-image]:not([data-mobile-image=""]) .sv21-hero-copy{display:none}}
/* Compact hero. Only presentation changes; carousel behavior remains unchanged. */
.sv21-carousel-track{height:530px;min-height:0}
.sv21-carousel .sv21-slide{height:530px;min-height:0;box-sizing:border-box}
@media(min-width:801px){
 .sv21-carousel .sv21-banner-slide{background-size:cover;background-position:center 60%}
 .sv21-carousel .sv21-banner-slide:nth-child(3){background-position:center 55%}
 .sv21-carousel .sv21-banner-slide:nth-child(4){background-position:center 62%}
}
.sv21-universe-photo[data-universe="visage"] img{object-position:44% center}
.sv21-universe-photo[data-universe="cheveux"] img{object-position:43% center}
.sv21-universe-photo[data-universe="corps-hygiene"] img{object-position:55% center}
.sv21-universe-photo[data-universe="maquillage"] img{object-position:42% center}
.sv21-universe-photo[data-universe="ongles"] img{object-position:60% center}
.sv21-universe-photo[data-universe="complements"] img{object-position:62% center}
.sv21-photo-universes .sv21-universe-photo .sv21-universe-caption{color:#fffdf4;margin-top:0}
.sv21-universe-photo[data-universe="ongles"] img{height:140%;max-height:none;object-position:44% top}
@media(max-width:800px){
 .sv21-carousel-track,.sv21-carousel .sv21-slide{height:460px;min-height:0}
 .sv21-carousel .sv21-slide:not(.sv21-banner-slide){align-items:flex-start;background-size:cover,auto 245px;background-position:center,center bottom}
 .sv21-carousel .sv21-hero-copy{padding:22px 22px 58px}
 .sv21-carousel .sv21-slide-title{font-size:30px;margin:9px 0 12px;letter-spacing:-.8px}
 .sv21-carousel .sv21-hero-copy>p:not(.sv21-eyebrow){font-size:13px;line-height:1.5;margin:0 0 15px}
 .sv21-carousel .sv21-banner-slide .sv21-hero-copy{padding:16px 22px 50px}
 .sv21-carousel .sv21-banner-slide .sv21-eyebrow{font-size:10px;margin:0}
 .sv21-carousel .sv21-banner-slide .sv21-slide-title{font-size:27px;margin:8px 0 9px}
 .sv21-carousel-controls{bottom:8px;gap:5px;padding:2px 6px}
 .sv21-carousel-controls button{height:32px;width:32px}
 .sv21-carousel-dots button{width:24px}
}
/* Preserve the complete supplied artwork; no cover crop on the foreground. */
@media(min-width:801px){
 .sv21-carousel .sv21-banner-slide{background-image:none;background:#173b2a;isolation:isolate;padding:0 0 62px;overflow:hidden}
 .sv21-banner-slide::before{content:"";position:absolute;inset:-25px;background-image:var(--sv21-hero);background-position:center;background-size:cover;filter:blur(24px);opacity:.5;z-index:-1}
 .sv21-banner-art{position:absolute;inset:0 0 62px;background-image:var(--sv21-hero);background-size:contain;background-repeat:no-repeat;background-position:center}
 .sv21-carousel .sv21-banner-slide .sv21-hero-copy{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;padding:10px 32px;height:62px;box-sizing:border-box;background:#fffdf4;z-index:2}
 .sv21-banner-slide .sv21-hero-copy>p,.sv21-banner-slide .sv21-slide-title{display:none}
 .sv21-carousel .sv21-banner-slide .sv21-button{font-size:11px;padding:11px 20px}
 .sv21-carousel-controls{left:auto;right:22px;transform:none;bottom:8px;background:#fffdf4}
 .sv21-carousel .sv21-slide:not(.sv21-banner-slide){background-size:cover,contain;background-repeat:no-repeat;background-position:center,right center}
}
@media(max-width:800px){.sv21-banner-art{display:none}}

/* 23/10/2026 : diapositive « La beauté, à chaque texture » (photo à droite, texte sur fond crème, photo non modifiée) */
@media(min-width:801px){
.sv21-carousel .sv21-split-slide{background-image:none!important;background-color:var(--sv21-cream);position:relative}
.sv21-split-slide::before{content:"";position:absolute;top:0;right:0;bottom:0;width:62%;background-image:var(--sv21-hero);background-size:cover;background-position:30% center}
.sv21-split-slide::after{content:"";position:absolute;top:0;bottom:0;right:calc(62% - 100px);width:100px;background:linear-gradient(90deg,var(--sv21-cream),rgba(245,238,227,0))}
.sv21-split-slide .sv21-hero-copy{position:relative;z-index:1;width:34%;max-width:460px}
.sv21-carousel .sv21-split-slide .sv21-slide-title{font-size:46px;letter-spacing:-1.2px}
}
.sv21-split-slide .sv21-slide-title:after{content:"";display:block;width:56px;height:2px;background:var(--sv21-gold);margin-top:18px}
.sv21-split-slide .sv21-hero-copy>p:not(.sv21-eyebrow):empty{display:none}
@media(max-width:800px){
.sv21-carousel .sv21-split-slide{background-image:none!important;background-color:var(--sv21-cream);display:block;position:relative;padding-top:calc(100vw * .627)}
.sv21-split-slide::before{content:"";position:absolute;top:0;left:0;right:0;height:calc(100vw * .627);background-image:var(--sv21-hero);background-size:cover;background-position:center}
.sv21-carousel .sv21-split-slide .sv21-hero-copy{position:relative;padding:20px 22px 64px}
.sv21-carousel .sv21-split-slide .sv21-slide-title{font-size:28px;margin:10px 0 18px}
}
@media(max-width:800px){.sv21-carousel .sv21-split-slide{padding-top:calc(100vw * .5)}.sv21-split-slide::before{height:calc(100vw * .5);background-position:center 40%}.sv21-carousel .sv21-split-slide .sv21-hero-copy{padding:14px 22px 76px}.sv21-carousel .sv21-split-slide .sv21-slide-title{font-size:25px;margin:8px 0 14px}.sv21-split-slide .sv21-slide-title:after{margin-top:12px}}
@media(max-width:800px){.sv21-carousel .sv21-split-slide{padding-top:calc(100vw * .627)}.sv21-split-slide::before{height:calc(100vw * .627);background-size:cover;background-position:center}}
@media(max-width:800px){.sv21-carousel .sv21-split-slide{padding-top:min(calc(100vw * .627),236px)}.sv21-split-slide::before{height:min(calc(100vw * .627),236px);background-position:center 35%}}