/* Cycles Blain — cbavailability 1.9.55 : boutons Description / Caractéristiques plus propres.
   Une vraie flèche dessinée (bien centrée) à la place du caractère « ⌄ » qui tombait en bas ;
   sur téléphone, les deux boutons l'un sous l'autre, en pleine largeur : picto à gauche, titre, flèche à droite (plus rien de coupé). */
body#product .cb-onglets-boutons .cb-onglet-f { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; flex: none; }
body#product .cb-onglets-boutons .cb-onglet-f::before,
body#product .cb-onglets-boutons .cb-onglet.actif .cb-onglet-f::before {
  content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
body#product .cb-onglets-boutons .cb-onglet.actif .cb-onglet-f::before { transform: translateY(2px) rotate(-135deg); }
body#product .cb-onglets-boutons .cb-onglet svg { width: 20px; height: 20px; }
body#product .cb-onglets-boutons .cb-onglet-t strong { white-space: nowrap; }
@media (max-width: 767px) {
  body#product .cb-onglets-boutons .cb-onglets-barre { flex-direction: column; align-items: stretch; gap: 8px; width: 100%; }
  body#product .cb-onglets-boutons .cb-onglet { flex: none; width: 100%; height: 54px; justify-content: flex-start; gap: 12px;
    padding: 0 18px; border-width: 1.5px; border-radius: 16px; box-shadow: 0 2px 8px rgba(20, 20, 20, .05); }
  body#product .cb-onglets-boutons .cb-onglet-t { flex: 1 1 auto; min-width: 0; }
  body#product .cb-onglets-boutons .cb-onglet-t strong { font-size: 15.5px; }
  body#product .cb-onglets-boutons .cb-onglet-f { margin-left: auto; }
  body#product .cb-onglets-boutons .cb-onglet.actif { border-radius: 16px; }
}

/* 1.9.56 — guide des tailles : « Nous consulter » devient un vrai bouton (il ouvre la demande de rappel de Jean-Baptiste) */
#cb-guide-tailles .cb-guide-demander { justify-self: end; align-self: center; height: 36px; padding: 0 14px; border: 1.5px solid #0b5cad; border-radius: 999px;
  background: #ffffff; color: #0b5cad; font: 700 13.5px Montserrat, 'Helvetica Neue', Arial, sans-serif; white-space: nowrap; cursor: pointer; }
#cb-guide-tailles .cb-guide-demander:hover { background: #0b5cad; color: #ffffff; }
#cb-guide-tailles .cb-guide-demander:focus-visible { outline: 2px solid #0b5cad; outline-offset: 2px; }