/* ============================================================
   eMB DRIVE — page véhicule (show) — thème sombre premium
   Galerie en fondu (crossfade) + specs + réservation dynamique.
   Préfixe .dv-  | Header/drawer via home-vision.css (.hv-*)
   ============================================================ */
.dv{--drive:#34A8E0;--drive2:#5EC5F0;--soft:#8A93A6;--line:#1c2233;--paper:#0d1119;--field:#0a0e15;
  background:#070A11;color:#fff;font-family:var(--font-body,'Inter',sans-serif)}
.dv *{box-sizing:border-box;min-width:0}
.dv a{text-decoration:none;color:inherit}
.dv-wrap{display:grid;grid-template-columns:1fr 380px;gap:28px;padding:26px 40px 44px;max-width:1280px;margin:0 auto;align-items:start}
.dv-content{min-width:0}
/* banner slider engagement inclus dans la colonne */
.dv-content .eb-wrap{max-width:none;margin:22px 0 0;padding:0}

/* ===== GALERIE FONDU ===== */
.dv-gallery{height:400px;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0e2836,#0a1622)}
.dv-slides{position:absolute;inset:0}
.dv-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease}
.dv-slide.on{opacity:1;transform:scale(1.12);transition:opacity 1.1s ease, transform 6.5s ease}
.dv-slide.dv-ph{display:flex;align-items:center;justify-content:center;font-size:120px;opacity:1;transform:none}
.dv-gallery:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,10,17,.28),transparent 28%,transparent 72%,rgba(7,10,17,.55))}
.dv-cat{position:absolute;top:16px;left:16px;z-index:2;background:rgba(52,168,224,.92);color:#fff;font-size:12px;font-weight:800;padding:6px 13px;border-radius:20px;backdrop-filter:blur(6px)}
.dv-rate{position:absolute;top:16px;right:16px;z-index:2;background:rgba(10,14,21,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:13px;font-weight:700;padding:6px 13px;border-radius:20px}
.dv-rate .st{color:#AECBEC}
.dv-fav{position:absolute;bottom:16px;right:16px;z-index:2;width:42px;height:42px;border-radius:50%;background:rgba(10,14,21,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
.dv-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3}
.dv-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;padding:0;transition:.25s}
.dv-dot.on{width:22px;border-radius:4px;background:#fff}

/* ===== TITRE ===== */
.dv-head{display:flex;justify-content:space-between;align-items:flex-start;margin-top:22px;gap:16px}
.dv-head h1{font-family:var(--font-display,'Bricolage Grotesque',sans-serif);font-weight:800;font-size:30px;letter-spacing:-1px;line-height:1.05}
.dv-head .meta{color:var(--soft);font-size:14px;margin-top:5px}
.dv-head .price{text-align:right;flex:0 0 auto}
.dv-head .price .v{font-family:var(--font-display,'Bricolage Grotesque',sans-serif);font-weight:800;font-size:22px;color:var(--drive2)}
.dv-head .price .u{font-size:12px;color:var(--soft)}
.dv-head .price .st{color:#AECBEC}

/* ===== SPECS ===== */
.dv-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.dv-spec{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 12px;text-align:center}
.dv-spec .e{width:42px;height:42px;margin:0 auto 8px;border-radius:12px;background:rgba(52,168,224,.14);display:flex;align-items:center;justify-content:center;font-size:20px}
.dv-spec .v{font-weight:700;font-size:14px}
.dv-spec .l{font-size:11px;color:var(--soft);margin-top:2px}

/* ===== CARTES (équipements / avis) ===== */
.dv-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:22px}
.dv-card h3{font-family:var(--font-display,'Bricolage Grotesque',sans-serif);font-size:17px;font-weight:700;margin-bottom:14px}
.dv-equips{display:flex;flex-wrap:wrap;gap:9px}
.dv-equip{background:rgba(52,168,224,.12);border:1px solid rgba(52,168,224,.28);color:#1E6FA0;font-size:13px;font-weight:600;padding:7px 13px;border-radius:20px}
.dv-avis{padding:12px 0;border-bottom:1px solid var(--line)}
.dv-avis:last-child{border-bottom:none}
.dv-avis .top{display:flex;justify-content:space-between;align-items:center}
.dv-avis .top b{font-size:14px}
.dv-avis .top .st{color:#AECBEC;font-weight:700;font-size:13px}
.dv-avis .cm{font-size:13px;color:var(--soft);margin-top:5px}

/* ===== BOOKING ===== */
.dv-book{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;position:sticky;top:88px;align-self:start;box-shadow:0 20px 50px -22px rgba(0,0,0,.6)}
.dv-pj{font-family:var(--font-display,'Bricolage Grotesque',sans-serif);font-weight:800;font-size:26px;color:var(--drive2)}
.dv-pj .u{font-size:13px;color:var(--soft);font-weight:600}
.dv-hint{font-size:11px;color:var(--soft);margin-top:4px;line-height:1.5}
.dv-fld{margin-bottom:12px}
.dv-fld label{display:block;font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.dv-fld input{width:100%;background:var(--field);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:#fff;font-size:14px;font-family:inherit;outline:none}
.dv-fld input:focus{border-color:var(--drive)}
.dv-fld input::placeholder{color:#5a6478}
.dv-row{display:flex;gap:10px}
.dv-duree{font-size:12px;color:var(--drive2);font-weight:600;margin:2px 0 14px}
.dv-err{display:none;color:#E8362A;font-size:12px;font-weight:600;margin-bottom:10px}
.dv-seg{display:flex;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:4px;margin:6px 0 16px}
.dv-seg button{flex:1;background:transparent;border:none;color:var(--soft);font-weight:700;font-size:13px;padding:10px;border-radius:9px;cursor:pointer;font-family:inherit;transition:.15s}
.dv-seg button.on{background:var(--drive);color:#fff}
.dv-recap{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:16px;font-size:13px}
.dv-recap .r{display:flex;justify-content:space-between;margin-bottom:8px}
.dv-recap .r span:first-child{color:var(--soft)}
.dv-recap .tot{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);font-size:15px}
.dv-recap .tot b{color:var(--drive2);font-family:var(--font-display,'Bricolage Grotesque',sans-serif)}
.dv-recap .cau{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--soft)}
.dv-btn{width:100%;background:linear-gradient(135deg,var(--drive),var(--drive2));color:#04222f;border:none;border-radius:14px;padding:15px;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit;box-shadow:0 12px 28px -8px rgba(52,168,224,.5)}
.dv-pay{margin-top:13px;background:#F5F8FC;border:1px solid #D8DEE8;color:#5a6472;font-size:12.5px;font-weight:600;text-align:center;padding:10px;border-radius:11px}

/* ===== SIMILAIRES ===== */
.dv-sim{padding:0 40px 44px;max-width:1280px;margin:0 auto}
.dv-sim h2{font-family:var(--font-display,'Bricolage Grotesque',sans-serif);font-size:22px;font-weight:800;margin-bottom:16px}
.dv-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dv-vcard{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s;display:block}
.dv-vcard:hover{transform:translateY(-4px);border-color:#2e3852}
.dv-vcard .ph{height:130px;background:linear-gradient(135deg,#0e2836,#0a1622);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:44px}
.dv-vcard .bd{padding:12px 14px 14px}
.dv-vcard .nm{font-weight:700;font-size:14px}
.dv-vcard .sub{font-size:12px;color:var(--soft);margin-top:2px}
.dv-vcard .ft{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}
.dv-vcard .pr .v{font-family:var(--font-display,'Bricolage Grotesque',sans-serif);font-weight:800;font-size:14px}
.dv-vcard .pr .u{font-size:11px;color:var(--soft)}
.dv-vcard .rent{background:rgba(52,168,224,.14);color:var(--drive2);font-size:12px;font-weight:700;padding:6px 12px;border-radius:9px;flex:0 0 auto}

/* ===== FLATPICKR — thème sombre ===== */
.flatpickr-calendar{background:#0d1119;border:1px solid #1c2233;box-shadow:0 20px 50px rgba(0,0,0,.6);color:#fff}
.flatpickr-months,.flatpickr-weekdays,.flatpickr-weekdaycontainer{background:transparent}
.flatpickr-months .flatpickr-month,.flatpickr-current-month,.flatpickr-current-month input.cur-year,.flatpickr-monthDropdown-months{color:#fff;fill:#fff}
.flatpickr-monthDropdown-months{background:#0d1119}
.flatpickr-weekday{color:#8A93A6}
.flatpickr-day{color:#e6e9f0}
.flatpickr-day:hover,.flatpickr-day:focus{background:#1c2233;border-color:#1c2233}
.flatpickr-day.today{border-color:#34A8E0}
.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#34A8E0;border-color:#34A8E0;color:#fff}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:#3a4152}
.flatpickr-day.inRange{background:#12283a;border-color:#12283a;box-shadow:-5px 0 0 #12283a,5px 0 0 #12283a}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{fill:#fff}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#34A8E0}
.flatpickr-calendar.arrowTop:before{border-bottom-color:#1c2233}.flatpickr-calendar.arrowTop:after{border-bottom-color:#0d1119}
.flatpickr-calendar.arrowBottom:before{border-top-color:#1c2233}.flatpickr-calendar.arrowBottom:after{border-top-color:#0d1119}

@media(max-width:980px){
  .dv-wrap{grid-template-columns:1fr;padding:16px 16px 40px}
  .dv-book{position:static}
  .dv-gallery{height:250px}
  .dv-specs{grid-template-columns:1fr 1fr}
  .dv-vgrid{grid-template-columns:1fr 1fr}
  .dv-sim{padding:0 16px 40px}
  .dv-head h1{font-size:24px}
}

/* ══════════════════════════════════════════════════════════════════
   FICHE VÉHICULE — style « Moderne épuré » (thème clair).
   Raffinements visuels + barre de réservation sticky sur mobile.
   ══════════════════════════════════════════════════════════════════ */

/* --- Galerie : coins plus arrondis, ombre douce --- */
.dv-gallery{ border-radius:22px !important; box-shadow:0 12px 36px rgba(40,30,15,.12); }
.dv-cat{
  background:rgba(255,255,255,.92) !important; backdrop-filter:blur(6px);
  color:#1E6FA0 !important; font-weight:700 !important;
}
.dv-fav{
  background:rgba(255,255,255,.25) !important; backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.4) !important;
}

/* --- Titre plus grand et net --- */
.dv-head h1{ font-size:27px !important; font-weight:800 !important; letter-spacing:-.6px !important; }

/* --- Specs : cartes épurées qui se soulèvent --- */
.dv-spec{
  border-radius:14px !important;
  transition:transform .2s, box-shadow .2s;
}
.dv-spec:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(40,30,15,.1); }
.dv-spec .v{ font-weight:800 !important; }

/* --- Panneau réservation : ombre premium, sticky desktop --- */
.dv-book{
  border-radius:20px !important;
  box-shadow:0 12px 32px rgba(40,30,15,.09) !important;
}
/* Bouton principal : dégradé bleu net */
.dv-btn{
  background:linear-gradient(135deg,#34A8E0,#1E6FA0) !important;
  border:none !important; font-weight:700 !important;
  box-shadow:0 8px 22px rgba(52,168,224,.35) !important;
  border-radius:14px !important;
  transition:transform .2s, box-shadow .2s;
}
.dv-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 26px rgba(52,168,224,.5) !important; }

/* ══════════════ BARRE STICKY MOBILE (réservation) ══════════════ */
.dv-mobile-bar{ display:none !important; }
@media (max-width: 900px){
  .dv-mobile-bar{
    display:flex !important;
    position:fixed; left:0; right:0; bottom:0; z-index:900;
    background:#fff; border-top:1px solid #EDE8DF;
    box-shadow:0 -6px 20px rgba(40,30,15,.1);
    padding:11px 16px;
    align-items:center; gap:13px;
  }
  .dv-mobile-bar .dmb-price{ display:flex; flex-direction:column; line-height:1; }
  .dv-mobile-bar .dmb-v{ font-size:17px; font-weight:800; color:#1a1712; }
  .dv-mobile-bar .dmb-u{ font-size:9px; color:#9aa3b5; margin-top:2px; }
  .dv-mobile-bar .dmb-btn{
    flex:1; text-align:center;
    font-size:13.5px; font-weight:700; color:#fff;
    background:linear-gradient(135deg,#34A8E0,#1E6FA0);
    padding:13px; border-radius:12px; border:none; cursor:pointer;
    box-shadow:0 6px 16px rgba(52,168,224,.35);
    text-decoration:none;
  }
  /* on laisse de la place en bas pour ne pas cacher le contenu */
  .dv{ padding-bottom:80px; }
  /* le panneau réservation classique reste visible aussi (scroll normal) */
}

/* ══════════════════════════════════════════════════════════════════
   CORRECTIF thème clair : badges/boutons bleus lisibles.
   Le CSS sombre utilisait des bleus très clairs (#1E6FA0) illisibles
   sur fond clair. On force un bleu foncé lisible.
   ══════════════════════════════════════════════════════════════════ */
.dv-equip{
  background:rgba(52,168,224,.1) !important;
  border:1px solid rgba(52,168,224,.3) !important;
  color:#1E6FA0 !important;   /* bleu foncé lisible */
  font-weight:700 !important;
}
.dv-vcard .rent{
  background:linear-gradient(135deg,#34A8E0,#1E6FA0) !important;
  color:#fff !important;      /* bouton Voir : blanc sur bleu */
  font-weight:700 !important;
}
/* bouton secondaire "Paiement à la prise en charge" */
.dv-btn-ghost, .dv-btn2, .dv-pay-later{
  background:#F5F8FC !important;
  border:1px solid #D8DEE8 !important;
  color:#5a6472 !important;
}
/* bouton "Paiement à la prise en charge" (vraie classe) */
.dv-pay{
  background:#F5F8FC !important;
  border:1px solid #D8DEE8 !important;
  color:#5a6472 !important;
  font-weight:600 !important;
}

/* ══════════════════════════════════════════════════════════════════
   FICHE VÉHICULE — améliorations « soignées » (desktop + mobile).
   Icônes specs colorées, bloc prix mis en valeur, barre sticky verre.
   ══════════════════════════════════════════════════════════════════ */

/* --- SPECS : icônes dans pastilles colorées (une couleur par spec) --- */
.dv-spec .e{
  width:42px; height:42px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; margin:0 auto 8px;
}
.dv-spec .e{ background:rgba(30,58,95,.08) !important; }
.dv-spec .v{ font-weight:800 !important; }
.dv-spec .l{ color:#9aa3b5 !important; }

/* --- BLOC PRIX mis en valeur (dv-head .price) --- */
.dv-head .price{
  background:linear-gradient(135deg,#EFF6FB,#E4F1F9);
  border:1px solid #D5E8F3;
  border-radius:16px;
  padding:12px 18px;
  text-align:right;
}
.dv-head .price .v{
  font-size:24px !important; font-weight:900 !important;
  color:#1E6FA0 !important; letter-spacing:-.5px;
}
.dv-head .price .v .u{ font-size:11px !important; color:#5a8bb0 !important; font-weight:600 !important; }
.dv-head .price > .u{ font-size:10px !important; color:#5a8bb0 !important; }

/* --- BARRE STICKY MOBILE en verre dépoli (blur) --- */
@media (max-width: 900px){
  .dv-mobile-bar{
    background:rgba(255,255,255,.95) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    box-shadow:0 -8px 24px rgba(40,30,15,.1) !important;
  }
  .dv-mobile-bar .dmb-btn{
    box-shadow:0 8px 20px rgba(52,168,224,.4) !important;
  }
  /* image de galerie avec coins arrondis même sur mobile */
  .dv-gallery{ border-radius:20px !important; }
}

/* --- NOM du véhicule en surimpression sur l'image galerie --- */
.dv-gallery{ position:relative; }
.dv-name-ov{
  position:absolute; left:16px; right:16px; bottom:14px; z-index:4;
  pointer-events:none;
}
.dv-nm-title{
  font-size:22px; font-weight:800; color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.55); line-height:1.08;
}
.dv-nm-sub{
  font-size:11.5px; color:rgba(255,255,255,.9); margin-top:3px;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
}
/* dégradé sombre en bas de la galerie pour lisibilité du nom */
.dv-gallery::after{
  content:''; position:absolute; inset:0; z-index:3; pointer-events:none;
  background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.65) 100%);
  border-radius:20px;
}
/* on remonte les dots au-dessus du dégradé */
.dv-dots{ z-index:5 !important; }

/* Desktop : on garde le titre dans dv-head. Le nom sur image sert surtout au mobile.
   Sur mobile : le nom est sur l'image, on masque le titre en double. */
@media (max-width: 900px){
  .dv-head > div:first-child h1{ display:none; }
  .dv-head > div:first-child .meta{ display:none; }
  .dv-head{ justify-content:flex-start !important; }
  .dv-name-ov{ display:block; }
}
/* Desktop : le nom sur image reste visible aussi (c'est joli), mais discret */
@media (min-width: 901px){
  .dv-name-ov{ display:block; }
}

/* ══════════════════════════════════════════════════════════════════
   ★ STYLE « CHALEUREUX » (élégant, terre) — fiche véhicule ★
   Tons terre + accent doré/terracotta + titres serif.
   Remplace le bleu Drive par le doré chaud sur cette page.
   ══════════════════════════════════════════════════════════════════ */

/* Police serif élégante pour les titres */
.dv-nm-title,
.dv-head h1,
.dv-card h3,
.dv-sim h2,
.dv-pj,
.dv-recap .tot b,
.dv-recap .tot span{
  font-family:Georgia,'Times New Roman',serif !important;
}

/* --- Fond beige chaud de la page --- */
.dv{ background:#EFE7DA !important; }

/* --- Galerie : ombre chaude --- */
.dv-gallery{ box-shadow:0 14px 40px rgba(90,60,30,.18) !important; }
.dv-cat{ color:#5a4535 !important; }
.dv-nm-title{ font-weight:700 !important; }

/* --- Cartes : fond blanc, bordures terre --- */
.dv-card,
.dv-book,
.dv-vcard,
.dv-spec{
  background:#fff !important;
  border-color:#D8DEE8 !important;
}
.dv-card h3, .dv-sim h2{ color:#1a2438 !important; }

/* --- SPECS : pastilles terre --- */
.dv-spec .e{ background:#EDF1F7 !important; }
.dv-spec:nth-child(1) .e,
.dv-spec:nth-child(2) .e,
.dv-spec:nth-child(3) .e,
.dv-spec:nth-child(4) .e{ background:#EDF1F7 !important; }
.dv-spec .v{ color:#1a2438 !important; }
.dv-spec .l{ color:#9aa3b5 !important; }

/* --- BLOC PRIX : doré serif (au lieu du bleu) --- */
.dv-head .price{
  background:linear-gradient(135deg,#EDF1F7,#F3E8D3) !important;
  border:1px solid #D8DEE8 !important;
}
.dv-head .price .v{ color:#1e3a5f !important; }
.dv-head .price .v .u,
.dv-head .price > .u{ color:#a89078 !important; }

/* Prix du panneau réservation : doré serif */
.dv-pj{ color:#1e3a5f !important; }
.dv-pj .u{ color:#a89078 !important; }
.dv-hint{ color:#9aa3b5 !important; }

/* --- Champs du formulaire : fond crème chaud --- */
.dv-fld input{
  background:#F5F8FC !important;
  border-color:#D8DEE8 !important;
  color:#1a2438 !important;
}
.dv-fld label{ color:#9aa3b5 !important; }

/* --- FORMULE (seg) : doré quand actif --- */
.dv-seg{ background:#EDF1F7 !important; }
.dv-seg button.on{
  background:linear-gradient(135deg,#1e3a5f,#16283f) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(30,58,95,.3) !important;
}
.dv-seg button{ color:#7a8494 !important; }

/* --- RÉCAP : tons terre, total doré serif --- */
.dv-recap{ background:#F5F8FC !important; }
.dv-recap .r{ color:#5a6472 !important; }
.dv-recap .tot{ border-top-color:#E1E6EF !important; }
.dv-recap .tot b, .dv-recap .tot span{ color:#1e3a5f !important; }
.dv-duree{ color:#1e3a5f !important; }

/* --- BOUTON PRINCIPAL : doré chaud --- */
.dv-btn{
  background:linear-gradient(135deg,#1e3a5f,#16283f) !important;
  box-shadow:0 8px 24px rgba(30,58,95,.35) !important;
  color:#fff !important;
}
.dv-btn:hover{ box-shadow:0 10px 28px rgba(30,58,95,.5) !important; }

/* --- Bouton "Paiement à la prise" : crème chaud --- */
.dv-pay{
  background:#F5F8FC !important;
  border-color:#D8DEE8 !important;
  color:#7a8494 !important;
}

/* --- Équipements : badges terre --- */
.dv-equip{
  background:#EDF1F7 !important;
  border-color:#D8DEE8 !important;
  color:#1e3a5f !important;
}

/* --- Véhicules similaires : bouton Voir doré --- */
.dv-vcard .rent{
  background:linear-gradient(135deg,#1e3a5f,#16283f) !important;
  color:#fff !important;
}
.dv-vcard .nm{ color:#1a2438 !important; }
.dv-vcard .pr .v{ color:#1e3a5f !important; }

/* --- BARRE STICKY MOBILE : doré --- */
@media (max-width: 900px){
  .dv-mobile-bar .dmb-btn{
    background:linear-gradient(135deg,#1e3a5f,#16283f) !important;
    box-shadow:0 8px 20px rgba(30,58,95,.4) !important;
  }
  .dv-mobile-bar .dmb-v{ color:#1a2438 !important; font-family:Georgia,serif !important; }
}

/* ══════════════════════════════════════════════════════════════════
   EN-TÊTE CHALEUREUX — note en pastille, label prix, ligne décorative.
   ══════════════════════════════════════════════════════════════════ */

/* Pastille note ⭐ dans la meta */
.dv-head .meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.dv-rate-pill{
  display:inline-flex; align-items:center; gap:4px;
  background:#EDF1F7; color:#8a93a6;
  padding:3px 11px; border-radius:20px;
  font-size:12px;
}
.dv-rate-pill b{ color:#1e3a5f; }

/* Label "À partir de" sur le prix */
.dv-price-lbl{
  font-size:9px; font-weight:700; color:#9aa3b5;
  text-transform:uppercase; letter-spacing:.6px;
  margin-bottom:3px;
}

/* Ligne décorative dorée entre l'en-tête et les specs */
.dv-specs{ position:relative; }
.dv-specs::before{
  content:''; position:absolute; top:-18px; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg,#1e3a5f,transparent);
}

/* Titre un peu plus grand et specs qui se soulèvent */
.dv-head h1{ font-size:30px !important; font-weight:700 !important; }
.dv-spec{ transition:transform .2s, box-shadow .2s; }
.dv-spec:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(30,58,95,.12) !important; }

/* ══════════════════════════════════════════════════════════════════
   ESPACE en haut : décaler l'image sous la navbar fixe (hv-nav ~56px).
   ══════════════════════════════════════════════════════════════════ */
.dv-wrap{ padding-top:80px !important; }
@media (max-width: 900px){
  .dv-wrap{ padding-top:70px !important; }
}

/* ══════════════════════════════════════════════════════════════════
   Sur la fiche véhicule : on cache la barre de nav mobile (tabbar).
   Seule la barre « Réserver » reste en bas (action prioritaire).
   Ça supprime le bouton rond « Chercher » qui dépassait.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width: 900px){
  .hv-tabbar{ display:none !important; }
  /* on ajuste l'espace bas : plus besoin de compenser le tabbar, juste la barre Réserver */
  body{ padding-bottom:0 !important; }
  .dv{ padding-bottom:80px !important; }
}

/* ══════════════════════════════════════════════════════════════════
   BANDEAU DE RÉASSURANCE — ajouté après les specs
   Reprend des informations déjà réelles (caution/assurance existent,
   "Paiement à la prise en charge" est le texte déjà utilisé plus bas
   dans le panneau de réservation), simplement mises en avant plus tôt.
   ══════════════════════════════════════════════════════════════════ */
.dv-trust{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:#e7ddce; border:1px solid #e7ddce; border-radius:16px;
  overflow:hidden; margin-top:16px;
}
.dv-tr{
  background:#fff; padding:14px 12px;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px;
}
.dv-tr .e{ font-size:19px; }
.dv-tr .t{ font-size:11px; font-weight:800; color:#16283f; line-height:1.25; }

@media (max-width:900px){
  .dv-trust{ grid-template-columns:1fr 1fr; }
  .dv-tr{ padding:11px 8px; gap:4px; }
  .dv-tr .e{ font-size:16px; }
  .dv-tr .t{ font-size:9.5px; }
}