/* ================================================================
   BADR HARQAN — Badr Harqan light theme
   Editorial gallery-noir identity. Latin = Jost, Arabic = LamaSans.
   Stage 1 of the Zid port: global identity + header + footer + cards.
   Remove this whole block to revert.
   ================================================================ */
:root {
    /* base tokens */
    --bh-black:#F1EAD9; --bh-black-2:#E8DFCB; --bh-cream:#2A2419;
    --bh-gold:#6C2333; --bh-gold-deep:#511826;
    --bh-ivory:#F1EAD9; --bh-ivory-2:#E8DFCB; --bh-ink:#2A2419; --bh-muted-ink:#6E6452;
    --bh-muted:#9C907A; --bh-line:rgba(42,36,25,0.16); --bh-line-l:rgba(42,36,25,0.10);
    --bh-font:'Marcellus','Camel','Tajawal','Segoe UI',sans-serif; --bh-ease:cubic-bezier(0.22,1,0.36,1);
}

/* --- Type: Jost for Latin, LamaSans falls in for Arabic. Icons untouched. --- */
body, h1,h2,h3,h4,h5,h6, p, a, button, input, textarea, select, .btn, label, li, td, th, blockquote {
    font-family: var(--bh-font) !important;
}
[class^="icon-"], [class*=" icon-"], .icomoon, i[class*="icon"] { font-family:'icomoon' !important; }

/* --- Base canvas --- */
html, body, .home { background: var(--bh-black) !important; color: var(--bh-cream) !important; }
body { font-weight: 300; letter-spacing: .01em; }
h1,h2,h3,h4,h5,.section-title { color: var(--bh-cream) !important; font-weight: 300; letter-spacing: .005em; line-height: 1.14; }

/* --- Header / navigation --- */
header, .header-sticky, .cart-search-logo, .top-main-menu-wrapper { background: var(--bh-black) !important; }
header a, nav a { color: var(--bh-cream) !important; letter-spacing: .12em; }
header a:hover, nav a:hover { color: var(--bh-gold) !important; }

/* --- Buttons: gold, square-ish, tracked --- */
.btn { border-radius: 0 !important; letter-spacing: .18em; text-transform: uppercase; font-weight: 500; font-size: 12px; }
.btn.bg-white.text-black, .btn-primary, button[type=submit].btn, .add-to-cart-btn, .buy-now-btn {
    background: var(--bh-gold) !important; color: var(--bh-black) !important; border: none !important;
    padding: 15px 34px !important; transition: background-color .35s var(--bh-ease);
}
.btn.bg-white.text-black:hover, .btn-primary:hover { background: #cdb585 !important; }
.btn-outline-primary { border:1px solid var(--bh-line) !important; color: var(--bh-cream) !important; background: transparent !important; }
.btn-outline-primary:hover { border-color: var(--bh-gold) !important; background: rgba(181,158,115,.06) !important; }

/* --- Section helpers (dark default / light to breathe) --- */
.bh-light { background: var(--bh-ivory) !important; color: var(--bh-ink) !important; }
.bh-light h1,.bh-light h2,.bh-light h3 { color: var(--bh-ink) !important; }
.bh-light .eyebrow { color: var(--bh-gold-deep) !important; }
/* house eyebrows use .bh-eyebrow (light gold) — deepen them on light sections so the
   tracked label stays legible on ivory (1.9:1 -> 3.2:1) instead of washing out. */
.bh-light .bh-eyebrow { color: var(--bh-gold-deep) !important; }

/* --- Full-screen video / gallery banners: cinematic darkening (until hero is rebuilt) --- */
.gallery-section { position: relative; background: var(--bh-black) !important; }
.gallery-section::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background: linear-gradient(180deg, rgba(7,5,6,.4) 0%, rgba(7,5,6,.22) 40%, rgba(7,5,6,.93) 100%); }
.gallery-section video, .gallery-section img { filter: brightness(.68) saturate(1.05); }
.gallery-section .section-title { color: var(--bh-cream) !important; text-shadow: 0 2px 40px rgba(0,0,0,.55); }
.gallery-section > div:first-child, .gallery-section .btn, .gallery-section .wrapper-video-control { position: relative; z-index: 4; }

/* --- Store description band --- */
.store-description { background: var(--bh-black) !important; }
.store-description * { color: var(--bh-cream) !important; }

/* --- Footer --- */
footer { background: var(--bh-black) !important; border-top: 1px solid var(--bh-line) !important; }
footer, footer * { color: var(--bh-cream) !important; background-color: transparent !important; }
footer a:hover { color: var(--bh-gold) !important; }

/* --- Sliders: gold accents --- */
.slick-next.slick-arrow > span, .slick-prev.slick-arrow > span { color: var(--bh-gold) !important; }
.slick-next.slick-arrow, .slick-prev.slick-arrow { width: 46px; height: 46px; }
.swiper-pagination-bullet { background: rgba(255,255,255,.34); }
.swiper-pagination-bullet-active { background: var(--bh-gold); }

/* --- Form controls --- */
.form-control, input[type=text], input[type=email], input[type=tel], textarea, select.form-select {
    background: var(--bh-black-2) !important; border: 1px solid rgba(245,239,227,.18) !important;
    color: var(--bh-cream) !important; border-radius: 0 !important;
}

/* --- Editorial product card (bh-card) — used by product-card.jinja --- */
.bh-card { display: block; text-decoration: none; color: inherit; }
.bh-card-media { position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden;
    border-radius: 14px; background: transparent; border: none;
    box-shadow: 0 16px 36px -20px rgba(96,64,16,.35); }
.bh-card-img, .bh-card-img-hover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bh-card-img { transition: transform 1.2s var(--bh-ease); }
.bh-card:hover .bh-card-img { transform: scale(1.06); }
.bh-card-img-hover { opacity: 0; transition: opacity .7s ease; }
.bh-card:hover .bh-card-img-hover { opacity: 1; }
.bh-card-sheen { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .6s var(--bh-ease);
    background: radial-gradient(120% 80% at 50% 115%, rgba(181,158,115,.26), transparent 60%); }
.bh-card:hover .bh-card-sheen { opacity: 1; }
.bh-card-soldout { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 2;
    background: rgba(7,5,6,.6); color: var(--bh-cream); font-size: 10px; letter-spacing: .16em;
    text-transform: uppercase; padding: 5px 12px; border-radius: 50px; backdrop-filter: blur(4px); }
.bh-card-info { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 15px 2px 0; }
.bh-card-name { margin: 0; font-size: 1.18rem; font-weight: 300; line-height: 1.2; letter-spacing: .03em; color: var(--bh-cream) !important; }
.bh-card-meta { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--bh-muted); margin-top: 3px; }
.bh-card-price { flex-shrink: 0; font-size: 13px; font-weight: 400; color: var(--bh-gold); white-space: nowrap; }
.bh-card-price-old { color: rgba(245,239,227,.4); margin-inline-start: 6px; }
/* cards inside a light section invert */
.bh-light .bh-card-media { background: var(--bh-ivory-2); border-color: var(--bh-line-l); }
.bh-light .bh-card-name { color: var(--bh-ink) !important; }
.bh-light .bh-card-meta { color: var(--bh-muted-ink); }
.bh-light .bh-card-price { color: var(--bh-gold-deep); }

/* --- Products listing page: editorial grid --- */
#products-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px 22px; padding: 8px 15px 0; }
@media (max-width: 1100px){ #products-list { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px){ #products-list { grid-template-columns: repeat(2, 1fr); gap: 24px 14px; } }

/* --- Slider polish --- */
.home-products-section .section-title { margin-bottom: 28px; letter-spacing: .04em; }
.products-slider .prod-col { padding-inline: 11px; }
/* ===================== END DARK LUXURY FOUNDATION ===================== */

/* ================================================================
   BADR HARQAN — HOMEPAGE (Stage 4)
   ================================================================ */
.bh-wrap{max-width:1320px;margin:0 auto;padding-inline:var(--gut,clamp(20px,5vw,64px))}
.bh-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--bh-gold);font-weight:400}
.bh-h2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:300;color:var(--bh-cream)}
.bh-light .bh-h2,.bh-light h3{color:var(--bh-ink)}
.bh-btn{display:inline-block;background:var(--bh-gold);color:var(--bh-black);padding:15px 38px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:background-color .4s var(--bh-ease)}
.bh-btn:hover{background:#cdb585}
.bh-sec{padding-block:clamp(72px,11vw,150px)}
.bh-sec-head{margin-bottom:clamp(34px,5vw,54px)}
.bh-sec-head .bh-eyebrow{display:block;margin-bottom:16px}
.bh-reveal{opacity:0;transform:translateY(22px);transition:opacity 1s var(--bh-ease),transform 1s var(--bh-ease)}
.bh-reveal.in{opacity:1;transform:none}

/* hero */
.bh-hero{position:relative;height:100vh;min-height:620px;overflow:hidden;background:var(--bh-black)}
.bh-hero-media{position:absolute;inset:0}
.bh-hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease}
.bh-hv.on{opacity:1}
.bh-hero-scrim{position:absolute;inset:0;z-index:1;background:
   linear-gradient(to right,rgba(7,5,6,.9) 0%,rgba(7,5,6,.5) 40%,rgba(7,5,6,.08) 70%,transparent 86%),
   linear-gradient(to top,rgba(7,5,6,.66),transparent 42%)}
[dir=rtl] .bh-hero-scrim{background:
   linear-gradient(to left,rgba(7,5,6,.9) 0%,rgba(7,5,6,.5) 40%,rgba(7,5,6,.08) 70%,transparent 86%),
   linear-gradient(to top,rgba(7,5,6,.66),transparent 42%)}
.bh-hero-content{position:absolute;z-index:2;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:start;width:min(620px,60%);padding-inline:var(--gut,clamp(20px,5vw,64px))}
.bh-hero-content .bh-eyebrow{margin-bottom:20px}
.bh-hero-h1{font-size:clamp(2.5rem,5.2vw,4.6rem);font-weight:200;line-height:1.06;color:var(--bh-cream)}
.bh-hero-h1 em{font-style:normal;color:var(--bh-gold)}
.bh-hero-sub{max-width:400px;margin-top:22px;color:var(--bh-muted);line-height:1.7;font-size:15px}
.bh-hero-cta{margin-top:34px}
.bh-scroll{position:absolute;z-index:2;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}
.bh-scroll span{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(245,239,227,.45)}
.bh-scroll i{width:1px;height:40px;background:linear-gradient(var(--bh-gold),transparent)}

/* idea strip */
.bh-idea{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;border-block:1px solid var(--bh-line);padding:26px var(--gut,40px);font-size:clamp(1rem,2.2vw,1.4rem);font-weight:200;letter-spacing:.18em;text-transform:uppercase;color:var(--bh-cream);background:var(--bh-black)}
.bh-dot{width:4px;height:4px;border-radius:50%;background:var(--bh-gold);display:inline-block}

/* the house */
.bh-house{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.bh-statement{font-size:clamp(1.6rem,3.1vw,2.5rem);font-weight:200;line-height:1.32;color:var(--bh-ink)}
.bh-statement em{font-style:normal;color:var(--bh-gold-deep)}
.bh-lead{color:var(--bh-muted-ink);line-height:1.85;font-size:16px;max-width:560px}

/* categories */
.bh-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,24px)}
.bh-cat{display:block;text-decoration:none}
.bh-cat-media{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--bh-black-2);border:1px solid var(--bh-line)}
.bh-cat-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--bh-ease)}
.bh-cat:hover .bh-cat-media img{transform:scale(1.06)}
.bh-cat-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,5,6,.9),rgba(7,5,6,.1) 55%,transparent)}
.bh-cat-name{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;font-size:1.4rem;font-weight:300;color:#fff;letter-spacing:.02em}

/* locations */
.bh-locs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bh-line-l);border:1px solid var(--bh-line-l)}
.bh-loc{background:var(--bh-ivory);padding:clamp(28px,2.6vw,40px) clamp(20px,2vw,28px);color:var(--bh-ink)}
.bh-loc .bh-k{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--bh-gold-deep)}
.bh-loc h3{font-size:1.35rem;font-weight:300;margin:12px 0 8px;color:var(--bh-ink)}
.bh-loc p{color:var(--bh-muted-ink);font-size:13px;line-height:1.7}

/* closing */
.bh-closing{text-align:center}
.bh-closing-h{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:200;line-height:1.2;color:var(--bh-cream)}
.bh-closing-h em{font-style:normal;color:var(--bh-gold)}

/* newsletter */
.bh-news{text-align:center}
.bh-news h3{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:300;color:var(--bh-ink)}
.bh-news p{color:var(--bh-muted-ink);margin:14px auto 26px;max-width:420px;line-height:1.7;font-size:14.5px}
.bh-news form{display:flex;max-width:440px;margin:0 auto;border:1px solid var(--bh-line-l)}
.bh-news input{flex:1;background:transparent;border:0;color:var(--bh-ink);padding:15px 18px;font-size:14px;outline:none}
.bh-news input::placeholder{color:rgba(43,36,32,.45)}
.bh-news button{background:var(--bh-gold);color:var(--bh-black);border:0;padding:0 26px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}

