/** Shopify CDN: Minification failed

Line 292:0 Expected "}" to go with "{"

**/
/* =========================
   Produktseite – Custom
   ========================= */

/* Titel: etwas kleiner + enger zu den Sternen */
.product__info-container .product__title {
  font-size: 22px;      /* Mobile */
  line-height: 1.25;
  margin: 10px 0 2px;   /* oben klein, unten fast kein Abstand */
}

/* Sterne (Loox oder SPR) sehr dicht unter dem Titel */
.product__info-container .loox-rating,
.product__info-container .spr-starrating {
  margin: 2px 0 8px;    /* kleiner Abstand nach unten (zum Divider) */
}

/* Divider zwischen Sterne und Preis */
.pp-divider {
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 10px 0 12px;  /* kompakt */
}

/* Preisblock: keinen Extra-Abstand vor der Meta-Zeile */
.product__info-container .price {
  margin: 0;
}

/* Meta-Zeile direkt unter dem Preis */
.pp-price-meta {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.3;
  color: #6782A4; /* gewünschtes Blau-Grau */
}

/* Dawn-Standard "Inkl. Steuern" ausblenden, wenn eigene Meta genutzt wird */
.product__tax {
  display: none;
}

/* Desktop-Feinschliff */
@media (min-width: 990px) {
  .product__info-container .product__title {
    font-size: 26px;     /* auf großen Screens eine Spur größer */
    margin: 8px 0 2px;
  }
  .pp-divider {
    margin: 12px 0 14px;
  }
}
/* ---------- Titel -> Reviews enger ---------- */
.product__info-container .product__title {
  margin-bottom: 0.25rem !important;  /* kleiner Abstand zum Loox-Block */
}

/* ---------- Loox-Block kompakt + ohne Extra-Abstände ---------- */
.product__info-container .shopify-app-block[id*="loox_reviews"] {
  margin-top: 0 !important;           /* Dawn-Standardabstand neutralisieren */
}

.product__info-container .shopify-app-block[id*="loox_reviews"] .loox-trust-badge-container {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;                 /* kleiner Abstand zwischen Sternen & Zahl */
  background: transparent !important;
  border: 0 !important;
}

.product__info-container .shopify-app-block[id*="loox_reviews"] 
  .loox-trust-badge-widget,
.product__info-container .shopify-app-block[id*="loox_reviews"] 
  .loox-trust-badge-widget-content-container,
