/* =========================================================================
   HARON SPICES — theme stylesheet for Active eCommerce
   Loaded site-wide when homepage_select == 'haron'.
   Palette: charcoal #17120e / #0f0b07, gold #a9781f / #c99a3b / #e9c766,
   cream #faf5ea. Fonts: Cormorant Garamond (display), Jost (body).
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Jost:wght@300;400;500;600&family=Marcellus&display=swap');

:root{
  --h-cream:#faf5ea;
  --h-cream-2:#f4eeda;
  --h-cream-3:#e7ddc0;
  --h-ink:#241b12;
  --h-ink-soft:#4a3d2c;
  --h-ink-mute:#6a5c40;
  --h-gold:#a9781f;
  --h-gold-2:#c99a3b;
  --h-gold-lt:#e9c766;
  --h-dark:#17120e;
  --h-dark-2:#0f0b07;
  --h-line:rgba(169,120,31,.20);
  --h-gold-grad:linear-gradient(120deg,#9a6f22,#f4d886 45%,#c99a3b 70%,#f7e29a);
  --h-dark-rad:radial-gradient(120% 130% at 78% 15%,#2a2018,#17120e);
}

/* ---- base ---------------------------------------------------------------- */
/* overflow-x:clip (not hidden) prevents horizontal scroll WITHOUT breaking
   position:fixed descendants — hidden on html/body breaks the mobile drawer on iOS/Android */
html,body{max-width:100%;overflow-x:clip;}
body{
  font-family:'Jost',system-ui,sans-serif !important;
  color:var(--h-ink);
  background:var(--h-cream) !important;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;}
.haron-serif,.h-serif{font-family:'Cormorant Garamond',serif;}
a{color:var(--h-gold);}
a:hover{color:var(--h-gold-2);}
::selection{background:var(--h-gold-2);color:#fff;}

.text-primary,a.text-primary{color:var(--h-gold) !important;}
.bg-primary{background:var(--h-gold) !important;}

@keyframes h-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes h-fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.h-fu{animation:h-fadeUp .6s cubic-bezier(.2,.7,.3,1) both;}
.h-floaty{animation:h-floaty 6s ease-in-out infinite;}

/* ---- buttons ------------------------------------------------------------- */
.h-goldbtn,
.btn-primary,
.btn-secondary{
  background:var(--h-gold-grad) !important;
  border:none !important;
  color:#241606 !important;
  letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  border-radius:2px !important;
  transition:transform .25s,box-shadow .25s,filter .25s;
}
.h-goldbtn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 32px;font-size:13px;line-height:1;
}
.h-goldbtn--lg{padding:19px 40px;font-size:13.5px;}
.h-goldbtn:hover,
.btn-primary:hover,
.btn-secondary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px -10px rgba(169,120,31,.6);
  filter:brightness(1.05);
  color:#241606 !important;
}
.h-ghostbtn{
  border:1px solid rgba(233,199,102,.5);color:var(--h-gold-lt);
  padding:16px 32px;border-radius:2px;font-size:13.5px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:500;display:inline-block;
  transition:background .25s,color .25s,border-color .25s;
}
.h-ghostbtn:hover{background:rgba(233,199,102,.12);color:var(--h-gold-lt);}
.btn-outline-primary{border-color:var(--h-gold) !important;color:var(--h-gold) !important;}
.btn-outline-primary:hover{background:var(--h-gold) !important;color:#fff !important;}

/* ---- cards / hover lift -------------------------------------------------- */
.h-hoverlift{transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;}
.h-hoverlift:hover{transform:translateY(-6px);}
.h-card-img{transition:transform .7s cubic-bezier(.2,.7,.3,1);}
.h-hoverlift:hover .h-card-img{transform:scale(1.06);}

/* =========================================================================
   SITE-WIDE CHROME — restyle the shared Active eCommerce header & footer
   into the dark + gold Haron look so every page matches.
   ========================================================================= */

/* top utility/nav bars -> charcoal */
.top-nav,
.aiz-topbar,
#top-nav,
header .top-header{
  background:var(--h-dark) !important;
  color:var(--h-gold-lt) !important;
}
.top-nav a,.aiz-topbar a{color:var(--h-gold-lt) !important;}

/* main nav bar */
.aiz-nav-bar,
.stickyOnScroll,
header.stickyOnScroll,
.top-navbar{
  background:rgba(250,245,234,.90) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--h-line) !important;
}
.aiz-nav-bar a,
.top-navbar a{color:var(--h-ink-soft);}
.aiz-nav-bar a:hover,.top-navbar a:hover{color:var(--h-gold-2);}

/* nav category / menu links uppercase gold-on-hover */
.navbar .nav-link,
.aiz-category-menu .nav-link{
  text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;color:var(--h-ink-soft);
}
.navbar .nav-link:hover{color:var(--h-gold-2);}