@media(max-width:900px){
  .bh-hero-content{width:100%;justify-content:flex-end;padding-bottom:90px;text-align:center;align-items:center}
  .bh-hero-scrim{background:linear-gradient(to top,rgba(7,5,6,.95) 6%,rgba(7,5,6,.4) 48%,rgba(7,5,6,.2))}
  .bh-hero-sub{margin-inline:auto}
  .bh-house{grid-template-columns:1fr;gap:24px}
  .bh-cats{grid-template-columns:repeat(2,1fr)}
  .bh-locs{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.bh-cats{grid-template-columns:1fr 1fr;gap:12px}.bh-locs{grid-template-columns:1fr}}
/* ===================== END HOMEPAGE ===================== */
/* ================================================================
   BADR HARQAN — STORE-WIDE PROFESSIONAL AUDIT REFINEMENTS
   Applies to every page. Targets the live Vitrin theme classes.
   ================================================================ */

/* --- Global polish & accessibility --- */
html{scroll-behavior:smooth}
::selection{background:var(--bh-gold);color:var(--bh-black)}
*:focus-visible{outline:2px solid var(--bh-gold)!important;outline-offset:2px!important;border-radius:2px}
a,button{-webkit-tap-highlight-color:transparent}
img{image-rendering:auto}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* --- Container rhythm --- */
.container{max-width:1320px}

/* --- Header refinement --- */
.cart-badge,.cart-items-counter{background:var(--bh-gold)!important;color:var(--bh-black)!important;font-weight:500}
.header-sticky a:hover,.menu-link:hover{color:var(--bh-gold)!important}
.a-shopping-cart:hover,.cursor-pointer:hover{opacity:.75}

/* --- Mobile sliding menu (dark luxury) --- */
/* force a solid opaque background (explicit hex, high specificity — overrides Zid base + bg-white) */
body #sliding-menu,body #sliding-menu.slide-menu,body .slide-menu,body nav.slide-menu,#sliding-menu .ul-menu{background:#171009!important;background-color:#171009!important;opacity:1!important}
#sidenav-overlay{background:rgba(0,0,0,.55)!important}
.slide-menu *{color:#F1EAD9!important}
.slide-menu .menu-link,.slide-menu-ul-li a{font-size:1.6rem!important;font-weight:300!important;letter-spacing:.02em;padding:16px 0!important;border-bottom:1px solid var(--bh-line)}
.slide-menu .menu-link:hover{color:var(--bh-gold)!important}
.button-close-menu{color:var(--bh-cream)!important}

/* --- Search popup (dark restyle) --- */
[class*="search-popup"],.header-search-popup{background:var(--bh-black)!important}
[class*="search-popup"] input,.header-search-popup input{background:var(--bh-black-2)!important;border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;border-radius:0!important;font-size:1.1rem;padding:16px 18px}
[class*="search-popup"] input::placeholder{color:rgba(245,239,227,.4)!important}

/* --- Breadcrumb --- */
.breadcrumb-section{padding-block:18px}
.breadcrumb{font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:transparent!important;padding:0;margin:0}
.breadcrumb-item,.breadcrumb-item a{color:var(--bh-muted)!important}
.breadcrumb-item.active{color:var(--bh-gold)!important}

/* --- PRODUCT PAGE --- */
.col-product-info{padding-inline:clamp(16px,3vw,48px)}
.col-product-info h1,.product-title{font-size:clamp(2rem,4vw,3rem)!important;font-weight:300!important;letter-spacing:.01em}
.description-title{font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--bh-gold)!important;font-weight:500;margin-bottom:14px}
.description,.description-text,.description-paragrah{color:var(--bh-muted)!important;line-height:1.9!important;font-size:15px}
.border-product,.border-\[\#AAAAAA\]{border-color:var(--bh-line)!important}
.btn-add-to-cart,.btn-primary{background:var(--bh-gold)!important;color:var(--bh-black)!important;border:none!important;border-radius:0!important;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding:16px 32px!important;transition:background-color .35s var(--bh-ease)}
.btn-add-to-cart:hover,.btn-primary:hover{background:#cdb585!important}
.btn-send-notify{border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;background:transparent!important;border-radius:0!important}
.div-product-weight,.product-price-single{color:var(--bh-gold)!important}
/* product gallery */
.product-gallery img,.col-product-info-single-image img{border-radius:12px}
.swiper-button-next,.swiper-button-prev{color:var(--bh-gold)!important}
.swiper-button-next:after,.swiper-button-prev:after{font-size:18px!important}

/* reviews */
.comment-section,.card-rate{border-color:var(--bh-line)!important}
.add-review-btn,.all-reviews-btn{border:1px solid var(--bh-line)!important;color:var(--bh-gold)!important;background:transparent!important;border-radius:0!important;letter-spacing:.14em;text-transform:uppercase}
.card-rate i,.rating-stars i{color:var(--bh-gold)!important}

/* bundle offers */
.bundle-offer-section,.bundle-offer-details-section{border-color:var(--bh-line)!important}
.bundle-offer-title{color:var(--bh-cream)!important;font-weight:300;letter-spacing:.02em}

/* --- CATEGORY / LISTING / FILTERS --- */
.btn-filter,.products-list-filter-sm{border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;background:transparent!important;border-radius:50px!important;letter-spacing:.14em;text-transform:uppercase;font-size:11px;padding:9px 20px!important;transition:.3s var(--bh-ease)}
.btn-filter:hover{border-color:var(--bh-gold)!important}
.icon-filter-secondary,.filter-icons{color:var(--bh-gold)!important}
.form-products-filter .form-group{border-bottom:1px solid var(--bh-line);padding-bottom:16px}
.custom-checkbox-label,.checkbox-container{color:var(--bh-cream)!important;font-size:14px}
.custom-checkmark,.custom-checkmark-small{border:1px solid var(--bh-line)!important;border-radius:0!important;background:transparent!important}
.custom-checkbox-input:checked ~ .custom-checkmark,.custom-checkbox-input:checked ~ .custom-checkmark-small{background:var(--bh-gold)!important;border-color:var(--bh-gold)!important}
.btn-sale-price{background:var(--bh-gold)!important;color:var(--bh-black)!important}
.btn-white{background:transparent!important;border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important}

/* --- PAGINATION --- */
.pagination{gap:6px}
.page-link{background:transparent!important;border:1px solid var(--bh-line)!important;color:var(--bh-muted)!important;border-radius:0!important;min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;transition:.3s var(--bh-ease)}
.page-link:hover{border-color:var(--bh-gold)!important;color:var(--bh-cream)!important}
.page-item.active .page-link{background:var(--bh-gold)!important;border-color:var(--bh-gold)!important;color:var(--bh-black)!important}
.page-item.disabled .page-link{opacity:.4}

/* --- CART --- */
.cart-page{background:var(--bh-black)!important;color:var(--bh-cream)}
.cart-page h1,.cart-page h2{font-weight:300;letter-spacing:.01em}
.cart-products-with-totals,.cart-totals-row-wrapper,.cart-total-row{border-color:var(--bh-line)!important}
.cart-total-price,.cartTotal{color:var(--bh-gold)!important;font-weight:400}
.cart-sidebar{background:var(--bh-black)!important;color:var(--bh-cream)}
.cart-sidebar-header{border-color:var(--bh-line)!important}
/* empty state */
.empty-cart-title,.empty-state-title{color:var(--bh-cream)!important;font-weight:300;font-size:1.4rem;letter-spacing:.01em}
.empty-cart,.empty-state{text-align:center;padding-block:60px}
.empty-cart svg,.empty-state svg{opacity:.5;margin-inline:auto}

/* --- FORMS / INPUTS (site-wide) --- */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],textarea,select,.form-control{
  background:var(--bh-black-2)!important;border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;border-radius:0!important;padding:14px 16px;transition:border-color .3s}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--bh-gold)!important;box-shadow:none!important;outline:none!important}
input::placeholder,textarea::placeholder{color:rgba(245,239,227,.38)!important}
label,.form-group label{color:var(--bh-muted)!important;font-size:12px;letter-spacing:.06em}
/* light sections invert form text */
.bh-light input,.bh-light textarea,.bh-light .form-control{background:transparent!important;color:var(--bh-ink)!important}
.bh-light input::placeholder{color:rgba(43,36,32,.45)!important}

/* --- ERROR / VALIDATION states --- */
.error,.invalid-feedback,.text-danger,.field-error{color:#c98b6b!important;font-size:12px;letter-spacing:.02em}
.is-invalid,input.error{border-color:#c98b6b!important}

/* --- LOADING states --- */
.spinner,.loading,.ajax-loader{filter:saturate(0) brightness(2)}
.skeleton{background:linear-gradient(90deg,var(--bh-black-2) 25%,#1A1820 37%,var(--bh-black-2) 63%);background-size:400% 100%;animation:bhshimmer 1.4s ease infinite}
@keyframes bhshimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* --- Hover micro-interactions site-wide --- */
.btn,.bh-btn{transition:background-color .35s var(--bh-ease),opacity .3s}
a{transition:color .3s var(--bh-ease)}

/* --- FOOTER refinement --- */
footer h3,footer h4,footer .footer-title{font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--bh-gold)!important;font-weight:500;margin-bottom:14px}
footer a{color:var(--bh-muted)!important}
footer a:hover{color:var(--bh-gold)!important}
footer img{max-height:28px}

/* --- RESPONSIVE: tablet --- */
@media(min-width:768px) and (max-width:1100px){
  .bh-cats{grid-template-columns:repeat(3,1fr)}
  .bh-locs{grid-template-columns:repeat(2,1fr)}
  #products-list{grid-template-columns:repeat(3,1fr)}
  .col-product-info{padding-top:24px}
}
/* --- RESPONSIVE: mobile --- */
@media(max-width:767px){
  .bh-hero h1,.bh-hero-h1{font-size:clamp(2rem,9vw,2.8rem)}
  .bh-sec{padding-block:clamp(56px,12vw,90px)}
  .breadcrumb{font-size:10px}
  .btn,.bh-btn,.btn-add-to-cart{width:100%;text-align:center}
  .pagination{flex-wrap:wrap}
}
/* ===================== END AUDIT REFINEMENTS ===================== */

/* ================================================================
   BADR HARQAN — HOMEPAGE EXTRA SECTIONS + PRODUCT PAGE POLISH
   ================================================================ */
/* pillars (Signature / Stories / Editions) */
.bh-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bh-line-l);border:1px solid var(--bh-line-l)}
.bh-pillar{background:var(--bh-ivory);padding:clamp(30px,3vw,46px) clamp(24px,2.4vw,34px);transition:background-color .5s var(--bh-ease)}
.bh-pillar:hover{background:#ece3d2}
.bh-pillar .bh-n{font-size:12px;letter-spacing:.2em;color:var(--bh-gold-deep)}
.bh-pillar h3{font-size:1.6rem;font-weight:300;margin:12px 0 12px;color:var(--bh-ink)}
.bh-pillar p{color:var(--bh-muted-ink);line-height:1.75;font-size:14px}

/* split (Mist / Discovery) */
.bh-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.bh-split .bh-visual{aspect-ratio:5/4;border-radius:14px;overflow:hidden;border:1px solid var(--bh-line)}
.bh-split .bh-visual img{width:100%;height:100%;object-fit:cover}
.bh-light .bh-split .bh-visual{border-color:var(--bh-line-l)}

/* --- PRODUCT PAGE — bring closer to the editorial preview --- */
.products-details-page .col-product-info h1{font-size:clamp(2rem,4vw,3.1rem)!important;font-weight:300!important;text-transform:none!important;letter-spacing:.01em;margin-bottom:14px!important}
.products-details-page .section-product-price span,.products-details-page .product-price span:first-child,.products-details-page .col-product-info .font-price span{color:var(--bh-gold)!important;font-weight:400!important}
.products-details-page .product-price span:last-child{color:rgba(245,239,227,.4)!important}
.products-details-page .description{color:var(--bh-muted)!important;line-height:1.9!important;font-weight:300!important;max-width:52ch}
.products-details-page .product-title{font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--bh-gold)!important;font-weight:500}
.products-details-page .size-box .variant-item,.products-details-page .variant-value{border:1px solid var(--bh-line)!important;border-radius:0!important;color:var(--bh-cream)!important;background:transparent!important;transition:.3s}
.products-details-page .variant-item.active,.products-details-page .variant-value.selected{border-color:var(--bh-gold)!important;background:rgba(181,158,115,.08)!important}
.products-details-page .border-product{border-color:var(--bh-line)!important}
.products-details-page .select-quantity{background:var(--bh-black-2)!important;border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;border-radius:0!important}
.products-details-page .product-gallery-swiper img,.product-gallery-swiper img{border-radius:12px}
/* related products heading */
.related-products .section-title,.related-products h2{font-weight:300!important;letter-spacing:.02em}
/* ===================== END EXTRA SECTIONS ===================== */

/* ================================================================
   BADR HARQAN — LIVE QA FIXES (round 2)
   ================================================================ */
/* idea strip: keep Silence·Detail·Rarity order in RTL too */
.bh-idea{direction:ltr}

/* CART PAGE — darken the white summary/product boxes */
.cart-page .header-wrapper,.cart-page .cart-product-row-wrapper,.cart-page .cart-totals-row-wrapper,
.cart-page .cart-gift-card,.cart-page .cart-discount-rule-wrapper,.cart-page .free-shipping-rule-section{
  background:var(--bh-black-2)!important;border-color:var(--bh-line)!important}
.cart-page .header-wrapper{background:#15120e!important}
.cart-page .gift-card-icon-wrapper{background:transparent!important}
.cart-page .cart-product-row-wrapper,.cart-page .cart-product-row-wrapper span,.cart-page .cart-product-row-wrapper a,
.cart-page .cart-totals-row-wrapper,.cart-page .cart-totals-row-wrapper span,
.cart-page .cart-gift-card,.cart-page .cart-gift-card span,.cart-page .cart-gift-card p{color:var(--bh-cream)!important}
.cart-page .header-wrapper span,.cart-page .header-wrapper p{color:var(--bh-muted)!important}
.cart-page .cart-total-price,.cart-page .product-price span,.cart-page .cart-totals-row-wrapper:last-of-type .cart-total-row span{color:var(--bh-gold)!important}
.cart-product-error-messages{background:rgba(201,139,107,.12)!important;color:#d8a98e!important;border:1px solid rgba(201,139,107,.28)!important;border-radius:0!important}
.cart-page .quantity-input,.cart-page input[type=number]{background:var(--bh-black-2)!important;color:var(--bh-cream)!important;border-color:var(--bh-line)!important}
/* buy-now / checkout buttons */
.cart-page .btn-buy-now,.buy-now-btn,#checkout-button,.checkout-btn{background:var(--bh-gold)!important;color:var(--bh-black)!important;border:none!important;border-radius:0!important;letter-spacing:.16em;text-transform:uppercase}

/* PRODUCT page — tighten the big vertical gaps in description/notes */
.products-details-page .description{margin-block:10px 18px!important}
.products-details-page .description br + br{display:none}
.products-details-page section > h1{margin-bottom:10px!important}

/* gift / loyalty widgets border to brand */
.cart-loyalty-points-widget,.loyalty-points-section{border-color:var(--bh-line)!important}
/* ===================== END LIVE QA FIXES ===================== */

/* clickable pillars + category buttons */
a.bh-pillar{display:block;text-decoration:none;color:inherit}
a.bh-pillar h3{color:var(--bh-ink)}
.bh-more{display:inline-block;margin-top:18px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bh-gold-deep);transition:letter-spacing .35s var(--bh-ease)}
a.bh-pillar:hover .bh-more{letter-spacing:.28em}
a.bh-pillar:hover h3{color:var(--bh-gold-deep)}

/* ================================================================
   BADR HARQAN — TRAVEL SET banner (bilingual, video)
   ================================================================ */
.bh-travel{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bh-black);text-align:center;padding:90px var(--gut,40px)}
.bh-travel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.bh-travel-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(130% 110% at 50% 50%,rgba(7,5,6,.5),rgba(7,5,6,.88))}
.bh-travel-content{position:relative;z-index:2;max-width:680px;margin:0 auto;color:var(--bh-cream)}
.bh-travel-content .bh-eyebrow{display:block;margin-bottom:20px}
.bh-travel-h{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:200;line-height:1.08;color:var(--bh-cream)}
.bh-travel-ar{margin-top:14px;font-size:clamp(1.2rem,2.4vw,1.7rem);color:var(--bh-gold);font-weight:300;direction:rtl}
.bh-travel-sub{margin-top:18px;color:var(--bh-muted);line-height:1.7;font-size:15px;max-width:520px;margin-inline:auto}
.bh-travel-sub-ar{margin-top:6px;direction:rtl;color:rgba(245,239,227,.72)}
@media(max-width:767px){.bh-travel{min-height:70vh}}

