/* IF-MOTION v3 : systeme de profondeur. Transform-only, zero impact layout. */

/* Barre de progression or */
.if-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--ifp,0));background:linear-gradient(90deg,#d4af37,#f5a623,#ffe18a);z-index:9999;pointer-events:none}

/* Tilt 3D : cartes produits, avis, films */
html.if-3d .if-tilt{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.6,.3,1);will-change:transform}
html.if-3d .if-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(440px circle at var(--gx,50%) var(--gy,50%),rgba(245,214,123,.20),transparent 42%);z-index:3}
html.if-3d .if-tilt:hover .if-glare{opacity:1}

/* Flottement des visuels produits : l'objet respire */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
html.if-3d .product-card img{animation:if-float 5.6s ease-in-out infinite}
html.if-3d .product-card:nth-child(2n) img{animation-delay:.9s}
html.if-3d .product-card:nth-child(3n) img{animation-delay:1.7s}
@keyframes if-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(.35deg)}}
}

/* Profondeur hero : couches pilotees par JS */
.hero__bg,.hero__cheddar-top,.hero__cheddar-drip{will-change:transform}

@media (prefers-reduced-motion:reduce){.if-progress{display:none}}