/* search bar */
.aiz-search input,
input.form-control[type="search"]{
  border-color:var(--h-line) !important;background:#fffdf7 !important;
}
.aiz-search .btn,
.search-btn{background:var(--h-gold-grad) !important;color:#241606 !important;border:none !important;}

/* cart / count badges */
.badge-primary,
.cart-count,
.nav-cart-count{
  background:var(--h-gold-grad) !important;color:#2a1f0c !important;
}

/* announcement / promo bar */
.header-top-bar,.promo-bar{
  background:var(--h-dark) !important;color:var(--h-gold-lt) !important;
  letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;
}

/* footer -> deep charcoal */
footer,
.aiz-footer,
.footer,
#footer{
  background:var(--h-dark-2) !important;
  color:#c3b598 !important;
}
footer a,.aiz-footer a{color:#c3b598 !important;}
footer a:hover,.aiz-footer a:hover{color:var(--h-gold-lt) !important;}
footer h1,footer h2,footer h3,footer h4,footer h5,footer .footer-title,
.aiz-footer h3,.aiz-footer h4{
  color:var(--h-gold-lt) !important;letter-spacing:.14em;text-transform:uppercase;
}
footer .border-top,footer hr{border-color:rgba(233,199,102,.14) !important;}

/* =========================================================================
   SHARED PAGES — product details, shop/category, cart, checkout accents
   ========================================================================= */
h1,h2,h3,.h1,.h2,.h3,.fw-700.fs-20,.product-title,.section-title{ }
.product-title,.detail-title,
.product-name a,
.aiz-card-box h3 a{font-family:'Cormorant Garamond',serif;color:var(--h-ink);}

/* price accents */
.text-accent,.price,.product-price,
.fw-700.text-primary{color:var(--h-gold) !important;font-family:'Cormorant Garamond',serif;}

/* product cards site-wide */
.aiz-card-box{
  border:1px solid var(--h-line) !important;
  border-radius:6px !important;
  transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;
}
.aiz-card-box:hover{transform:translateY(-6px);box-shadow:0 18px 40px -26px rgba(120,90,20,.55);}
.aiz-card-box .product-main-image{transition:transform .7s cubic-bezier(.2,.7,.3,1);}
.aiz-card-box:hover .product-main-image{transform:scale(1.05);}

/* section / page headings on shop, cart, checkout */
.aiz-titlebar h1,.aiz-titlebar h2,
.shop-title,.page-title,.breadcrumb + h1{
  font-family:'Cormorant Garamond',serif !important;color:var(--h-ink);
}

/* checkout / cart summary panels -> dark gold */
.aiz-summery,.order-summary,.cart-summary,.checkout-summary{
  background:var(--h-dark-rad) !important;color:#f3ead6 !important;border:none !important;
}
.aiz-summery *,.order-summary *,.cart-summary *,.checkout-summary *{color:#d8cbb2;}
.aiz-summery h2,.aiz-summery h3,.order-summary h2,.order-summary h3{color:var(--h-gold-lt) !important;font-family:'Cormorant Garamond',serif;}
.aiz-summery .grand-total,.order-summary .grand-total{color:var(--h-gold-lt) !important;}

/* form controls */
.form-control:focus{border-color:var(--h-gold-2) !important;box-shadow:0 0 0 .15rem rgba(201,154,59,.18) !important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
  background-color:var(--h-gold) !important;border-color:var(--h-gold) !important;
}

/* rating stars */
.rating .las,.rating .active,.star-rating .filled{color:var(--h-gold-2) !important;}

/* product-detail: add-to-cart / soft buttons -> gold; buy-now stays charcoal */
.btn-soft-primary,.btn-light-primary,button[onclick*="addToCart"],.add-to-cart-btn,
.add-to-cart,.bg-soft-blue,a.btn-soft-primary{
  background:var(--h-gold-grad) !important;color:#241606 !important;border:none !important;
  font-weight:600;letter-spacing:.08em;
}
.add-to-cart .text-blue,.add-to-cart span{color:#241606 !important;}
.add-to-cart:hover,.btn-soft-primary:hover,button[onclick*="addToCart"]:hover{filter:brightness(1.05);color:#241606 !important;}
.hov-bg-blue:hover{background:var(--h-gold) !important;color:#fff !important;}
.buy-now-btn,button[onclick*="buyNow"],#buy_now_btn{background:var(--h-dark) !important;color:var(--h-gold-lt) !important;border:none !important;}
.text-blue{color:var(--h-gold) !important;}
.bg-soft-blue{background:rgba(201,154,59,.14) !important;}

/* let grid/flex children shrink (prevents overflow) — safe at all sizes */
[class*="col-"]{min-width:0;}
/* keep wide page containers within the viewport ONLY on small screens;
   on desktop Bootstrap's centered .container must keep its side gutters */
@media(max-width:767px){
  .container,.container-fluid,.aiz-container{max-width:100% !important;}
}
/* AE bordered product grid overflows on phones — tame gutters/margins */
@media(max-width:767px){
  .gutters-16{margin-left:0 !important;margin-right:0 !important;}
  #products-row{border-left:0 !important;}
  .px-3{padding-left:12px !important;padding-right:12px !important;}
  main .row,.aiz-main-content > .row{margin-left:0 !important;margin-right:0 !important;}
}
/* force the product grid cells to a true 2-up (JS injects row-cols-4; padding chain
   indents the grid) — override with #id specificity and collapse the padding chain */
@media(max-width:767px){
  .container.sm-px-0{padding-left:6px !important;padding-right:6px !important;}
  /* comfortable side margin for the shop breadcrumb / "N products" / filter / grid */
  .col-xl-9{padding-left:16px !important;padding-right:16px !important;}
  #products-row{margin-left:0 !important;margin-right:0 !important;border-left:0 !important;}
  #products-row > .col,#products-row > *{
    flex:0 0 50% !important;max-width:50% !important;min-width:0 !important;
  }
  .aiz-card-box{min-width:0 !important;}
  .aiz-card-box img,.aiz-card-box .img-fit{min-width:0 !important;max-width:100% !important;}
}
@media(max-width:575px){
  #products-row > .col{padding:7px !important;}
  #products-row .aiz-card-box > .position-relative:first-child{height:180px;flex-basis:180px;}
}
@media(max-width:400px){
  #products-row > .col,#products-row > *{flex:0 0 100% !important;max-width:100% !important;}
  #products-row .aiz-card-box > .position-relative:first-child{height:220px;flex-basis:220px;}
}

/* shop / search grid: drop the AE "table" border lines, keep each card's own
   border, and centre the row so a small catalog (1–2 items) looks intentional
   instead of stranded on the left with a big void. */
#products-row{border:0 !important;justify-content:center;align-items:stretch;}
#products-row > .col{border:0 !important;padding:11px !important;display:flex;}
/* equal-height cards: fixed image area + flexible body so prices line up */
#products-row > .col .aiz-card-box{
  height:100%;width:100%;display:flex;flex-direction:column;
  box-shadow:0 12px 34px -24px rgba(120,90,20,.55);overflow:hidden;
}
#products-row .aiz-card-box > .position-relative:first-child{
  height:250px;flex:0 0 250px;overflow:hidden;background:#faf6ec;
}
#products-row .aiz-card-box .product-main-image,
#products-row .aiz-card-box .product-hover-image{
  width:100% !important;height:100% !important;object-fit:cover;object-position:center;
}
/* title + price flow naturally right under the image; any extra height from
   equalising falls below the price (no awkward mid-card gap) */
#products-row .aiz-card-box > h3,
#products-row .aiz-card-box .fw-400.fs-13{margin-top:14px !important;}
#products-row .aiz-card-box .fw-700.text-primary{font-family:'Cormorant Garamond',serif;font-size:20px;}
/* hover: lift only, never grow the box (prevents the neighbour-misalignment) */
#products-row .aiz-card-box:hover{transform:translateY(-6px);}
#products-row .aiz-card-box .cart-btn.absolute-bottom-left{background:var(--h-gold-grad) !important;color:#241606 !important;}

/* product-detail: tabs active underline + links gold */
.nav-tabs .nav-link.active,.aiz-tabs .nav-link.active,
.nav-tabs .nav-link.active::after{color:var(--h-ink) !important;border-color:var(--h-gold) !important;}
.nav-tabs .nav-link.active{border-bottom:2px solid var(--h-gold) !important;}
.text-blue,.text-info{color:var(--h-gold) !important;}

/* discount % badge (custom-label fallback) + price boxes */
.badge-inline-primary,.discount-badge{background:var(--h-gold-grad) !important;color:#241606 !important;}
.strike-price,.text-line-through,del{color:#b0a284 !important;}

/* quantity stepper + SKU accents */
.quantity-input,.aiz-plus-minus{border-color:var(--h-line) !important;}

/* =========================================================================
   HOMEPAGE — bespoke Haron sections (scoped under .haron-home)

   Spacing system: every section uses the same vertical rhythm (--h-sec-y),
   the same page gutter (--h-gutter) and the same gap between a section
   heading and its content (--h-head-gap). Change them here, not per-section.
   ========================================================================= */
:root{
  --h-gutter:28px;
  --h-sec-y:96px;          /* vertical padding of a full-width section      */
  --h-head-gap:52px;       /* section heading  →  section content           */
  --h-gap:24px;            /* default grid/flex gap                         */
  --h-gap-sm:12px;
  --h-radius:8px;
  --h-max:1240px;
  --h-wa:#25d366;
  --h-wa-dark:#128c7e;
}

.haron-home{background:var(--h-cream);overflow-x:hidden;}
.haron-home *{box-sizing:border-box;}
/* let flex/grid children shrink instead of forcing horizontal overflow */
.haron-home *{min-width:0;}

.haron-wrap{max-width:var(--h-max);margin:0 auto;padding-left:var(--h-gutter);padding-right:var(--h-gutter);}
.haron-section{max-width:var(--h-max);margin:0 auto;padding:var(--h-sec-y) var(--h-gutter);}
.haron-section--tight-top{padding-top:0;}

/* full-bleed bands share the same rhythm through their inner wrap */
.haron-band-light > .haron-wrap,
.haron-band-dark  > .haron-wrap,
.haron-certs      > .haron-wrap,
.haron-flavour    > .haron-wrap{padding-top:var(--h-sec-y);padding-bottom:var(--h-sec-y);}

/* ---- section headings ---------------------------------------------------- */
.haron-sec-head{margin-bottom:var(--h-head-gap);}
.haron-sec-head--center{text-align:center;}
.haron-sec-head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--h-gap);flex-wrap:wrap;}
.haron-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--h-gold);margin:0 0 14px;}
.haron-h1{line-height:1.02;}
.haron-h2{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(30px,3.4vw,46px);line-height:1.1;color:var(--h-ink);margin:0;
}
.haron-sec-lead{
  margin:16px 0 0;font-size:clamp(15px,1.05vw,16.5px);line-height:1.75;color:var(--h-ink-mute);
  max-width:64ch;
}
.haron-sec-head--center .haron-sec-lead{margin-left:auto;margin-right:auto;}
.haron-link-arrow{
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid var(--h-gold-2);padding-bottom:3px;white-space:nowrap;
}
.haron-empty{grid-column:1/-1;color:var(--h-ink-mute);margin:0;}

