/* Homepage featured product — match shop product cards exactly */

.makh-featured-product .wc-block-product {
  --makh-home-card-pad: 16px;
  padding: 0 0 16px !important;
  box-sizing: border-box !important;
}

/* Title: pad ONLY the h2 — not the inner <a> (avoids double padding) */
.makh-featured-product .wp-block-post-title,
.makh-featured-product .wp-block-post-title.has-text-align-center,
.makh-featured-product h2.wp-block-post-title {
  text-align: left !important;
  padding: 16px var(--makh-home-card-pad) 0 !important;
  margin: 0 0 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--global-palette2, #063d22) !important;
}

.makh-featured-product .wp-block-post-title a {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  color: inherit !important;
  font: inherit !important;
  box-sizing: border-box !important;
}

/* Price: pad ONLY the outer block — not nested price component */
.makh-featured-product .wp-block-woocommerce-product-price {
  text-align: left !important;
  padding: 0 var(--makh-home-card-pad) !important;
  margin: 0 0 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.makh-featured-product .wp-block-woocommerce-product-price .wc-block-components-product-price,
.makh-featured-product .wc-block-components-product-price {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  box-sizing: border-box !important;
}

.makh-featured-product .wc-block-components-product-price del {
  color: #9aa39d !important;
}

.makh-featured-product .wc-block-components-product-price ins,
.makh-featured-product .wc-block-components-product-price .wc-block-components-product-price__value {
  color: #e53935 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* ATC row: same single 16px side gutter as title/price */
.makh-featured-product .wp-block-woocommerce-product-button,
.makh-featured-product .wc-block-components-product-button,
.makh-featured-product .wp-block-button.wp-block-woocommerce-product-button {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 var(--makh-home-card-pad) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.makh-featured-product .makh-card-atc {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.makh-featured-product .makh-card-qty {
  display: inline-flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #d0d5d2 !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.makh-featured-product .makh-card-qty__btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #222222 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.makh-featured-product .makh-card-qty__minus {
  border-right: 1px solid #d0d5d2 !important;
}

.makh-featured-product .makh-card-qty__plus {
  border-left: 1px solid #d0d5d2 !important;
}

.makh-featured-product .makh-card-qty__val {
  min-width: 44px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #222222 !important;
  line-height: 1 !important;
}

.makh-featured-product .makh-card-atc .wp-block-button__link,
.makh-featured-product .makh-card-atc .wp-element-button,
.makh-featured-product .makh-card-atc button.wc-block-components-product-button__button {
  flex: 1 1 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--global-palette2, #063d22) !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.makh-featured-product .makh-qty-bar {
  display: none !important;
}

.makh-featured-product .wp-block-woocommerce-product-button > span[data-wp-bind--hidden],
.makh-featured-product .wp-block-woocommerce-product-button .added_to_cart {
  display: none !important;
}
/* Single blog post — On sale / product collection cards match shop */
body.single-post .wp-block-woocommerce-product-collection {
  margin: 28px 0 36px !important;
}
body.single-post .wp-block-woocommerce-product-collection .wp-block-heading {
  color: var(--global-palette2, #063d22) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}
body.single-post .wc-block-product-template,
body.single-post ul.wc-block-product-template {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.single-post .wc-block-product-template .wc-block-product {
  --makh-blog-card-pad: 16px;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(6, 61, 34, 0.08) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.single-post .wc-block-product .wc-block-components-product-image,
body.single-post .wc-block-product .wp-block-woocommerce-product-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  background: #f7f7f5;
  overflow: hidden;
}
body.single-post .wc-block-product .wc-block-components-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.single-post .wc-block-product .wc-block-components-product-sale-badge,
body.single-post .wc-block-product .wp-block-woocommerce-product-sale-badge .wc-block-components-product-sale-badge {
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  min-height: 28px;
  padding: 6px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e53935 !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.single-post .wc-block-product .wp-block-post-title,
body.single-post .wc-block-product .wp-block-post-title a {
  text-align: left !important;
  padding: 16px var(--makh-blog-card-pad) 0 !important;
  margin: 0 0 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: var(--global-palette2, #063d22) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}
body.single-post .wc-block-product .wp-block-woocommerce-product-price,
body.single-post .wc-block-product .wc-block-components-product-price {
  text-align: left !important;
  padding: 0 var(--makh-blog-card-pad) !important;
  margin: 0 0 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.single-post .wc-block-product .wc-block-components-product-price del {
  color: #9aa39d !important;
}
body.single-post .wc-block-product .wc-block-components-product-price ins,
body.single-post .wc-block-product .wc-block-components-product-price .wc-block-components-product-price__value {
  color: #e53935 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
body.single-post .wc-block-product .wp-block-woocommerce-product-button,
body.single-post .wc-block-product .wc-block-components-product-button {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 var(--makh-blog-card-pad) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}
body.single-post .wc-block-product .makh-card-atc {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.single-post .wc-block-product .makh-card-qty {
  display: inline-flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #d0d5d2 !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.single-post .wc-block-product .makh-card-qty__btn {
  appearance: none !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #222 !important;
  font-size: 20px !important;
  line-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.single-post .wc-block-product .makh-card-qty__minus {
  border-right: 1px solid #d0d5d2 !important;
}
body.single-post .wc-block-product .makh-card-qty__plus {
  border-left: 1px solid #d0d5d2 !important;
}
body.single-post .wc-block-product .makh-card-qty__val {
  min-width: 40px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: Poppins, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #222 !important;
}
body.single-post .wc-block-product .makh-card-atc button.wc-block-components-product-button__button,
body.single-post .wc-block-product .makh-card-atc .wp-block-button__link,
body.single-post .wc-block-product .makh-card-atc .wp-element-button {
  flex: 1 1 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--global-palette2, #063d22) !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.single-post .wc-block-product .wp-block-woocommerce-product-button > span[data-wp-bind--hidden],
body.single-post .wc-block-product .added_to_cart {
  display: none !important;
}
@media (max-width: 1024px) {
  body.single-post .wc-block-product-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (max-width: 600px) {
  body.single-post .wc-block-product-template {
    grid-template-columns: 1fr !important;
  }
}