/* Cycles Blain — cbvitrine 1.4.7 : le petit cadeau (bon cadeau), 5e bouton du menu (repris de la 1.4.4 « bon cadeau »).
   Ordinateur : à droite de « RDV atelier ». En-tête compact sur une ligne : même bouton, à la hauteur des autres.
   Téléphone : à côté du compte et du panier, et dans le menu tiroir. */
.cbv .cbv-bouton.cbv-bouton-cadeau, .cbv .cbv-bouton.cbv-bouton-cadeau:hover {
  position: relative; flex: 0 0 auto; width: 60px; min-width: 0; padding: 0; margin-left: 12px; justify-content: center;
  border: 1.5px solid #e8b9a1; background: #faf3ea; color: #b4552c; box-shadow: none; }
.cbv .cbv-bouton.cbv-bouton-cadeau:hover { border-color: #d9794e; box-shadow: 0 4px 14px rgba(180, 85, 44, .14); }
.cbv-cadeau-svg { flex: 0 0 auto; transform-origin: 50% 80%; animation: cbv-cadeau-danse 4s ease-in-out infinite; }
.cbv-bouton-cadeau:hover .cbv-cadeau-svg { animation-duration: 1.2s; }
.cbv-etoile { position: absolute; pointer-events: none; animation: cbv-cadeau-brille 2.4s ease-in-out infinite; }
.cbv-etoile-1 { top: -6px; right: -5px; }
.cbv-etoile-2 { bottom: -4px; left: 8px; animation-delay: 1.2s; }
@keyframes cbv-cadeau-danse { 0%, 78%, 100% { transform: rotate(0); } 82% { transform: rotate(-12deg); } 86% { transform: rotate(10deg); } 90% { transform: rotate(-6deg); } 94% { transform: rotate(4deg); } }
@keyframes cbv-cadeau-brille { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1); } }
@media (min-width: 1100px) {
  .cbv.cbv-une-ligne .cbv-barre .cbv-bouton.cbv-bouton-cadeau { width: 48px; height: 44px; padding: 0; margin-left: 4px; }
  .cbv.cbv-une-ligne .cbv-barre .cbv-cadeau-svg { width: 26px; height: 26px; }
}
/* Téléphone : le cadeau rejoint les icônes du haut, la rangée garde ses 4 boutons */
.cbv .cbv-cadeau-mobile { display: none; position: relative; }
.cbv-cadeau-pastille { position: absolute; top: 6px; right: 6px; width: 9px; height: 9px; border: 2px solid #ffffff; border-radius: 50%; background: #d9794e; }
.cbv .cbv-pilule-cadeau { background: #faf3ea; color: #b4552c !important; }
@media (max-width: 991px) {
  .cbv .cbv-bouton.cbv-bouton-cadeau { display: none; }
  .cbv .cbv-cadeau-mobile { display: inline-flex; background: #faf3ea; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) { .cbv-cadeau-svg, .cbv-etoile { animation: none; } }