/* ---- button row ---------------------------------------------------------- */
.haron-btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.haron-btn-row--center{justify-content:center;}

/* ---- WhatsApp buttons ---------------------------------------------------- */
.h-whatsapp-btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:15px 26px;border-radius:3px;border:1px solid var(--h-wa);
  color:var(--h-wa-dark);background:transparent;
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  transition:background .2s,color .2s,border-color .2s;white-space:nowrap;
}
.h-whatsapp-btn:hover{background:var(--h-wa);color:#fff;border-color:var(--h-wa);}
.h-whatsapp-btn--solid{background:var(--h-wa);border-color:var(--h-wa);color:#08301f;}
.h-whatsapp-btn--solid:hover{background:#1ebe5b;border-color:#1ebe5b;color:#04220f;}
.h-whatsapp-btn--onDark{border-color:rgba(37,211,102,.65);color:#8ef0b4;}
.h-whatsapp-btn--onDark:hover{background:var(--h-wa);color:#04220f;}
.h-whatsapp-btn--sm{padding:11px 18px;font-size:12px;}
.h-whatsapp-btn--block{display:flex;width:100%;justify-content:center;}
.h-wa-glyph{width:18px;height:18px;flex:0 0 auto;}

/* ---- floating WhatsApp (site-wide) --------------------------------------- */
.haron-wa-float{
  position:fixed;right:22px;bottom:26px;z-index:1025;
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 20px;border-radius:40px;
  background:var(--h-wa);color:#04220f !important;
  font-size:13px;letter-spacing:.08em;font-weight:600;
  box-shadow:0 16px 34px -12px rgba(18,140,126,.75);
  transition:transform .2s,box-shadow .2s;
}
.haron-wa-float:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(18,140,126,.9);}
.haron-wa-float-icon{display:flex;}
.haron-wa-float .h-wa-glyph{width:22px;height:22px;}

/* ---- hero ---------------------------------------------------------------- */
.haron-hero{
  position:relative;overflow:hidden;
  background:var(--h-dark-rad);color:#f3ead6;
}
.haron-hero.has-photo::before{
  content:"";position:absolute;inset:0;
  background-image:var(--hero-photo);background-size:cover;background-position:center;
  opacity:.34;
}
.haron-hero.has-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(15,11,7,.94) 0%,rgba(15,11,7,.78) 45%,rgba(15,11,7,.35) 100%);
}
.haron-hero-glow{
  position:absolute;inset:0;opacity:.5;
  background:radial-gradient(60% 60% at 80% 30%,rgba(201,154,59,.25),transparent 70%);
}
.haron-hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;
  padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px);
}
.haron-hero-logo{
  display:block;width:clamp(200px,23vw,310px);height:auto;margin:0 0 30px;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.55));
}
.haron-eyebrow{
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
  font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--h-gold-lt);
}
.haron-eyebrow span.rule{width:26px;height:1px;background:var(--h-gold-2);display:inline-block;flex:0 0 auto;}
.haron-h1{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(42px,6vw,76px);line-height:1.02;color:#fff;margin:0 0 22px;
}
.haron-h1 .grad{
  background:var(--h-gold-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;font-style:italic;
}
.haron-hero p{max-width:46ch;font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:#d8cbb2;margin:0 0 32px;}
.haron-hero-stats{display:flex;gap:40px;margin-top:48px;flex-wrap:wrap;}
.haron-hero-stats .num{font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--h-gold-lt);line-height:1;}
.haron-hero-stats .lbl{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#a3927a;margin-top:6px;}
.haron-hero-art{position:relative;display:flex;justify-content:center;align-items:center;}
.haron-hero-art .halo{position:absolute;width:min(430px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,154,59,.34),transparent 66%);}
.haron-hero-art .ring{position:absolute;width:min(360px,76%);aspect-ratio:1;border:1px solid rgba(233,199,102,.4);border-radius:50%;}
.haron-hero-art img{position:relative;width:100%;max-width:470px;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6));}

/* ---- trust strip --------------------------------------------------------- */
.haron-trust{background:var(--h-dark);color:var(--h-gold-lt);border-top:1px solid rgba(233,199,102,.16);}
.haron-trust-inner{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:22px 0;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
}
.haron-trust-inner span{display:flex;align-items:center;gap:10px;}
.haron-veg{width:16px;height:16px;border:2px solid #3aa655;display:flex;align-items:center;justify-content:center;border-radius:2px;}
.haron-veg span{width:7px;height:7px;border-radius:50%;background:#3aa655;}

/* ---- signature feature cards --------------------------------------------- */
.haron-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--h-gap);}
.haron-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--h-gap);}
.haron-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--h-gap);}

