/* ============================================================================
   BSA — habillage relevé sur bsacompany.fr le 2026-09-07.
   Codes du constructeur : bandeau ROUGE d'annonce en tête de page, barre transparente
   posée sur la photo (wordmark ailé à gauche, liens en capitales condensées), couverture
   à surtitre rouge et titre géant en capitales, boutons rouges rectangulaires à flèche.
   ========================================================================= */
:root{ --bs-noir:#0c0c0c; }

.bs-annonce{background:var(--accent);color:#fff;position:relative;z-index:95}
.bs-in{max-width:1400px;margin:0 auto;padding:0 26px;display:flex;align-items:center;gap:26px}
.bs-annonce .bs-in{justify-content:flex-end;min-height:46px;font-family:'Archivo','Inter',sans-serif;
  font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.bs-annonce a{color:#fff;display:inline-flex;align-items:center;gap:10px}
.bs-annonce a:hover{opacity:.82}

.bs-tete{position:absolute;top:46px;left:0;right:0;z-index:90}
/* ⚠️ Barre posée SUR la photo : le socle réserve 150 px en haut de la couverture pour la
   carte flottante de Ducati, ce qui laisserait une bande blanche. */
.couverture{padding-top:0}
.couverture.banniere-page{padding-top:0}
.bs-tete.pleine{position:sticky;top:0;background:var(--bs-noir)}
.bs-tete::before{content:"";position:absolute;inset:-46px 0 auto 0;height:190px;
  background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,0));pointer-events:none;z-index:-1}
.bs-tete.pleine::before{display:none}
.bs-tete .bs-in{min-height:78px}
.bs-logo img{height:34px;width:auto}
.bs-liens{display:flex;gap:26px;flex:1;justify-content:center}
.bs-liens a{color:#fff;font-family:'Archivo','Inter',sans-serif;font-weight:700;font-size:12.5px;
  letter-spacing:.12em;text-transform:uppercase;padding:4px 0;border-bottom:2px solid transparent}
.bs-liens a:hover,.bs-liens a.on{border-bottom-color:var(--accent)}
.bs-tel{color:#fff;font-family:'Archivo','Inter',sans-serif;font-weight:700;font-size:12.5px;
  letter-spacing:.10em}
.bs-tel:hover{color:var(--accent-clair)}
.bs-burger{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}

.cv-ey{color:var(--accent-clair);font-family:'Archivo','Inter',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:14px}
.couverture .nom-dist{font-family:'Archivo','Inter',sans-serif;font-weight:900;
  text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(34px,5.6vw,74px)}
.cv-cta{margin-top:26px}
.couverture .chevron{display:none}

.sec-titre span{font-family:'Archivo','Inter',sans-serif;font-weight:900;text-transform:uppercase;
  font-size:clamp(23px,3.2vw,40px);letter-spacing:-.01em;color:var(--encre)}
.sec-titre::before,.sec-titre::after{display:none}
.vo,.mod,.conc .c,.banniere,.btn{border-radius:0}

.bs-pied{background:var(--bs-noir);color:#dcdcdc;padding:54px 0 26px}
.bs-pied-haut{display:flex;gap:44px;flex-wrap:wrap}
.bs-pied-logo{height:30px;width:auto}
.bs-pied-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;flex:1;min-width:260px}
.bs-pied h4{font-family:'Archivo','Inter',sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;margin-bottom:12px}
.bs-pied a{display:block;color:#adadad;font-size:14px;padding:4px 0}
.bs-pied a:hover{color:var(--accent-clair)}
.bs-pied-bas{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  border-top:1px solid #262626;margin-top:34px;padding-top:18px;font-size:12.5px;color:#8a8a8a}
.bs-pied-bas a{display:inline;margin-left:18px}

.bs-tiroir{position:fixed;inset:0;background:var(--bs-noir);z-index:96;overflow-y:auto;
  padding:90px 26px 40px;display:flex;flex-direction:column}
.bs-tiroir a{color:#fff;font-family:'Archivo','Inter',sans-serif;font-weight:700;font-size:18px;
  letter-spacing:.06em;text-transform:uppercase;padding:14px 0;border-bottom:1px solid #202020}
.bs-tiroir .bs-cta{background:var(--accent);text-align:center;margin-top:18px;border:0}

@media (max-width:900px){
  .bs-tete{top:40px}
  .bs-liens,.bs-tel{display:none}
  .bs-burger{display:block;margin-left:auto}
  .bs-annonce .bs-in{font-size:10.5px;gap:12px;min-height:40px}
  .bs-annonce span:first-child{display:none}
  .bs-pied-cols{grid-template-columns:1fr 1fr}
}