/* Refonte dynamique Blue Dunes — sur la base visuelle de la V1 */
.hero{background:none!important;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-shot{position:absolute;inset:-3%;background-position:center;background-size:cover;opacity:0;transform:scale(1.08);transition:opacity 1.1s ease;will-change:transform,opacity}
.hero-shot.visible{opacity:1;animation:cinematic-pan 7s linear forwards}
.hero-shot-main{background-image:url('assets/hero-boat-action.png');background-position:65% center}
.hero-shot-second{background-image:url('assets/hero-hurghada.png');background-position:58% center}
.hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(2,27,39,.92) 0%,rgba(2,31,44,.71) 39%,rgba(0,25,37,.08) 74%),linear-gradient(0deg,rgba(1,22,32,.45),transparent 50%)}
.hero-progress{position:absolute;z-index:4;right:5.5vw;bottom:45px;display:flex;gap:8px}
.hero-progress button{width:34px;height:4px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.38);cursor:pointer;transition:.3s}
.hero-progress button.active{width:62px;background:#12d0cb}
.card-image{background:#dbecee}
.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.tour-card:hover .card-image>img{transform:scale(1.07)}
.tour-card:hover{transform:translateY(-9px) rotate(.15deg)}
.tour-card .badge,.tour-card .heart{backdrop-filter:blur(8px)}
.filters button[data-filter="culture"]{display:none}
.finder-field button:focus-visible,.filters button:focus-visible,.hero-progress button:focus-visible{outline:3px solid #ffbf45;outline-offset:3px}
.finder-field button.changed{color:#09aeb0}
.search-button{transition:.25s}.search-button:hover{transform:scale(1.04);box-shadow:0 10px 25px rgba(11,197,199,.3)}
.tour-card.reveal{animation:card-in .5s both}
.site-header{backdrop-filter:blur(4px);background:linear-gradient(180deg,rgba(2,28,40,.35),transparent)}
.nav-cta,.button.primary,.whatsapp{transition:transform .25s,box-shadow .25s}.nav-cta:hover,.button.primary:hover,.whatsapp:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(255,108,77,.3)}
@keyframes cinematic-pan{from{transform:scale(1.08) translateX(0)}to{transform:scale(1.02) translateX(-1.5%)}}
@keyframes card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-progress{right:24px}.brand-logo{width:195px}}
@media(max-width:600px){.hero-shot{inset:0}.hero-shot-main{background-position:70% center}.hero-shot-second{background-position:66% center}.hero-progress{left:22px;right:auto;bottom:88px}.rating-pill{bottom:25px}.brand-logo{width:172px}.card-image{height:245px}.site-header{backdrop-filter:blur(8px);background:rgba(3,29,41,.28)}}
@media(prefers-reduced-motion:reduce){.hero-shot.visible,.tour-card.reveal{animation:none}.hero-shot{transform:none;transition:none}}