/* WooCommerce — match Hitesh Naturals brand */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  font-size: .82rem;
  color: var(--hn-muted);
  margin-bottom: 1.2rem;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--hn-green); }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
  border: 1px solid #efe7d8;
  border-radius: 1.05rem;
  padding: 1rem !important;
  background: #fff;
  box-shadow: 0 10px 22px rgba(28, 61, 47, .05);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Playfair Display", Georgia, serif;
  color: var(--hn-green);
  font-size: 1.15rem !important;
}
.woocommerce ul.products li.product .price {
  color: var(--hn-green) !important;
  font-weight: 800;
}

/* Rectangular product cards (not circular) */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woo-product-image img,
.woocommerce div.product div.images img,
.woocommerce-page ul.products li.product a img {
  border-radius: 1rem !important;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.woocommerce ul.products li.product .woo-product-image,
.woocommerce ul.products li.product figure {
  border-radius: 1rem !important;
  overflow: hidden;
}

.woocommerce div.product .product_title {
  font-family: "Playfair Display", Georgia, serif;
  color: var(--hn-green);
  font-size: clamp(1.8rem, 3vw, 2.4rem);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--hn-green) !important;
  font-weight: 800;
  font-size: 1.35rem;
}
.woocommerce div.product form.cart {
  margin-top: 1.2rem;
}
.woocommerce div.product form.cart .button {
  min-height: 2.7rem;
  padding: .7rem 1.4rem !important;
}

.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  border: 1px solid #efe7d8;
  border-radius: 1.05rem;
  padding: 1.2rem;
  background: #fff;
}
.woocommerce-checkout #payment {
  background: var(--hn-cream) !important;
  border-radius: 1rem;
}
.woocommerce-checkout #payment div.payment_box {
  background: #fff !important;
  border-radius: .75rem;
  color: var(--hn-ink) !important;
}
.woocommerce-checkout #payment ul.payment_methods {
  color: var(--hn-ink);
}
.woocommerce-checkout #payment ul.payment_methods label {
  color: var(--hn-ink) !important;
}

/* Place order / checkout / cart buttons — green + white text always */
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce-page #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  background: var(--hn-green) !important;
  background-color: var(--hn-green) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce #place_order:hover,
.woocommerce #place_order:focus,
.woocommerce-page #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--hn-green-2) !important;
  background-color: var(--hn-green-2) !important;
  color: #fff !important;
  opacity: 1 !important;
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--hn-green) !important;
  background: #eef6ef !important;
  color: var(--hn-green) !important;
}
.woocommerce-error {
  border-top-color: var(--hn-rose) !important;
}

.site-content,
#content.site-content {
  background: #fff;
}
.hn-shop-wrap {
  width: min(1180px, calc(100% - 2.2rem));
  margin: 0 auto;
  padding: 2rem 0 3rem;
}

@media (max-width: 980px) {
  .hn-hero-shot {
    transform: scale(1.02);
    transform-origin: center center;
    max-width: 100%;
  }
}