/** Shopify CDN: Minification failed

Line 28:18 All "@import" rules must come first

**/
/* ==========================================================
   SOUTH & BLOOM — Corporate Identity CSS · Version 1.0
      ========================================================== */

      :root {
      --sb-burgundy: #9E0F37;   /* Bloom Burgundy — Primärfarbe */
      --sb-gold:     #C6965B;   /* Sunrise Gold — Akzent, sparsam einsetzen */
      --sb-cream:    #FCF7F2;   /* Bloom Cream — Haupt-Hintergrund */
      --sb-blush:    #F5E3E6;   /* Blush Wash — sanfte Sektionsflächen */
      --sb-ink:      #3A2420;   /* Ink — Fließtext statt reinem Schwarz */
      --sb-taupe:    #8A7A72;   /* Taupe — Captions, Meta-Infos */
      --sb-white:    #FFFFFF;

      --sb-font-heading: 'Playfair Display', Georgia, serif;
      --sb-font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
      }

      /* Falls Playfair Display / Montserrat NICHT bereits unter
         Theme-Einstellungen → Typography ausgewählt sind, lädt diese
            Zeile beide Schriften direkt von Google Fonts nach. Ist die
               Auswahl in den Theme-Einstellungen schon gesetzt, kann diese
                  Zeile ohne Nachteil auch drin bleiben. */
                  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,400;0,500;0,600;1,400&display=swap');

                  /* ---------- Grundlayout ---------- */
                  body {
                  background-color: var(--sb-cream);
                  color: var(--sb-ink);
                  font-family: var(--sb-font-body);
                  }

                  h1, h2, h3, h4,
                  .h1, .h2, .h3, .h4 {
                  font-family: var(--sb-font-heading);
                  color: var(--sb-burgundy);
                  font-weight: 700;
                  }

                  a { color: var(--sb-burgundy); }
                  a:hover { color: var(--sb-gold); }

                  /* ---------- Buttons ---------- */
                  /* !important, da Theme-eigenes CSS sonst oft Vorrang hat */
                  .button,
                  .btn,
                  button[type="submit"],
                  input[type="submit"],
                  .shopify-payment-button__button--unbranded {
                  background-color: var(--sb-burgundy) !important;
                  color: var(--sb-cream) !important;
                  border: none !important;
                  border-radius: 999px !important;
                  font-family: var(--sb-font-body);
                  font-weight: 600;
                  text-transform: uppercase;
                  letter-spacing: 0.05em;
                  }
                  .button:hover,
                  .btn:hover,
                  button[type="submit"]:hover {
                  background-color: var(--sb-gold) !important;
                  color: var(--sb-white) !important;
                  }

                  .button--secondary,
                  .button--outline {
                  background-color: transparent !important;
                  color: var(--sb-burgundy) !important;
                  border: 1.5px solid var(--sb-burgundy) !important;
                  }

                  /* ---------- Sektionsflächen ---------- */
                  .sb-section-blush { background-color: var(--sb-blush); }
                  .sb-section-cream { background-color: var(--sb-cream); }

                  /* ---------- Karten (wie im CI-Booklet) ---------- */
                  .sb-card {
                  background: var(--sb-white);
                  border-radius: 12px;
                  padding: 1.5rem;
                  box-shadow: 0 4px 14px rgba(158, 15, 55, 0.08);
                  }

                  /* ---------- Eyebrow / Kicker über Überschriften ---------- */
                  .sb-eyebrow {
                  display: block;
                  font-family: var(--sb-font-body);
                  font-size: 0.75rem;
                  font-weight: 700;
                  letter-spacing: 0.15em;
                  text-transform: uppercase;
                  color: var(--sb-gold);
                  margin-bottom: 0.4rem;
                  }

                  /* ---------- Zitat-Stil ---------- */
                  .sb-quote {
                  font-family: var(--sb-font-heading);
                  font-style: italic;
                  font-size: 1.25rem;
                  color: var(--sb-burgundy);
                  }

                  /* ---------- Goldener Divider (wie im Logo) ---------- */
                  .sb-divider-gold {
                  width: 60px;
                  height: 1px;
                  background-color: var(--sb-gold);
                  margin: 1rem auto;
                  border: none;
                  }

                  /* ---------- Badge / Pill (z. B. "300 g", "Vegan") ---------- */
                  .sb-badge {
                  display: inline-block;
                  background-color: var(--sb-burgundy);
                  color: var(--sb-cream);
                  padding: 0.35rem 0.9rem;
                  border-radius: 999px;
                  font-size: 0.8rem;
                  font-weight: 600;
                  }

                  /* ---------- Ankündigungsbalken ---------- */
                  .announcement-bar,
                  .utility-bar {
                  background-color: var(--sb-burgundy) !important;
                  color: var(--sb-cream) !important;
                  }

                  /* ---------- Preis-Akzent ---------- */
                  .price,
                  .product__price {
                  color: var(--sb-burgundy);
                  font-weight: 600;
                  }