/* Travel banner — light editorial (ivory) override */
.bh-travel{background:var(--bh-ivory)!important}
.bh-travel-scrim{background:linear-gradient(180deg,rgba(244,237,225,.6),rgba(244,237,225,.2) 42%,rgba(244,237,225,.5))!important}
.bh-travel-content{color:var(--bh-ink)}
.bh-travel-content .bh-eyebrow{color:var(--bh-gold-deep)}
.bh-travel-h{color:var(--bh-ink)!important}
.bh-travel-ar{color:var(--bh-gold-deep)!important;font-weight:400}
.bh-travel-sub,.bh-travel-sub-ar{color:var(--bh-muted-ink)!important}

/* ================================================================
   BADR HARQAN — MEGA MENU (built by bh-theme.js)
   ================================================================ */
.bh-mega{position:fixed;top:0;left:0;right:0;z-index:45;background:rgba(7,5,6,.97);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--bh-line);opacity:0;visibility:hidden;transform:translateY(-14px);
  transition:opacity .4s var(--bh-ease),transform .45s var(--bh-ease),visibility .45s;padding-top:74px}
.bh-mega.on{opacity:1;visibility:visible;transform:none}
.bh-mega-inner{max-width:1320px;margin:0 auto;padding:42px var(--gut,40px) 52px;display:grid;grid-template-columns:1.25fr .75fr;gap:64px}
.bh-mega-eyebrow{display:block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--bh-gold);margin-bottom:26px}
.bh-mega-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 44px}
.bh-mega-item{display:flex;flex-direction:column;padding:15px 0;border-bottom:1px solid var(--bh-line);text-decoration:none;transition:padding .35s var(--bh-ease)}
.bh-mega-item:hover{padding-inline-start:10px}
.bh-mega-n{font-size:1.5rem;font-weight:300;color:var(--bh-cream);letter-spacing:.01em;transition:color .3s}
.bh-mega-item:hover .bh-mega-n{color:var(--bh-gold)}
.bh-mega-d{font-size:12px;color:var(--bh-muted);margin-top:3px}
.bh-mega-feature{position:relative;border-radius:14px;overflow:hidden;min-height:250px;display:flex;align-items:flex-end;text-decoration:none}
.bh-mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--bh-ease)}
.bh-mega-feature:hover img{transform:scale(1.05)}
.bh-mega-feature-c{position:relative;z-index:2;padding:26px;width:100%;background:linear-gradient(transparent,rgba(7,5,6,.92))}
.bh-mega-feature-t{display:block;font-size:1.55rem;font-weight:300;color:#fff;margin:6px 0 8px}
.bh-mega-feature-l{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bh-gold)}
@media(max-width:900px){.bh-mega{display:none!important}}

/* ================================================================
   BADR HARQAN — Best Sellers slider + artistic mobile menu
   ================================================================ */
.bh-rail{overflow:hidden;cursor:grab}.bh-rail:active{cursor:grabbing}
.bh-rail .swiper-slide{width:300px;height:auto}
.bh-rail-nav{display:flex;gap:9px;opacity:.7;transition:opacity .3s}
.head-row:hover .bh-rail-nav{opacity:1}
.bh-nav-btn{width:44px;height:44px;border:1px solid var(--bh-line);border-radius:50%;background:transparent;color:var(--bh-muted);cursor:pointer;font-size:16px;line-height:1;transition:.3s var(--bh-ease)}
.bh-nav-btn:hover{border-color:var(--bh-gold);color:var(--bh-cream);transform:translateY(-2px)}
.bh-hint{margin-top:22px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bh-muted);display:flex;align-items:center;gap:8px}
.bh-hint i{width:30px;height:1px;background:var(--bh-gold);display:inline-block}

/* Artistic mobile menu — featured banner + tagline inside the slide menu */
.bh-msnav-tag{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--bh-gold);padding:20px 20px 4px;text-align:center}
.bh-msnav-feature{display:block;position:relative;margin:8px 16px 20px;border-radius:12px;overflow:hidden;height:160px;text-decoration:none}
.bh-msnav-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bh-msnav-feature-c{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(transparent 40%,rgba(7,5,6,.6))}
.bh-msnav-feature-c span{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--bh-gold)}
.bh-msnav-feature-c strong{font-weight:300;font-size:1.35rem;color:#fff;margin-top:4px;letter-spacing:.01em}
/* refine the slide-menu links for a more artistic, spacious feel */
.slide-menu .slide-menu-ul-li a,.slide-menu .menu-link{font-size:1.7rem!important;font-weight:200!important;letter-spacing:.01em;padding:18px 20px!important;border-bottom:1px solid var(--bh-line)}
/* Arabic (RTL): no letter-spacing (it breaks connected cursive letters / detaches dots),
   use the Arabic face (Tajawal) and a slightly heavier weight for crisp dots. */
[dir=rtl] .slide-menu .slide-menu-ul-li a,[dir=rtl] .slide-menu .menu-link{letter-spacing:0!important;font-weight:300!important;font-family:'Tajawal','Segoe UI',sans-serif!important}
.slide-menu .slide-menu-ul-li a:hover,.slide-menu .menu-link:hover{color:var(--bh-gold)!important;padding-inline-start:28px!important;transition:.35s var(--bh-ease)}

/* ================================================================
   BADR HARQAN — Travel Set hero: animated bilingual text
   ================================================================ */
.bh-hero-ar2{font-size:clamp(1.05rem,2.2vw,1.55rem);color:var(--bh-gold);font-weight:300;margin-top:10px;direction:rtl}
.bh-hero-anim > *{opacity:0;animation:bhHeroIn 1.1s var(--bh-ease) forwards}
.bh-hero-anim > *:nth-child(1){animation-delay:.4s}
.bh-hero-anim > *:nth-child(2){animation-delay:.6s}
.bh-hero-anim > *:nth-child(3){animation-delay:.78s}
.bh-hero-anim > *:nth-child(4){animation-delay:.96s}
.bh-hero-anim > *:nth-child(5){animation-delay:1.14s}
@keyframes bhHeroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.bh-hero-anim > *{animation:none!important;opacity:1!important;transform:none!important}}

/* ================================================================
   BADR HARQAN — Product page polish v2 (Travel Set selectors etc.)
   ================================================================ */
/* custom-field / variant selectors -> elegant gold-caret selects */
.products-details-page select.form-control,.products-details-page .form-group select,.products-details-page .custom-input-field select{
  appearance:none!important;-webkit-appearance:none!important;background-color:var(--bh-black-2)!important;
  border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;border-radius:0!important;
  padding:15px 18px!important;font-size:14.5px!important;cursor:pointer;width:100%;
  background-image:linear-gradient(45deg,transparent 50%,var(--bh-gold) 50%),linear-gradient(135deg,var(--bh-gold) 50%,transparent 50%)!important;
  background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px!important;background-size:6px 6px!important;background-repeat:no-repeat!important;transition:border-color .3s}
.products-details-page select.form-control:hover{border-color:var(--bh-gold)!important}
[dir=rtl] .products-details-page select.form-control{background-position:22px 22px,16px 22px!important;padding-inline-start:40px!important}
/* custom-field labels -> gold eyebrows */
.products-details-page .form-group > label,.products-details-page .custom-input-field label,.products-details-page .size-box label,.products-details-page [class*=custom-input] label{
  font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--bh-gold)!important;font-weight:500!important;margin-bottom:8px;display:block}
.products-details-page .form-group > label .text-danger,.products-details-page label span[style*=red]{color:var(--bh-gold)!important}
/* description: breathe */
.products-details-page .description{line-height:1.95!important;color:var(--bh-muted)!important;font-weight:300!important;font-size:15px!important}
.products-details-page .description strong,.products-details-page .description b{color:var(--bh-cream)!important;font-weight:400!important}
/* tighten the empty gap under the eyebrow/price */
.products-details-page .col-product-info > section{padding-bottom:6px}
.products-details-page .size-box{margin-top:18px}

/* ================================================================
   BADR HARQAN — distinctive dark statement banner
   ================================================================ */
.bh-banner{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bh-black);text-align:center;padding:80px var(--gut,40px)}
.bh-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.bh-banner-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 110% at 50% 50%,rgba(7,5,6,.5),rgba(7,5,6,.9))}
.bh-banner-c{position:relative;z-index:2;max-width:700px}
.bh-banner-c .bh-eyebrow{display:block;margin-bottom:18px}
.bh-banner-h{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:200;line-height:1.16;color:var(--bh-cream)}
.bh-banner-h em{font-style:normal;color:var(--bh-gold)}

/* mobile menu — clean editorial links */
.slide-menu .slide-menu-ul-li a,.slide-menu .menu-link{display:block!important}
.slide-menu .ul-menu>li:last-child{margin-top:22px;padding-inline:20px}
.slide-menu .ul-menu>li:last-child button{opacity:.55;font-size:13px!important;letter-spacing:.02em;border:none!important}

/* ================================================================
   BADR HARQAN — refined locations + site-wide motion
   ================================================================ */
/* Locations: gold index, top reveal-rule, hover */
.bh-loc{position:relative;transition:background .45s var(--bh-ease),transform .5s var(--bh-ease)}
.bh-loc-n{display:block;font-size:11px;letter-spacing:.2em;color:var(--bh-gold-deep);opacity:.55;margin-bottom:16px;font-variant-numeric:tabular-nums}
.bh-loc::after{content:"";position:absolute;inset-inline:0;top:-1px;height:1px;background:var(--bh-gold);transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--bh-ease)}
[dir=rtl] .bh-loc::after{transform-origin:right center}
.bh-loc:hover{background:var(--bh-ivory-2)}
.bh-loc:hover::after{transform:scaleX(1)}
.bh-loc h3{transition:color .35s}
.bh-loc:hover h3{color:var(--bh-gold-deep)}

/* staggered reveal for rows of cells */
.bh-loc.bh-reveal:nth-child(2){transition-delay:.07s}
.bh-loc.bh-reveal:nth-child(3){transition-delay:.14s}
.bh-loc.bh-reveal:nth-child(4){transition-delay:.21s}

/* gentle Ken-Burns drift on the statement banner image */
.bh-banner-bg{animation:bhKen 22s ease-in-out infinite alternate;will-change:transform}
@keyframes bhKen{from{transform:scale(1.04)}to{transform:scale(1.13)}}
/* video banner: no Ken-Burns (the film already moves) */
.bh-banner-vid{animation:none!important;transform:none!important}

/* split visual slow zoom on hover (e.g. Mist) */
.bh-visual{overflow:hidden}
.bh-visual img{transition:transform 1.3s var(--bh-ease)}
.bh-visual:hover img{transform:scale(1.05)}

