/** Shopify CDN: Minification failed

Line 80:27 Expected ")" to end URL token

**/
/* Root Variables for BSFL Theme */
:root {
  --color-primary-green: #4CAF50; /* Main eco-green */
  --color-secondary-brown: #8B4513; /* Earthy brown for frass/soil */
  --color-accent-yellow: #FFD700; /* Protein/energy highlight */
  --color-background-light: #F5F5F5; /* Neutral bg */
  --font-body: 'Open Sans', sans-serif;
  --font-heading: 'Playfair Display', serif;
}

/* Apply Fonts */
body {
  font-family: var(--font-body);
  background-color: var(--color-background-light);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-primary-green);
}

/* Buttons (e.g., Add to Cart) */
.button, .shopify-payment-button__button {
  background-color: var(--color-primary-green);
  border: 1px solid var(--color-secondary-brown);
  color: white;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: var(--color-secondary-brown);
}

/* Product Grid Customizations */
.product-card {
  border: 1px solid var(--color-primary-green);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.product-card__title {
  color: var(--color-secondary-brown);
}

/* Custom Badges for Products (e.g., "Sustainable Protein" on BSFL) */
.product-card::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--color-accent-yellow);
  color: white;
  padding: 5px 10px;
  font-size: 0.8rem;
  border-radius: 20px;
  z-index: 1;
}

/* Tailor badges per product type - add classes via product tags */
.product-tag--bsfl::after {
  content: 'High-Protein Feed';
}

.product-tag--frass::after {
  content: 'Organic Soil Booster';
}

/* Hero Section Styling */
.hero {
  background-color: var(--color-primary-green);
  color: white;
  text-align: center;
  padding: 100px 20px;
  background-image: url({{ 'bsfl-hero-bg.jpg' | asset_url }}); /* Upload your hero image */
  background-size: cover;
}

/* Footer Sustainability Icons */
.footer__content-bottom {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.sustainability-icon {
  width: 50px;
  height: 50px;
  background-size: contain;
}