/* INSTAFOOD MOTION V11.48.94 · Corrections du 48.90 + marquee produits + sections immersives
   Delta vs 48.90 : masques de mots avec respiration d'ombre (les text-shadow Bagel ne sont plus rognés),
   roll-over à line-height hérité, et deux composants NST à contenu statique indexable. */

/* ── Composants statiques : visibles avec ou sans motion ── */
.ifm-marquee{overflow:hidden;background:#0a0806;border-top:1px solid rgba(245,166,35,.28);border-bottom:1px solid rgba(245,166,35,.28);padding:14px 0}
.ifm-marquee__track{display:flex;width:max-content}
.ifm-marquee__grp{display:flex;align-items:center}
.ifm-mq{display:inline-flex;align-items:center;gap:14px;padding:6px 30px;white-space:nowrap;text-decoration:none;color:var(--creme,#f4ede4)}
.ifm-mq img{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid rgba(245,166,35,.4);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.ifm-mq b{font-family:var(--font-chunk,'Bagel Fat One',Impact,sans-serif);font-weight:400;font-size:1.25rem;text-transform:uppercase;letter-spacing:.01em}
.ifm-mq i{font-style:normal;font-family:var(--font-chunk,'Bagel Fat One',Impact,sans-serif);color:var(--cheddar,#ffb100);font-size:1.05rem}
.ifm-mq--cta b{color:var(--cheddar,#ffb100)}
.ifm-mq__sep{color:rgba(245,166,35,.55);font-size:1.1rem;flex-shrink:0}
a.ifm-mq:hover b{color:var(--cheddar,#ffb100)}
a.ifm-mq:focus-visible{outline:2px solid var(--cheddar,#ffb100);outline-offset:3px;border-radius:10px}

.ifm-immersive{position:relative;max-width:1180px;margin:clamp(40px,6vw,72px) auto;padding:0 clamp(16px,4vw,40px)}
.ifm-immersive__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:center;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(245,166,35,.26);border-radius:26px;padding:clamp(18px,3vw,36px);box-shadow:0 22px 70px rgba(0,0,0,.32)}
.ifm-immersive__media{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(245,166,35,.3);aspect-ratio:4/3;background:#0d0a07}
.ifm-immersive__media img{width:100%;height:100%;object-fit:cover;display:block}
.ifm-immersive__media--video{aspect-ratio:9/16;max-width:320px;margin:0 auto}
.ifm-immersive__media video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.ifm-immersive__body h2{font-family:var(--font-chunk,'Bagel Fat One',Impact,sans-serif);font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:.95;text-transform:uppercase;color:#fff6e6;text-shadow:3px 3px 0 rgba(0,0,0,.4);margin:0 0 14px}
.ifm-immersive__body p{color:var(--creme-2,#d8cdb8);line-height:1.65;margin:0 0 22px;max-width:52ch}
.ifm-immersive__body p strong{color:var(--cheddar,#ffb100)}
@media (max-width:760px){
.ifm-immersive__inner{grid-template-columns:1fr}
.ifm-immersive__media{aspect-ratio:16/10}
.ifm-immersive__media--video{aspect-ratio:9/16;max-width:280px}
.ifm-mq{padding:6px 20px;gap:10px}
.ifm-mq img{width:52px;height:52px}
.ifm-mq b{font-size:1.05rem}
}

/* ── Couche animée : uniquement si le visiteur accepte le mouvement ── */
@media (prefers-reduced-motion: no-preference){

.ifm-marquee__track{animation:ifmDefile 44s linear infinite}
.ifm-marquee:hover .ifm-marquee__track{animation-play-state:paused}
@keyframes ifmDefile{to{transform:translateX(-50%)}}

.ifm-immersive__media img{transform-origin:center;animation:ifmKb 16s ease-in-out infinite alternate}
@keyframes ifmKb{from{transform:scale(1)}to{transform:scale(1.08)}}

.ifm-has-roll{overflow:hidden}
.ifm-roll{position:relative;display:inline-block;overflow:hidden;line-height:inherit;vertical-align:middle}
.ifm-roll>span{display:block;transition:transform .45s var(--easing,cubic-bezier(.16,1,.3,1))}
.ifm-roll>span+span{position:absolute;inset:0;transform:translateY(112%)}
.ifm-has-roll:hover .ifm-roll>span:first-child,
.ifm-has-roll:focus-visible .ifm-roll>span:first-child{transform:translateY(-112%)}
.ifm-has-roll:hover .ifm-roll>span+span,
.ifm-has-roll:focus-visible .ifm-roll>span+span{transform:translateY(0)}

.ifm-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .16em .22em 0;margin:0 -.16em -.22em 0}
.ifm-wi{display:inline-block;transform:translateY(125%);transition:transform .75s cubic-bezier(.16,1,.3,1)}
.ifm-split-in .ifm-wi{transform:translateY(0)}

[data-ifm="1"]{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s var(--easing,cubic-bezier(.16,1,.3,1));transition-delay:var(--ifm-d,0s)}
.ifm-in{opacity:1;transform:none}

}
@media (prefers-reduced-motion: reduce){
.ifm-wi,.ifm-roll>span{transform:none!important;transition:none!important}
[data-ifm="1"]{opacity:1!important;transform:none!important;transition:none!important}
.ifm-marquee__track,.ifm-immersive__media img{animation:none!important}
}

/* ── 48.93 : entrée de page cinématique (texte héros, jamais l'image LCP) ── */
@media (prefers-reduced-motion: no-preference){
.ifm-rise{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s var(--easing,cubic-bezier(.16,1,.3,1))}
.ifm-rise-in{opacity:1;transform:none}
/* ── Chaîne de fabrication : les 5 étapes s'activent en séquence ── */
.if-step{transition:transform .45s var(--easing,cubic-bezier(.16,1,.3,1)),box-shadow .45s ease}
.if-step .if-step__n{transition:background .35s ease,color .35s ease,transform .35s var(--easing,cubic-bezier(.16,1,.3,1))}
.if-step.ifm-step-on{transform:translateY(-7px) scale(1.02)}
.if-step.ifm-step-on .if-step__n{background:var(--cheddar,#ffb100);color:#141310;transform:scale(1.12)}
}
/* ── Failsafe : après 4 s, tout contenu piloté devient visible quoi qu'il arrive ── */
.ifm-failsafe [data-ifm="1"]{opacity:1!important;transform:none!important}
.ifm-failsafe .ifm-wi{transform:none!important}

/* ── 48.94 : STORYTELLING STICKY scroll-driven (5 etapes, typographie Instafood) ── */
html.ifm-stk-on .if-steps__list{display:none}
.ifm-stk-wrap{height:380vh;position:relative}
.ifm-stk-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:4vw;padding:0 6vw;overflow:hidden}
.ifm-stk-num{position:relative;font-family:var(--font-chunk,'Bagel Fat One',Impact,sans-serif);font-size:clamp(9rem,22vw,19rem);line-height:1;user-select:none}
.ifm-stk-ghost{color:transparent;-webkit-text-stroke:2px var(--cheddar,#ffb100)}
.ifm-stk-fill{position:absolute;inset:0;font-style:normal;color:var(--cheddar,#ffb100);clip-path:inset(100% 0 0 0);text-shadow:0 10px 40px rgba(255,177,0,.25)}
.ifm-stk-right{position:relative;min-height:16rem}
.ifm-stk-step{position:absolute;inset:0;opacity:0;transform:translateY(26px);transition:opacity .45s ease,transform .45s var(--easing,cubic-bezier(.16,1,.3,1));pointer-events:none;display:flex;flex-direction:column;justify-content:center}
.ifm-stk-step.actif{opacity:1;transform:none;pointer-events:auto}
.ifm-stk-step .if-step__t{font-family:var(--font-chunk,'Bagel Fat One',Impact,sans-serif);font-size:clamp(1.7rem,3.2vw,2.7rem);text-transform:uppercase;color:#fff6e6;text-shadow:3px 3px 0 rgba(0,0,0,.35);margin:0 0 14px}
.ifm-stk-step .if-step__d{color:var(--creme-2,#d8cdb8);line-height:1.7;max-width:36rem;font-size:clamp(1rem,1.35vw,1.15rem);margin:0}
.ifm-stk-bar{position:absolute;left:6vw;right:6vw;bottom:7vh;height:3px;background:rgba(245,166,35,.16);border-radius:2px}
.ifm-stk-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cheddar,#ffb100),#ffd873);border-radius:2px}
@media (max-width:820px){
.ifm-stk-wrap{height:330vh}
.ifm-stk-stage{grid-template-columns:1fr;align-content:center;gap:1.2rem;padding:0 7vw}
.ifm-stk-num{font-size:clamp(5.5rem,26vw,9rem)}
.ifm-stk-right{min-height:13rem}
}
/* ── Derive parallax des visuels heros au defilement (navigateurs scroll-timeline) ── */
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.page-hero figure{overflow:hidden}
.page-hero figure img{animation:ifmDrift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
@keyframes ifmDrift{from{transform:translateY(2%) scale(1.05)}to{transform:translateY(-2%) scale(1.05)}}
}
}