/* product cards: lift + image breathe on hover */
.bh-card{transition:transform .5s var(--bh-ease)}
.bh-card:hover{transform:translateY(-5px)}

/* respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .bh-reveal{opacity:1!important;transform:none!important}
  .bh-banner-bg{animation:none}
}

/* ================================================================
   BADR HARQAN — STRONG motion pass (overrides earlier reveal)
   ================================================================ */
/* bigger, more dramatic scroll reveal */
.bh-reveal{opacity:0;transform:translateY(54px) scale(.97);transition:opacity .85s var(--bh-ease),transform 1.15s var(--bh-ease)}
.bh-reveal.in{opacity:1;transform:none}
.bh-sec-head.bh-reveal{transform:translateY(66px)}
.bh-banner-c.bh-reveal{transform:translateY(44px) scale(.955)}
.bh-closing .bh-reveal,.bh-closing.bh-reveal{transform:translateY(60px) scale(.96)}
/* FIX: these three overrode the generic .bh-reveal.in reset (equal specificity, later in file),
   so the heading stayed stuck translated-down and overlapped the content below it. Reset on reveal. */
.bh-sec-head.bh-reveal.in,.bh-banner-c.bh-reveal.in,.bh-closing .bh-reveal.in,.bh-closing.bh-reveal.in{transform:none}

/* the mist bottle floats — alive, cinematic */
.bh-visual img{animation:bhFloat 6.5s ease-in-out infinite;will-change:transform}
@keyframes bhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.bh-visual:hover img{animation-play-state:paused}

/* stronger Ken-Burns drift on statement banner */
.bh-banner-bg{animation:bhKen 20s ease-in-out infinite alternate}
@keyframes bhKen{from{transform:scale(1.05) translate(-1%,0)}to{transform:scale(1.16) translate(1%,-2%)}}

/* product cards lift more + gold edge wake */
.bh-card{transition:transform .55s var(--bh-ease),box-shadow .55s var(--bh-ease)}
.bh-card:hover{transform:translateY(-10px)}

/* hero text: stronger staged entrance */
.bh-hero-content.bh-hero-anim>*{opacity:0;transform:translateY(40px);animation:bhRise 1.1s var(--bh-ease) forwards}
.bh-hero-content.bh-hero-anim>*:nth-child(1){animation-delay:.15s}
.bh-hero-content.bh-hero-anim>*:nth-child(2){animation-delay:.32s}
.bh-hero-content.bh-hero-anim>*:nth-child(3){animation-delay:.49s}
.bh-hero-content.bh-hero-anim>*:nth-child(4){animation-delay:.66s}
@keyframes bhRise{to{opacity:1;transform:none}}

@media (prefers-reduced-motion: reduce){
  .bh-reveal,.bh-sec-head.bh-reveal,.bh-banner-c.bh-reveal,.bh-closing .bh-reveal{opacity:1!important;transform:none!important}
  .bh-visual img,.bh-banner-bg,.bh-hero-content.bh-hero-anim>*{animation:none!important;opacity:1!important;transform:none!important}
}

/* ================================================================
   BADR HARQAN — interactive collection index (name → image swap)
   ================================================================ */
.bh-index{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(30px,5vw,80px);align-items:center;margin-top:clamp(34px,4vw,56px)}
.bh-index-list{list-style:none;margin:0;padding:0}
.bh-index-item{display:flex;align-items:baseline;gap:18px;padding:clamp(12px,1.7vw,22px) 0;border-bottom:1px solid var(--bh-line);cursor:pointer;transition:padding-inline-start .45s var(--bh-ease)}
.bh-index-item:first-child{border-top:1px solid var(--bh-line)}
.bh-index-item:hover,.bh-index-item.on{padding-inline-start:16px}
.bh-index-n{font-size:11px;letter-spacing:.2em;color:var(--bh-gold);opacity:.55;font-variant-numeric:tabular-nums;min-width:26px}
.bh-index-name{font-size:clamp(1.35rem,2.7vw,2.2rem);font-weight:200;line-height:1.1;color:rgba(245,239,227,.5);transition:color .35s var(--bh-ease)}
.bh-index-item:hover .bh-index-name,.bh-index-item.on .bh-index-name{color:var(--bh-cream)}
.bh-index-item.on .bh-index-n{opacity:1}
.bh-index-stage{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:var(--bh-black-2);text-decoration:none}
.bh-index-img{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .35s var(--bh-ease),transform 7s var(--bh-ease)}
.bh-index-stage:hover .bh-index-img{transform:scale(1.05)}
.bh-index-cta{position:absolute;inset-inline:0;bottom:0;padding:22px 24px;background:linear-gradient(transparent,rgba(7,5,6,.88));color:var(--bh-cream);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;z-index:2}
@media(max-width:760px){.bh-index{grid-template-columns:1fr;gap:22px}.bh-index-stage{order:-1;aspect-ratio:3/4}.bh-index-name{font-size:1.35rem}}

/* ================================================================
   BADR HARQAN — "About the Perfumer" editorial page
   ================================================================ */
.bh-ab-hero{position:relative;min-height:86vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--bh-black)}
.bh-ab-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:bhKen 26s ease-in-out infinite alternate}
.bh-ab-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,5,6,.32),rgba(7,5,6,.42) 45%,rgba(7,5,6,.93))}
.bh-ab-hero-c{position:relative;z-index:2;max-width:820px;padding:0 clamp(24px,5vw,80px) clamp(56px,7vw,96px)}
.bh-ab-hero-h{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:200;line-height:1.02;color:var(--bh-cream);margin:18px 0 22px}
.bh-ab-hero-lead{font-size:clamp(1rem,1.5vw,1.28rem);font-weight:300;line-height:1.75;color:rgba(245,239,227,.84);max-width:58ch}

.bh-ab-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,84px);align-items:center}
.bh-ab-reverse .bh-ab-media{order:2}
.bh-ab-media{border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:var(--bh-black-2)}
.bh-ab-media img{width:100%;height:100%;object-fit:cover;transition:transform 8s var(--bh-ease)}
.bh-ab-media:hover img{transform:scale(1.05)}
.bh-ab-text .bh-h2{margin:12px 0 22px}
.bh-ab-text .bh-lead+.bh-lead{margin-top:16px}

.bh-ab-statement{text-align:center}
.bh-ab-statement .bh-eyebrow{display:block;margin-bottom:22px}
.bh-ab-statement .bh-statement{margin:0 auto 22px}

.bh-ab-miles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bh-line-l);border:1px solid var(--bh-line-l);margin-top:clamp(30px,4vw,52px)}
.bh-ab-mile{background:var(--bh-ivory);padding:clamp(26px,2.4vw,38px);color:var(--bh-ink);transition:background .4s var(--bh-ease)}
.bh-ab-mile:hover{background:var(--bh-ivory-2)}
.bh-ab-mile-n{font-size:11px;letter-spacing:.2em;color:var(--bh-gold-deep);opacity:.6;font-variant-numeric:tabular-nums}
.bh-ab-mile h3{font-size:1.18rem;font-weight:400;margin:14px 0 10px;color:var(--bh-ink);line-height:1.25}
.bh-ab-mile p{font-size:13px;line-height:1.7;color:var(--bh-muted-ink)}
.bh-ab-miles-note{margin-top:26px;max-width:74ch;color:var(--bh-muted-ink);font-size:14px;line-height:1.85}

.bh-ab-quote{text-align:center}
.bh-ab-quote .bh-eyebrow{display:block;margin-bottom:26px}
.bh-ab-quote-h{font-size:clamp(1.6rem,3.6vw,2.9rem);font-weight:200;line-height:1.32;color:var(--bh-cream);max-width:26ch;margin:0 auto;font-style:normal;border:0}
.bh-ab-quote-h em{font-style:normal;color:var(--bh-gold)}
.bh-ab-sign{margin-top:22px;color:var(--bh-gold);letter-spacing:.16em;text-transform:uppercase;font-size:12px}

@media(max-width:820px){
  .bh-ab-split{grid-template-columns:1fr;gap:24px}
  .bh-ab-reverse .bh-ab-media{order:0}
  .bh-ab-miles{grid-template-columns:1fr 1fr}
  .bh-ab-hero{min-height:78vh}
}
@media(max-width:520px){.bh-ab-miles{grid-template-columns:1fr}}

/* ================================================================
   BADR HARQAN — product page: soft spotlight background
   ================================================================ */
.products-details-page{position:relative}
.products-details-page::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(46% 44% at 30% 42%, rgba(181,158,115,.14), rgba(181,158,115,.045) 46%, transparent 72%),
   radial-gradient(95% 60% at 50% -6%, rgba(181,158,115,.06), transparent 60%);}
.products-details-page>*{position:relative;z-index:1}
/* frame the gallery image so a light photo sits on an intentional dark tile */
.products-details-page .col-product-image-wrapper{border-radius:18px;overflow:hidden}
.products-details-page .product-images-carousel{border-radius:18px;overflow:hidden;box-shadow:0 22px 50px -30px rgba(96,64,16,.3)}
.products-details-page .product-gallery-thumbs-swiper .swiper-slide{border-radius:10px;overflow:hidden}

/* ================================================================
   BADR HARQAN — display serif (Cormorant / Amiri) for names & big
   headings. Jost stays for UI, labels, nav, body. (owner-approved)
   ================================================================ */
.bh-h2,.bh-hero-h1,.bh-ab-hero-h,.bh-closing-h,.bh-banner-h,.bh-ab-quote-h,
.bh-index-name,.bh-statement,
.products-details-page .col-product-info h1{
  font-family:'Hurme Geometric','Tajawal','LamaSans',Georgia,serif !important;
  font-weight:500 !important;
  letter-spacing:.012em;
}
/* serif sits larger/lighter than sans at the same px — nudge a few up */
.bh-hero-h1,.bh-ab-hero-h{font-weight:600 !important}
.bh-h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
.bh-index-name{font-size:clamp(1.5rem,3vw,2.5rem)}

/* ---- Product page: refined name + description + notes ---- */
.products-details-page .col-product-info h1{font-size:clamp(2.5rem,5vw,3.8rem)!important;letter-spacing:.015em}
.products-details-page .col-product-info p{font-size:15.5px;line-height:1.95;color:rgba(245,239,227,.74);max-width:60ch;font-weight:300}
.products-details-page .col-product-info p + p{margin-top:13px}
.products-details-page .col-product-info p:empty{display:none!important;margin:0!important}
.products-details-page .col-product-info p br + br{display:none}
.products-details-page .col-product-info strong{
  font-family:var(--bh-font)!important;font-weight:500;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--bh-gold);
  display:inline-block;margin-top:10px;
}

/* ================================================================
   BADR HARQAN — product page fixes (Arabic-safe labels, qty, desc)
   ================================================================ */
/* description body color (win over theme defaults) */
.products-details-page .col-product-info section p{color:rgba(245,239,227,.72)!important}
/* note labels: gold, spaced — but NEVER letter-space / uppercase Arabic */
.products-details-page .col-product-info strong{margin-top:14px}
[dir=rtl] .products-details-page .col-product-info strong{letter-spacing:0!important;text-transform:none!important;font-size:12.5px}
/* Quantity stepper — ONE clean bordered box (the wrapper must stay transparent, else it
   drew a second border + an empty strip below the control). */
.products-details-page .quantity-stepper-wrapper{background:transparent!important;border:none!important;padding:0!important;height:fit-content!important;align-self:center!important}
.products-details-page .quantity-stepper{background:var(--bh-black-2)!important;border:1px solid var(--bh-line)!important;border-radius:4px!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;height:50px}
.products-details-page .quantity-stepper *{background:transparent!important;color:var(--bh-cream)!important;box-shadow:none!important}
.products-details-page .quantity-stepper-btn{width:44px!important;min-width:44px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;cursor:pointer;transition:background .25s,color .25s!important}
.products-details-page .quantity-stepper-btn:hover{background:rgba(195,169,128,.14)!important;color:var(--bh-gold)!important}
.products-details-page .quantity-stepper input{width:46px!important;text-align:center!important;border:none!important;border-inline:1px solid var(--bh-line)!important;border-radius:0!important;height:100%!important}

