/* Smeg Hero Slider 2.0 — mat, minimaliste, mobile first */
.smhs{--ease:cubic-bezier(.77,0,.18,1);--out:cubic-bezier(.2,.8,.2,1);--ui:#f6f2ec;
	position:relative;width:100%;
	height:calc(var(--smhs-h,100) * 1vh - var(--smhs-top,0px));
	height:calc(var(--smhs-h,100) * 1svh - var(--smhs-top,0px));
	min-height:480px;max-height:1200px;overflow:hidden;background:#1b1917;color:#f6f2ec;isolation:isolate;
	touch-action:pan-y;-webkit-tap-highlight-color:transparent;outline:none}
.smhs[data-theme="light"]{--ui:#1d1b19}
.smhs *,.smhs *::before,.smhs *::after{box-sizing:border-box}
.smhs--full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* ---------- Formats choisis dans l'administration ---------- */
@media (min-width:768px){
	.smhs--dr{height:auto;aspect-ratio:var(--ar-d);max-height:none;min-height:460px}
	.smhs--dpx{height:calc(var(--h-d) * 1px);max-height:none;min-height:0}
}
@media (max-width:767px){
	.smhs--mr{height:auto;aspect-ratio:var(--ar-m);max-height:none;min-height:420px}
}

/* ---------- Slides ---------- */
.smhs__slides{position:absolute;inset:0}
.smhs__slide{--fg:#f6f2ec;position:absolute;inset:0;display:flex;align-items:flex-end;overflow:hidden;
	visibility:hidden;z-index:0;background:#1b1917}
.smhs__slide[data-theme="light"]{--fg:#1d1b19;background:#ece7df}
.smhs__slide.is-leaving{visibility:visible;z-index:1}
.smhs__slide.is-active{visibility:visible;z-index:2;animation:smhsFade 1s ease both}
@keyframes smhsFade{from{opacity:0}to{opacity:1}}

/* Calques à parallaxe (variables --mx/--my posées par le JS) */
.smhs__par{position:absolute;will-change:transform;pointer-events:none;
	transform:translate3d(calc(var(--mx,0) * var(--d,0) * .5px),calc(var(--my,0) * var(--d,0) * .35px),0)}
.smhs__par--bg{inset:-48px}
.smhs__bg{position:absolute;inset:0;background-color:#2a2623;background-image:var(--img,none);
	background-size:cover;background-position:center;transform:scale(1.12)}
@media (max-width:767px){.smhs__bg{background-image:var(--imgm,var(--img,none))}}
.is-active .smhs__bg,.is-leaving .smhs__bg{transform:scale(1)}
.is-active .smhs__bg{transition:transform 10s linear}

/* Voile mat : teinte douce + assombrissement franc, sans halo */
.smhs__shade{position:absolute;inset:0;pointer-events:none;background:
	linear-gradient(rgba(var(--rgb),.14),rgba(var(--rgb),.14)),
	linear-gradient(0deg,rgba(24,21,19,.74) 0%,rgba(24,21,19,.26) 60%,rgba(24,21,19,.12) 100%)}
.smhs__slide[data-theme="light"] .smhs__shade{background:
	linear-gradient(0deg,rgba(236,231,223,.92) 0%,rgba(236,231,223,.62) 55%,rgba(236,231,223,.3) 100%)}

/* Produit détouré (mise en page facultative) */
.smhs__par--prod{z-index:2;inset-inline:0;top:6%;height:46%;mix-blend-mode:multiply}
.smhs__slide[data-theme="dark"] .smhs__par--prod{mix-blend-mode:normal}
.smhs__prodbox{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.smhs__prod{height:100%;display:flex;align-items:center;justify-content:center;position:relative;
	opacity:0;transform:translateY(60px) scale(.88)}
.smhs__prod img{display:block;max-width:92%;max-height:100%;width:auto;height:auto;object-fit:contain}
.is-active .smhs__prod,.is-leaving .smhs__prod{opacity:1;transform:none}
.is-active .smhs__prod{transition:opacity 1s ease .4s,transform 1.4s var(--out) .4s}
.is-active .smhs__prod img{animation:smhsFloat 6s ease-in-out 2s infinite}
@keyframes smhsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---------- Texte ---------- */
.smhs__inner{position:relative;z-index:3;width:100%;max-width:1440px;margin:0 auto;padding:0 24px 112px}
.smhs__kicker{display:flex;align-items:center;gap:14px;margin:0 0 16px!important;font-size:.74rem;font-weight:500;
	letter-spacing:.26em;text-transform:uppercase;color:var(--fg)!important;opacity:.85}
.smhs__kicker::before{content:"";width:32px;height:2px;background:var(--a);transform:scaleX(0);transform-origin:left center}
.smhs[dir="rtl"] .smhs__kicker::before{transform-origin:right center}
.is-active .smhs__kicker::before,.is-leaving .smhs__kicker::before{transform:scaleX(1)}
.is-active .smhs__kicker::before{transition:transform 1s var(--out) .5s}

.smhs__title{margin:0 0 16px!important;padding:0!important;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.16;font-weight:500;
	letter-spacing:0;word-spacing:-.04em;text-wrap:balance;text-transform:none;color:var(--fg)!important}
.smhs__title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .04em .14em;margin-bottom:-.14em}
.smhs__title .w>span{display:inline-block;transform:translateY(118%);transform-origin:left bottom}
.smhs[dir="rtl"] .smhs__title{line-height:1.3;word-spacing:0}
.is-active .smhs__title .w>span,.is-leaving .smhs__title .w>span{transform:none}
.is-active .smhs__title .w>span{transition:transform 1.1s var(--out) calc(.55s + var(--i) * .08s)}

.smhs__rise{opacity:0;transform:translateY(22px)}
.is-active .smhs__rise,.is-leaving .smhs__rise{opacity:1;transform:none}
.is-active .smhs__rise{transition:opacity 1s ease var(--t,.95s),transform 1s var(--out) var(--t,.95s)}
.smhs__text{--t:.95s;margin:0 0 24px!important;max-width:34em;font-size:clamp(.92rem,2.4vw,1.02rem);line-height:1.55;color:var(--fg)!important}
.is-active .smhs__text,.is-leaving .smhs__text{opacity:.88}
.smhs__cta{--t:1.15s;display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
.smhs__price{font-size:1.15rem;font-weight:500;color:var(--fg)!important}

/* Bouton mat */
.smhs__btn{display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:14px 28px;border-radius:2px;
	background:#f4f0ea;color:#1d1b19!important;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
	text-decoration:none!important;border:0;box-shadow:none;transition:background .3s,color .3s}
.smhs__slide[data-theme="light"] .smhs__btn{background:#1d1b19;color:#f4f0ea!important}
.smhs__btn:hover,.smhs__btn:focus-visible{background:#fff}
.smhs__slide[data-theme="light"] .smhs__btn:hover,.smhs__slide[data-theme="light"] .smhs__btn:focus-visible{background:#000}
.smhs__btn svg{width:18px;height:18px;transition:transform .4s var(--out)}
.smhs__btn:hover svg{transform:translateX(6px)}
.smhs[dir="rtl"] .smhs__btn svg{transform:scaleX(-1)}
.smhs[dir="rtl"] .smhs__btn:hover svg{transform:translateX(-6px) scaleX(-1)}

/* ---------- Interface ---------- */
.smhs__ui{position:absolute;z-index:6;inset-inline:0;bottom:0;display:flex;align-items:center;gap:16px;
	padding:0 24px 20px;color:var(--ui);transition:color .6s ease}
.smhs__count{display:none!important}
.smhs__dots{display:flex;flex:1;gap:10px;max-width:640px}
.smhs__dot{position:relative;flex:1;height:44px;margin:0;padding:0;background:none;border:0;color:inherit;cursor:pointer;text-align:start}
.smhs__dot small{display:none;position:absolute;inset-inline:0;top:0;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.55;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}
.smhs__dot.is-active small,.smhs__dot:hover small{opacity:1}
.smhs__dot .bar{position:absolute;inset-inline:0;bottom:14px;height:1px;background:rgba(127,127,127,.5);overflow:hidden}
.smhs__dot i{position:absolute;inset:-1px 0;background:var(--ui);transform:scaleX(0);transform-origin:left center}
.smhs[dir="rtl"] .smhs__dot i{transform-origin:right center}
.smhs__dot.is-active i{animation:smhsFill var(--dur,7s) linear forwards}
@keyframes smhsFill{to{transform:scaleX(1)}}
.smhs.is-paused .smhs__dot.is-active i{animation-play-state:paused}
.smhs.no-auto .smhs__dot.is-active i{animation:none;transform:scaleX(1)}
.smhs__dot:focus-visible,.smhs__arrow:focus-visible{outline:2px solid var(--ui);outline-offset:2px}

.smhs__nav{display:flex;gap:10px;margin-inline-start:auto}
.smhs__arrow{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0;
	background:transparent;color:inherit;border:1px solid currentColor;cursor:pointer;opacity:.8;transition:opacity .3s}
.smhs__arrow:hover{opacity:1}
.smhs__arrow svg{width:18px;height:18px}
.smhs__arrow--prev svg{transform:scaleX(-1)}
.smhs[dir="rtl"] .smhs__arrow--prev svg{transform:none}
.smhs[dir="rtl"] .smhs__arrow--next svg{transform:scaleX(-1)}

/* ---------- Tablette / ordinateur ---------- */
@media (min-width:600px){
	.smhs__dot small{display:block}
	.smhs__dot{height:56px}
	.smhs__dot .bar{bottom:16px}
}
@media (min-width:900px){
	.smhs__slide{align-items:center}
	.smhs__inner{padding:0 72px 40px}
	.smhs__inner>*{max-width:540px}
	.smhs__title{font-size:clamp(2.1rem,3.1vw,3.3rem)}
	.smhs__shade{background:
		linear-gradient(rgba(var(--rgb),.14),rgba(var(--rgb),.14)),
		linear-gradient(90deg,rgba(24,21,19,.7) 0%,rgba(24,21,19,.32) 48%,rgba(24,21,19,.08) 100%)}
	.smhs[dir="rtl"] .smhs__shade{background:
		linear-gradient(rgba(var(--rgb),.14),rgba(var(--rgb),.14)),
		linear-gradient(270deg,rgba(24,21,19,.7) 0%,rgba(24,21,19,.32) 48%,rgba(24,21,19,.08) 100%)}
	.smhs__slide[data-theme="light"] .smhs__shade{background:
		linear-gradient(90deg,rgba(236,231,223,.92) 0%,rgba(236,231,223,.6) 48%,rgba(236,231,223,.15) 100%)}
	.smhs[dir="rtl"] .smhs__slide[data-theme="light"] .smhs__shade{background:
		linear-gradient(270deg,rgba(236,231,223,.92) 0%,rgba(236,231,223,.6) 48%,rgba(236,231,223,.15) 100%)}
	.smhs__par--prod{top:0;bottom:0;height:auto;inset-inline-start:auto;inset-inline-end:3%;width:54%}
	.smhs__prod{height:78%}
	.smhs__ui{padding:0 72px 32px}
}
@media (min-width:1500px){.smhs__inner{padding-inline:0}.smhs__ui{padding-inline:calc((100% - 1440px) / 2)}}

/* ---------- Accessibilité ---------- */
@media (prefers-reduced-motion:reduce){
	.smhs *,.smhs *::before,.smhs *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
	.smhs__bg{transform:none}
}