.haron-feature{
  position:relative;border-radius:var(--h-radius);overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 24px 60px -30px rgba(120,90,20,.4);
}
.haron-feature.light{background:linear-gradient(160deg,#f4eeda,#e7ddc0);}
.haron-feature.dark{background:radial-gradient(120% 120% at 75% 20%,#332a20,#17120e);color:#f3ead6;}
.haron-feature-link{position:relative;display:block;flex:1;padding:40px;min-height:360px;}
.haron-feature-link:hover{color:inherit;}
.haron-feature img{
  position:absolute;top:24px;right:-16px;width:min(240px,44%);
  filter:drop-shadow(0 24px 30px rgba(90,70,20,.28));
}
.haron-feature-body{position:relative;padding-top:150px;max-width:62%;}
.haron-feature-tag{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#7a6a3c;margin-bottom:10px;}
.haron-feature.dark .haron-feature-tag{color:var(--h-gold-2);}
.haron-feature-body h3{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,40px);font-weight:600;color:#2c2413;line-height:1.05;margin:0;}
.haron-feature.dark .haron-feature-body h3{color:#fff;}
.haron-feature-body p{color:#6a5c40;font-size:15px;line-height:1.7;margin:12px 0 18px;}
.haron-feature.dark .haron-feature-body p{color:#c3b598;}
.haron-feature-price{font-family:'Cormorant Garamond',serif;font-size:26px;color:#a9781f;}
.haron-feature.dark .haron-feature-price{color:#e9c766;}

/* ---- pack sizes ---------------------------------------------------------- */
.haron-packs{margin:0 0 22px;}
.haron-packs-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;}
.haron-packs-title{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--h-ink-mute);font-weight:600;}
.haron-packs-count{font-size:12px;color:#9a8a6c;}
.haron-pack-grid{display:flex;flex-wrap:wrap;gap:10px;}
/* every pack sits on one row where it fits, and wraps evenly when it does not */
.haron-pack-grid > *{flex:1 1 0;min-width:82px;}
.haron-pack-card{
  position:relative;display:flex;flex-direction:column;gap:3px;
  padding:14px 8px;border:1px solid var(--h-line);border-radius:4px;background:#fffdf7;
  text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s;
}
.haron-pack-card:hover{border-color:var(--h-gold-2);box-shadow:0 10px 22px -16px rgba(120,90,20,.7);transform:translateY(-2px);}
.haron-pack-card.is-current{background:var(--h-dark);border-color:var(--h-dark);}
.haron-pack-size{font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--h-ink);}
.haron-pack-card.is-current .haron-pack-size{color:#fff;}
.haron-pack-price{font-family:'Cormorant Garamond',serif;font-size:17.5px;color:var(--h-gold);line-height:1.25;white-space:nowrap;}
.haron-pack-card.is-current .haron-pack-price{color:var(--h-gold-lt);}
.haron-pack-mrp{font-size:11.5px;color:#b0a284;}
.haron-pack-flag{margin-top:2px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;}
.haron-pack-flag.sel{color:var(--h-gold-lt);}
.haron-pack-flag.out{color:#c25b4a;}

.haron-packs--compact{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 40px 34px;}
.haron-feature.light .haron-pack-chip{border:1px solid rgba(169,120,31,.35);color:#6a5c40;background:rgba(255,255,255,.6);}
.haron-feature.dark  .haron-pack-chip{border:1px solid rgba(233,199,102,.3);color:#d8cbb2;background:rgba(255,255,255,.05);}
.haron-pack-chip{
  display:inline-flex;align-items:center;padding:7px 14px;border-radius:40px;
  font-size:12px;letter-spacing:.08em;transition:background .2s,color .2s,border-color .2s;
}
.haron-feature.light .haron-pack-chip:hover,
.haron-feature.light .haron-pack-chip.is-current{background:var(--h-gold);border-color:var(--h-gold);color:#fff;}
.haron-feature.dark .haron-pack-chip:hover,
.haron-feature.dark .haron-pack-chip.is-current{background:var(--h-gold-lt);border-color:var(--h-gold-lt);color:#241606;}

/* ---- product cards ------------------------------------------------------- */
.haron-pcard{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--h-line);
  border-radius:var(--h-radius);overflow:hidden;box-shadow:0 10px 30px -22px rgba(120,90,20,.5);
}
.haron-pcard .thumb{
  position:relative;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#f4eeda,#e7ddc0);
}
.haron-pcard .thumb img{width:100%;height:100%;object-fit:cover;}
.haron-leaf{display:flex;align-items:center;justify-content:center;opacity:.85;}
.haron-leaf svg{width:56px;height:56px;}
.haron-pcard .tag{
  position:absolute;top:12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;border-radius:2px;
}
.haron-pcard .tag--pack{left:12px;background:rgba(23,18,14,.86);color:var(--h-gold-lt);}
.haron-pcard .tag--off{right:12px;background:rgba(255,255,255,.92);color:#7a5c1a;}
.haron-pcard .body{padding:18px;display:flex;flex-direction:column;gap:4px;flex:1;}
.haron-pcard h3{
  font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:var(--h-ink);
  margin:0;line-height:1.25;min-height:calc(2 * 1.25em);
}
.haron-pcard .sub{font-size:12px;font-style:italic;color:#9a8a6c;margin:0 0 10px;}
.haron-pcard-foot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;}
.haron-pcard .price{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--h-gold);}
.haron-pcard .old{text-decoration:line-through;color:#b0a284;font-size:13px;margin-left:6px;}
.haron-pcard-cta{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#a9781f;white-space:nowrap;}

/* ---- bands --------------------------------------------------------------- */
.haron-band-light{background:linear-gradient(120deg,#f4eeda,#efe6cd);}
.haron-band-dark{background:radial-gradient(120% 130% at 20% 20%,#2a2018,#17120e);color:#f3ead6;}
.haron-band-dark .haron-h2{color:#fff;}
.haron-band-dark .haron-kicker{color:var(--h-gold-2);}
.haron-band-dark .haron-sec-lead{color:#c3b598;}

/* ---- about / our story --------------------------------------------------- */
.haron-about-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:center;}
.haron-about-media{position:relative;display:flex;justify-content:center;}
.haron-oval{
  position:relative;width:min(360px,84%);aspect-ratio:1;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#fffdf6,#e7ddc0 70%);
  box-shadow:inset 0 0 0 1px rgba(169,120,31,.3),0 30px 60px -30px rgba(120,90,20,.55);
  display:flex;align-items:center;justify-content:center;
}
.haron-oval.has-photo img{width:100%;height:100%;object-fit:cover;}
.haron-oval-cut{width:86%;height:auto;filter:drop-shadow(0 22px 30px rgba(90,70,20,.35));}
.haron-oval::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:inset 0 0 60px rgba(120,90,20,.18);pointer-events:none;
}
.haron-about-stamp{
  position:absolute;right:4%;bottom:6%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:118px;height:118px;border-radius:50%;
  background:var(--h-dark);color:var(--h-gold-lt);text-align:center;
  box-shadow:0 18px 34px -18px rgba(0,0,0,.7);
}
.haron-about-stamp .num{font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1;}
.haron-about-stamp .lbl{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#a3927a;margin-top:6px;padding:0 10px;line-height:1.4;}
.haron-about-copy p{font-size:16px;line-height:1.8;color:#5a4d38;margin:0 0 16px;}
.haron-about-copy .haron-lead{font-size:17.5px;line-height:1.75;color:#4a3d2c;}
.haron-about-copy .haron-h2{margin-bottom:20px;}
.haron-about-points{list-style:none;margin:28px 0 32px;padding:0;display:flex;flex-direction:column;gap:16px;}
.haron-about-points li{display:flex;gap:14px;align-items:flex-start;}
.haron-about-points .ic{
  flex:0 0 auto;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(169,120,31,.12);color:var(--h-gold);
}
.haron-about-points .ic svg{width:19px;height:19px;}
.haron-about-points b{display:block;font-size:14.5px;color:var(--h-ink);margin-bottom:2px;font-weight:600;}
.haron-about-points span span,
.haron-about-points li > span:last-child{font-size:14.5px;line-height:1.65;color:#6a5c40;}

/* ---- find your flavour --------------------------------------------------- */
.haron-flavour{
  position:relative;overflow:hidden;
  background:
    radial-gradient(70% 90% at 12% 20%,rgba(122,69,34,.35),transparent 60%),
    radial-gradient(60% 80% at 88% 15%,rgba(58,51,42,.55),transparent 62%),
    radial-gradient(80% 100% at 50% 110%,rgba(169,120,31,.30),transparent 60%),
    linear-gradient(150deg,#2b2118 0%,#1b1510 55%,#241b12 100%);
  color:#f3ead6;
}
.haron-flavour.has-photo::before{
  content:"";position:absolute;inset:0;
  background-image:var(--flavour-photo);background-size:cover;background-position:center;opacity:.42;
}
.haron-flavour.has-photo::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,10,.82),rgba(20,15,10,.66));
}
.haron-flavour > .haron-wrap{position:relative;z-index:2;}
.haron-flavour .haron-h2{color:#fff;}
.haron-flavour .haron-kicker{color:var(--h-gold-2);}
.haron-flavour .haron-sec-lead{color:#c3b598;}
.haron-flavour-scatter{position:absolute;inset:0;z-index:1;pointer-events:none;}
.haron-flavour-scatter img{position:absolute;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));}
.haron-flavour-scatter .s1{left:-72px;bottom:-46px;width:300px;opacity:.42;transform:rotate(-12deg);}
.haron-flavour-scatter .s2{right:-58px;bottom:-52px;width:250px;opacity:.28;transform:scaleX(-1) rotate(-9deg);}
.haron-flavour.has-photo .haron-flavour-scatter{display:none;}

.haron-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--h-gap);}
.haron-cat-card{
  display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
  padding:32px 20px;border-radius:var(--h-radius);
  background:rgba(255,255,255,.06);border:1px solid rgba(233,199,102,.22);
  backdrop-filter:blur(4px);transition:background .25s,border-color .25s;
}
.haron-cat-card:hover{background:rgba(255,255,255,.12);border-color:rgba(233,199,102,.5);}
.haron-cat-icon{
  width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,rgba(233,199,102,.28),rgba(233,199,102,.06));
  border:1px solid rgba(233,199,102,.3);overflow:hidden;
}
.haron-cat-icon img{width:60%;height:60%;object-fit:contain;}
.haron-cat-card h3{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;color:#fff;margin:0;}
.haron-cat-cta{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--h-gold-lt);}

/* ---- export & wholesale -------------------------------------------------- */
.haron-wholesale-stats{
  display:flex;gap:clamp(28px,5vw,56px);justify-content:center;flex-wrap:wrap;
  margin:0 0 var(--h-head-gap);
}
.haron-wholesale-stats .num{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,38px);color:#e9c766;line-height:1.1;}
.haron-wholesale-stats .lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a3927a;margin-top:6px;}
.haron-wholesale-stats > div{text-align:center;}

/* ---- certifications ------------------------------------------------------ */
.haron-certs--dark{background:radial-gradient(120% 130% at 80% 10%,#2a2018,#14100b);color:#e6dbc4;}
.haron-certs--dark .haron-h2{color:#fff;}
.haron-certs--dark .haron-kicker{color:var(--h-gold-2);}
.haron-certs--dark .haron-sec-lead{color:#bcae93;}
.haron-certs--light{background:linear-gradient(120deg,#f7f1e1,#efe6cd);}

.haron-cert-block + .haron-cert-block{margin-top:44px;}
.haron-cert-legend{
  display:flex;align-items:center;gap:16px;margin:0 0 22px;
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--h-gold-2);
}
.haron-cert-legend::after{content:"";flex:1;height:1px;background:rgba(233,199,102,.22);}
.haron-certs--light .haron-cert-legend{color:var(--h-gold);}
.haron-certs--light .haron-cert-legend::after{background:rgba(169,120,31,.24);}

.haron-cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;}
/* six registrations read better as 3 x 2 than 4 + 2 */
@media(min-width:1000px){
  .haron-cert-block:first-of-type .haron-cert-grid{grid-template-columns:repeat(3,1fr);}
}
.haron-cert{
  display:flex;flex-direction:column;gap:6px;padding:24px 22px;border-radius:var(--h-radius);
  background:rgba(255,255,255,.05);border:1px solid rgba(233,199,102,.2);
  transition:border-color .25s,background .25s,transform .25s;
}
.haron-cert:hover{background:rgba(255,255,255,.09);border-color:rgba(233,199,102,.45);transform:translateY(-3px);}
.haron-certs--light .haron-cert{background:#fffdf7;border-color:var(--h-line);}
.haron-cert-icon{
  width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(233,199,102,.13);color:var(--h-gold-lt);margin-bottom:8px;
}
.haron-certs--light .haron-cert-icon{background:rgba(169,120,31,.12);color:var(--h-gold);}
.haron-cert-icon svg{width:21px;height:21px;}
.haron-cert-code{
  align-self:flex-start;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  padding:4px 9px;border-radius:2px;background:var(--h-gold-grad);color:#241606;
}
.haron-cert-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#fff;line-height:1.25;margin-top:4px;}
.haron-certs--light .haron-cert-name{color:var(--h-ink);}
.haron-cert-note{font-size:12.5px;line-height:1.6;color:#a3927a;}
.haron-certs--light .haron-cert-note{color:var(--h-ink-mute);}

.haron-cert-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:44px;padding:26px 30px;border-radius:var(--h-radius);
  background:rgba(255,255,255,.04);border:1px dashed rgba(233,199,102,.28);
}
.haron-certs--light .haron-cert-cta{background:#fffdf7;border-color:rgba(169,120,31,.3);}
.haron-cert-cta p{margin:0;font-size:15px;line-height:1.6;color:#c9bb9e;}
.haron-certs--light .haron-cert-cta p{color:var(--h-ink-mute);}

/* ---- reviews ------------------------------------------------------------- */
.haron-review{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--h-line);
  border-radius:var(--h-radius);padding:30px;margin:0;
  box-shadow:0 10px 30px -24px rgba(120,90,20,.6);
}
.haron-review .stars{color:var(--h-gold-2);letter-spacing:3px;margin-bottom:16px;font-size:15px;}
.haron-review .stars .dim{color:#ded2b4;}
.haron-review blockquote{
  font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;line-height:1.55;
  color:#3d3222;margin:0 0 22px;flex:1;
}
.haron-review blockquote::before{content:"“";}
.haron-review blockquote::after{content:"”";}
.haron-review figcaption{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#8a7b58;}
.haron-review figcaption b{display:block;color:var(--h-ink);font-weight:600;}
.haron-review-where{font-size:12.5px;color:#8a7b58;}
.haron-review-avatar{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--h-gold-grad);color:#241606;
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;
}
.haron-review-item{
  margin-top:16px;padding-top:14px;border-top:1px solid var(--h-line);
  font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#a9781f;
}

/* ---- newsletter ---------------------------------------------------------- */
.haron-news{
  max-width:1000px;margin:0 auto;
  background:linear-gradient(120deg,#f4eeda,#e9dcbc);border:1px solid rgba(169,120,31,.28);
  border-radius:var(--h-radius);padding:clamp(34px,5vw,56px);text-align:center;
}
.haron-news h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(28px,3vw,38px);color:var(--h-ink);margin:0 0 10px;}
.haron-news p{color:#5a4d38;margin:0 0 26px;}
.haron-news form{display:flex;gap:10px;max-width:460px;margin:0 auto;}
.haron-news input{flex:1;padding:15px 18px;border:1px solid rgba(169,120,31,.4);border-radius:2px;background:#fffdf7;font-family:Jost;font-size:14px;outline:none;}
.haron-news input:focus{border-color:var(--h-gold-2);}
.haron-news button{padding:0 28px;font-size:13px;cursor:pointer;}

/* ---- homepage responsive ------------------------------------------------- */
@media(max-width:1100px){
  .haron-grid4{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:980px){
  :root{--h-sec-y:68px;--h-head-gap:38px;--h-gutter:22px;}
  .haron-hero-inner{grid-template-columns:1fr;gap:36px;text-align:center;}
  .haron-hero-logo{margin-left:auto;margin-right:auto;}
  .haron-eyebrow{justify-content:center;}
  .haron-hero p{margin-left:auto;margin-right:auto;}
  .haron-btn-row{justify-content:center;}
  .haron-hero-stats{justify-content:center;gap:32px;}
  .haron-hero-art{order:-1;max-width:340px;margin:0 auto;}
  .haron-grid2{grid-template-columns:1fr;}
  .haron-grid3{grid-template-columns:1fr;}
  .haron-grid4{grid-template-columns:repeat(2,1fr);}
  .haron-about-inner{grid-template-columns:1fr;gap:40px;}
  .haron-about-media{order:-1;}
  .haron-sec-head--split{align-items:flex-start;}
  .haron-cert-cta{flex-direction:column;align-items:flex-start;}
  .haron-wa-float{right:16px;bottom:78px;padding:12px;border-radius:50%;}
  .haron-wa-float-text{display:none;}
}
@media(max-width:640px){
  :root{--h-sec-y:52px;--h-head-gap:30px;--h-gutter:18px;--h-gap:16px;}
  .haron-trust-inner{gap:14px 18px;font-size:11.5px;justify-content:center;}
  /* keep the hero image from pushing the logo and headline below the fold */
  .haron-hero-art{max-width:250px;}
  .haron-hero-inner{padding-top:34px;padding-bottom:48px;gap:26px;}
  .haron-hero-logo{width:clamp(180px,52vw,230px);margin-bottom:22px;}
  .haron-eyebrow{flex-direction:column;gap:9px;font-size:10.5px;letter-spacing:.2em;}
  .haron-hero-stats{margin-top:34px;}
  .haron-feature-link{padding:28px;min-height:0;}
  .haron-feature-body{padding-top:118px;max-width:100%;}
  .haron-feature img{width:150px;top:14px;right:-6px;}
  .haron-packs--compact{padding:0 28px 24px;}
  .haron-grid4{grid-template-columns:repeat(2,1fr);}
  .haron-pcard .body{padding:14px;}
  .haron-pcard h3{font-size:18px;}
  .haron-pcard .price{font-size:19px;}
  .haron-pcard-foot{flex-direction:column;align-items:flex-start;gap:4px;}
  .haron-about-stamp{width:92px;height:92px;right:2%;}
  .haron-about-stamp .num{font-size:25px;}
  /* long CTA labels must wrap rather than push a section wider than the screen */
  .h-whatsapp-btn{white-space:normal;text-align:center;padding:14px 18px;}
  .haron-cert-cta{padding:22px 18px;}
  .haron-news form{flex-direction:column;}
  .haron-news button{padding:15px 28px;}
  .haron-hero-stats{gap:24px;}
  .haron-cert-grid{grid-template-columns:1fr;}
}
@media(max-width:420px){
  .haron-grid4{grid-template-columns:1fr;}
}

/* =========================================================================
   CUSTOM HARON HEADER & FOOTER (frontend/haron/inc/*)
   ========================================================================= */
.haron-topbar{
  background:var(--h-dark);color:var(--h-gold-lt);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;text-align:center;padding:9px 20px;line-height:1.5;
}
.haron-header{
  position:sticky;top:0;z-index:1030;background:rgba(250,245,234,.90);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--h-line);
}
.haron-header-inner{
  max-width:1240px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;gap:22px;
}
.haron-logo{flex:0 0 auto;display:flex;align-items:center}
.haron-logo img{height:50px;width:auto;display:block}
.haron-nav{
  display:flex;gap:24px;flex:1;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  margin-left:6px;
}
.haron-nav a{color:var(--h-ink-soft);transition:color .2s;white-space:nowrap}
.haron-nav a:hover{color:var(--h-gold-2)}
.haron-actions{display:flex;align-items:center;gap:18px;flex:0 0 auto;color:var(--h-ink-soft)}
.haron-search{display:flex;align-items:center;border:1px solid var(--h-line);border-radius:2px;background:#fffdf7;overflow:hidden}
.haron-search input{border:none;background:transparent;padding:9px 12px;font-family:Jost;font-size:13px;outline:none;width:150px;color:var(--h-ink)}
.haron-search button{border:none;background:transparent;color:var(--h-ink-soft);padding:0 12px;cursor:pointer;display:flex;align-items:center}
.haron-search button:hover{color:var(--h-gold-2)}
.haron-icon{color:var(--h-ink-soft);display:flex;align-items:center}
.haron-icon:hover{color:var(--h-gold-2)}
.haron-cart{color:var(--h-ink-soft);position:relative;display:flex;align-items:center;}
.haron-cart > a{padding:0 !important;color:var(--h-ink-soft) !important;}
.haron-cart svg{color:var(--h-ink-soft) !important;}
/* trim the reused cart widget to just the icon: drop the price + "(N Items)" text */
.haron-cart .fw-700,
.haron-cart .nav-box-text{display:none !important;}
.haron-cart .mr-2{margin-right:0 !important;}
/* clean gold count badge on the cart icon */
.haron-cart-badge{
  position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 5px;
  border-radius:9px;background:var(--h-gold-grad);color:#2a1f0c;
  font-size:10.5px;font-weight:600;line-height:18px;text-align:center;pointer-events:none;
}
.haron-hamb{display:none;cursor:pointer;color:var(--h-ink-soft);background:none;border:none;padding:0;align-items:center;}
/* desktop: these are mobile-drawer / bottom-nav only */
.haron-nav-search,.haron-nav-account,.haron-bottomnav,.haron-menu-backdrop,
.haron-nav-head{display:none;}

/* AE floating side buttons overlap the logo / clutter the clean layout — remove */
.floating-buttons-section,.aiz-floating-btns{display:none !important;}

/* =========================================================================
   AUTH PAGES (login / register) — Haron split-panel
   ========================================================================= */
body:has(.haron-auth),
.aiz-main-wrapper:has(.haron-auth){
  background:radial-gradient(120% 120% at 15% 10%,#2a2018,#17120e 60%,#0f0b07) !important;
}
.aiz-main-wrapper:has(.haron-auth){min-height:100vh;padding:24px 16px;background:transparent !important;}
/* strip the default white frames so only the dark ground shows around the card */
section:has(.haron-auth),
.card:has(.haron-auth),
.aiz-main-wrapper:has(.haron-auth) .row > [class*="col-"]:has(.haron-auth){background:transparent !important;}
.haron-auth{border-radius:12px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.7);background:var(--h-cream);}
.card:has(.haron-auth){border-radius:12px !important;overflow:hidden;box-shadow:none !important;}

/* left brand panel */
.haron-auth-panel{
  position:relative;height:100%;min-height:520px;overflow:hidden;
  background:radial-gradient(120% 120% at 75% 15%,#2a2018,#17120e 60%,#0f0b07);
  color:#f3ead6;display:flex;flex-direction:column;justify-content:center;
  padding:52px 44px;
}
.haron-auth-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 25%,rgba(201,154,59,.22),transparent 70%);}
.haron-auth-eyebrow{position:relative;z-index:1;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--h-gold-lt);margin-bottom:22px;}
.haron-auth-logo{position:relative;z-index:1;width:150px;margin-bottom:26px;filter:brightness(1.05);}
.haron-auth-quote{position:relative;z-index:1;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:34px;line-height:1.12;color:#f7efdd;max-width:340px;margin:0;}
.haron-auth-art{position:absolute;right:-40px;bottom:-30px;width:230px;z-index:0;opacity:.9;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5));animation:h-floaty 7s ease-in-out infinite;}

/* right form panel */
.haron-auth ~ * .right-content,
.haron-auth .right-content{background:var(--h-cream) !important;border:none !important;}
.haron-auth .right-content .haron-auth-title,
.haron-auth-title{font-family:'Cormorant Garamond',serif !important;font-size:34px !important;color:var(--h-ink) !important;letter-spacing:0 !important;text-transform:none !important;}
.haron-auth .form-control{background:#fffdf7 !important;border:1px solid var(--h-line) !important;border-radius:3px !important;padding:12px 14px;height:auto;}
.haron-auth .form-control:focus{border-color:var(--h-gold-2) !important;box-shadow:0 0 0 .15rem rgba(201,154,59,.18) !important;}
.haron-auth label{color:var(--h-ink-mute) !important;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px !important;}
.haron-auth .btn-primary{background:var(--h-gold-grad) !important;border:none !important;color:#241606 !important;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:3px !important;padding:13px;}
.haron-auth .btn-primary:hover{filter:brightness(1.05);}
.haron-auth a,.haron-auth .text-primary{color:var(--h-gold) !important;}
.haron-auth .password-toggle{color:var(--h-ink-mute) !important;}

@media(max-width:991px){
  .haron-auth-panel{min-height:230px;padding:32px 28px;}
  .haron-auth-quote{font-size:26px;}
  .haron-auth-art{width:150px;right:-20px;bottom:-16px;}
  .aiz-main-wrapper:has(.haron-auth) .right-content{margin-top:0 !important;border-radius:0 !important;}
}

.haron-footer{background:var(--h-dark-2);color:#c3b598}
.haron-footer-grid{max-width:1240px;margin:0 auto;padding:64px 28px 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.haron-footer-grid a{color:#c3b598}
.haron-footer-grid a:hover{color:var(--h-gold-lt)}
.haron-foot-title{color:var(--h-gold-lt);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.haron-foot-links{display:flex;flex-direction:column;gap:11px;font-size:14px}
.haron-footer-bar{border-top:1px solid rgba(233,199,102,.14)}
.haron-footer-bar-inner{max-width:1240px;margin:0 auto;padding:20px 28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#8a7b60;letter-spacing:.04em}

@media(max-width:980px){
  /* backdrop-filter makes fixed descendants (the drawer) clip to the header — drop it */
  .haron-header{backdrop-filter:none !important;background:var(--h-cream) !important;}
  /* --- top bar: hamburger (left) · logo (center) · nothing heavy on right --- */
  .haron-header-inner{position:static;gap:8px;padding:10px 16px;justify-content:space-between;}
  /* equal-width left (hamburger) and right (actions) so the logo is truly centred */
  .haron-hamb{display:inline-flex;order:1;flex:1 0 0;justify-content:flex-start;}
  .haron-logo{order:2;flex:0 0 auto;margin:0;}
  .haron-logo img{height:56px;}
  .haron-actions{order:3;flex:1 0 0;justify-content:flex-end;gap:0;}
  /* quick actions live in the bottom nav; keep the top bar clean */
  .haron-actions .haron-search,.haron-hide-mobile{display:none !important;}

  /* --- slide-in drawer --- */
  .haron-nav{
    position:fixed;top:0;left:0;bottom:0;height:100%;width:82%;max-width:320px;z-index:2050;
    background:var(--h-cream);flex-direction:column;gap:0;padding:18px 0 24px;
    border-right:1px solid var(--h-line);box-shadow:12px 0 40px -18px rgba(0,0,0,.4);
    transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.7,.3,1);
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    display:flex !important;margin:0;visibility:hidden;
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
  body.haron-menu-open .haron-nav{transform:translateX(0);visibility:visible;}
  /* the panel scrolls; its rows must never squash to fit */
  .haron-nav > *{flex:0 0 auto;}
  .haron-nav-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:2px 16px 16px 20px;border-bottom:1px solid var(--h-line);margin-bottom:6px;
  }
  .haron-nav-head img{height:42px;width:auto;}
  .haron-nav-close{
    flex:0 0 auto;width:38px;height:38px;border:1px solid var(--h-line);border-radius:50%;
    background:#fffdf7;color:var(--h-ink-soft);display:flex;align-items:center;justify-content:center;
    cursor:pointer;padding:0;
  }
  .haron-nav-close:hover{color:var(--h-gold);border-color:var(--h-gold-2);}
  .haron-nav a{padding:14px 24px;border-top:1px solid var(--h-line);font-size:13px;color:var(--h-ink-soft);}
  .haron-nav-head + .haron-nav-search + a{border-top:none;}
  .haron-nav-account{display:block;margin-top:8px;color:var(--h-gold) !important;font-weight:600;}
  /* search inside the drawer */
  .haron-nav-search{display:flex;align-items:center;margin:4px 20px 14px;border:1px solid var(--h-line);border-radius:3px;background:#fffdf7;overflow:hidden;}
  .haron-nav-search input{flex:1;border:none;background:transparent;padding:11px 12px;font-family:Jost;font-size:14px;outline:none;color:var(--h-ink);width:100%;}
  .haron-nav-search button{border:none;background:transparent;color:var(--h-ink-soft);padding:0 12px;cursor:pointer;display:flex;}
  .haron-menu-backdrop{display:block;position:fixed;inset:0;z-index:2040;background:rgba(20,14,8,.55);opacity:0;visibility:hidden;transition:opacity .28s;}
  body.haron-menu-open .haron-menu-backdrop{opacity:1;visibility:visible;}
  body.haron-menu-open{overflow:hidden;}

  /* --- sticky bottom nav --- */
  .haron-bottomnav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1020;
    background:rgba(250,245,234,.97);backdrop-filter:blur(10px);
    border-top:1px solid var(--h-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    box-shadow:0 -6px 24px -16px rgba(0,0,0,.35);
  }
  .haron-bottomnav a{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;
    padding:5px 2px;font-size:10.5px;letter-spacing:.02em;color:#8a7b58;text-transform:uppercase;
  }
  .haron-bottomnav svg{width:22px;height:22px;}
  .haron-bottomnav a.active{color:var(--h-gold);}
  .haron-bottom-badge{
    position:absolute;top:-2px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;
    border-radius:8px;background:var(--h-gold-grad);color:#2a1f0c;font-size:9.5px;font-weight:700;
    line-height:16px;text-align:center;
  }
  /* clear the fixed bottom nav so content/footer aren't hidden behind it */
  body{padding-bottom:64px;}
  /* keep AE's sticky add-to-cart smart-bar above the bottom nav */
  #smart-bar.smart-bar{bottom:62px !important;}
  .haron-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .haron-footer-grid{grid-template-columns:1fr}
  .haron-footer-bar-inner{flex-direction:column;gap:6px}
  .haron-logo img{height:52px;}
}

/* =========================================================================
   GLOBAL COMPONENT LAYER — applies the Haron design system to every page
   (dashboard, auth, blog, contact, wishlist, compare, orders, checkout…)
   ========================================================================= */

/* typography: serif display headings everywhere */
h1,h2,h3,.h1,.h2,.h3,.fs-30,.fs-28,.fs-24,
.aiz-titlebar h1,.card-title,.section-title{font-family:'Cormorant Garamond',serif;}
.fw-700{letter-spacing:.005em;}

/* page background + cards */
.aiz-main-content,main,.main-content{background:var(--h-cream);}
.card{border-color:var(--h-line) !important;border-radius:6px;}
.card-header{background:#fffdf7 !important;border-color:var(--h-line) !important;}
.bg-white{background:#fffdf7 !important;}
.bg-soft-primary,.bg-light-primary{background:rgba(201,154,59,.12) !important;}
.bg-gray,.bg-light{background:#f4eeda !important;}

/* buttons (broad) */
.btn-primary,.btn-secondary,.btn-info{background:var(--h-gold-grad) !important;border:none !important;color:#241606 !important;}
.btn-primary:hover,.btn-secondary:hover{filter:brightness(1.05);color:#241606 !important;}
.btn-dark,.btn-black{background:var(--h-dark) !important;color:var(--h-gold-lt) !important;border:none !important;}
.btn-outline-primary,.btn-outline-secondary{border-color:var(--h-gold) !important;color:var(--h-gold) !important;}
.btn-outline-primary:hover{background:var(--h-gold) !important;color:#fff !important;}
.btn-link{color:var(--h-gold) !important;}

/* links / text accents */
a{color:var(--h-gold);}
.text-primary,.text-info,.text-blue{color:var(--h-gold) !important;}
.border-primary{border-color:var(--h-gold) !important;}

/* forms */
.form-control,.custom-select,.aiz-selectable-label{
  border-color:var(--h-line) !important;background:#fffdf7 !important;border-radius:3px;
}
.form-control:focus{border-color:var(--h-gold-2) !important;box-shadow:0 0 0 .15rem rgba(201,154,59,.18) !important;}
.input-group-text{background:#f4eeda !important;border-color:var(--h-line) !important;}

/* badges / labels */
.badge-primary,.badge-inline-primary{background:var(--h-gold-grad) !important;color:#241606 !important;}
.badge-dark{background:var(--h-dark) !important;color:var(--h-gold-lt) !important;}

/* tables */
.table thead th{background:#f4eeda !important;color:var(--h-ink) !important;border-color:var(--h-line) !important;
  text-transform:uppercase;letter-spacing:.06em;font-size:12px;}
.table td,.table th{border-color:var(--h-line) !important;}

/* tabs */
.nav-tabs{border-color:var(--h-line) !important;}
.nav-tabs .nav-link.active{color:var(--h-ink) !important;border-bottom:2px solid var(--h-gold) !important;background:transparent !important;}
.nav-tabs .nav-link:hover{color:var(--h-gold-2) !important;}
/* product-detail aiz tabs underline -> gold */
.aiz-nav-tabs .nav-link.active,.aiz-nav-tabs .active.show,.aiz-nav-tabs a.active{
  color:var(--h-ink) !important;border-bottom:2px solid var(--h-gold) !important;box-shadow:none !important;
}
.aiz-nav-tabs .nav-link.active::after,.aiz-nav-tabs a.active::after{background:var(--h-gold) !important;}
.aiz-nav-tabs a:hover{color:var(--h-gold-2) !important;}

/* pagination */
.pagination .page-item.active .page-link,.page-link:hover{background:var(--h-gold) !important;border-color:var(--h-gold) !important;color:#fff !important;}
.page-link{color:var(--h-ink-soft) !important;}

/* breadcrumb */
.breadcrumb{background:transparent !important;}
.breadcrumb a{color:var(--h-gold);}

/* alerts */
.alert-success{background:#eef3df !important;color:#5c7020 !important;border-color:#cdd9a3 !important;}
.alert-primary{background:rgba(201,154,59,.12) !important;color:var(--h-gold) !important;border-color:var(--h-line) !important;}

/* ===== customer dashboard (frontend.layouts.user_panel) ===== */
.aiz-user-sidenav-wrap,.aiz-user-sidenav{background:#fffdf7 !important;border:1px solid var(--h-line) !important;border-radius:8px !important;}
.aiz-side-nav-link{color:var(--h-ink-soft) !important;border-radius:4px;transition:background .2s,color .2s;}
.aiz-side-nav-link:hover{color:var(--h-gold-2) !important;background:rgba(201,154,59,.08) !important;}
.aiz-side-nav-link.active{color:var(--h-gold) !important;background:rgba(201,154,59,.14) !important;font-weight:600;box-shadow:inset 3px 0 0 var(--h-gold);}
.aiz-side-nav-link.active svg *,.aiz-side-nav-link.active path{stroke:var(--h-gold) !important;color:var(--h-gold) !important;}
.aiz-side-nav-arrow{border-color:var(--h-ink-mute) !important;}

/* dashboard content */
.aiz-user-panel h1,.aiz-user-panel h2,.aiz-user-panel h3,.aiz-user-panel h4,.aiz-user-panel .h4{font-family:'Cormorant Garamond',serif;color:var(--h-ink);}
.aiz-user-panel .border{border-color:var(--h-line) !important;border-radius:8px;}
.aiz-user-panel .p-4.bg-primary,.aiz-user-panel .bg-primary{background:var(--h-dark-rad) !important;border-radius:8px;}
.aiz-user-panel .bg-primary *{color:#f3ead6 !important;}
.aiz-user-panel .p-4.bg-secondary-base,.aiz-user-panel .bg-secondary-base{background:linear-gradient(120deg,#f4eeda,#e7ddc0) !important;border-radius:8px;}
.aiz-user-panel .bg-secondary-base *{color:var(--h-ink) !important;}
/* the hardcoded blue coupon button */
.aiz-user-panel .btn[onclick*="copyCouponCode"]{background:var(--h-gold-grad) !important;color:#241606 !important;}

/* checkout steps / progress */
.progress-bar,.checkout-step.active .step-index{background:var(--h-gold) !important;}
.aiz-radio-inline .active,.payment-method.active{border-color:var(--h-gold) !important;}

/* rating */
.rating-star,.las.la-star{color:var(--h-gold-2) !important;}

/* floating side buttons -> already gold via base_color; soften */
.aiz-floating-btns .btn,.floating-btns .btn{background:var(--h-gold) !important;color:#fff !important;}

/* homepage responsive rules live with the homepage layer above; the old
   duplicate block was removed so one spacing scale governs every breakpoint */

/* =========================================================================
   HEADER / FOOTER ADDITIONS — WhatsApp, address block, certification pills
   (loaded after the base header & footer rules so these win)
   ========================================================================= */

/* ---- top bar ------------------------------------------------------------- */
.haron-topbar{
  display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;
  padding:9px var(--h-gutter);text-align:center;
}
.haron-topbar-msg{opacity:.92;}
.haron-topbar-wa{
  display:inline-flex;align-items:center;gap:7px;color:#8ef0b4 !important;
  letter-spacing:.12em;transition:color .2s;
}
.haron-topbar-wa:hover{color:#b7f7d1 !important;}
.haron-topbar-wa .h-wa-glyph{width:14px;height:14px;}

/* ---- header -------------------------------------------------------------- */
.haron-logo img{height:58px;}
.haron-nav{gap:20px;}
.haron-nav-wa{display:none;}          /* drawer-only; desktop uses the icon */
.haron-icon-wa{color:var(--h-wa-dark);}
.haron-icon-wa:hover{color:var(--h-wa);}
.haron-icon-wa .h-wa-glyph{width:21px;height:21px;}

/* ---- footer -------------------------------------------------------------- */
.haron-footer-grid{padding:var(--h-sec-y) var(--h-gutter) 44px;gap:44px 40px;}
.haron-foot-brand img{width:170px;height:auto;margin-bottom:18px;filter:brightness(1.05);}
.haron-foot-brand p{font-size:14px;line-height:1.75;max-width:300px;color:#a3927a;margin:0 0 20px;}
.haron-foot-links--tight{gap:7px;margin-top:14px;}
.haron-foot-contact address{
  font-style:normal;font-size:14px;line-height:1.85;color:#a3927a;margin:0;
}
.haron-foot-hours{margin-top:12px;font-size:12.5px;color:#8a7b60;letter-spacing:.03em;}

.haron-footer-certs{border-top:1px solid rgba(233,199,102,.14);}
.haron-footer-certs-inner{
  max-width:var(--h-max);margin:0 auto;padding:22px var(--h-gutter);
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.haron-footer-certs .haron-foot-title{margin-bottom:0;flex:0 0 auto;}
.haron-cert-pills{display:flex;flex-wrap:wrap;gap:8px;}
.haron-cert-pill{
  display:inline-flex;align-items:center;padding:6px 13px;border-radius:40px;
  border:1px solid rgba(233,199,102,.28);background:rgba(233,199,102,.06);
  font-size:11.5px;letter-spacing:.1em;color:#c9bb9e;white-space:nowrap;
}
.haron-cert-pill--link{color:var(--h-gold-lt) !important;border-color:rgba(233,199,102,.5);}

@media(max-width:980px){
  .haron-topbar{gap:6px 16px;font-size:11px;}
  .haron-nav-wa{
    display:flex !important;align-items:center;gap:9px;
    color:var(--h-wa-dark) !important;font-weight:600;
  }
  .haron-nav-wa .h-wa-glyph{width:16px;height:16px;}
  .haron-bottom-wa .h-wa-glyph{width:22px;height:22px;color:var(--h-wa-dark);}
  .haron-footer-certs-inner{flex-direction:column;align-items:flex-start;gap:12px;}
}
@media(max-width:560px){
  .haron-topbar-msg{display:none;}
  .haron-foot-brand p{max-width:none;}
}

/* =========================================================================
   PRODUCT DETAIL — pack-size block inside Active eCommerce's own layout
   ========================================================================= */
.product-details .haron-packs{
  margin:0 0 24px;padding:20px;border:1px solid var(--h-line);
  border-radius:var(--h-radius);background:#fffdf7;
}
.product-details .haron-packs-title{font-size:14px;}
.product-details .h-whatsapp-btn--block{padding:18px 20px;font-size:13px;}