/* IF-MODERN v1 : couche 2026 Chill & Premium, additive, noir-or intact */
@media (prefers-reduced-motion: no-preference){
[data-ifr]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.if-in{opacity:1!important;transform:none!important}
.hero__content{animation:ifup .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes ifup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.product-card{transition:transform .35s ease,box-shadow .35s ease}
.product-card:hover{transform:translateY(-8px);box-shadow:0 18px 50px rgba(212,175,55,.16)}
.product-card img{transition:transform .6s ease}
.product-card:hover img{transform:scale(1.045)}
.btn--primary,.if-main-cta{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.btn--primary:hover,.if-main-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(212,175,55,.35)}
.btn--primary::after,.if-main-cta::after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn--primary:hover::after,.if-main-cta:hover::after{left:130%}
.section__title{position:relative}
.section__title::after{content:"";display:block;width:0;height:3px;margin-top:.45rem;border-radius:2px;background:linear-gradient(90deg,#d4af37,#f5d67b);transition:width .7s ease .15s}
.if-in .section__title::after,.section__title.if-in::after{width:64px}
}
#nav{transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
.if-nav-glass{background:rgba(9,9,11,.74)!important;backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);box-shadow:0 10px 34px rgba(0,0,0,.4)}
.if-video-hero{padding:clamp(18px,4vw,42px) 16px;display:flex;justify-content:center;background:radial-gradient(80% 120% at 50% 0%,rgba(212,175,55,.08),transparent 60%)}
.if-vwrap{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.5),0 0 0 1px rgba(212,175,55,.22);max-width:430px;width:100%}
.if-vwrap video{display:block;width:100%;height:auto}
.if-sound{position:absolute;right:12px;bottom:12px;z-index:3;width:46px;height:46px;border-radius:999px;border:1px solid rgba(212,175,55,.65);background:rgba(10,10,12,.6);color:#f5d67b;font-size:19px;cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}
.if-sound:hover{transform:scale(1.08);background:rgba(212,175,55,.22)}
.if-vplay{position:absolute;inset:0;display:none;place-items:center;font-size:52px;color:#f5d67b;text-shadow:0 4px 24px rgba(0,0,0,.6);pointer-events:none}
.if-paused .if-vplay{display:grid}
.if-marquee{overflow:hidden;border-block:1px solid rgba(212,175,55,.22);background:linear-gradient(90deg,#0a0a0c,#131316 50%,#0a0a0c)}
.if-marquee__track{display:flex;gap:3.2rem;width:max-content;padding:.85rem 0;color:#e9c982;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;white-space:nowrap}
@media (prefers-reduced-motion: no-preference){.if-marquee__track{animation:ifmq 30s linear infinite}}
@keyframes ifmq{to{transform:translateX(-50%)}}
.if-marquee__track span::after{content:"✦";margin-left:3.2rem;color:#8a6d1f}
details.faq-item{transition:box-shadow .3s ease}
details.faq-item[open]{box-shadow:0 8px 30px rgba(212,175,55,.1)}