.product__info-container .shopify-app-block[id*="loox_reviews"] 
  .loox-trust-badge-widget-content {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Sterne minimal kleiner (optional) */
.product__info-container .shopify-app-block[id*="loox_reviews"] 
  .loox-rating .loox-icon {
  width: 16px !important;
  height: 16px !important;
}
/* =========================
   Produkt: Titel / Loox / Divider (clean)
   ========================= */

/* 1) Titel: kompakter Abschluss nach unten */
.product__title {
  margin-bottom: 0.5rem !important;   /* sanft, nicht zu eng */
}

/* 2) Loox-Badge direkt unter dem Titel & kompakt darstellen */
.product__info-container > * + .shopify-app-block[id*="loox_reviews"] {
  margin-top: 0 !important;           /* keine extra-Luft oberhalb des Loox-Blocks */
}

.shopify-app-block[id*="loox_reviews"] .loox-trust-badge-container,
.shopify-app-block[id*="loox_reviews"] .loox-trust-badge-widget,
.shopify-app-block[id*="loox_reviews"] .loox-trust-badge-widget-content-container,
.shopify-app-block[id*="loox_reviews"] .loox-trust-badge-widget-content {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shopify-app-block[id*="loox_reviews"] .loox-trust-badge-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;                /* Abstand zwischen Sternen und Zahl */
}

/* (Optional) Sterne minimal kleiner – falls gewünscht, sonst Zeile löschen */
/*
.shopify-app-block[id*="loox_reviews"] .loox-rating .loox-icon {
  width: 16px !important;
  height: 16px !important;
}
*/

/* 3) Divider: Abstand NACH den Reviews – mobil etwas, Desktop etwas mehr */
@media (max-width: 749px) {
  .product__info-container > .shopify-app-block[id*="loox_reviews"] + .pp-divider {
    margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
  }
}

@media (min-width: 750px) {
  .product__info-container > .shopify-app-block[id*="loox_reviews"] + .pp-divider {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
/* 1) Kill any vertical spacing Loox adds itself */
.product__info-container > .shopify-app-block[id*="loox"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) Primary: Divider immediately after Loox */
.product__info-container > .shopify-app-block[id*="loox"] + hr.pp-divider {
  margin-top: 4px !important;      /* adjust to taste: 2–6px */
  margin-bottom: 8px !important;   /* keeps air before the price */
}

/* 3) Fallbacks in case the sibling structure differs */
.product__title + .shopify-app-block + hr.pp-divider {      /* title → loox → hr */
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}
.shopify-app-block[id*="loox"] ~ hr.pp-divider {             /* general sibling, any distance */
  margin-top: 4px !important;
}

/* (Optional) keep the stars compact */
.shopify-app-block[id*="loox"] .loox-trust-badge-container {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
/* Strich etwas enger */
hr.pp-divider { margin-bottom: 6px !important; }

/* --- Divider kompakt halten --- */
.product__info-container .pp-divider {
  /* Standard: recht großer margin; wir machen ihn schlank */
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  border: 0;
  border-top: 1px solid #e5e5e5;
  height: 0;
  display: block;
}

/* --- Abstand NACH dem Divider zum Lagerhinweis minimieren --- */
.product__info-container .pp-divider + .inventory-status {
  margin-top: 4px !important;   /* hier den Abstand feinjustieren */
  padding-top: 0 !important;
}

/* --- Lagerhinweis selbst nicht aufblähen --- */
.product__info-container .inventory-status {
  margin: 0 !important;         /* evtl. globaler Margin aus Dawn */
  line-height: 1.25;            /* kompakter Textfluss */
}
/* Punkt vor dem Text etwas knapper */
.product__info-container .inventory-status .animated-bullet {
  margin-right: 6px !important;
  font-size: 20px;              /* deine Größe bleibt */
}

/* Optional: mobil noch einen Tick enger */
@media (max-width: 480px) {
  .product__info-container .pp-divider { 
    margin-top: 8px !important; 
    margin-bottom: 8px !important; 
  }
  .product__info-container .pp-divider + .inventory-status {
    margin-top: 3px !important;
  }
/* Benefits-Grid bleibt kompakt */
.shipping-info-grid {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Accordion-Block minimal nach unten versetzt */
.product__info-container > .shipping-info-grid + .product__accordion {
  margin-top: 4px !important;   /* sauberer kleiner Abstand */
}

/* am Desktop minimal mehr */
@media (min-width: 990px){
  .product__info-container > .shipping-info-grid + .product__accordion {
    margin-top: 4px !important;
  }
}
/* 1) Abstand UNTER dem Loox-Reviews-iFrame verkleinern */
#looxReviewsFrame{
  display: block;              /* falls der Browser das anders rendert */
  margin-bottom: 2px !important; /* hier Feintuning: 6–14px probieren */
}

/* 2) Abstand OBERHALB der Benefits-Sektion reduzieren (nur diese Section) */
#shopify-section-template--25198341554499__ss_feature_1_pro_4VGQVj
  .section-template--25198341554499__ss_feature_1_pro_4VGQVj-padding{
  padding-top: 2px !important;       /* mobil: wenig Luft */
}

@media (min-width: 750px){
  #shopify-section-template--25198341554499__ss_feature_1_pro_4VGQVj
    .section-template--25198341554499__ss_feature_1_pro_4VGQVj-padding{
    padding-top: 8px !important;    /* Desktop etwas mehr Luft */
  }
}
/* 1) Direktabstand NACH dem Header auf Mobile schlanker */
@media (max-width: 749px){
  /* wenn der Header die Standard-ID/Klasse hat */
  .shopify-section-header + .shopify-section{
    margin-top: 8px !important;  /* <-- hier feintunen (z.B. 6–12px) */
  }
}

/* 2) Produkt-Hauptsektion: eigenes Top-Padding runter */
@media (max-width: 749px){
  /* trifft die Produktsektion mit __main, egal welche ID */
  .shopify-section[id^="shopify-section-template"][id$="__main"],
  [id^="MainProduct-template"][id$="__main"]{
    padding-top: 8px !important;  /* ggf. 0–12px probieren */
    margin-top: 0 !important;
  }

  /* gängige Wrapper in der Produktsektion – keine Extra-Luft oben */
  .product__media-wrapper,
  .product__media-list,
  .product__media-gallery,
  .product--large,
  .page-width{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* 3) Falls dein Header selbst eine Unterkante mit Abstand setzt */
@media (max-width: 749px){
  header.header, .section-header{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
body.template-product .shopify-section[id^="MainProduct-template"] {
  padding-top: 8px !important;
}