/** Shopify CDN: Minification failed

Line 37:0 All "@import" rules must come first

**/
/* =========================================================
   BuySaffronBulbs.com — Shopify theme match
   Brings your Shopify store's colors, fonts, and buttons
   in line with the buysaffronbulbs.com site.

   HOW TO USE:
   1. Shopify admin → Online Store → Themes
   2. Find your live theme → "..." menu → Edit code
   3. Under Assets, click "Add a new asset" → create a
      blank file named custom.css → paste this whole file in
   4. Go to Layout → theme.liquid → find the closing </head>
      tag → just above it, add this line:
      {{ 'custom.css' | asset_url | stylesheet_tag }}
   5. Save. Preview your store to confirm it applied.

   This does NOT change your theme's structure, only its
   look — safe to add without breaking checkout or cart.
   ========================================================= */

:root{
  --sb-parchment:#F3ECDD;
  --sb-parchment-deep:#E8DEC7;
  --sb-ink:#2E2418;
  --sb-ink-soft:#5A4E3D;
  --sb-saffron-deep:#9C5A1E;
  --sb-olive:#6E7452;
  --sb-line:#D8CBAA;
  --sb-white:#FFFDF8;
}

/* Import the same fonts as the site */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');

/* Base page */
body{
  background-color: var(--sb-parchment) !important;
  color: var(--sb-ink) !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Headings — swap in the display serif everywhere */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: 'Playfair Display', serif !important;
  color: var(--sb-ink) !important;
}

/* Links */
a {
  color: var(--sb-saffron-deep);
}
a:hover {
  color: var(--sb-ink);
}

/* Primary buttons — Add to cart, checkout, etc. */
button.button, .button, .btn,
input[type="submit"],
.shopify-payment-button__button--unbranded {
  background-color: var(--sb-saffron-deep) !important;
  color: var(--sb-white) !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  transition: background 0.15s ease !important;
}
button.button:hover, .button:hover, .btn:hover,
input[type="submit"]:hover {
  background-color: var(--sb-ink) !important;
}

/* Secondary / outline buttons */
.button--secondary {
  background-color: transparent !important;
  border: 1.5px solid var(--sb-saffron-deep) !important;
  color: var(--sb-saffron-deep) !important;
}
.button--secondary:hover {
  background-color: var(--sb-saffron-deep) !important;
  color: var(--sb-white) !important;
}

/* Header / nav bar */
.header, header, .site-header {
  background-color: var(--sb-parchment) !important;
  border-bottom: 1px solid var(--sb-line) !important;
}

/* Announcement bar (free shipping banner, etc.) */
.announcement-bar, .utility-bar {
  background-color: var(--sb-ink) !important;
  color: var(--sb-parchment) !important;
}

/* Product cards / grid */
.card, .product-card, .grid__item {
  background-color: var(--sb-white) !important;
  border: 1px solid var(--sb-line) !important;
  border-radius: 2px !important;
}
.card__heading, .product-card__title {
  font-family: 'Playfair Display', serif !important;
  color: var(--sb-ink) !important;
}
.price, .product__price {
  font-family: 'Playfair Display', serif !important;
  color: var(--sb-saffron-deep) !important;
}

/* Footer */
.footer, footer {
  background-color: var(--sb-parchment-deep) !important;
  color: var(--sb-ink-soft) !important;
  border-top: 1px solid var(--sb-line) !important;
}
.footer a, footer a {
  color: var(--sb-saffron-deep) !important;
}

/* Collection / section dividers to match the site's rule style */
hr, .divider {
  border-color: var(--sb-line) !important;
}