/** Shopify CDN: Minification failed

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

**/
/* Reduziert den Abstand ÜBER dem Warenkorb-Button */
.product-form__buttons {
  margin-top: 0px !important;
}
/*
/* ============================================================ */
/* FINALER CSS-CODE FÜR LAGERBESTAND (INKL. FARBE & ANIMATION)  */
/* ============================================================ */

/* --- 1. Der Container, der den Lagerbestand umgibt (für den Abstand) --- */
.product-form__input--custom-liquid, 
.custom-inventory-wrapper {
  margin-bottom: 15px !important; /* Abstand nach unten (zum Warenkorb) */
}

/* --- 2. Der Lagerbestand-Text selbst (inkl. Flexbox-Ausrichtung) --- */
.inventory-status {
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  margin: 0 !important;
}

/* --- 3. Der animierte Punkt (inkl. Animation & Ausrichtungs-Fix) --- */
.animated-bullet {
  font-size: 24px !important;
  margin-right: 5px !important;
  line-height: 1 !important;      /* WICHTIG: Korrigiert die vertikale Ausrichtung */
  animation: pulse 1.5s infinite ease-in-out !important; /* WICHTIG: Stellt die Animation wieder her */
}

/* --- 4. Die Zustandsfarben (WICHTIG: Stellt die Farben wieder her) --- */
.inventory-status.in-stock,
.inventory-status.in-stock .animated-bullet {
  color: #2e7d32 !important; /* Grün */
}

.inventory-status.low-stock,
.inventory-status.low-stock .animated-bullet {
  color: #FF6C00 !important; /* Orange */
}

.out-of-stock {
  color: #c62828 !important; /* Rot */
}

/* --- 5. Keyframes für die Animation --- */
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.7; }
}
/* --- Mobiles Menü (Horizon): Schriftgröße Korrektur --- */
@media screen and (max-width: 749px) { 
  /* Zielt auf die klickbaren Menüpunkte */
  details > summary.menu-drawer__menu-item { 
    font-size: 1.2rem !important; /* Passe diesen Wert an (z.B. 1.2rem, 1.6rem) */
  }
/* --- Loox Sterne Widget: Abstände anpassen --- */
.loox-trust-badge-container { 
  margin-top: -0.75rem !important;    
  margin-bottom: -15px !important; 
  padding: 0 !important;       
  margin-left: -8px !important; /* NEU: Zieht das Widget nach links (Wert anpassen) */
}
/* --- Abstand der Vorteilbox anpassen --- */
.shipping-info-grid {
  padding-top: 0px !important; /* Reduziert den Abstand nach oben (Wert anpassen) */
}

/* Optional: Abstand unter den Zahlungssymbolen reduzieren (falls nötig) */
ul.my-paymentmethods {
  margin-bottom: 5px !important; /* Reduziert den Abstand nach unten (Wert anpassen) */
}