/**
Theme Name: HaraHome Child
Author: PEAK 10H VOGUE SRL
Author URI: https://harahome.ro
Description: Child theme pentru personalizările HaraHome WooCommerce/Astra.
Version: 1.0.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: harahome-child
Template: astra
*/
.hh-hero-link {
display: block;
text-decoration: none;
color: inherit;
position: relative;
z-index: 5;
}
.hh-hero-link,
.hh-hero-link * {
pointer-events: auto;
}
.hh-hero-link .hh-hero-panel {
cursor: pointer;
}
.hh-hero-link:focus-visible .hh-hero-panel {
outline: 3px solid #7ED957;
outline-offset: 4px;
}
/* Temporary hide empty visible categories from Header Categories dropdown until products are added. */
#hct-panel .hct-list li:has(a[href*="/categorie-produs/sanatate/"]),
#hct-panel .hct-list a.hct-link[href*="/categorie-produs/sanatate/"],
#hct-panel .hct-list li:has(a[href*="/categorie-produs/casa/fete-de-perna/"]),
#hct-panel .hct-list a.hct-link[href*="/categorie-produs/casa/fete-de-perna/"],
#hct-panel .hct-list li:has(a[href*="/categorie-produs/casa/paturi/"]),
#hct-panel .hct-list a.hct-link[href*="/categorie-produs/casa/paturi/"],
#hct-panel .hct-list li:has(a[href*="/categorie-produs/casa/perne/"]),
#hct-panel .hct-list a.hct-link[href*="/categorie-produs/casa/perne/"],
#hct-panel .hct-list li:has(a[href*="/categorie-produs/frumusete/"]),
#hct-panel .hct-list a.hct-link[href*="/categorie-produs/frumusete/"] {
display: none !important;
}
/* ============================================================
   HaraHome Premium Mobile Optimization v1.0
   CSS Only - harahome-child/style.css
   Obiective: contrast WCAG, touch targets, focus accesibil
   Data: 2026-05-14
   ============================================================ */
/* ----------------------------------------------------------
   1. CONTRAST FIX GLOBAL: text inchis pe verde #7ED957
      Raport: #1a1a1a pe #7ED957 = 9.9:1 (WCAG AAA)
      Aplicat pe toate butoanele principale site
   ---------------------------------------------------------- */
html body .bd,
html body .hbuy,
html body .hhe .bd,
html body .hps .hbuy,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .woocommerce input.button,
html body button.single_add_to_cart_button,
html body a.checkout-button {
  color: #1a1a1a !important;
}
html body .bd:hover,
html body .hbuy:hover,
html body .woocommerce a.button:hover,
html body .woocommerce button.button:hover,
html body .woocommerce input.button:hover,
html body button.single_add_to_cart_button:hover,
html body a.checkout-button:hover {
  color: #1a1a1a !important;
}
/* Focus vizibil accesibil - toate butoanele */
html body .bd:focus-visible,
html body .hbuy:focus-visible,
html body .woocommerce a.button:focus-visible,
html body .woocommerce button.button:focus-visible,
html body .woocommerce input.button:focus-visible,
html body button.single_add_to_cart_button:focus-visible,
html body a.checkout-button:focus-visible {
  outline: 3px solid #1a3d08 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(126, 217, 87, 0.35) !important;
}
/* ----------------------------------------------------------
   2. MOBIL: rafinari premium pentru butoane
      Touch target minim 48px, padding generos, tranzitii fine
   ---------------------------------------------------------- */
