/* Cycles Blain — menu Acheter 1.4.8 (maquette validée le 3 nov. 2026) :
   plus de Tous / Électriques / Musculaires ni de marques, 3 boutons de gauche bien visibles,
   cases catégories entièrement cliquables sans flèche, exemples en simple texte gris. */
.cbv .cbv-moteurs, .cbv .cbv-marques[hidden] { display: none !important; }
.cbv .cbv-type-liens a { pointer-events: none; }

@media (min-width: 992px) {
  .cbv .cbv-p-acheter { grid-template-columns: 280px minmax(0, 1fr) 300px; gap: 32px; }
  .cbv .cbv-onglets { gap: 12px; }
  .cbv .cbv-onglet { display: flex; align-items: center; justify-content: flex-start; gap: 14px; height: 68px; padding: 0 18px 0 12px;
    border: 1.5px solid #d6dde8; border-radius: 18px; background: #ffffff; color: #1d1d1f; font-size: 18px; font-weight: 800;
    box-shadow: 0 2px 6px rgba(28, 31, 38, .05); transition: border-color .15s, box-shadow .15s; }
  .cbv .cbv-onglet:hover { background: #ffffff; border-color: var(--cbv-bleu); }
  .cbv .cbv-onglet .cbv-onglet-ico { display: block; flex: 0 0 auto; box-sizing: border-box; width: 44px; height: 44px; padding: 10px;
    border-radius: 13px; background: #eaf0f9; stroke: var(--cbv-bleu); }
  .cbv .cbv-onglet .cbv-onglet-lib { flex: 1 1 auto; text-align: left; }
  .cbv .cbv-onglet > span[aria-hidden="true"] { color: var(--cbv-bleu); font-size: 22px; line-height: 1; }
  .cbv .cbv-onglet.actif { border-color: var(--cbv-bleu); background: var(--cbv-bleu); color: #ffffff; box-shadow: 0 6px 16px rgba(11, 92, 173, .28); }
  .cbv .cbv-onglet.actif .cbv-onglet-ico { background: rgba(255, 255, 255, .16); stroke: #ffffff; }
  .cbv .cbv-onglet.actif > span[aria-hidden="true"] { color: #ffffff; }

  .cbv .cbv-types { gap: 16px; }
  .cbv .cbv-type { justify-content: space-between; gap: 18px; min-height: 124px; box-sizing: border-box; padding: 20px 22px;
    border: 1.5px solid transparent; border-radius: 20px; }
  .cbv .cbv-type.cbv-bloc-cliquable:hover { background: #ffffff; border-color: var(--cbv-bleu); transform: none; box-shadow: 0 8px 20px rgba(11, 92, 173, .14); }
  .cbv .cbv-type.cbv-bloc-cliquable:hover .cbv-type-nom { color: var(--cbv-bleu); }
  .cbv .cbv-type-nom { font-size: 21px; font-weight: 800; }
  .cbv .cbv-type-liens { font-size: 14px; color: #5a6170; }
  .cbv .cbv-occ .cbv-type.cbv-bloc-cliquable:hover { background: #fff8e1; border-color: #c99a3c; }
}