/* ------------------------------------------------------------------
   "Meest gekozen"-label op de 5-flacons bundel  —  BRO Peptides
   Werkt automatisch op ALLE producten (elk product gebruikt dezelfde
   bundel-widget). Verwijderen = dit blok weghalen.
   Verandert niets aan de store zelf.
------------------------------------------------------------------ */

/* Beetje ruimte boven de kaartjes zodat het label netjes past */
.bundle__grid { margin-top: 16px; }

/* Alleen de 5-flacons kaart (data-qty="5") krijgt het label */
.bundle__opt[data-qty="5"] { position: relative; }

.bundle__opt[data-qty="5"]::before {
  content: "Meest gekozen";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: #16a34a;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .2px;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(22, 163, 74, .35);
  pointer-events: none;
  z-index: 3;
}

/* ------------------------------------------------------------------
   "Aanbieding"-badge (WooCommerce sale) — strak lab-tag
   Zit in de hoek van de productfoto (alle productpagina's).
   Het mini-script in WPCode (Footer) zet de badge in de foto-
   container zodat hij tijdens het scrollen op z'n plek blijft.
   Verwijderen = dit blok + dat script weghalen.
------------------------------------------------------------------ */
.bro-product__media.bro-product__media{ position:relative; }
.bro-product__media.bro-product__media .onsale.onsale{
  display:inline-flex; align-items:center;
  margin:0; width:auto; height:auto; min-width:0; min-height:0;
  padding:7px 11px 7px 10px; line-height:1;
  background:#0B0E11; color:#fff; border:0; border-radius:8px;
  box-shadow:0 6px 18px rgba(11,14,17,.22), inset 0 0 0 1px rgba(255,255,255,.10);
  font-size:0; z-index:6; right:auto; bottom:auto; text-transform:none;
}
.bro-product__media.bro-product__media > span.onsale.onsale{ position:absolute; top:106px; left:14px; }
.bro-product__media .woocommerce-product-gallery.woocommerce-product-gallery span.onsale.onsale{ position:absolute; top:14px; left:14px; }
.bro-product__media.bro-product__media .onsale.onsale::before{
  content:""; flex:0 0 auto; width:7px; height:7px; border-radius:50%;
  margin-right:8px; background:var(--brand,#2B50E0);
  box-shadow:0 0 0 0 rgba(43,80,224,.55); animation:broSaleDot 2.2s ease-out infinite;
}
.bro-product__media.bro-product__media .onsale.onsale::after{
  content:"AANBIEDING";
  font-family:var(--mono,"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace);
  font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#fff;
}
@keyframes broSaleDot{ 0%{box-shadow:0 0 0 0 rgba(43,80,224,.55);} 70%{box-shadow:0 0 0 7px rgba(43,80,224,0);} 100%{box-shadow:0 0 0 0 rgba(43,80,224,0);} }
@media (prefers-reduced-motion:reduce){ .bro-product__media.bro-product__media .onsale.onsale::before{ animation:none; } }