@media (max-width: 768px) {
  html body .bd,
  html body .hbuy,
  html body .hhe .bd,
  html body .hps .hbuy,
  html body .woocommerce a.button,
  html body .woocommerce button.button,
  html body .woocommerce input.button,
  html body button.single_add_to_cart_button,
  html body a.checkout-button {
    min-height: 48px !important;
    padding: 14px 26px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 6px 18px rgba(126, 217, 87, 0.30) !important;
    transition: background 0.18s ease, box-shadow 0.18s ease !important;
  }
  html body .bd:active,
  html body .hbuy:active,
  html body .woocommerce a.button:active,
  html body .woocommerce button.button:active,
  html body .woocommerce input.button:active,
  html body button.single_add_to_cart_button:active,
  html body a.checkout-button:active {
    background: #5eaa37 !important;
    box-shadow: 0 3px 10px rgba(94, 170, 55, 0.28) !important;
    transform: scale(0.98) !important;
  }
  /* Category label in hero cards */
  html body .hhe .hc-label {
    color: #1a1a1a !important;
    font-weight: 800 !important;
  }
  /* "Vezi mai mult" buton */
  html body .hmore {
    min-height: 48px !important;
    padding: 13px 28px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  html body .hmore:focus-visible {
    outline: 3px solid #1a1a1a !important;
    outline-offset: 3px !important;
  }
  /* WooCommerce specific - quantity input mobile */
  html body .woocommerce .quantity .qty {
    min-height: 48px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
  }
}

/* ============================================================
   HARAHOME SINGLE PRODUCT PREMIUM REFINEMENTS
   Scope: all WooCommerce single product pages only
   ============================================================ */
body.single-product{
  --hh-sp-green:#7ED957;
  --hh-sp-green-hover:#69C347;
  --hh-sp-green-dark:#244327;
  --hh-sp-ink:#1a1a1a;
  --hh-sp-text:#2c2c2c;
  --hh-sp-muted:#777;
  --hh-sp-soft:#999;
  --hh-sp-cream:#fbfaf6;
  --hh-sp-cream-2:#f6fbf2;
  --hh-sp-line:rgba(47,59,47,.12);
  --hh-sp-shadow:0 18px 44px rgba(36,67,39,.08);
  --hh-sp-shadow-soft:0 10px 26px rgba(36,67,39,.06);
}
body.single-product div.product{
  position:relative;
}
body.single-product div.product .woocommerce-product-gallery{
  padding:18px;
  border:1px solid var(--hh-sp-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--hh-sp-shadow-soft);
}
body.single-product div.product .summary{
  color:var(--hh-sp-ink);
  padding:28px;
  border:1px solid var(--hh-sp-line);
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,var(--hh-sp-cream) 100%);
  box-shadow:var(--hh-sp-shadow);
}
body.single-product div.product .product_title,
body.single-product div.product h1.product_title{
  margin-bottom:18px!important;
  color:var(--hh-sp-ink)!important;
  font-size:clamp(30px,3.1vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
body.single-product div.product .woocommerce-product-details__short-description{
  margin:0 0 20px;
  color:var(--hh-sp-text);
  font-size:16px;
  line-height:1.72;
}
body.single-product div.product .woocommerce-product-details__short-description p{
  margin-bottom:13px;
}
body.single-product div.product .woocommerce-product-details__short-description strong{
  color:var(--hh-sp-green-dark);
  font-weight:850;
}
body.single-product div.product .woocommerce-product-details__short-description ul{
  display:grid;
  gap:8px;
  margin:14px 0 22px;
  padding-left:20px;
}
body.single-product div.product .woocommerce-product-rating{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px!important;
  color:var(--hh-sp-muted);
  font-size:13px;
}
body.single-product div.product .woocommerce-product-rating .star-rating{
  color:var(--hh-sp-green-dark)!important;
  letter-spacing:1px;
}
body.single-product div.product .woocommerce-product-rating .woocommerce-review-link{
  color:var(--hh-sp-muted)!important;
  font-weight:750;
  text-decoration:none!important;
}
body.single-product div.product .woocommerce-product-rating .woocommerce-review-link:hover{
  color:var(--hh-sp-green-dark)!important;
}
body.single-product div.product .harahome-product-review-prompt{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin:0 0 18px;
  color:var(--hh-sp-muted)!important;
  font-size:13px;
  font-weight:750;
  text-decoration:none!important;
}
body.single-product div.product .harahome-product-review-prompt:hover{
  color:var(--hh-sp-green-dark)!important;
}
body.single-product div.product p.price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:12px;
  margin:18px 0 22px!important;
  padding:16px 0 18px;
  border-top:1px solid var(--hh-sp-line);
  border-bottom:1px solid var(--hh-sp-line);
}
body.single-product div.product p.price del,
body.single-product div.product p.price del .amount{
  color:var(--hh-sp-soft)!important;
  font-size:16px!important;
  font-weight:600!important;
  opacity:1!important;
  text-decoration-thickness:1.5px!important;
}
body.single-product div.product p.price ins,
body.single-product div.product p.price ins .amount,
body.single-product div.product p.price > .amount{
  color:var(--hh-sp-green-dark)!important;
  font-size:34px!important;
  font-weight:950!important;
  line-height:1.05!important;
  text-decoration:none!important;
  letter-spacing:-.015em!important;
}
body.single-product div.product .harahome-product-benefit-row,
body.single-product div.product .harahome-product-benefits{
  display:flex!important;
  flex-wrap:wrap;
  gap:10px;
  margin:2px 0 24px!important;
}
body.single-product div.product .harahome-product-benefit-row span,
body.single-product div.product .harahome-product-benefits span{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:10px 14px;
  border:1px solid rgba(126,217,87,.38);
  border-radius:999px;
  background:linear-gradient(180deg,#fff 0%,var(--hh-sp-cream-2) 100%);
  color:var(--hh-sp-green-dark)!important;
  font-size:13px;
  font-weight:850;
  line-height:1;
  box-shadow:0 8px 18px rgba(36,67,39,.055);
}
body.single-product div.product .harahome-product-benefit-row svg,
body.single-product div.product .harahome-product-benefits svg,
body.single-product div.product .harahome-product-trust-row svg,
body.single-product div.product .harahome-product-trust svg,
body.single-product div.product .harahome-product-usage svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex:0 0 16px!important;
}
body.single-product div.product form.cart{
  display:flex;
  align-items:stretch;
  gap:12px;
  margin:20px 0 12px!important;
  padding:16px;
  border:1px solid rgba(126,217,87,.34);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(36,67,39,.075);
}
body.single-product div.product form.cart .quantity .qty{
  min-height:54px;
  border:1px solid var(--hh-sp-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--hh-sp-ink)!important;
  font-weight:750!important;
}
body.single-product div.product button.single_add_to_cart_button{
  min-height:54px!important;
  border-radius:16px!important;
  background:var(--hh-sp-green)!important;
  border-color:var(--hh-sp-green)!important;
  color:var(--hh-sp-green-dark)!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:0 14px 28px rgba(126,217,87,.28)!important;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.single-product div.product button.single_add_to_cart_button:hover,
body.single-product div.product button.single_add_to_cart_button:focus{
  background:var(--hh-sp-green-hover)!important;
  border-color:var(--hh-sp-green-hover)!important;
  color:var(--hh-sp-green-dark)!important;
  box-shadow:0 16px 32px rgba(105,195,71,.30)!important;
  transform:translateY(-1px);
}
body.single-product div.product .wcpay-express-checkout-wrapper{
  margin-top:12px!important;
}
body.single-product div.product .harahome-product-stock-note{
  display:flex;
  align-items:center;
  gap:9px;
  margin:13px 0 0!important;
  color:var(--hh-sp-green-dark);
  font-size:14px;
  font-weight:850;
  line-height:1.35;
}
body.single-product div.product .harahome-product-stock-note span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--hh-sp-green);
  box-shadow:0 0 0 5px rgba(126,217,87,.18);
  flex:0 0 auto;
}
body.single-product div.product .harahome-product-trust-row,
body.single-product div.product .harahome-product-trust{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0 18px!important;
}
body.single-product div.product .harahome-product-trust-row span,
body.single-product div.product .harahome-product-trust span{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:11px 12px;
  border:1px solid var(--hh-sp-line);
  border-radius:16px;
  background:var(--hh-sp-cream);
  color:var(--hh-sp-green-dark)!important;
  font-size:13px;
  font-weight:850;
  line-height:1.3;
  text-align:center;
}
body.single-product div.product .harahome-product-certifications{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 18px!important;
}
body.single-product div.product .harahome-product-certification{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:8px 12px;
  border:1px solid var(--hh-sp-line);
  border-radius:16px;
  background:#fff;
  color:var(--hh-sp-green-dark);
  font-size:12.5px;
  font-weight:850;
}
body.single-product div.product .harahome-product-certification img{
  display:block;
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
}
body.single-product div.product .harahome-product-usage{
  margin:18px 0 20px!important;
  padding:16px;
  border:1px solid var(--hh-sp-line);
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,var(--hh-sp-cream) 100%);
}
body.single-product div.product .harahome-product-usage h3{
  margin:0 0 12px;
  color:var(--hh-sp-green-dark);
  font-size:15px;
  font-weight:900;
  line-height:1.25;
}
body.single-product div.product .harahome-product-usage-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.single-product div.product .harahome-product-usage-steps span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:10px;
  border:1px solid rgba(126,217,87,.28);
  border-radius:16px;
  background:#fff;
  color:var(--hh-sp-text);
  font-size:12.5px;
  font-weight:750;
  line-height:1.3;
}
body.single-product div.product .harahome-product-usage-steps i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:var(--hh-sp-green);
  color:var(--hh-sp-green-dark);
  font-style:normal;
  font-size:11px;
  font-weight:950;
  flex:0 0 22px;
}
body.single-product div.product .product_meta{
  margin-top:18px!important;
  padding-top:15px;
  border-top:1px solid var(--hh-sp-line);
  color:var(--hh-sp-muted)!important;
  font-size:12.5px!important;
  line-height:1.7;
}
body.single-product div.product .product_meta > span{
  display:block;
  margin-bottom:2px;
}
body.single-product div.product .product_meta a{
  color:var(--hh-sp-muted)!important;
  font-weight:650;
  text-decoration:none!important;
}
body.single-product div.product .product_meta a:hover{
  color:var(--hh-sp-green-dark)!important;
}
body.single-product div.product .harahome-product-badge-stack{
  position:absolute;
  top:16px;
  left:16px;
  z-index:6;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  max-width:calc(100% - 32px);
  pointer-events:none;
}
body.single-product div.product .harahome-product-badge,
html body .woocommerce ul.products li.product .harahome-product-badge,
html body.woocommerce-page ul.products li.product .harahome-product-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px;
  padding:8px 13px;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(36,67,39,.10)!important;
}
body.single-product div.product .harahome-product-sale-badge,
html body .woocommerce ul.products li.product .harahome-product-badge-stack .harahome-product-sale-badge,
html body.woocommerce-page ul.products li.product .harahome-product-badge-stack .harahome-product-sale-badge{
  border:1px solid rgba(126,217,87,.55)!important;
  background:var(--hh-sp-cream)!important;
  color:var(--hh-sp-green-dark)!important;
}
body.single-product div.product .harahome-product-new-badge,
html body .woocommerce ul.products li.product .harahome-product-badge-stack .harahome-product-new-badge,
html body.woocommerce-page ul.products li.product .harahome-product-badge-stack .harahome-product-new-badge{
  border:1px solid rgba(36,67,39,.12)!important;
  background:var(--hh-sp-green-dark)!important;
  color:#fff!important;
}
html body .woocommerce ul.products li.product .harahome-product-badge-stack,
html body.woocommerce-page ul.products li.product .harahome-product-badge-stack{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:55!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  max-width:calc(100% - 54px)!important;
  pointer-events:none!important;
}
html body .woocommerce ul.products li.product > .onsale,
html body .woocommerce ul.products li.product > .ast-onsale-card,
html body.woocommerce-page ul.products li.product > .onsale,
html body.woocommerce-page ul.products li.product > .ast-onsale-card{
  display:none!important;
}
body.single-product div.product .woocommerce-tabs{
  margin-top:42px;
  padding:24px;
  border:1px solid var(--hh-sp-line);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--hh-sp-shadow-soft);
}
body.single-product div.product .woocommerce-tabs ul.tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 22px!important;
  padding:0!important;
}
body.single-product div.product .woocommerce-tabs ul.tabs::before,
body.single-product div.product .woocommerce-tabs ul.tabs li::before,
body.single-product div.product .woocommerce-tabs ul.tabs li::after{
  display:none!important;
}
body.single-product div.product .woocommerce-tabs ul.tabs li{
  margin:0!important;
  padding:0!important;
  border:1px solid var(--hh-sp-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  overflow:hidden;
}
body.single-product div.product .woocommerce-tabs ul.tabs li a{
  display:block;
  padding:12px 18px!important;
  color:var(--hh-sp-muted)!important;
  font-size:14px!important;
  font-weight:850!important;
}
body.single-product div.product .woocommerce-tabs ul.tabs li.active{
  border-color:rgba(126,217,87,.55)!important;
  background:var(--hh-sp-cream-2)!important;
}
body.single-product div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--hh-sp-green-dark)!important;
}
body.single-product div.product .woocommerce-Tabs-panel{
  line-height:1.76;
  color:var(--hh-sp-text);
}
body.single-product div.product .woocommerce-Tabs-panel h2{
  margin:26px 0 14px;
  color:var(--hh-sp-green-dark);
  font-size:24px;
  line-height:1.22;
  letter-spacing:-.01em;
}
body.single-product div.product .woocommerce-Tabs-panel > *:first-child{
  margin-top:0;
}
body.single-product .harahome-product-recommendations{
  margin-top:44px;
  padding:24px;
  border:1px solid var(--hh-sp-line);
  border-radius:26px;
  background:linear-gradient(180deg,#fff 0%,var(--hh-sp-cream) 100%);
  box-shadow:var(--hh-sp-shadow-soft);
}
body.single-product .harahome-product-recommendations h2{
  margin:0 0 20px;
  color:var(--hh-sp-green-dark);
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.01em;
}
body.single-product .harahome-product-recommendations ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0!important;
  padding:0!important;
}
body.single-product .harahome-product-recommendations ul.products li.product{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
body.single-product .harahome-product-recommendation-card{
  display:grid;
  gap:11px;
  height:100%;
  padding:14px;
  border:1px solid var(--hh-sp-line);
  border-radius:20px;
  background:#fff;
  color:var(--hh-sp-ink)!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(36,67,39,.055);
}
body.single-product .harahome-product-recommendation-image{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:1 / 1;
  border-radius:16px;
  background:var(--hh-sp-cream);
  overflow:hidden;
}
body.single-product .harahome-product-recommendation-image img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
body.single-product .harahome-product-recommendation-card strong{
  color:var(--hh-sp-ink);
  font-size:15px;
  line-height:1.35;
}
body.single-product .harahome-product-recommendation-card .price{
  color:var(--hh-sp-green-dark)!important;
  font-size:16px;
  font-weight:900;
}

/* Product gallery thumbnails: consistent, quiet premium treatment */
body.single-product div.product .flex-control-thumbs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px!important;
  margin:16px 0 0!important;
  padding:0!important;
}
body.single-product div.product .flex-control-thumbs li{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.single-product div.product .flex-control-thumbs img{
  display:block!important;
  width:100%!important;
  height:88px!important;
  padding:6px!important;
  object-fit:contain!important;
  border:1px solid var(--hh-sp-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  opacity:.72!important;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease;
}
body.single-product div.product .flex-control-thumbs img:hover,
body.single-product div.product .flex-control-thumbs img:focus,
body.single-product div.product .flex-control-thumbs img.flex-active{
  border-color:var(--hh-sp-green)!important;
  box-shadow:0 0 0 2px rgba(126,217,87,.22),0 10px 22px rgba(36,67,39,.08)!important;
  opacity:1!important;
}
body.single-product div.product .flex-control-thumbs img.flex-active{
  outline:1px solid rgba(36,67,39,.16);
  outline-offset:2px;
}

/* Express checkout hierarchy: classic Add to Cart remains primary CTA */
body.single-product div.product .wcpay-express-checkout-wrapper{
  max-width:100%;
  margin:18px 0 6px!important;
  padding:12px 0 0!important;
  border-top:1px solid var(--hh-sp-line);
}
body.single-product div.product .wcpay-express-checkout-wrapper iframe{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  border-radius:14px!important;
}

/* Desktop-only product sticky header. Avoided on mobile to protect menu behavior. */
@media (min-width:922px){
  body.single-product .hnv.harahome-global-header{
    position:sticky;
    top:0;
    z-index:9998;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(47,59,47,.10)!important;
    box-shadow:0 10px 26px rgba(36,67,39,.07)!important;
  }
  body.admin-bar.single-product .hnv.harahome-global-header{
    top:32px;
  }
}

@media (max-width:768px){

  body.single-product div.product .flex-control-thumbs{
    gap:8px!important;
    margin-top:14px!important;
  }
  body.single-product div.product .flex-control-thumbs img{
    height:74px!important;
    border-radius:14px!important;
    padding:5px!important;
  }
  body.single-product div.product .harahome-product-badge-stack{
    top:12px;
    left:12px;
    gap:6px;
    max-width:calc(100% - 24px);
  }
  body.single-product div.product .harahome-product-badge,
  html body .woocommerce ul.products li.product .harahome-product-badge,
  html body.woocommerce-page ul.products li.product .harahome-product-badge{
    min-height:28px;
    padding:6px 10px;
    font-size:11px!important;
  }
  html body .woocommerce ul.products li.product .harahome-product-badge-stack,
  html body.woocommerce-page ul.products li.product .harahome-product-badge-stack{
    top:8px!important;
    left:8px!important;
    gap:5px!important;
    max-width:calc(100% - 46px)!important;
  }

  body.single-product div.product .woocommerce-product-gallery,
  body.single-product div.product .summary,
  body.single-product div.product .woocommerce-tabs,
  body.single-product .harahome-product-recommendations{
    padding:20px;
    border-radius:22px;
  }
  body.single-product div.product .summary{
    margin-top:18px;
  }
  body.single-product div.product .product_title,
  body.single-product div.product h1.product_title{
    margin:0 0 24px!important;
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.16!important;
  }
  body.single-product div.product .woocommerce-product-rating{
    margin:0 0 22px!important;
  }
  body.single-product div.product .harahome-product-review-prompt{
    margin:0 0 22px;
  }
  body.single-product div.product .woocommerce-product-details__short-description{
    margin:0 0 26px!important;
    padding-bottom:4px;
    font-size:15.5px;
    line-height:1.76;
  }
  body.single-product div.product .woocommerce-product-details__short-description p{
    margin-bottom:16px;
  }
  body.single-product div.product .woocommerce-product-details__short-description ul{
    gap:10px;
    margin:18px 0 24px;
  }
  body.single-product div.product p.price{
    width:100%;
    margin:26px 0 28px!important;
    padding:20px 18px!important;
    border:1px solid rgba(126,217,87,.34);
    border-radius:20px;
    background:linear-gradient(180deg,#fff 0%,var(--hh-sp-cream-2) 100%);
    box-shadow:0 12px 28px rgba(36,67,39,.06);
  }
  body.single-product div.product p.price ins,
  body.single-product div.product p.price ins .amount,
  body.single-product div.product p.price > .amount{
    font-size:32px!important;
  }
  body.single-product div.product .harahome-product-benefit-row,
  body.single-product div.product .harahome-product-benefits{
    gap:8px;
    margin:0 0 30px!important;
  }
  body.single-product div.product .harahome-product-benefit-row span,
  body.single-product div.product .harahome-product-benefits span{
    min-height:38px;
    padding:9px 12px;
    font-size:12.5px;
  }
  body.single-product div.product form.cart{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin:28px 0 18px!important;
    padding:16px;
    border-radius:22px;
  }
  body.single-product div.product form.cart .quantity,
  body.single-product div.product form.cart .quantity .qty,
  body.single-product div.product button.single_add_to_cart_button{
    width:100%!important;
  }
  body.single-product div.product form.cart .quantity .qty,
  body.single-product div.product button.single_add_to_cart_button{
    min-height:56px!important;
  }
  body.single-product div.product .wcpay-express-checkout-wrapper{
    margin-top:18px!important;
    margin-bottom:8px!important;
  }
  body.single-product div.product .harahome-product-stock-note{
    margin:18px 0 0!important;
  }
  body.single-product div.product .harahome-product-trust-row,
  body.single-product div.product .harahome-product-trust{
    grid-template-columns:1fr;
    gap:10px;
    margin:20px 0 22px!important;
  }
  body.single-product div.product .harahome-product-certifications{
    gap:8px;
    margin:18px 0 20px!important;
  }
  body.single-product div.product .harahome-product-usage{
    margin:20px 0 22px!important;
    padding:14px;
    border-radius:18px;
  }
  body.single-product div.product .harahome-product-usage-steps{
    grid-template-columns:1fr;
    gap:8px;
  }
  body.single-product div.product .product_meta{
    margin-top:24px!important;
    padding-top:18px;
  }
  body.single-product div.product .woocommerce-tabs ul.tabs{
    display:flex!important;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px!important;
  }
  body.single-product div.product .woocommerce-tabs ul.tabs li{
    flex:0 0 auto;
  }
  body.single-product div.product .harahome-mobile-tab-toggle{
    display:none!important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin:0 0 10px;
    padding:15px 16px;
    border:1px solid var(--hh-sp-line);
    border-radius:16px;
    background:#fff;
    color:var(--hh-sp-green-dark);
    font-size:15px;
    font-weight:850;
    text-align:left;
  }
  body.single-product div.product .harahome-mobile-tab-toggle::after{
    content:"";
    width:8px;
    height:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform .18s ease;
  }
  body.single-product div.product .harahome-mobile-tab-toggle[aria-expanded="true"]{
    background:var(--hh-sp-cream-2);
    border-color:rgba(126,217,87,.45);
  }
  body.single-product div.product .harahome-mobile-tab-toggle[aria-expanded="true"]::after{
    transform:rotate(225deg);
  }
  body.single-product div.product .woocommerce-Tabs-panel{
    margin:0 0 12px!important;
    padding:0 2px 10px;
  }
  body.single-product .harahome-product-recommendations ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* HaraHome single product hotfix - tabs, badges, GPay hierarchy, no triangles */
body.single-product div.product .woocommerce-tabs ul.tabs::before,
body.single-product div.product .woocommerce-tabs ul.tabs::after,
body.single-product div.product .woocommerce-tabs ul.tabs li::before,
body.single-product div.product .woocommerce-tabs ul.tabs li::after,
body.single-product div.product .wc-tabs li::before,
body.single-product div.product .wc-tabs li::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.single-product div.product .woocommerce-tabs ul.tabs li{
  box-shadow:none!important;
}
body.single-product div.product .harahome-product-badge-stack{
  align-items:flex-start!important;
  gap:8px!important;
}
body.single-product div.product .harahome-product-sale-badge{
  background:#fffdf7!important;
  border:1px solid #7ED957!important;
  color:#244327!important;
}
body.single-product div.product .harahome-product-new-badge{
  background:#244327!important;
  border:1px solid #244327!important;
  color:#fff!important;
}
body.single-product div.product p.price del,
body.single-product div.product p.price del .amount{
  color:#777!important;
  opacity:.62!important;
}
body.single-product div.product p.price ins,
body.single-product div.product p.price ins .amount,
body.single-product div.product p.price > .amount{
  color:#244327!important;
}
body.single-product div.product .gpay-card-info-container,
body.single-product div.product .wc-stripe-payment-request-wrapper,
body.single-product div.product .wc-stripe-payment-request-button,
body.single-product div.product .payment-request-button,
body.single-product div.product .wcpay-express-checkout-wrapper{
  margin-top:12px!important;
  opacity:.86!important;
}
body.single-product div.product .flex-control-thumbs img{
  object-fit:contain!important;
}
body.single-product div.product .harahome-mobile-tab-toggle{
  display:none!important;
}
/* Empty state for category-specific product sections */
.hnout-empty {
  padding: 40px 20px;
  text-align: center;
  color: #888;
  font-size: 15px;
}
.hnout-empty p {
  margin: 0;
  font-style: italic;
}
/* ============================================================
   Responsive Hero + Product Sections Layout
   Desktop: 2-column layout | Mobile: stacked with correct order
   ============================================================ */

.hh-hero-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.hh-hero-pair {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.hh-hero-column {
  display: flex;
  flex-direction: column;
}

.hh-products-pair {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.hh-product-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Mobile: Stack vertically in correct order: Hero1, Prod1, Hero2, Prod2 */
@media (max-width: 920px) {
  .hh-hero-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  .hh-hero-pair {
    grid-column: 1;
    grid-template-columns: 1fr;
    gap: 24px;
    order: 1;
  }
  
  .hh-hero-column--health {
    order: 1;
  }
  
  .hh-hero-column--house {
    order: 3;
  }
  
  .hh-products-pair {
    grid-column: 1;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  .hh-product-column--health {
    order: 2;
  }
  
  .hh-product-column--house {
    order: 4;
  }
}

/* ============================================================
   HaraHome Featured Products + New Product Popup
   Scope: only products marked with .hh-featured-product
   ============================================================ */
html body .woocommerce ul.products li.product.hh-featured-product,
html body.woocommerce-page ul.products li.product.hh-featured-product,
body.single-product div.product.hh-featured-product {
  box-sizing: border-box;
  border: 1px solid #c8a96b !important;
  box-shadow: 0 10px 24px rgba(93, 72, 31, 0.08) !important;
}

html body .woocommerce ul.products li.product.hh-featured-product {
  overflow: hidden;
}

.hh-featured-product-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 5px 9px;
  border: 1px solid rgba(200, 169, 107, 0.55);
  border-radius: 999px;
  background: #f4ead2;
  color: #5f461b;
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: normal;
}

body.single-product div.product .summary .hh-featured-product-badge {
  margin-bottom: 12px;
}

.hh-new-product-popup {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99990;
  width: min(360px, calc(100vw - 32px));
  padding: 20px 20px 18px;
  border: 1px solid rgba(200, 169, 107, 0.45);
  border-radius: 18px;
  background: #fffdf7;
  color: #263526;
  box-shadow: 0 18px 44px rgba(36, 67, 39, 0.16);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.hh-new-product-popup.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hh-new-product-popup-close {
  position: absolute;
  top: 9px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #536353;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.hh-new-product-popup-close:hover,
.hh-new-product-popup-close:focus-visible {
  background: rgba(126, 217, 87, 0.12);
  color: #244327;
}

.hh-new-product-popup-kicker {
  margin: 0 34px 7px 0;
  color: #244327;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hh-new-product-popup-title {
  margin: 0 0 15px;
  color: #263526;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
}

.hh-new-product-popup-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 15px;
  border: 1px solid rgba(200, 169, 107, 0.5);
  border-radius: 999px;
  background: #7ED957;
  color: #1f321f !important;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(126, 217, 87, 0.22);
}

.hh-new-product-popup-link:hover,
.hh-new-product-popup-link:focus-visible {
  background: #69C347;
  color: #1f321f !important;
}

@media (max-width: 640px) {
  .hh-featured-product-badge {
    padding: 5px 8px;
    font-size: 9.5px;
    letter-spacing: 0.06em;
  }

  .hh-new-product-popup {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
    padding: 18px 18px 16px;
    border-radius: 16px;
  }

  .hh-new-product-popup-title {
    font-size: 14px;
  }
}

/* ============================================================
   HaraHome UX Conversion Refinements
   Scoped premium homepage/product enhancements
   ============================================================ */
.hh-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.hh-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none !important;
}

.hh-hero-cta--primary {
  border: 1px solid #69C347;
  background: #7ED957;
  color: #1f321f !important;
  box-shadow: 0 10px 24px rgba(126, 217, 87, 0.26);
}

.hh-hero-cta--secondary {
  border: 1px solid rgba(36, 67, 39, 0.18);
  background: rgba(255, 255, 255, 0.92);
  color: #244327 !important;
}

.hh-month-pick {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(280px, 1.15fr);
  align-items: center;
  gap: clamp(22px, 4vw, 52px);
  margin: 30px 0 10px;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgba(200, 169, 107, 0.28);
  border-radius: 24px;
  background: linear-gradient(135deg, #fffdf7 0%, #f3fbef 100%);
  box-shadow: 0 18px 44px rgba(36, 67, 39, 0.08);
}

.hh-month-pick-media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hh-month-pick-media img {
  display: block;
  width: min(100%, 420px) !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 28px rgba(36, 67, 39, 0.12));
}

.hh-month-pick-copy {
  color: #244327;
}

.hh-month-pick-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(200, 169, 107, 0.5);
  border-radius: 999px;
  background: #f4ead2;
  color: #5f461b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

.hh-month-pick h2 {
  margin: 0 0 16px;
  color: #1f321f;
  font-size: clamp(26px, 4vw, 44px);
  line-height: 1.08;
  letter-spacing: 0;
}

.hh-month-pick ul {
  display: grid;
  gap: 9px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  color: #2c2c2c;
  font-size: 15px;
  font-weight: 700;
}

.hh-month-pick li::before {
  content: "✓";
  display: inline-flex;
  margin-right: 8px;
  color: #244327;
  font-weight: 950;
}

.hh-month-pick-actions {
  display: grid;
  gap: 10px;
  width: min(100%, 320px);
}

.hh-month-pick-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
}

.hh-month-pick-cta--primary {
  border: 1px solid #69C347;
  background: #7ED957;
  color: #1f321f !important;
  box-shadow: 0 12px 26px rgba(126, 217, 87, 0.26);
  animation: hh-cta-pulse 2.8s ease-in-out infinite;
}

.hh-month-pick-cta--secondary {
  border: 1px solid rgba(36, 67, 39, 0.28);
  background: transparent;
  color: #244327 !important;
  font-weight: 800;
  box-shadow: none;
}

@keyframes hh-cta-pulse {
  0%, 100% { box-shadow: 0 12px 26px rgba(126, 217, 87, 0.24); }
  50% { box-shadow: 0 12px 30px rgba(126, 217, 87, 0.42), 0 0 0 5px rgba(126, 217, 87, 0.10); }
}

.hh-month-pick-cta--primary:hover,
.hh-month-pick-cta--primary:focus-visible,
.hh-hero-cta--primary:hover,
.hh-hero-cta--primary:focus-visible {
  background: #69C347;
  color: #1f321f !important;
}

.hh-month-pick-cta--secondary:hover,
.hh-month-pick-cta--secondary:focus-visible {
  background: rgba(126, 217, 87, 0.12);
  color: #1f321f !important;
}

html body .woocommerce ul.products li.product.hh-product-highlight,
html body.woocommerce-page ul.products li.product.hh-product-highlight,
body.single-product div.product.hh-product-highlight {
  box-sizing: border-box;
  border: 1px solid #c8a96b !important;
  box-shadow: 0 10px 24px rgba(93, 72, 31, 0.08) !important;
}

body.single-product div.product .product_title,
body.single-product div.product h1.product_title {
  margin-bottom: 24px !important;
}

body.single-product div.product .woocommerce-product-rating,
body.single-product div.product .harahome-product-review-prompt {
  margin-bottom: 22px !important;
}

body.single-product div.product p.price {
  margin: 24px 0 28px !important;
}

body.single-product div.product form.cart {
  margin-top: 28px !important;
  margin-bottom: 18px !important;
}

body.single-product div.product .harahome-product-trust-row,
body.single-product div.product .harahome-product-trust {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html body .woocommerce ul.products li.product > .onsale,
html body .woocommerce ul.products li.product > .ast-onsale-card,
html body.woocommerce-page ul.products li.product > .onsale,
html body.woocommerce-page ul.products li.product > .ast-onsale-card {
  display: none !important;
}

.hh-mobile-atc {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 99980;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(36, 67, 39, 0.12);
  border-radius: 18px;
  background: rgba(255, 253, 247, 0.98);
  box-shadow: 0 14px 34px rgba(36, 67, 39, 0.16);
}

.hh-mobile-atc-info {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.hh-mobile-atc-info strong {
  overflow: hidden;
  color: #1f321f;
  font-size: 12.5px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hh-mobile-atc-info span,
.hh-mobile-atc-info .amount {
  color: #244327;
  font-size: 13px;
  font-weight: 900;
}

.hh-mobile-atc-button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 11px 15px;
  border: 1px solid #69C347;
  border-radius: 999px;
  background: #7ED957;
  color: #1f321f;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 768px) {
  html body .hnv,
  html body .harahome-global-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99990 !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 8px 20px rgba(36, 67, 39, 0.08) !important;
  }

  .hh-hero-actions {
    gap: 10px;
    margin-top: 18px;
  }

  .hh-hero-cta {
    flex: 1 1 150px;
    min-height: 50px;
    padding: 14px 16px;
    font-size: 13.5px;
  }

  .hh-hero-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.10));
    pointer-events: none;
  }

  .hh-month-pick {
    grid-template-columns: 1fr;
    gap: 18px;
    margin: 22px 0 8px;
    padding: 22px;
    border-radius: 20px;
  }

  .hh-month-pick-media {
    order: 1;
  }

  .hh-month-pick-copy {
    order: 2;
  }

  .hh-month-pick h2 {
    font-size: 28px;
  }

  .hh-month-pick-cta {
    width: 100%;
    min-height: 52px;
  }

  body.single-product div.product .harahome-product-trust-row,
  body.single-product div.product .harahome-product-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hh-mobile-atc.is-visible {
    display: flex;
  }

  body.single-product {
    padding-bottom: 76px;
  }
}

.hh-health-promo-notice {
  margin: 0 0 18px;
  padding: 13px 16px;
  border: 1px solid rgba(200, 169, 107, 0.38);
  border-radius: 14px;
  background: #fffdf7;
  color: #244327;
  font-size: 13.5px;
  font-weight: 750;
  line-height: 1.45;
  box-shadow: 0 8px 20px rgba(36, 67, 39, 0.06);
}

body.single-product .hh-health-promo-notice {
  margin: 0 0 18px;
}