/* AMLI Motors — bannières des annonces (étiquettes choisies dans AMLI Stock).
   Une famille : mêmes tons or/noir, une forme et une icône propres à chaque étiquette, une petite animation.
   Utilisées sur les cartes (Nos véhicules, carrousel de l'accueil), en haut de la fiche et dans « Vous aimerez aussi ». */
.bdgs{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.bdg{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 9px;border-radius:999px;font:700 10.5px/1.1 'Inter Tight','Instrument Sans',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bdg svg{width:13px;height:13px;flex:none;position:relative;z-index:1}
.bdg b{font-weight:inherit;position:relative;z-index:1}
/* reflet qui passe */
.bdg.sh::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:bdgShine 3.6s ease-in-out 1s infinite;z-index:0}
@keyframes bdgShine{0%{left:-70%}55%,100%{left:135%}}

/* Nouvel arrivage : or plein, étincelle qui scintille */
.bdg-nouveau{color:#16130F;background:linear-gradient(135deg,#FBE3A6,#E9BC62 45%,#C8922F);box-shadow:0 8px 22px -6px rgba(233,188,98,.75),inset 0 1px 0 rgba(255,255,255,.6)}
.bdg-nouveau svg{animation:bdgTwinkle 2.2s ease-in-out infinite}
@keyframes bdgTwinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(45deg)}}
/* Coup de cœur AMLI Motors : bordeaux et rose doré, cœur qui bat */
.bdg-coeur{color:#fff;background:linear-gradient(135deg,#F08A9A,#B3173A 55%,#6E0C1F);box-shadow:0 8px 22px -6px rgba(200,40,70,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.bdg-coeur svg{color:#FFE3E8;animation:bdgBeat 1.3s ease-in-out infinite}
@keyframes bdgBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.28)}30%{transform:scale(1)}45%{transform:scale(1.18)}}
/* Véhicule du moment : noir verni, liseré or, étoile qui tourne */
.bdg-moment{color:#F2C77A;background:rgba(11,10,8,.85);border:1px solid rgba(242,199,122,.7);box-shadow:0 0 0 0 rgba(242,199,122,.5);animation:bdgGlow 2.6s ease-out infinite}
.bdg-moment svg{animation:bdgSpin 6s linear infinite}
@keyframes bdgSpin{to{transform:rotate(360deg)}}
@keyframes bdgGlow{0%{box-shadow:0 0 0 0 rgba(242,199,122,.45)}100%{box-shadow:0 0 0 9px rgba(242,199,122,0)}}
/* Véhicule très recherché : cuivre brûlé, flamme qui vacille */
.bdg-recherche{color:#FFE2B8;background:linear-gradient(135deg,#4A230C,#8E3E10);border:1px solid rgba(255,170,80,.6);box-shadow:0 8px 22px -8px rgba(230,110,30,.7)}
.bdg-recherche svg{color:#FFA24C;animation:bdgFlame .9s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes bdgFlame{0%{transform:scale(1) rotate(-4deg)}100%{transform:scale(1.15,1.25) rotate(4deg)}}
/* Prix attractif / Petit budget : champagne, étiquette qui se balance */
.bdg-prix,.bdg-baisse{color:#2A2014;background:linear-gradient(135deg,#FFF8E8,#EAD8AB);box-shadow:0 8px 20px -8px rgba(234,216,171,.8),inset 0 1px 0 #fff}
.bdg-prix svg{color:#A9760A;animation:bdgSwing 2s ease-in-out infinite;transform-origin:20% 20%}
@keyframes bdgSwing{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}
/* Prix en baisse : champagne, flèche qui descend */
.bdg-baisse svg{color:#1E7A45;animation:bdgDrop 1.4s ease-in-out infinite}
@keyframes bdgDrop{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}
/* Offre exceptionnelle : ambre et cuivre, éclair */
.bdg-offre{color:#fff;background:linear-gradient(135deg,#F4B14A,#D2701F 55%,#9C3F12);box-shadow:0 8px 22px -6px rgba(220,120,40,.75),inset 0 1px 0 rgba(255,255,255,.4)}
.bdg-offre svg{color:#FFF3C4;animation:bdgFlash 2.4s steps(1) infinite}
@keyframes bdgFlash{0%,86%,100%{opacity:1}88%,94%{opacity:.25}}
/* Véhicule rare / premium : platine, diamant ou couronne */
.bdg-rare,.bdg-premium{color:#16130F;background:linear-gradient(135deg,#FFFFFF,#E3E6EA 45%,#A3A9B0);box-shadow:0 8px 22px -8px rgba(200,205,215,.8),inset 0 1px 0 #fff}
.bdg-rare svg{color:#3A6EA5}.bdg-premium svg{color:#A9760A}
/* Faible kilométrage : noir, compteur */
.bdg-km{color:#DDF3E5;background:rgba(11,10,8,.85);border:1px solid rgba(120,210,150,.55)}
.bdg-km svg{color:#7BD69A}
/* Dernière chance : noir, liseré rouge qui pulse */
.bdg-derniere{color:#fff;background:rgba(20,10,10,.9);border:1px solid #E1121F;animation:bdgRed 1.6s ease-out infinite}
.bdg-derniere svg{color:#FF5A5A}
@keyframes bdgRed{0%{box-shadow:0 0 0 0 rgba(225,18,31,.55)}100%{box-shadow:0 0 0 9px rgba(225,18,31,0)}}
/* Réservé */
.bdg-reserve{color:#fff;background:#C40D19;box-shadow:0 8px 20px -8px rgba(196,13,25,.8)}
/* Autre étiquette */
.bdg-autre{color:#F2C77A;background:rgba(11,10,8,.85);border:1px solid rgba(242,199,122,.55)}

/* Cartes : liseré selon la première étiquette */
.card.gris:has(.bdg-nouveau){border-color:rgba(233,188,98,.6);box-shadow:0 0 0 1px rgba(233,188,98,.25),0 22px 46px -24px rgba(233,188,98,.45)}
.card.gris:has(.bdgs>.bdg-coeur:first-child){border-color:rgba(214,70,100,.6);box-shadow:0 0 0 1px rgba(214,70,100,.22),0 22px 46px -24px rgba(214,70,100,.45)}
.card.gris:has(.bdgs>.bdg-moment:first-child){border-color:rgba(242,199,122,.6)}

/* Haut de la fiche : un peu plus grandes */
.fx-bdg .bdg{font-size:12px;padding:8px 15px 8px 11px;gap:8px}
.fx-bdg .bdg svg{width:15px;height:15px}
/* « Vous aimerez aussi » */
.fx-sim .im .bdgs{top:10px;left:10px}
.fx-sim .im .bdg{font-size:9.5px;padding:5px 10px 5px 8px}

@media (max-width:480px){.bdg{font-size:9.5px;padding:5px 10px 5px 8px}.bdg svg{width:12px;height:12px}}
@media (prefers-reduced-motion:reduce){.bdg,.bdg svg,.bdg::after{animation:none!important}}
.fx-sim .bdg b{display:inline;padding:0;margin:0;font-size:inherit;font-family:inherit}