/* product page: buy block grouped under price + opening hairline before description */
.products-details-page .product-buttons{margin-top:16px!important}
.products-details-page .bh-pd-divider{height:1px;background:var(--bh-line);margin:30px 0 26px}
.products-details-page .btn-add-to-cart{background:var(--bh-gold)!important;color:#1a140d!important;border:1px solid var(--bh-gold)!important;border-radius:0!important;letter-spacing:.12em;font-weight:500!important;transition:.3s var(--bh-ease)}
.products-details-page .btn-add-to-cart:hover{background:transparent!important;color:var(--bh-cream)!important}
.products-details-page .bh-pd-desc{margin-top:6px}

/* ================================================================
   BADR HARQAN — fragrance pyramid (Top / Heart / Base visual)
   ================================================================ */
.bh-pyramid{position:relative;margin:14px 0 8px;padding-inline-start:30px}
.bh-pyramid::before{content:"";position:absolute;inset-inline-start:5px;top:10px;bottom:16px;width:1px;
  background:linear-gradient(180deg,var(--bh-gold),rgba(181,158,115,.12))}
.bh-pyr-tier{position:relative;padding:12px 0 20px}
.bh-pyr-node{position:absolute;inset-inline-start:-30px;top:5px;width:11px;height:11px;border-radius:50%;
  border:1px solid var(--bh-gold);background:var(--bh-black);box-shadow:0 0 0 4px var(--bh-black)}
.bh-pyr-top .bh-pyr-node{background:var(--bh-gold)}
.bh-pyr-label{display:block;font-family:var(--bh-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bh-gold);margin-bottom:12px}
[dir=rtl] .bh-pyr-label{letter-spacing:0;text-transform:none;font-size:13px}
.bh-pyr-notes{display:flex;flex-wrap:wrap;gap:9px}
.bh-note{display:inline-block;border:1px solid var(--bh-line);border-radius:999px;padding:8px 17px;font-size:13.5px;
  color:var(--bh-cream);background:rgba(181,158,115,.05);
  transition:border-color .3s var(--bh-ease),background .3s var(--bh-ease),transform .3s var(--bh-ease)}
.bh-note:hover{border-color:var(--bh-gold);background:rgba(181,158,115,.12);transform:translateY(-2px)}

/* ================================================================
   BADR HARQAN — character tags + spec row + sticky buy + gallery
   ================================================================ */
.bh-facts{margin:14px 0 10px}
.bh-char{margin-bottom:22px}
.bh-char-tags{display:flex;flex-wrap:wrap;gap:8px}
.bh-char-tag{display:inline-block;border:1px solid var(--bh-line);padding:6px 15px;font-size:12.5px;color:var(--bh-gold);letter-spacing:.04em;background:rgba(181,158,115,.04)}
.bh-spec-row{display:flex;flex-wrap:wrap;border:1px solid var(--bh-line)}
.bh-spec{flex:1;min-width:120px;padding:16px 18px;border-inline-start:1px solid var(--bh-line)}
.bh-spec:first-child{border-inline-start:0}
.bh-spec-k{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--bh-gold);margin-bottom:7px}
[dir=rtl] .bh-spec-k{letter-spacing:0;text-transform:none;font-size:11.5px}
.bh-spec-v{font-size:14px;color:var(--bh-cream)}

