/** Shopify CDN: Minification failed

Line 107:8 Unexpected "{"
Line 107:17 Expected ":"
Line 114:8 Unexpected "{"
Line 114:17 Expected ":"
Line 115:8 Unexpected "{"
Line 115:17 Expected ":"
Line 116:8 Unexpected "{"
Line 116:17 Expected ":"
Line 122:8 Unexpected "{"
Line 122:17 Expected ":"
... and 27 more hidden warnings

**/
/* ==========================================================
   Dawn base price styles (unverändert)
   ========================================================== */
.price {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable { visibility: hidden; }
.price--end { text-align: right; }

.price .price-item {
  display: inline-block;
  margin: 0 1rem 0 0;
}

.price__regular .price-item--regular { margin-right: 0; }

.price:not(.price--show-badge) .price-item--last:last-of-type { margin: 0; }

@media screen and (min-width: 750px) {
  .price { margin-bottom: 0; }
}

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large { font-size: 1.8rem; }
}

.price--sold-out .price__availability,
.price__regular { display: block; }

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability { display: none; }

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale { display: inline-block; }

.volume-pricing--sale-badge .price__badge-sale { margin-left: 0.5rem; }

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
}

.unit-price {
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}

/* ==========================================================
   PDP Price overrides (scoped auf den Price-Container im Produkt)
   – Doonails-Style: gleicher Font, enge Abstände, Sale rot, Compare grau
   Die ID #price-{{ section.id }} existiert im MainProduct-Template.
   ========================================================== */

/* Layout der Preiszeile */
#price-{{ section.id }} .price{
  display:flex;
  align-items:baseline;
  gap:.25rem; /* Abstand zwischen Streich- und Sale-Preis */
}

/* Falls Dawn den Streichpreis versteckt: wieder einblenden */
#price-{{ section.id }} .price.price--on-sale .price__regular,
#price-{{ section.id }} .price.price--on-sale .price__compare,
#price-{{ section.id }} .price .price-item--regular{
  display:inline !important;
  opacity:1 !important;
}

/* Gleiche Schrift + gleichmäßige Ziffernbreite */
#price-{{ section.id }} .price .price-item,
#price-{{ section.id }} .price .price-item--sale,
#price-{{ section.id }} .price .price-item--regular,
#price-{{ section.id }} .price .price__regular s{
  font-family: var(--font-body-family) !important;
  font-variant-numeric: tabular-nums lining-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Größen – mobil */
#price-{{ section.id }} .price .price-item--sale,
#price-{{ section.id }} .price .price-item--regular{
  font-size: 22px !important;
  line-height: 1.1;
  font-weight: 800;
}

/* Größen – Desktop */
@media (min-width: 750px){
  #price-{{ section.id }} .price .price-item--sale,
  #price-{{ section.id }} .price .price-item--regular{
    font-size: 24px !important;
  }
}

/* Farben/Styles */
#price-{{ section.id }} .price .price-item--sale{ color:#E0316A; }
#price-{{ section.id }} .price .price-item--regular{
  color:#9AA0A6;
  text-decoration: line-through;
  font-weight:700;
}

/* Minimaler Abstand zwischen Compare und Sale (falls Theme eigene margins setzt) */
#price-{{ section.id }} .price .price__regular{ margin-right:.25rem !important; }

/* ==========================================================
   MwSt.-Zeile UNTER den Preis zwingen (links ausrichten)
   – überschreibt Theme-Flex/Inline-Regeln hart
   ========================================================== */
.product-price-block-wrap,
.product-price-block-wrap-custom{
  display:block !important;
  width:100%;
}

.product-price-block-wrap-custom #price-{{ section.id }}{
  display:block !important;
  margin:0 0 .35rem 0 !important; /* kleiner Abstand zum MwSt.-Text */
}

.product-price-block-wrap-custom .product__tax{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  text-align:left !important;
  float:none !important;
  clear:both !important;
  align-self:auto !important;
  font-size:14px;
  line-height:1.3;
  color: rgba(var(--color-foreground),0.75);
}

/* Nur Buy-Box: Preis + Badge nebeneinander */
#price-{{ section.id }}-buy{
  display: inline-flex;
  align-items: baseline;
  gap: .5rem;             /* Abstand zwischen Preis und Badge */
  flex-wrap: nowrap;
}
#price-{{ section.id }}-buy .price{
  display: inline-flex;
  align-items: baseline;
}

/* Rabatt-Badge im Doonails-Stil */
.pdp-discount-badge{
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border-radius: 6px;
  background: #FFE3EC;   /* zartes Rosa */
  color: #E0316A;        /* euer Rot */
  white-space: nowrap;
}
@media (min-width: 750px){
  .pdp-discount-badge{ font-size: 13px; }
}
/* ===== BUY-BOX: Preis + Rabatt-Badge nebeneinander ===== */
.product-price-block-wrap-custom .price-and-badge{
  display: flex;
  align-items: baseline;
  gap: .5rem;              /* Abstand Badge <-> roter Preis (kannst du enger/weiter stellen) */
}

/* Quadrat-Badge in Rot (wie Doonails) */
.product-price-block-wrap-custom .discount-badge{
  display: inline-block;
  padding: .2rem .6rem;
  background: #E0316A;     /* gleiche Rot wie Sale-Preis */
  color: #fff;
  font-weight: 700;
  font-size: 14px;         /* mobil – bei Bedarf anpassen */
  line-height: 1.1;
  border-radius: 0;        /* QUADRATISCH */
  white-space: nowrap;
}

/* Desktop leicht größer */
@media (min-width: 750px){
  .product-price-block-wrap-custom .discount-badge{
    font-size: 15px;
  }
}