/** Shopify CDN: Minification failed

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

**/
/* 🌿 Product Page Typography & Brand Colors */

.product__title h1 {
  font-family: 'Playfair Display', serif;
  font-size: 2.75rem;
  font-weight: 600;
  color: #2F3B2F;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.product__benefit,
.product-benefit,
.product-benefit.caption {
  font-size: 1.4rem;
  font-weight: 600;
  font-style: italic;
  color: #6a7b6a;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product-benefit::before {
  content: "🌿";
  font-size: 1.2rem;
  line-height: 1;
}

.product__description {
 font-family: 'Nunito', sans-serif;
  font-size: 1.5rem; /* 24px */
  color: #5E6E5E;
  line-height: 2.1;
}

/* 🧼 Add to Cart Button */
.btn--add-to-cart,
.product-form__submit,
.shopify-payment-button__button {
  background-color: #A7C4A0;
  color: white;
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  border-radius: 9999px;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.btn--add-to-cart:hover,
.product-form__submit:hover,
.shopify-payment-button__button:hover {
  background-color: #8BAA8F;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transform: scale(1.02);
}

.btn--add-to-cart:active,
.product-form__submit:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 🎨 Soothing Soaps & Suds Brand Theme */
body {
  background-color: #FAF9F6;
}

.product__description strong::after {.product__description strong::after {
  content: none;
  
}

/* 🏷️ Optional Seasonal Tag */
.badge--seasonal {
  background-color: #F1D8C9;
  color: #53634B;
  padding: 0.3rem 0.75rem;
  border-radius: 9999px;
  font-weight: 600;
  display: inline-block;
  margin-top: 0.5rem;
}

/* 📱 Mobile Tweaks */
@media screen and (max-width: 749px) {
  .product__title h1 {
    font-size: 1.25rem; /* 20px */
  line-height: 1.9;
  }

  .product__description,
  .product-benefit,
  .product__benefit {
    font-size: 1rem;
    line-height: 1.6;
  }

  .product__tax {
    font-size: 0.85rem;
  }

  .btn--add-to-cart,
  .product-form__submit,
  .shopify-payment-button__button {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    border-radius: 9999px;
    margin-top: 1rem;
  }
}
