/* =========================================================================
   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: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)
   ========================================================================= */
.haron-home{background:var(--h-cream);overflow-x:hidden;}
.haron-home *{box-sizing:border-box;}
/* let flas/grid children shrink instead of forcing horizontal overflow */
.haron-home *{min-width:0;}
.haron-hero-stats{flex-wrap:wrap;}
.haron-wrap{max-width:1240px;margin:0 auto;padding-left:28px;padding-right:28px;}

.haron-announce{
  background:var(--h-dark);color:var(--h-gold-lt);font-size:12.5px;letter-spacing:.18em;
  text-transform:uppercase;text-align:center;padding:9px 16px;
}

.haron-hero{
  position:relative;color:#f7efdd;overflow:hidden;
  background:radial-gradient(120% 120% at 78% 20%,#2a2018 0%,#17120e 55%,#0f0b07 100%);
}
.haron-hero-inner{
  display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
  padding-top:96px;padding-bottom:104px;position:relative;
}
.haron-eyebrow{
  display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--h-gold-lt);margin-bottom:26px;
}
.haron-eyebrow span.rule{width:26px;height:1px;background:var(--h-gold-2);display:inline-block;}
.haron-h1{
  font-family:'Cormorant Garamond',serif;font-weight:600;font-size:76px;line-height:1.02;
  letter-spacing:-.01em;margin-bottom:22px;
}
.haron-h1 .grad{
  background:var(--h-gold-grad);-webkit-background-clip:text;background-clip:text;
  color:transparent;font-style:italic;
}
.haron-hero p{max-width:440px;font-size:17px;line-height:1.7;color:#d8cbb2;margin-bottom:36px;}
.haron-hero-stats{display:flex;gap:34px;margin-top:52px;}
.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:4px;}
.haron-hero-art{position:relative;display:flex;justify-content:center;align-items:center;}
.haron-hero-art .halo{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(201,154,59,.34),transparent 66%);}
.haron-hero-art .ring{position:absolute;width:360px;height:360px;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));}

.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-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--h-gold);margin-bottom:14px;}
.haron-h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:46px;color:var(--h-ink);}

.haron-feature{
  position:relative;border-radius:6px;overflow:hidden;padding:44px;min-height:380px;
  display:flex;flex-direction:column;justify-content:flex-end;
  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 img{position:absolute;top:8px;right:-20px;width:260px;filter:drop-shadow(0 24px 30px rgba(90,70,20,.28));}

.haron-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.haron-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.haron-grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}

.haron-pcard{display:block;background:#fff;border:1px solid var(--h-line);border-radius:6px;overflow:hidden;
  box-shadow:0 10px 30px -22px rgba(120,90,20,.5);}
.haron-pcard .thumb{position:relative;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f4eeda,#e7ddc0);}
.haron-pcard .thumb img{width:78%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.28));}
.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;left:12px;background:rgba(255,255,255,.9);color:#7a5c1a;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:2px;}
.haron-pcard .body{padding:18px;}
.haron-pcard h3{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;color:var(--h-ink);margin:0;}
.haron-pcard .sub{font-size:12px;font-style:italic;color:#9a8a6c;margin:2px 0 10px;}
.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:14px;margin-left:6px;}

.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-review{background:#fff;border:1px solid var(--h-line);border-radius:6px;padding:30px;}
.haron-review .stars{color:var(--h-gold-2);letter-spacing:3px;margin-bottom:14px;}
.haron-review p{font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;line-height:1.5;color:#3d3222;margin-bottom:18px;}

.haron-news{background:linear-gradient(120deg,#f4eeda,#e9dcbc);border:1px solid rgba(169,120,31,.28);border-radius:8px;padding:52px;text-align:center;}
.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-section{max-width:1240px;margin:0 auto;padding:88px 28px;}

/* =========================================================================
   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{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;display:flex !important;margin:0;visibility:hidden;
  }
  body.haron-menu-open .haron-nav{transform:translateX(0);visibility:visible;}
  .haron-nav a{padding:14px 24px;border-top:1px solid var(--h-line);font-size:13px;color:var(--h-ink-soft);}
  .haron-nav a:first-of-type{border-top:none;}
  .haron-nav-account{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,.5);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:1040;
    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;}

/* ---- responsive ---------------------------------------------------------- */
@media(max-width:920px){
  .haron-hero-inner{grid-template-columns:1fr;gap:30px;padding:60px 24px 68px;}
  .haron-h1{font-size:52px;}
  .haron-grid2{grid-template-columns:1fr;gap:30px;}
  .haron-grid4{grid-template-columns:repeat(2,1fr);}
  .haron-grid3{grid-template-columns:repeat(2,1fr);}
  .haron-hero-art .halo{width:320px;height:320px;}
  .haron-hero-art .ring{width:280px;height:280px;}
  /* section wrappers built with inline desktop padding — tame them */
  .haron-wrap{padding-left:24px !important;padding-right:24px !important;}
  .haron-section{padding:64px 24px !important;}
}
@media(max-width:560px){
  .haron-h1{font-size:38px;}
  .haron-hero p{font-size:15.5px;}
  .haron-grid4{grid-template-columns:1fr 1fr;gap:14px;}
  .haron-grid3{grid-template-columns:1fr;}
  .haron-trust-inner{justify-content:flex-start;gap:12px 18px;font-size:10.5px;letter-spacing:.08em;}
  .haron-section{padding:52px 20px !important;}
  .haron-wrap{padding-left:20px !important;padding-right:20px !important;}
  /* signature feature cards: keep the product image inside the card */
  .haron-feature{min-height:300px;padding:30px 26px;}
  .haron-feature img{position:absolute;top:16px;right:-6px;width:150px;opacity:.92;}
  .haron-feature.dark img{width:150px;top:20px;}
  .haron-feature h3{font-size:32px !important;}
  .haron-hero-stats{gap:22px;flex-wrap:wrap;}
  .haron-news{padding:34px 22px;}
  .haron-news form{flex-direction:column;}
  .haron-band-dark h2,.haron-h2{font-size:34px !important;}
  /* product card tighter on phones */
  .haron-pcard .thumb{height:160px;}
  .haron-pcard h3{font-size:20px;}
}
@media(max-width:380px){
  .haron-grid4{grid-template-columns:1fr;}
}