/* sticky add-to-cart */
.bh-sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:90;transform:translateY(115%);transition:transform .45s var(--bh-ease);background:rgba(10,8,7,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--bh-line)}
.bh-sticky-buy.on{transform:none}
.bh-sticky-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px clamp(16px,4vw,48px)}
.bh-sticky-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.bh-sticky-name{font-family:'Hurme Geometric','Tajawal',serif;font-size:19px;color:var(--bh-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-sticky-price{font-size:13px;color:var(--bh-gold)}
.bh-sticky-btn{background:var(--bh-gold);color:#1a140d;border:1px solid var(--bh-gold);padding:13px 32px;letter-spacing:.1em;font-weight:500;cursor:pointer;white-space:nowrap;transition:.3s var(--bh-ease)}
.bh-sticky-btn:hover{background:transparent;color:var(--bh-cream)}
@media(max-width:560px){.bh-sticky-name{font-size:16px}.bh-sticky-btn{padding:12px 20px;font-size:13px}}

/* gallery polish */
.products-details-page .product-images-carousel{border:1px solid var(--bh-line)}
.products-details-page .product-gallery-thumbs-swiper .swiper-slide{border:1px solid transparent;border-radius:10px;overflow:hidden;opacity:.55;transition:opacity .3s var(--bh-ease),border-color .3s var(--bh-ease)}
.products-details-page .product-gallery-thumbs-swiper .swiper-slide:hover{opacity:.85}
.products-details-page .product-gallery-thumbs-swiper .swiper-slide-thumb-active{opacity:1;border-color:var(--bh-gold)}

/* ================================================================
   BADR HARQAN — product buy area: declutter + tighten (niche-luxury)
   ================================================================ */
/* hide wishlist + share (also via JS) */
.products-details-page .add-to-wishlist{display:none!important}
/* loyalty points -> quiet one-line note, not a focal box */
.products-details-page .loyalty-points-products-section{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0 0!important;margin:6px 0 0!important;border-radius:0!important;justify-content:flex-start!important}
.products-details-page .loyalty-points-products-section,
.products-details-page .loyalty-points-products-section *{font-size:11px!important;font-weight:400!important;letter-spacing:.02em;color:rgba(245,239,227,.4)!important;background:transparent!important;box-shadow:none!important}
.products-details-page .loyalty-points-products-section img,
.products-details-page .loyalty-points-products-section svg,
.products-details-page .loyalty-points-products-section [class*="icon"]{opacity:.45;width:13px!important;height:13px!important}

/* tighten the buy block + spacing */
.products-details-page .product-buttons{gap:10px!important;margin:14px 0 6px!important}
.products-details-page .product-buttons .d-flex.flex-wrap{gap:10px!important;align-items:stretch!important}
.products-details-page .quantity-stepper-wrapper{flex:0 0 auto!important}
.products-details-page .quantity-stepper{min-width:128px}
.products-details-page .btn-add-to-cart{flex:1 1 220px!important;min-height:52px}
/* buy-now -> quiet secondary, on-brand (not loud) */
.products-details-page .btn-buy-now{width:100%!important;border:1px solid var(--bh-line)!important;background:transparent!important;color:var(--bh-cream)!important;border-radius:0!important;min-height:50px;letter-spacing:.08em;transition:.3s var(--bh-ease)}
.products-details-page .btn-buy-now:hover{border-color:var(--bh-gold)!important;color:var(--bh-gold)!important}
/* trim oversized vertical gaps in the info column */
.products-details-page .col-product-info > div:empty{display:none!important}
.products-details-page .div-product-weight{font-size:12px!important;color:rgba(245,239,227,.4)!important;margin-top:10px!important}

/* ================================================================
   BADR HARQAN — refined palette: warm depth on dark + button sheen
   ================================================================ */
.bh-sec.bh-dark,.bh-closing,.bh-ab-statement,.bh-ab-quote{background:radial-gradient(120% 90% at 50% 0%, #221A12, var(--bh-black) 62%)!important}
.bh-btn,.btn-add-to-cart{background:linear-gradient(180deg,#CBB48A,#B59E73)!important}
.bh-card-price,.products-details-page .font-price span:first-child{color:var(--bh-gold)!important}

/* ================================================================
   BADR HARQAN — category header (editorial) + toolbar + nav polish
   ================================================================ */
.subTitle-detail{background:transparent!important;padding:clamp(40px,6vw,84px) 0 4px!important;border:0!important}
.subTitle-detail .container .d-flex{flex-direction:column!important;align-items:center!important;text-align:center;gap:12px}
.subTitle-detail .bread-title{font-family:'Hurme Geometric','Tajawal',serif!important;font-size:clamp(2.4rem,5.5vw,4rem)!important;font-weight:600!important;color:var(--bh-cream)!important;line-height:1.05;margin:0!important}
.subTitle-detail .bread-title::after{content:"";display:block;width:54px;height:1px;background:var(--bh-gold);margin:18px auto 4px}
.subTitle-detail .bread-text{color:var(--bh-muted)!important;font-size:15px!important;max-width:62ch;margin:0 auto!important;line-height:1.85}
.products-filter{background:transparent!important;border-top:1px solid var(--bh-line)!important;border-bottom:1px solid var(--bh-line)!important;padding-block:14px!important}
.products-filter .text-line-height,.products-filter span,.products-count{color:var(--bh-muted)!important}
.btn-filter{background:transparent!important;border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;border-radius:0!important;letter-spacing:.04em;transition:.3s var(--bh-ease)}
.btn-filter:hover{border-color:var(--bh-gold)!important;color:var(--bh-gold)!important}
header nav a{position:relative;letter-spacing:.14em!important}
header nav a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1px;background:var(--bh-gold);transform:scaleX(0);transform-origin:center;transition:transform .4s var(--bh-ease)}
header nav a:hover::after{transform:scaleX(1)}

/* ================================================================
   BADR HARQAN — category page: editorial header + toolbar + nav
   ================================================================ */
.subTitle-detail{background:transparent!important;padding:clamp(40px,6vw,84px) 0 6px!important;border:0!important}
.subTitle-detail .container .d-flex{flex-direction:column!important;align-items:center!important;text-align:center;gap:12px}
.subTitle-detail .bread-title{font-family:'Hurme Geometric','Tajawal','LamaSans',sans-serif!important;font-size:clamp(2.3rem,5.4vw,3.9rem)!important;font-weight:600!important;color:var(--bh-cream)!important;line-height:1.07;margin:0!important;letter-spacing:.01em}
.subTitle-detail .bread-title::after{content:"";display:block;width:54px;height:1px;background:var(--bh-gold);margin:18px auto 4px}
.subTitle-detail .bread-text{color:var(--bh-muted)!important;font-size:15.5px!important;max-width:60ch;margin:0 auto!important;line-height:1.85}
.products-filter{background:transparent!important;border-bottom:1px solid var(--bh-line)!important;padding-block:14px!important}
.products-filter .text-line-height,.products-filter span,.products-count{color:var(--bh-muted)!important}
.btn-filter{background:transparent!important;border:1px solid var(--bh-line)!important;color:var(--bh-cream)!important;border-radius:0!important;letter-spacing:.04em;transition:.3s var(--bh-ease)}
.btn-filter:hover{border-color:var(--bh-gold)!important;color:var(--bh-gold)!important}
header nav a{position:relative}
header nav a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1px;background:var(--bh-gold);transform:scaleX(0);transform-origin:center;transition:transform .4s var(--bh-ease)}
header nav a:hover::after{transform:scaleX(1)}

/* ================================================================
   BADR HARQAN — SOUL: film grain + warm depth on inner pages
   ================================================================ */
/* grain removed */
body[data-template="category"],body[data-template="products"],body[data-template="search"],body[data-template="page"]{
  background:radial-gradient(85% 48% at 50% -3%, #221A12, var(--bh-black) 56%) !important;
  background-attachment:fixed !important;
}
@media (prefers-reduced-motion: reduce){ body::after{opacity:.03} }

/* ---- product: refined olfactory character (flowing line) + 2-spec row ---- */
.bh-char{margin-bottom:24px}
.bh-char .bh-pyr-label{display:block;margin-bottom:12px}
.bh-char-line{display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  font-family:'Hurme Geometric','Tajawal',sans-serif;font-size:17px;font-weight:300;color:var(--bh-cream);letter-spacing:.02em}
.bh-char-line .bh-cdot{width:4px;height:4px;border-radius:50%;background:var(--bh-gold);display:inline-block;flex:0 0 auto}
.bh-spec-row .bh-spec{text-align:center}
.products-details-page .div-product-weight{display:none!important}

/* ---- footer: tidy, on-brand, refined ---- */
footer{background:var(--bh-black)!important}
.footer-content-section{color:var(--bh-cream)}
.footer-content-section h4{font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--bh-gold)!important;font-weight:500!important;height:auto!important;margin-bottom:14px!important}
[dir=rtl] .footer-content-section h4{letter-spacing:0!important;text-transform:none!important;font-size:13px!important}
.footer-content-section .footer-about>div{font-size:15px!important;color:var(--bh-cream)!important;line-height:1.75!important;max-width:40ch}
.footer-content-section a{color:var(--bh-muted)!important;transition:color .3s var(--bh-ease)}
.footer-content-section a:hover{color:var(--bh-gold)!important}
.footer-content-section .social-media svg{color:var(--bh-cream)}
.footer-content-section .social-media a:hover svg{color:var(--bh-gold)}
.copyrights{color:var(--bh-muted)!important;letter-spacing:.14em}

/* ---- The Object: atelier sketch on cream (breaks the dark) ---- */
.bh-sketch-frame{display:flex;justify-content:center;align-items:center}
.bh-sketch-frame img{max-width:440px;width:100%;height:auto;}
.bh-sketch-sec .bh-split{align-items:center}

/* ================================================================
   BADR HARQAN — Clive-style: top announcement bar + centered nav
   ================================================================ */
.bh-announce{background:#1A130C;color:var(--bh-cream);text-align:center;font-size:11px;letter-spacing:.18em;
  height:40px;display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid var(--bh-line);position:relative;z-index:5}
[dir=rtl] .bh-announce{letter-spacing:0;font-size:12.5px}
.announcement-bar{border-bottom:1px solid var(--bh-line)}
/* centered nav — middot separators + gold underline */
.bh-mainnav a{font-size:13px!important;letter-spacing:.14em;position:relative;color:var(--bh-cream)!important;font-weight:500!important}
.bh-mainnav a:not(:first-child)::before{content:"\2022";position:absolute;inset-inline-start:-12px;top:50%;transform:translateY(-50%);color:var(--bh-gold);opacity:.5;font-size:6px}
.bh-mainnav a::after{content:"";position:absolute;inset-inline:0;bottom:-7px;height:1px;background:var(--bh-gold);transform:scaleX(0);transform-origin:center;transition:transform .4s var(--bh-ease)}
.bh-mainnav a:hover::after{transform:scaleX(1)}
.bh-mainnav a:hover{opacity:1!important}

/* ---- BADR HARQAN monogram (inline header logo) ---- */
.bh-logo{color:var(--bh-cream);transition:opacity .3s var(--bh-ease)}
.bh-logo:hover{opacity:.82}
.bh-logo-svg{height:50px;width:auto;display:block}
.bh-logo-svg-m{height:42px}

/* ================================================================
   BADR HARQAN — header nav fix (clean) + sketch blend/shrink
   ================================================================ */
/* nav: clean spacing, NO middot, Arabic-safe (no letter-spacing) */
.bh-mainnav{gap:22px!important;flex-wrap:nowrap}
.bh-mainnav a{font-size:14px!important;letter-spacing:.05em!important;font-weight:400!important;white-space:nowrap;color:var(--bh-cream)!important}
[dir=rtl] .bh-mainnav a{letter-spacing:0!important}
.bh-mainnav a:not(:first-child)::before{content:none!important;display:none!important}
/* sketch: smaller + dissolve paper edges into the section (no colour box) */
.bh-sketch-sec{padding-block:clamp(38px,5vw,72px)!important}
.bh-sketch-frame img{max-width:320px!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 84% at 50% 48%, #000 55%, transparent 100%);
  mask-image:radial-gradient(ellipse 78% 84% at 50% 48%, #000 55%, transparent 100%)}

/* ================================================================
   BADR HARQAN — sketch redesign (tight, seamless paper) + CHOCOLATE
   ================================================================ */
/* sketch: paper-matched bg (seamless, no box), fuller composition, less void */
/* The Object — the WHOLE band is one full-width bottle-sketch sheet (title above it). */
.bh-sketch-sec{background:#F0DFC1!important;color:var(--bh-ink);padding:clamp(40px,4.5vw,72px) 0!important}
.bh-sketch-head{max-width:640px;margin:0 auto clamp(26px,3vw,42px);padding:0 clamp(20px,5vw,40px);text-align:center}
.bh-sketch-head .bh-eyebrow{color:var(--bh-gold-deep)}
.bh-sketch-head .bh-h2{margin:12px 0 14px!important;color:var(--bh-ink)!important}
.bh-sketch-head .bh-lead{color:var(--bh-muted-ink)!important;margin-inline:auto}
.bh-sketch-banner{max-width:1360px;margin:0 auto;padding:0 clamp(16px,3vw,40px);line-height:0}
.bh-sketch-banner img{width:100%;height:auto;display:block;border-radius:10px}
@media(max-width:720px){.bh-sketch-banner{padding:0 14px}}

/* As seen with — partner strip */
.bh-partners{padding:clamp(26px,3vw,44px) 0;border-top:1px solid var(--bh-line);border-bottom:1px solid var(--bh-line)}
.bh-partners-label{display:block;text-align:center;margin-bottom:16px;color:var(--bh-gold)}
.bh-partners-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,4vw,52px)}
.bh-partners-row span{font-size:clamp(12.5px,1.4vw,16px);letter-spacing:.08em;color:var(--bh-muted);opacity:.9;white-space:nowrap}
/* Newsletter */
.bh-newsletter .bh-news-inner{max-width:640px;margin:0 auto;text-align:center}
.bh-news-form{display:flex;gap:10px;max-width:480px;margin:22px auto 0;flex-wrap:wrap;justify-content:center}
.bh-news-input{flex:1 1 240px;min-height:48px;padding:0 18px;background:transparent;border:1px solid var(--bh-line);border-radius:0;color:var(--bh-cream);font-size:14px;font-family:inherit}
.bh-news-input::placeholder{color:var(--bh-muted)}
.bh-news-input:focus{outline:none;border-color:var(--bh-gold)}
@media(max-width:520px){.bh-news-form .bh-btn{width:100%}}

/* LUXURY CHOCOLATE — inner pages + product (warm, not black) */
body[data-template="category"],body[data-template="products"],body[data-template="search"],body[data-template="page"],body[data-template="product"],
body:has(.products-details-page){
  background:radial-gradient(105% 62% at 50% 0%, #221A12, #131217 60%) !important;
  background-attachment:fixed !important;
}

/* MIST — smoky dark world matching the mist bottle imagery (warm glow -> near-black).
   Homepage section + the Mist category page share this so the dark mist photos blend. */
.bh-mist-sec{
  background:radial-gradient(115% 130% at 68% 48%, #28262F 0%, #16151A 42%, #0B0A0D 80%) !important;
  color:var(--bh-cream);
}
.bh-mist-sec .bh-eyebrow{color:var(--bh-gold) !important}
.bh-mist-sec .bh-h2{color:var(--bh-cream) !important}
.bh-mist-sec .bh-lead{color:rgba(245,239,227,.62) !important}
/* drop the card frame so the dark photo melts into the smoky background */
.bh-mist-sec .bh-visual{border:none !important;border-radius:0 !important;background:transparent !important;aspect-ratio:auto !important}
.bh-mist-sec .bh-visual img{-webkit-mask-image:radial-gradient(125% 115% at 50% 48%, #000 55%, transparent 100%);
  mask-image:radial-gradient(125% 115% at 50% 48%, #000 55%, transparent 100%)}
/* Mist category PAGE — LIGHT warm-ivory world matching the cream mist product photos
   (overrides the chocolate inner-page bg; flips page-chrome text to ink). */
body.bh-mist-page{
  background:radial-gradient(120% 90% at 50% 0%, #F2ECE0, #E5DBCB 78%) !important;
  background-attachment:fixed !important;
}
/* FIX: the scroll content is taller than the (viewport-height) <body>, so below the
   first screen the dark base showed through. Paint the light on the FULL-height app
   container + html so the whole Mist page stays light edge-to-edge. */
html:has(body.bh-mist-page){background:#E5DBCB !important}
body.bh-mist-page .app{background:radial-gradient(140% 46% at 50% 0%, #F2ECE0, #E5DBCB 74%) !important}
body.bh-mist-page .main,body.bh-mist-page .app-content,body.bh-mist-page .selected--products-module{background:transparent !important}
body.bh-mist-page .bread-title{color:var(--bh-ink) !important}
body.bh-mist-page .bread-text{color:var(--bh-muted-ink) !important}
body.bh-mist-page .prods-filters,body.bh-mist-page .prods-filters *{color:var(--bh-ink) !important}
body.bh-mist-page .bh-card-name{color:var(--bh-ink) !important}
body.bh-mist-page .bh-card-meta{color:var(--bh-muted-ink) !important}
body.bh-mist-page .bh-card-price{color:var(--bh-gold-deep) !important}
body.bh-mist-page .bh-card-media{box-shadow:0 18px 40px -16px rgba(60,40,20,.35) !important}

/* ---- Mist PRODUCT page — flip the dark-theme product column into the light Mist world.
   bh-mist-page also lands on a Mist product page (its title contains "Mist"), so the page
   background is already light — but the product title/description/specs/price/stepper/buy-now
   kept their dark-theme cream+gold colours and went invisible on the ivory ground. Flip them.
   (Generic text first; specs + buy-now come AFTER so they win the equal-specificity ties.) */
body.bh-mist-page .products-details-page .col-product-info,
body.bh-mist-page .products-details-page .col-product-info h1,
body.bh-mist-page .products-details-page .col-product-info h2,
body.bh-mist-page .products-details-page .col-product-info h3,
body.bh-mist-page .products-details-page .col-product-info h4,
body.bh-mist-page .products-details-page .col-product-info strong{color:var(--bh-ink) !important}
body.bh-mist-page .products-details-page .col-product-info p,
body.bh-mist-page .products-details-page .col-product-info section p,
body.bh-mist-page .products-details-page .col-product-info li,
body.bh-mist-page .products-details-page .bh-pd-desc,
body.bh-mist-page .products-details-page .bh-pd-desc p,
body.bh-mist-page .products-details-page .div-product-weight,
body.bh-mist-page .products-details-page .loyalty-points-products-section *{color:var(--bh-muted-ink) !important}
body.bh-mist-page .products-details-page .section-product-price span,
body.bh-mist-page .products-details-page .product-price span:first-child,
body.bh-mist-page .products-details-page .col-product-info .font-price span{color:var(--bh-gold-deep) !important}
body.bh-mist-page .products-details-page .product-price span:last-child{color:var(--bh-muted-ink) !important}
/* spec grid — scoped through col-product-info so it beats the .bh-pd-desc muted rule above */
body.bh-mist-page .products-details-page .col-product-info .bh-spec-k{color:var(--bh-gold-deep) !important}
body.bh-mist-page .products-details-page .col-product-info .bh-spec-v{color:var(--bh-ink) !important}
body.bh-mist-page .products-details-page .bh-spec-row,
body.bh-mist-page .products-details-page .bh-spec{border-color:var(--bh-line-l) !important}
/* quantity stepper: dark chocolate box -> ivory control on the light world */
body.bh-mist-page .products-details-page .quantity-stepper,
body.bh-mist-page .products-details-page .quantity-stepper-wrapper,
body.bh-mist-page .products-details-page .select-quantity{background:var(--bh-ivory) !important;border:1px solid var(--bh-line-l) !important}
body.bh-mist-page .products-details-page .quantity-stepper *,
body.bh-mist-page .products-details-page .quantity-stepper-btn,
body.bh-mist-page .products-details-page .quantity-stepper input,
body.bh-mist-page .products-details-page .select-quantity *{background:transparent !important;color:var(--bh-ink) !important}
/* buy-now: transparent+cream outline (invisible on light) -> ink text on a warm hairline */
body.bh-mist-page .products-details-page .product-buttons .btn-buy-now,
body.bh-mist-page .products-details-page .product-buttons .btn-buy-now *{color:var(--bh-ink) !important}
body.bh-mist-page .products-details-page .product-buttons .btn-buy-now{border:1px solid var(--bh-line) !important;background:transparent !important}
body.bh-mist-page .products-details-page .product-buttons .btn-buy-now:hover{border-color:var(--bh-gold-deep) !important;background:rgba(154,126,69,.06) !important}
/* Mist stepper: same single-box fix — transparent wrapper, one ivory box, no double border/empty strip */
body.bh-mist-page .products-details-page .quantity-stepper-wrapper{background:transparent !important;border:none !important}
body.bh-mist-page .products-details-page .quantity-stepper{background:var(--bh-ivory) !important;border:1px solid var(--bh-line-l) !important;border-radius:4px !important}
body.bh-mist-page .products-details-page .quantity-stepper input{border-inline:1px solid var(--bh-line-l) !important}
body.bh-mist-page .products-details-page .quantity-stepper-btn:hover{background:rgba(154,126,69,.12) !important;color:var(--bh-gold-deep) !important}

/* Native Zid home-sections area = APP ONLY. Hidden on the website so it never
   disturbs the custom web design. The Zid app renders these sections natively
   (it does not load this stylesheet), so they still appear in the app. */
#bh-app-sections{display:none !important}

/* ============ FIND THE HOUSE — home cards + locations page ============ */
.bh-find-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
.bh-find-card{position:relative;display:flex;flex-direction:column;padding:20px 20px 18px;background:var(--bh-ivory-2);border:1px solid var(--bh-line-l);border-radius:14px;text-decoration:none;overflow:hidden;transition:transform .5s var(--bh-ease),box-shadow .5s var(--bh-ease),border-color .4s}
.bh-find-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--bh-gold),transparent);opacity:.75}
.bh-find-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -26px rgba(60,40,20,.42);border-color:var(--bh-gold)}
.bh-find-n{font-size:12px;letter-spacing:.18em;color:var(--bh-gold-deep);font-weight:500}
.bh-find-kind{margin-top:11px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--bh-muted-ink)}
.bh-find-name{margin:7px 0 0;font-size:1.32rem;font-weight:300;letter-spacing:.01em;color:var(--bh-ink)}
.bh-find-place{margin:5px 0 0;font-size:12.5px;color:var(--bh-muted-ink)}
.bh-find-go{margin-top:14px;padding-top:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bh-gold-deep);display:inline-flex;align-items:center;gap:8px}
.bh-find-go i{font-style:normal;transition:transform .4s var(--bh-ease)}
.bh-find-card:hover .bh-find-go i{transform:translate(3px,-3px)}
[dir=rtl] .bh-find-card:hover .bh-find-go i{transform:translate(-3px,-3px)}
.bh-find-card-online{background:var(--bh-ink);border-color:transparent}
.bh-find-card-online .bh-find-name{color:var(--bh-cream)}
.bh-find-card-online .bh-find-kind,.bh-find-card-online .bh-find-place{color:var(--bh-muted)}
.bh-find-card-online .bh-find-n,.bh-find-card-online .bh-find-go{color:var(--bh-gold)}
.bh-find-all{margin-top:28px;text-align:center}
.bh-find-all a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bh-gold-deep);text-decoration:none;border-bottom:1px solid var(--bh-line-l);padding-bottom:5px;transition:color .3s,border-color .3s}
.bh-find-all a:hover{color:var(--bh-gold);border-color:var(--bh-gold)}
@media(max-width:820px){.bh-find-grid{grid-template-columns:1fr}}

/* Locations page (/pages/107992) — editorial rows */
.bh-find-hero{min-height:54vh}
.bh-findpage{display:flex;flex-direction:column}
.bh-findrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(28px,4vw,46px) 0;border-bottom:1px solid var(--bh-line-l);text-decoration:none;transition:padding .45s var(--bh-ease),background .4s}
.bh-findrow:first-child{border-top:1px solid var(--bh-line-l)}
.bh-findrow:hover{padding-inline-start:16px}
.bh-findrow-n{font-size:13px;letter-spacing:.16em;color:var(--bh-gold-deep);align-self:start;padding-top:6px}
.bh-findrow-body .bh-h2{margin:6px 0 4px}
.bh-findrow-place{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--bh-gold-deep);margin-bottom:10px}
.bh-findrow-go{font-size:28px;color:var(--bh-muted-ink);transition:transform .4s var(--bh-ease),color .4s}
.bh-findrow:hover .bh-findrow-go{color:var(--bh-gold);transform:translateX(5px)}
[dir=rtl] .bh-findrow:hover .bh-findrow-go{transform:translateX(-5px)}
@media(max-width:680px){.bh-findrow{grid-template-columns:auto 1fr}.bh-findrow-go{display:none}}
@media(max-width:820px){
  .bh-find-card{flex-direction:row;align-items:center;flex-wrap:wrap;padding:16px 18px;gap:2px 14px}
  .bh-find-card .bh-find-n{order:1;width:auto}
  .bh-find-card .bh-find-name{order:2;margin:0 0 0 4px;font-size:1.25rem;flex:1}
  .bh-find-card .bh-find-go{order:3;margin:0}
  .bh-find-card .bh-find-kind{order:4;flex-basis:100%;margin-top:6px}
  .bh-find-card .bh-find-place{order:5;flex-basis:100%;margin-top:2px}
  [dir=rtl] .bh-find-card .bh-find-name{margin:0 4px 0 0}
}

/* map pin + directions */
.bh-pin{width:13px;height:13px;display:inline-block;vertical-align:-2px;flex-shrink:0}
.bh-find-go .bh-pin{margin-inline-end:1px}
.bh-findrow-map{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bh-gold-deep);transition:color .3s}
.bh-findrow-map .bh-pin{width:14px;height:14px}
.bh-findrow:hover .bh-findrow-map{color:var(--bh-gold)}

/* Summer Collection index — LIGHT & comfortable (was too dark) */
.bh-light.bh-index-sec .bh-index-item{border-color:var(--bh-line-l)}
.bh-light.bh-index-sec .bh-index-item:first-child{border-top-color:var(--bh-line-l)}
.bh-light.bh-index-sec .bh-index-n{color:var(--bh-gold-deep);opacity:.6}
.bh-light.bh-index-sec .bh-index-item.on .bh-index-n{opacity:1}
.bh-light.bh-index-sec .bh-index-name{color:rgba(43,36,32,.4)}
.bh-light.bh-index-sec .bh-index-item:hover .bh-index-name,
.bh-light.bh-index-sec .bh-index-item.on .bh-index-name{color:var(--bh-ink)}
.bh-light.bh-index-sec .bh-index-stage{background:var(--bh-ivory-2)}

/* HERO — light variant (bright bottle video): ink text + soft light scrim */
.bh-hero-light .bh-hero-scrim{background:linear-gradient(to right, rgba(244,236,224,.85), rgba(244,236,224,.32) 46%, transparent 66%)}
[dir=rtl] .bh-hero-light .bh-hero-scrim{background:linear-gradient(to left, rgba(244,236,224,.85), rgba(244,236,224,.32) 46%, transparent 66%)}
.bh-hero-light .bh-eyebrow{color:var(--bh-gold-deep)}
.bh-hero-light .bh-hero-h1{color:var(--bh-ink)}
.bh-hero-light .bh-hero-h1 em{color:var(--bh-gold-deep)}
.bh-hero-light .bh-hero-sub{color:var(--bh-muted-ink)}
.bh-hero-light .bh-scroll{color:var(--bh-muted-ink)}
.bh-hero-light .bh-scroll i{background:var(--bh-muted-ink)}
/* comic hero (bright ligne-claire illustration) — stronger cream veil so ink text stays legible */
.bh-hero-comic .bh-hero-scrim{background:linear-gradient(to right, rgba(247,241,229,.94), rgba(247,241,229,.62) 44%, rgba(247,241,229,.22) 68%, transparent)}
[dir=rtl] .bh-hero-comic .bh-hero-scrim{background:linear-gradient(to left, rgba(247,241,229,.94), rgba(247,241,229,.62) 44%, rgba(247,241,229,.22) 68%, transparent)}
.bh-hero-comic .bh-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(247,241,229,.5), transparent 40%);pointer-events:none}

/* ================================================================
   NAHAWAND — cinematic bottle spotlight banner (real bottle)
   ================================================================ */
.bh-nahawand{min-height:84vh;justify-content:flex-start;align-items:flex-end}
.bh-nahawand .bh-banner-bg{object-position:center}
.bh-nah-scrim{background:linear-gradient(0deg, rgba(10,7,5,.92), rgba(10,7,5,.5) 34%, rgba(10,7,5,.05) 62%, transparent)!important}
.bh-nah-c{max-width:560px;text-align:start;margin:0;padding:0 clamp(24px,6vw,96px) clamp(38px,7vh,78px)}
.bh-nah-sub{color:var(--bh-cream);opacity:.82;margin-top:16px;max-width:36ch;line-height:1.7;font-weight:300}
@media(max-width:720px){
  .bh-nahawand{min-height:92vh}
  .bh-nah-c{max-width:none;padding:0 22px 9vh}
}

/* Nahawand — notes pyramid (real notes showcase) */
.bh-nah-notes{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.bh-nah-notes li{display:flex;align-items:baseline;gap:14px;border-inline-start:2px solid var(--bh-gold);padding-inline-start:14px}
.bh-nah-notes li b{color:var(--bh-gold);font-weight:500;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;min-width:76px}
.bh-nah-notes li span{color:var(--bh-cream);opacity:.92;font-weight:300;font-size:1.02rem}
[dir=rtl] .bh-nah-notes li b{letter-spacing:0}
@media(max-width:720px){.bh-nah-notes li b{min-width:60px;font-size:.66rem}.bh-nah-notes li span{font-size:.94rem}}


/* ============ Hero Ken-Burns on a REAL product still ============
   The AI-generated travel-set VIDEO baked garbled brand text onto the bottles/tin
   ("BADR MARGAN", "EADR HANGAN", mirrored monogram) — a hard brand violation. Replaced
   with the REAL travel-set tin photo (correct BADR HARQAN mark) given slow Ken-Burns
   motion: transform on a real photo = cinematic feel with ZERO text distortion. */
.bh-hv-kb{animation:bhKenBurns 26s var(--bh-ease) infinite alternate;transform-origin:58% 46%}
@keyframes bhKenBurns{from{transform:scale(1.05)}to{transform:scale(1.15) translate(-2.5%,-1.5%)}}
@media(prefers-reduced-motion:reduce){.bh-hv-kb{animation:none;transform:scale(1.05)}}

/* ══════════════════════════════════════════════════════════════════════════
   BADR HARQAN — light theme  (dark → warm off-white / linen)
   Deep aubergine + saffron gold on a warm linen base.
   HERO + FOOTER + spotlight BANNERS stay dark (aubergine) for rhythm;
   everything else becomes light. Loaded last so it overrides the dark rules.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --bg-primary:#F1EAD9; --bg-secondary:#E8DFCB; --bg-dark:#2A2419;
  --text-primary:#2A2419; --text-secondary:#6E6452; --text-on-dark:#F5EFE6;
  --accent-gold:#6C2333; --accent-gold-hover:#511826; --gold-ink:#511826; --accent-aubergine:#2A2419;
  --border-soft:#E5DCCB; --success:#4A7C59; --error:#A94442;
  /* remap the house tokens onto the light system so every token-based rule flips */
  --bh-black:#2A2419;      /* dark islands + text-on-gold */
  --bh-black-2:#E8DFCB;    /* surfaces (cards/inputs/stepper) → warm light */
  --bh-cream:#2A2419;      /* default text → dark aubergine (re-scoped light in dark islands) */
  --bh-ink:#2A2419;
  --bh-muted:#6E6452; --bh-muted-ink:#6E6452; --bh-muted-alt:#8B7A90;
  --bh-gold:#6C2333; --bh-gold-deep:#511826;
  --bh-line:#E5DCCB; --bh-line-l:#E5DCCB;
  --bh-ivory:#E8DFCB; --bh-ivory-2:#E8DFCB;
}
/* ---- page + inner-page backgrounds → warm linen ---- */
html,body,.home,.app,.app-content,.main,
body[data-template="category"],body[data-template="products"],body[data-template="search"],
body[data-template="page"],body[data-template="product"],body:has(.products-details-page){
  background:var(--bg-primary) !important;
  color:var(--text-primary) !important}
/* header → translucent warm, hairline under */
header,.header-sticky,.cart-search-logo,.top-main-menu-wrapper{
  background:rgba(250,246,239,.88) !important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-soft) !important}
/* let the linen show through wrappers */
.gallery-section,.store-description,.bh-idea,.slide-menu,.cart-page,.cart-sidebar,
.main,.app-content,.selected--products-module{background:transparent !important}
[class*="search-popup"],.header-search-popup{background:var(--bg-secondary) !important}
[class*="search-popup"] input,.header-search-popup input{background:#fff !important;color:var(--text-primary) !important;border-color:var(--border-soft) !important}
/* dark rhythm sections → light (spec: only hero + footer + banners stay dark) */
.bh-sec.bh-dark,.bh-closing,.bh-ab-statement,.bh-ab-quote,.bh-mist-sec{background:var(--bg-secondary) !important}
/* surfaces / media wells → warm light */
.bh-cat-media,.bh-index-stage,.bh-ab-media,.bh-card-media{background:var(--bg-secondary) !important}
/* ---- DARK ISLANDS: hero · footer · spotlight banners stay aubergine ---- */
.bh-hero,.bh-travel,.bh-banner,.bh-nahawand,.bh-ab-hero,footer{background:var(--bg-dark) !important}
.bh-hero,.bh-hero *,.bh-travel,.bh-travel *,.bh-banner,.bh-banner *,
.bh-ab-hero,.bh-ab-hero *,footer,footer *{
  --bh-cream:#F5EFE6; --bh-muted:#CFC2C7; --bh-ink:#F5EFE6}
footer,footer *{color:var(--text-on-dark) !important; background-color:transparent !important}
footer{background:var(--bg-dark) !important; border-top:1px solid rgba(245,239,230,.14) !important}
/* ---- buttons: saffron gold with aubergine text ---- */
.bh-btn,.btn-add-to-cart,.btn-primary,.btn-sale-price,.buy-now-btn,#checkout-button,.checkout-btn,
.bh-news button,.page-item.active .page-link,.cart-badge,.cart-items-counter{
  background:var(--accent-gold) !important; color:var(--bg-dark) !important; border-color:var(--accent-gold) !important}
.bh-btn:hover,.btn-add-to-cart:hover,.btn-primary:hover,.buy-now-btn:hover{
  background:var(--accent-gold-hover) !important; color:var(--bg-dark) !important}
::selection{background:var(--accent-gold); color:var(--bg-dark)}
/* prices/links/eyebrows: use the darker gold on light for AA contrast */
.bh-card-price,.section-product-price span,.product-price span:first-child,
.col-product-info .font-price span,.bh-eyebrow,.eyebrow,.bh-spec-k,.bh-find-n,.bh-index-n,.bh-statement em{
  color:var(--gold-ink) !important}
a:hover{color:var(--gold-ink)}
/* inputs / forms on light */
input,textarea,select,.form-control{background:#fff !important;color:var(--text-primary) !important;border-color:var(--border-soft) !important}
input::placeholder,textarea::placeholder{color:var(--text-secondary) !important;opacity:1}
/* quantity stepper → warm light box */
.products-details-page .quantity-stepper,.products-details-page .select-quantity,
.cart-page .quantity-input,.cart-page input[type=number]{
  background:#fff !important;border:1px solid var(--border-soft) !important;color:var(--text-primary) !important}
.products-details-page .quantity-stepper *{color:var(--text-primary) !important}
.products-details-page .quantity-stepper input{border-inline:1px solid var(--border-soft) !important}
.products-details-page .quantity-stepper-btn:hover{background:rgba(201,162,75,.14) !important;color:var(--gold-ink) !important}
/* buy-now outline → aubergine hairline */
.products-details-page .btn-buy-now{background:transparent !important;border:1px solid var(--accent-aubergine) !important;color:var(--text-primary) !important}
.products-details-page .btn-buy-now:hover{border-color:var(--accent-gold-hover) !important;color:var(--gold-ink) !important}
/* fragrance-note chips + spec values readable on light */
.bh-note{color:var(--text-primary) !important;border-color:var(--border-soft) !important;background:rgba(31,58,95,.04) !important}
.bh-note:hover{border-color:var(--accent-gold) !important;background:rgba(201,162,75,.10) !important}
.bh-spec-v{color:var(--text-primary) !important}
.bh-spec-row,.bh-spec{border-color:var(--border-soft) !important}
.products-details-page .col-product-info h1,.products-details-page .col-product-info h2,
.products-details-page .col-product-info h3,.products-details-page .col-product-info strong{color:var(--text-primary) !important}
.products-details-page .col-product-info p,.products-details-page .col-product-info li{color:var(--text-secondary) !important}
/* product card + light-section text */
.bh-card-name{color:var(--text-primary) !important}
.bh-card-meta{color:var(--text-secondary) !important}
/* hairlines / dividers */
.bh-idea,.bh-line,hr{border-color:var(--border-soft) !important}


/* ===== bhq29: force wine accent everywhere (overrides Zid brand gold) + loaded marker ===== */
:root{
  --primary-color:#6C2333 !important; --sub-primary-color:#511826 !important;
  --text-color-primary-bg:#F1EAD9 !important;
}
.btn-primary,.btn.bg-white.text-black,.add-to-cart,button.btn-primary,.bh-btn,.btn-buy{
  background:#6C2333 !important; color:#F1EAD9 !important; border-color:#6C2333 !important;
}
a:hover,.bh-gold,.text-primary{ color:#6C2333 !important; }
/* marker removed */


/* ===== bhq30: FIVE WORLDS custom section ===== */
.bh-worlds{background:#100D0A;color:#EFE6D6;padding:clamp(60px,9vh,110px) 0 0}
.bh-worlds-head{text-align:center;max-width:720px;margin:0 auto clamp(34px,6vh,54px);padding:0 clamp(22px,5vw,58px)}
.bh-worlds-eyb{font-family:'Marcellus','Camel',sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#B4A88E;display:block}
.bh-worlds-title{font-family:'Marcellus','Camel',serif !important;font-weight:400;font-size:clamp(2.4rem,6vw,5rem);line-height:1;margin:14px 0;color:#F3EFE7 !important}
.bh-worlds-sub{font-family:'Marcellus','Camel',sans-serif;color:#B4A88E;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.8;max-width:44ch;margin:0 auto}
.bh-worlds-strip{display:flex;height:min(66vh,600px);gap:0}
.bh-wrld{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 24px;color:#EFE6D6 !important;text-decoration:none;border-inline-start:1px solid rgba(255,255,255,.08);transition:flex 1s cubic-bezier(.22,1,.36,1);min-width:0}
.bh-wrld:first-child{border-inline-start:none}
.bh-wrld img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:grayscale(.3);transition:opacity .9s,filter .9s}
.bh-wrld::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--c) 10%,rgba(0,0,0,0) 75%);opacity:.85;transition:opacity .6s}
.bh-worlds-strip:hover .bh-wrld{flex:.6}
.bh-worlds-strip:hover .bh-wrld:hover{flex:2.4}
.bh-wrld:hover img{opacity:.6;filter:none}
.bh-wrld>*{position:relative;z-index:2}
.bh-w-idx{position:absolute;top:26px;inset-inline-start:24px;font-family:'Marcellus';font-size:12px;letter-spacing:.2em;color:var(--a)}
.bh-w-name{font-family:'Marcellus','Camel',serif;font-size:clamp(1.1rem,1.5vw,1.7rem);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;transition:.5s}
.bh-wrld:hover .bh-w-name{writing-mode:horizontal-tb;transform:none;font-size:clamp(1.6rem,2.2vw,2.4rem);margin-bottom:10px}
.bh-w-go{font-family:'Marcellus','Camel';font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(239,230,214,.6);border-radius:40px;padding:9px 20px;width:-moz-fit-content;width:fit-content;opacity:0;max-height:0;overflow:hidden;transition:.4s;color:#EFE6D6}
.bh-wrld:hover .bh-w-go{opacity:1;max-height:60px}
@media(max-width:820px){.bh-worlds-strip{flex-direction:column;height:auto}.bh-wrld{flex:none !important;height:130px;justify-content:center;align-items:center}.bh-w-name{writing-mode:horizontal-tb !important;transform:none !important}.bh-w-go,.bh-w-idx{display:none}}


/* ==================================================================
   bhq32 — MATCH BEAUTIFUL SITE (product page polish, precise classes)
   ================================================================== */
/* اسم المنتج: Marcellus + حبر + بدون Uppercase (زي الموقع الجميل) */
.products-details-page h1,.products-details-page .col-product-info h1{
  font-family:'Marcellus','Camel',serif !important;color:#2A2419 !important;
  text-transform:none !important;font-weight:400 !important;letter-spacing:.01em !important;line-height:1.1 !important}
/* الاسم العربي + العناوين → Camel */
html:not(.lang-en) .products-details-page h1,[dir=rtl] .products-details-page h1,
[dir=rtl] .product-title,[dir=rtl] .section-title,[dir=rtl] .products-details-page .description{
  font-family:'Camel','Marcellus',serif !important}
/* الوصف: حبر مقروء + متجدّد (كان أسود #000) */
.products-details-page .description,.products-details-page .description *{
  color:#3a3327 !important;line-height:2 !important;font-size:15px !important}
/* عنوان الوصف/الحجم/التركيز → نبيذي أنيق */
.products-details-page .product-title{color:#6C2333 !important;font-family:'Marcellus','Camel',serif !important;letter-spacing:.14em !important}
/* السعر → نبيذي + Marcellus */
.products-details-page .font-price span,.products-details-page .section-product-price span,
.products-details-page .product-price span:first-child{color:#6C2333 !important;font-family:'Marcellus',serif !important}
/* زر أضف للسلة: نبيذي بنص كريمي واضح */
.btn-add-to-cart,.product-page-btn,.products-details-page .btn-add-to-cart{
  background:#6C2333 !important;color:#F1EAD9 !important;border:none !important;border-radius:2px !important;
  font-family:'Marcellus','Camel',serif !important;letter-spacing:.06em !important}
.btn-add-to-cart:hover,.product-page-btn:hover{background:#511826 !important}
/* زر اشترِ الآن: محدّد أنيق */
.btn-buy-now,.products-details-page .btn-buy-now{background:transparent !important;color:#2A2419 !important;
  border:1px solid rgba(42,36,25,.28) !important;border-radius:2px !important;font-family:'Marcellus','Camel',serif !important}
.btn-buy-now:hover{border-color:#6C2333 !important;color:#6C2333 !important}
/* الهيدر → فاتح دافئ (زي الصفحات الداخلية بموقعك) */
header,.header-sticky,.top-main-menu-wrapper,.cart-search-logo{
  background:#F1EAD9 !important;border-bottom:1px solid rgba(42,36,25,.12) !important}
header a,header i,header span,.header-sticky a,.header-sticky i,.header-sticky span{color:#2A2419 !important}
header svg,.header-sticky svg{fill:#2A2419 !important;stroke:#2A2419 !important}
header a:hover,.header-sticky a:hover{color:#6C2333 !important}
/* هوامش أنظف للمعلومات */
.products-details-page .border-product{border-color:rgba(42,36,25,.12) !important}

/* الشعار + كل نصوص/أيقونات الهيدر → حبر واضح على الهيدر الفاتح */
.bh-logo,.bh-logo-svg,.bh-logo-svg *{color:#2A2419 !important;fill:#2A2419 !important}
.bh-logo:hover,.bh-logo:hover .bh-logo-svg *{fill:#6C2333 !important;color:#6C2333 !important}
header button,header a,header span,header i,header .uppercase,
.header-sticky button,.header-sticky a,.header-sticky span,.header-sticky i,.text-white{color:#2A2419 !important}
header svg:not(.bh-logo-svg),.header-sticky svg:not(.bh-logo-svg){fill:#2A2419 !important;stroke:#2A2419 !important}


/* ==================================================================
   bhq33 — PROFESSIONAL POLISH (real classes) + header fix
   ================================================================== */
/* HEADER: الكلاس الصح .sticky-header (كان bg-transparent) → فاتح دافئ صلب */
.sticky-header,header.sticky-header,header .sticky-header{
  background:rgba(241,234,217,.95) !important;
  -webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;
  border-bottom:1px solid rgba(42,36,25,.10) !important}
.sticky-header a,.sticky-header span,.sticky-header button,.sticky-header i,.sticky-header .text-white,.sticky-header .uppercase{color:#2A2419 !important}
.sticky-header svg:not(.bh-logo-svg){fill:#2A2419 !important;stroke:#2A2419 !important}
.sticky-header .bh-logo-svg,.sticky-header .bh-logo-svg *{fill:#2A2419 !important;color:#2A2419 !important}
.sticky-header .bh-logo:hover .bh-logo-svg *{fill:#6C2333 !important}

/* INFO BOX (الحجم/التركيز): إطار أنيق احترافي */
.products-details-page .border-product,.size-box{
  border:1px solid rgba(42,36,25,.14) !important;border-radius:4px !important;background:#FBF7EC !important}
.products-details-page .product-title{color:#6C2333 !important;font-size:11px !important;letter-spacing:.2em !important;font-weight:600 !important;text-transform:uppercase !important}

/* QUANTITY: نظيف */
.select-quantity,.products-details-page .select-quantity{
  background:#FBF7EC !important;border:1px solid rgba(42,36,25,.16) !important;border-radius:4px !important}
.select-quantity button,.select-quantity span,.select-quantity input{color:#2A2419 !important;background:transparent !important}

/* BUTTONS: احترافية */
.btn-add-to-cart,.product-page-btn{
  background:#6C2333 !important;color:#F1EAD9 !important;border:none !important;border-radius:4px !important;
  font-family:'Marcellus','Camel',serif !important;letter-spacing:.06em !important;font-size:15px !important;padding:16px !important}
.btn-add-to-cart:hover,.product-page-btn:hover{background:#511826 !important}
.btn-buy-now{border:1px solid rgba(42,36,25,.28) !important;color:#2A2419 !important;background:transparent !important;
  border-radius:4px !important;font-family:'Marcellus','Camel',serif !important;letter-spacing:.06em !important}
.btn-buy-now:hover{border-color:#6C2333 !important;color:#6C2333 !important}

/* PRODUCT IMAGE: زوايا ناعمة + إطار خفيف (أنعم من الكتلة الحادة) */
.product-gallery-swiper img,.product-images img,.col-product-image-wrapper img{border-radius:10px !important}

/* واتساب العائم: نبيذي أنيق */
.whatsapp-float,.wa-float,[class*="whatsapp"] a{background:#6C2333 !important}


/* ==================================================================
   bhq34 — HEADER: هيدر غامق أنيق مقصود + شعار/أيقونات كريمية واضحة
   (نمشي مع طبيعة الثيم بدل مقاومته — شكل فخم زي البراندات الراقية)
   ================================================================== */
header,.sticky-header,header.sticky-header,header .sticky-header,.top-main-menu-wrapper,.cart-search-logo{
  background:#1A1512 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border-bottom:1px solid rgba(241,234,217,.10) !important}
.sticky-header a,.sticky-header span,.sticky-header button,.sticky-header i,.sticky-header .text-white,.sticky-header .uppercase,
header a,header span,header i,header button,header .uppercase{color:#F1EAD9 !important}
.sticky-header svg:not(.bh-logo-svg),header svg:not(.bh-logo-svg){fill:#F1EAD9 !important;stroke:#F1EAD9 !important}
.bh-logo-svg,.bh-logo-svg *,.sticky-header .bh-logo-svg,.sticky-header .bh-logo-svg *{fill:#F1EAD9 !important;color:#F1EAD9 !important}
.bh-logo:hover .bh-logo-svg *{fill:#B59E73 !important}
/* badge السلة يبقى نبيذي واضح */
.cart-badge,.a-shopping-cart .badge{background:#6C2333 !important;color:#F1EAD9 !important}


/* ==================================================================
   bhq35 — MINIMAL CLEAN HEADER: نخفي كل قوائم التصنيفات
   (التصفّح كله في badrharqan.com؛ زد = منتج + شراء + رجوع بالشعار)
   ================================================================== */
.bh-mega,.bh-nav-btn{display:none !important}
/* الهيدر يبقى: شعار (يرجّع للموقع) + بحث + سلة + حساب — نظيف ومتوازن */


/* ==================================================================
   bhq36 — الشريط السفلي "أضف للسلة" (bh-sticky-buy): واضح واحترافي
   ================================================================== */
.bh-sticky-buy{background:#1A1512 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border-top:1px solid rgba(241,234,217,.16) !important;box-shadow:0 -8px 30px rgba(0,0,0,.35) !important}
.bh-sticky-name{color:#F1EAD9 !important;font-family:'Marcellus','Camel',serif !important;font-size:18px !important}
.bh-sticky-price{color:#C6A867 !important;font-size:15px !important;font-family:'Marcellus',serif !important}
.bh-sticky-btn{background:#6C2333 !important;color:#F1EAD9 !important;border:1px solid #6C2333 !important;
  border-radius:3px !important;font-family:'Marcellus','Camel',serif !important;letter-spacing:.08em !important}
.bh-sticky-btn:hover{background:#511826 !important;color:#F1EAD9 !important}


/* ==================================================================
   bhq40 — خلفية القائمة صلبة داكنة + إصلاحات (☰): تفتح وتربط بـ badrharqan.com بدل ما تكون معلّقة
   ================================================================== */
.bh-mainnav{display:flex !important}
.bh-mainnav a{color:#F1EAD9 !important;font-family:'Marcellus','Camel',serif !important;
  text-transform:none !important;letter-spacing:.12em !important;font-size:13.5px !important;font-weight:400 !important}
.bh-mainnav a:hover{color:#B59E73 !important;opacity:1 !important}


/* ==================================================================
   bhq41 — product page polish: soft warm depth, readable notes
   ================================================================== */
.products-details-page .bh-pd-desc p{white-space:pre-line;color:var(--bh-muted)!important;
  line-height:2!important;font-size:15px!important;max-width:56ch}
.products-details-page .bh-pd-desc p>strong{display:block;margin:20px 0 6px;color:var(--bh-gold)!important;
  font-size:12.5px;letter-spacing:.12em;font-weight:500}
.products-details-page .bh-pd-divider{margin:26px 0!important;opacity:.6}
.bh-sticky-buy{box-shadow:0 -6px 24px rgba(42,36,25,.25) !important}


/* ==================================================================
   bhq44 — monochrome buttons (black & white; the wine confused the eye)
   + clean off-white page background (black vignette removed above)
   ================================================================== */
.btn-add-to-cart,.btn-primary,button[type=submit].btn,.add-to-cart-btn,.buy-now-btn,
.cart-page .btn-buy-now,#checkout-button,.checkout-btn{
  background:#141110!important;color:#FFFFFF!important;border:1px solid #141110!important}
.btn-add-to-cart:hover,.btn-primary:hover,.add-to-cart-btn:hover,.buy-now-btn:hover,
#checkout-button:hover,.checkout-btn:hover{
  background:#33302B!important;border-color:#33302B!important;color:#FFFFFF!important}
.products-details-page .btn-buy-now{background:#FFFFFF!important;color:#141110!important;border:1px solid #141110!important}
.products-details-page .btn-buy-now:hover{background:#141110!important;color:#FFFFFF!important}
.bh-sticky-btn{background:#F5F1E7!important;color:#141110!important;border:1px solid #F5F1E7!important;border-radius:2px!important}
.bh-sticky-btn:hover{background:#FFFFFF!important}