@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,600&family=Montserrat:wght@400;500;600&display=swap");
:root{--gold:#efc36b;--bg:#020a0f;--line:rgba(255,255,255,.17)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#fff;font-family:Montserrat,Arial,sans-serif}body{overflow-x:hidden}
.hero{position:relative;width:100%;overflow:hidden;background:#000}.hero>img{display:block;width:100%;height:auto}
.reserve,.whatsapp{position:absolute;display:block;z-index:5}.reserve{left:4.35%;top:80.6%;width:14.8%;height:7%}.whatsapp{left:20.7%;top:80.6%;width:16.5%;height:7%}

.destinations{text-align:center;padding:31px 27px 22px;background:linear-gradient(180deg,#0a1d28,#06141c 48%,#020a0f)}
.kicker{font-size:9px;letter-spacing:4px;color:var(--gold);margin-bottom:8px}.destinations h1{font:600 51px/1 "Cormorant Garamond",serif;margin:0}.goldline{width:52px;height:3px;background:var(--gold);margin:14px auto 26px}
.cards{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:hidden}
.card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#07131a}
.card img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}

.benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit,.signature{min-height:137px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center}
.benefit{flex-direction:column}.benefit b{font-size:34px;line-height:1;color:var(--gold);font-weight:400;margin-bottom:11px}.benefit span{font-size:11px;line-height:1.5}
.signature{color:var(--gold);font:italic 600 38px/.9 "Cormorant Garamond",serif;flex-direction:column;transform:rotate(-3deg)}.signature i{font:inherit;font-size:30px;margin-top:7px}

footer{padding:28px 46px 20px;background:#020a0f}.footer-main{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.contact{font-size:13px;line-height:1.85}.instagram{justify-self:center;width:43px;height:43px;display:block}.instagram svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.8}.instagram .dot{fill:#fff;stroke:none}
.legal{max-width:1220px;margin:27px auto 0;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#ddd}

@media(max-width:850px){
 .destinations{padding:28px 14px 20px}.destinations h1{font-size:42px}.goldline{margin-bottom:20px}
 .cards{gap:7px}.card{overflow:hidden}.card img{width:100%;height:auto;max-width:100%;object-fit:contain}
 .benefit,.signature{min-height:104px}.benefit b{font-size:21px;margin-bottom:7px}.benefit span{font-size:6.2px}.signature{font-size:22px}.signature i{font-size:18px}
 footer{padding:25px 16px 16px}.contact{font-size:8px}.instagram{width:29px;height:29px}.legal{font-size:6px;margin-top:20px;padding-top:16px}
}
@media(max-width:560px){
 .destinations h1{font-size:39px}.cards{gap:6px}
 .benefit span{font-size:5.5px}.benefit b{font-size:19px}.signature{font-size:19px}.signature i{font-size:16px}
}

/* Correction finale : aucun débordement entre les cartes destinations */
.cards{
  overflow:hidden !important;
}
.card{
  position:relative !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.card img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* CORRECTION FINALE DES PETITES BANDES LATERALES DES CARTES */
.card{
  overflow:hidden !important;
  position:relative !important;
}
.card img{
  display:block !important;
  width:calc(100% + 6px) !important;
  max-width:none !important;
  height:auto !important;
  margin-left:-3px !important;
  margin-right:-3px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:850px){
  .card img{
    width:calc(100% + 4px) !important;
    max-width:none !important;
    margin-left:-2px !important;
    margin-right:-2px !important;
  }
}

/* V2 — SUPPRESSION TOTALE DES DERNIERS DEBORDEMENTS DESTINATIONS */
.dest-grid{
  overflow:hidden !important;
}
.card{
  overflow:hidden !important;
  isolation:isolate !important;
  background:#071018 !important;
}
.card img{
  display:block !important;
  width:calc(100% + 12px) !important;
  max-width:none !important;
  margin-left:-6px !important;
  margin-right:-6px !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  clip-path:inset(0 6px 0 6px) !important;
}
@media(max-width:850px){
  .dest-grid{
    overflow:hidden !important;
  }
  .card{
    overflow:hidden !important;
  }
  .card img{
    width:calc(100% + 10px) !important;
    max-width:none !important;
    margin-left:-5px !important;
    margin-right:-5px !important;
    clip-path:inset(0 5px 0 5px) !important;
  }
}

/* V3 - correction réelle des bandes incluses dans ski.jpg et cotedazur.jpg */
.cards { overflow:hidden !important; }
.card { min-width:0 !important; overflow:hidden !important; }
.card img {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  clip-path:none !important;
}
@media(max-width:850px){
  .card img {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    clip-path:none !important;
  }
}

/* V4 — logos premium comme sur le modèle */
.benefit-icon{width:38px;height:38px;display:block;margin:0 auto 9px;fill:none;stroke:#e6bd62;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact>div{display:flex;align-items:center;gap:9px;white-space:nowrap}
.contact svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#e6bd62;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:850px){
 .benefit-icon{width:25px;height:25px;margin-bottom:5px}
 .contact>div{gap:5px}
 .contact svg{width:10px;height:10px;flex-basis:10px}
}