/* OseCars · sceau « Rupture de stock, victime de son succès » (23/09/2026).
   Décision de Patrick : l'Opel Corsa Edition reste affichée partout (catalogue, tiroir, page Véhicules, fiche) mais l'offre est terminée.
   Le dessin est un <symbol id="sceau-rupture"> déclaré une fois par page ; chaque instance :
   <div class="sceau-rupture" role="img" aria-label="Rupture de stock, victime de son succès"><svg aria-hidden="true"><use href="#sceau-rupture"/></svg><i class="face"></i><i class="jonc"></i></div>
   Reflets : le jonc d'or tourne en 6 s, un éclat traverse la face toutes les 5 s ; figés si le visiteur demande moins d'animations. */
.sceau-rupture{position:absolute;z-index:3;pointer-events:none;width:112px;height:112px;transform:rotate(-9deg);filter:drop-shadow(0 8px 14px rgba(13,13,15,.28))}
.sceau-rupture svg{width:100%;height:100%;display:block}
.sceau-rupture .jonc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 66%,rgba(255,247,228,.95) 74%,transparent 82%);-webkit-mask:radial-gradient(circle,transparent 43.5%,#000 44.5%,#000 49.5%,transparent 50.5%);mask:radial-gradient(circle,transparent 43.5%,#000 44.5%,#000 49.5%,transparent 50.5%);animation:sceau-tourne 6s linear infinite;mix-blend-mode:screen}
.sceau-rupture .face{position:absolute;inset:8px;border-radius:50%;overflow:hidden}
.sceau-rupture .face::after{content:"";position:absolute;inset:-10% -30%;width:40%;background:linear-gradient(100deg,transparent 0,rgba(255,250,240,.28) 50%,transparent 100%);animation:sceau-reflet 5.2s ease-in-out infinite}
@keyframes sceau-tourne{to{transform:rotate(360deg)}}
@keyframes sceau-reflet{0%{transform:translateX(-140%) skewX(-18deg)}42%{transform:translateX(160%) skewX(-18deg)}100%{transform:translateX(160%) skewX(-18deg)}}
/* Cartes (catalogue et page Véhicules) : à la jonction entre la photo et les informations, côté droit. */
.card .body{position:relative}
.card .body>.sceau-rupture{top:-72px;right:18px}
/* Tiroir du catalogue : à cheval sur le bas du cadre de la photo. */
.tiroir-in .img{position:relative}
.tiroir-in .img>.sceau-rupture{right:16px;bottom:-48px;width:120px;height:120px}
/* Fiche : suspendu sous le cartouche du loyer, sans en couvrir le texte ; le cartouche est recopié tel quel dans la version mobile (.mobile-price). */
.chip>.sceau-rupture{right:-8px;bottom:-104px;width:116px;height:116px}
.mobile-price{position:relative}
.mobile-price>.sceau-rupture{right:10px;bottom:-96px;width:104px;height:104px}
/* Cartes sur une seule colonne : le titre occupe toute la largeur, le sceau se pose sur le coin de la photo, juste au-dessus de la jonction. */
@media (max-width:640px){.card .body>.sceau-rupture{width:96px;height:96px;top:-100px;right:12px}}
@media (prefers-reduced-motion:reduce){.sceau-rupture .jonc,.sceau-rupture .face::after{animation:none}}