/* ELBFANG Anglerbekleidung: runde Farbkreise, Farbkreise in der Kategorie immer sichtbar, groessere Listenbilder.
   Greift nur bei Artikeln mit Bild-Swatches (aktuell nur die Hoodies).
   Das Variationsbild ist das Hoodie-Foto in der Farbe (fuer den Bildwechsel), der Kreis selbst wird per Farbname eingefaerbt. */
label.variation.swatches.swatches-image{border-radius:50%;overflow:hidden;width:44px;height:44px;min-width:44px;padding:3px;margin:0 10px 10px 0;box-sizing:border-box}
label.variation.swatches.swatches-image .square-image,label.variation.swatches.swatches-image .inner{border-radius:50%;overflow:hidden}
label.variation.swatches.swatches-image img{padding:0!important;opacity:0}
label.variation.swatches.swatches-image[data-original="Navy"] .square-image{background:#26355f}
label.variation.swatches.swatches-image[data-original="Petrol"] .square-image{background:#03697c}
label.variation.swatches.swatches-image[data-original="Schwarz"] .square-image{background:#1c1c1c}
.productbox .imgswatches label.variation.swatches-image{width:36px;height:36px;min-width:36px;margin:0 6px 6px 0}
.product-wrapper:has(.imgswatches) .productbox-variations{height:auto!important}
.product-wrapper:has(.imgswatches) .productbox-variations .productbox-onhover.collapse{display:block!important;height:auto!important}
.product-wrapper:has(.imgswatches) .productbox-variations .variation-wrapper:not(:has(.imgswatches)){display:none!important}
.product-wrapper:has(.imgswatches) .productbox-variations dt{display:none}
@media (min-width:1200px){.product-list.layout-gallery .product-wrapper:has(.imgswatches){flex:0 0 33.3333%;max-width:33.3333%}}


/* ELBFANG Rabatt-Badge auf Produktbildern in der Artikelliste.
Erscheint nur bei aktivem Sonderpreis ("jetzt nur") und verschwindet automatisch, wenn der Sonderpreis in der Wawi entfernt wird.
Text "-20 %" ist fest hinterlegt: nach der Posen-Aktion anpassen oder entfernen. */
.productbox:has(.price_label.nowonly) .productbox-inner > .row > .col > .productbox-image{position:relative}
.productbox:has(.price_label.nowonly) .productbox-inner > .row > .col > .productbox-image::after{content:"-20 %";position:absolute;top:10px;right:10px;z-index:5;background:#d62828;color:#fff;font-weight:800;font-size:1.15rem;line-height:1;padding:.55em .7em;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25);pointer-events:none}
@media (max-width:767px){.productbox:has(.price_label.nowonly) .productbox-inner > .row > .col > .productbox-image::after{font-size:.95rem;top:6px;right:6px}}


/* Checkout mobil: PayPal oben, Gastformular, Login-Box unten */
@media (max-width: 991.98px) {
  #register-customer > #existing-customer,
  #existing-customer > .card,
  #existing-customer > .card > .card-body {
    display: contents;
  }
  #existing-customer #ppc-paypal-button-custom-orderProcess-wrapper,
  #existing-customer #paypal-button-orderProcess-container {
    order: 1;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 16px;
    margin: 0 0 1.5rem 0 !important;
  }
  #register-customer > #customer {
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #existing-customer #order_register_or_login {
    order: 3;
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px);
    margin: 2rem 16px 0;
    padding: 24px;
    background: #f5f7fa;
    border-radius: 2px;
  }
}
@media (max-width: 991.98px) {
  #existing-customer > .checkout-existing-customer-hr {
    display: none;
  }
}


/* ===== ELBFANG Bestseller-Badge (ersetzt gelbes NOVA-Ribbon) ===== */
.productbox-ribbon.ribbon-1 {
  top: 12px !important;
  left: 12px !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px 5px 9px !important;
  background: linear-gradient(135deg, #12595a 0%, #00a09a 100%) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.2;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(18, 89, 90, .28);
  z-index: 2;
}
/* Stern-Icon statt der gefalteten Ribbon-Ecke */
.productbox-ribbon.ribbon-1::before {
  content: "" !important;
  position: static !important;
  width: 11px;
  height: 11px;
  border: 0 !important;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.9 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 21.2l1.6-7L2 9.5l7.1-.6z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.9 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 21.2l1.6-7L2 9.5l7.1-.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.productbox-ribbon.ribbon-1::after {
  display: none !important;
  content: none !important;
}
/* Bestseller-Badge buendig in die obere linke Bildecke (verdeckt den Artikel nicht) */
.productbox-ribbon.ribbon-1 {
  top: 0 !important;
  left: 0 !important;
  border-radius: 16px 0 12px 0 !important;
  padding: 5px 12px !important;
  font-size: 10px !important;
  box-shadow: none !important;
}