/*! Bozorgmehr design system – front-end. Source: «بازطراحی سایت بزرگمهر» */
@font-face{font-family:BmDigits;font-weight:400;font-display:swap;size-adjust:96%;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9,U+066B,U+066C;src:url(../fonts/VzDigits-Regular.woff2) format('woff2')}
@font-face{font-family:BmDigits;font-weight:500;font-display:swap;size-adjust:96%;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9,U+066B,U+066C;src:url(../fonts/VzDigits-Medium.woff2) format('woff2')}
@font-face{font-family:BmDigits;font-weight:700;font-display:swap;size-adjust:96%;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9,U+066B,U+066C;src:url(../fonts/VzDigits-Bold.woff2) format('woff2')}
@font-face{font-family:BmDigits;font-weight:800 900;font-display:swap;size-adjust:96%;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9,U+066B,U+066C;src:url(../fonts/VzDigits-ExtraBold.woff2) format('woff2')}
@font-face{font-family:Noora;font-weight:400;font-display:swap;size-adjust:86%;src:url(../fonts/Noora-Regular.woff2) format('woff2')}
@font-face{font-family:Noora;font-weight:500;font-display:swap;size-adjust:86%;src:url(../fonts/Noora-Medium.woff2) format('woff2')}
@font-face{font-family:Noora;font-weight:700;font-display:swap;size-adjust:86%;src:url(../fonts/Noora-Bold.woff2) format('woff2')}
@font-face{font-family:Noora;font-weight:800 900;font-display:swap;size-adjust:86%;src:url(../fonts/Noora-ExtraBold.woff2) format('woff2')}
html{scroll-behavior:smooth;scroll-padding-top:110px}
html,body.bm-body{margin:0;padding:0;background:#faf8f4}
body.bm-body.bm-dark,html.bm-dark,html[data-bm-theme=dark],html[data-bm-theme=dark] body.bm-body{background:#071727}
html[data-bm-theme=light],html[data-bm-theme=light] body.bm-body{background:#faf8f4}
.bm,.bm *,.bm *::before,.bm *::after{box-sizing:border-box}
.bm{--surface:#faf8f4;--raised:#ffffff;--sunken:#f1ede5;--inverse:#002846;--ink:#002846;--muted:#566370;--inkinv:#f7f3ec;--border:#e2dcd0;--strong:#7b8591;--brand:#fbb829;--brand-h:#f0a30f;--brand-p:#dc9000;--brand-s:#ffe7a8;--onbrand:#002846;--accent:#b8431a;--accent-fill:#e2602f;--accent-s:#ffe3d6;--copper:#8f4426;--link:#a33b13;--ring:#002846;--sh-sm:0 2px 6px rgba(0,40,70,.08),0 1px 2px rgba(0,40,70,.06);--sh-md:0 8px 20px -4px rgba(0,40,70,.14),0 2px 6px rgba(0,40,70,.06);--sh-lg:0 24px 48px -12px rgba(0,40,70,.28);--glow:0 6px 20px -4px rgba(251,184,41,.65);--glow-f:0 0 0 5px rgba(251,184,41,.45);--sans:"BmDigits","Noora","Vazirmatn",Tahoma,system-ui,sans-serif;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:30px;overflow-x:clip;position:relative}
.bm[data-theme="dark"]{--surface:#071727;--raised:#0e2237;--sunken:#04101d;--inverse:#112b45;--ink:#f7f3ec;--muted:#a5b3c2;--border:#1f3650;--strong:#6e869d;--brand-h:#ffc94d;--brand-p:#eaa91f;--brand-s:#3d3110;--accent:#ff9a68;--accent-s:#3f2118;--copper:#d9895f;--link:#ffa877;--ring:#fbb829;--sh-sm:0 2px 6px rgba(0,0,0,.45);--sh-md:0 8px 20px -4px rgba(0,0,0,.6);--sh-lg:0 24px 48px -12px rgba(0,0,0,.75);--glow:0 6px 24px -4px rgba(251,184,41,.45);--glow-f:0 0 0 5px rgba(251,184,41,.35)}
.bm h1,.bm h2,.bm h3,.bm p{margin:0}
.bm a{color:inherit;text-decoration:none}
.bm :focus-visible{outline:2px solid var(--ring);outline-offset:2px;box-shadow:var(--glow-f)}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding-inline:22px;border-radius:12px;border:0;font:500 15px/24px var(--sans);cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s,color .18s;white-space:nowrap}
.btn-lg{min-height:52px;padding-inline:28px;font-size:16px}
.btn-p{background:var(--brand);color:var(--onbrand)}
.btn-p:hover{background:var(--brand-h);box-shadow:var(--glow);transform:translateY(-2px)}
.btn-p:active{background:var(--brand-p);transform:none}
.btn-s{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--strong)}
.btn-s:hover{background:var(--brand-s)}
.btn-d{background:rgba(255,255,255,.06);color:var(--inkinv);box-shadow:inset 0 0 0 1.5px rgba(247,243,236,.35)}
.btn-d:hover{background:rgba(255,255,255,.14)}
.btn-sm{min-height:36px;padding-inline:14px;font-size:14px;border-radius:8px}
.breathe{animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(251,184,41,0)}50%{box-shadow:0 8px 28px -2px rgba(251,184,41,.7)}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 14px/22px var(--sans);color:var(--accent)}
.eyebrow::before{content:"";width:18px;height:20px;background:var(--accent-fill);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.h2{font:700 36px/56px var(--sans)}
.h2 em{font-style:normal;color:var(--accent)}
.lead{font:400 18px/34px var(--sans);color:var(--muted);max-width:680px}
.sec{padding-block:96px}
.hexicon{width:56px;height:62px;display:grid;place-items:center;background:var(--brand-s);color:var(--ink);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transition:background .25s,transform .4s}
.card{background:var(--raised);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.card:hover .hexicon{background:var(--brand);transform:rotate(60deg) scale(1.05)}
.card:hover .hexicon svg{transform:rotate(-60deg)}
.hexicon svg{transition:transform .4s}
.glowcard{border-color:rgba(251,184,41,.7);box-shadow:var(--glow),var(--sh-sm)}
.cap{font:500 12px/20px var(--sans);color:var(--muted);direction:ltr;text-align:right;letter-spacing:0}
/* header */
.hd{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav a{padding:8px 14px;border-radius:10px;font:500 15px/24px var(--sans);transition:background .18s}
.nav a:hover{background:var(--brand-s)}
.cats a{display:inline-flex;gap:6px;align-items:center;font:500 13px/20px var(--sans);color:var(--muted);padding:4px 12px;border-radius:9999px;border:1px solid var(--border);transition:all .18s}
.cats a:hover{color:var(--ink);background:var(--brand-s);border-color:transparent}
/* hero */
.hero{--ring:#fbb829;position:relative;background:#002846;color:#f7f3ec;overflow:hidden;isolation:isolate}
.orb{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;animation:drift 14s ease-in-out infinite alternate}
.orb.a{width:520px;height:520px;background:radial-gradient(circle,rgba(251,184,41,.5),transparent 68%);inset-inline-end:-120px;top:-140px}
.orb.b{width:440px;height:440px;background:radial-gradient(circle,rgba(226,96,47,.38),transparent 68%);inset-inline-start:-60px;bottom:-160px;animation-delay:-6s}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.15)}}
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.in{animation:up .9s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}
.hero h1{font:800 54px/76px var(--sans)}
.hero h1 em{font-style:normal;color:var(--brand)}
@keyframes spin{to{transform:rotate(360deg)}}
.vis{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:600px}
.vis .halo{position:absolute;width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(251,184,41,.42) 0%,rgba(226,96,47,.2) 38%,transparent 68%);filter:blur(30px);animation:pulseh 7s ease-in-out infinite}
@keyframes pulseh{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
.vis .photo{position:relative;display:block;height:600px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both,bob 9s ease-in-out 1.2s infinite}
@keyframes rise{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:rgba(14,34,55,.72);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(247,243,236,.2),0 12px 30px -8px rgba(0,0,0,.5);font:500 14px/22px var(--sans);animation:float 6s ease-in-out infinite}
.chip b{font:900 22px/28px var(--sans);color:#fbb829}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* marquee */
.mqw{background:var(--sunken);border-block:1px solid var(--border);overflow:hidden;direction:ltr}
.mq{display:flex;width:max-content;animation:mq 46s linear infinite}
.mqw:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mqi{display:inline-flex;align-items:center;gap:12px;padding:18px 28px;font:500 15px/24px var(--sans);direction:rtl;white-space:nowrap}
.mqi::after{content:"";width:10px;height:11px;background:var(--accent-fill);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
/* scroll reveal + counters */
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@counter-style fa{system:numeric;symbols:'۰' '۱' '۲' '۳' '۴' '۵' '۶' '۷' '۸' '۹'}
.cnt{counter-reset:c var(--n);animation:cnt 2.2s cubic-bezier(.2,.7,.2,1) both}
.cnt::before{content:counter(c,fa)}
@keyframes cnt{from{--n:0}}
@keyframes rv{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
.cnt{animation:cnt linear both;animation-timeline:view();animation-range:entry 10% entry 90%}
}
/* tabs */
.tabs{display:inline-flex;padding:6px;gap:4px;background:var(--sunken);border-radius:14px}
.tab{min-height:44px;padding-inline:22px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:500 15px/24px var(--sans);cursor:pointer;transition:all .2s}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{background:var(--raised);color:var(--ink);box-shadow:var(--sh-sm)}
.pcard{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-sm);transition:all .25s;animation:up .5s both}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:var(--brand)}
.pcard:hover .hexicon{background:var(--brand)}
/* steps */
.step{position:relative;padding:28px 24px;background:var(--raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-sm);overflow:hidden;transition:transform .25s,box-shadow .25s}
.step:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.step .num{position:absolute;inset-block-start:6px;inset-inline-start:18px;font:900 64px/80px var(--sans);color:var(--brand-s);transition:color .3s}
.step:hover .num{color:var(--brand)}
.step .t{position:relative;display:flex;align-items:center;gap:12px;margin-top:44px}
/* form */
.fld{display:flex;flex-direction:column;gap:8px}
.fld label{font:500 14px/22px var(--sans)}
.fld input,.fld select,.fld textarea{font:400 16px/28px var(--sans);color:var(--ink);background:var(--raised);border:1px solid var(--strong);border-radius:12px;padding:10px 14px;min-height:44px;box-shadow:0 1px 2px rgba(0,40,70,.08);transition:border-color .18s,box-shadow .18s;width:100%}
.fld textarea{resize:vertical;min-height:120px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--ring);outline-offset:2px;box-shadow:var(--glow-f)}
/* testimonial */
.tcard{display:flex;flex-direction:column;gap:20px;padding:28px;background:var(--raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-sm);position:relative;transition:transform .25s,box-shadow .25s}
.tcard:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.tcard .q{position:absolute;inset-block-start:10px;inset-inline-end:22px;font:900 90px/90px var(--sans);color:var(--brand-s)}
.av{width:48px;height:48px;border-radius:9999px;display:grid;place-items:center;background:var(--inverse);color:#fbb829;font:700 18px/24px var(--sans);flex:none}
.acard{display:flex;flex-direction:column;background:var(--raised);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s}
.acard:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.acard .img{aspect-ratio:16/10;overflow:hidden;background:var(--sunken)}
.acard .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.acard:hover .img img{transform:scale(1.06)}
/* cta */
.ctab{position:relative;background:var(--brand);color:var(--onbrand);border-radius:24px;overflow:hidden;isolation:isolate}
.ctab::before{content:"";position:absolute;inset-inline-start:-80px;top:-60px;width:360px;height:420px;background:#f0a30f;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:.6;z-index:-1;animation:spin 50s linear infinite}
.btn-n{background:#002846;color:#f7f3ec}
.btn-n:hover{background:#0e2237;transform:translateY(-2px);box-shadow:0 10px 24px -6px rgba(0,40,70,.5)}
/* footer */
.ft{background:#002846;color:#f7f3ec;--ring:#fbb829}
.ft a{opacity:.82;transition:opacity .18s,color .18s}
.ft a:hover{opacity:1;color:#fbb829}
/* floating */
.fab{position:fixed;inset-inline-start:24px;bottom:24px;z-index:200;display:flex;align-items:center;gap:10px}
.fab .pill{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding-inline:22px;border-radius:9999px;background:#002846;color:#f7f3ec;font:500 15px/24px var(--sans);box-shadow:var(--sh-lg);transition:transform .2s}
.fab .pill:hover{transform:translateY(-3px)}
.fab .wa{position:relative;width:56px;height:56px;border-radius:9999px;display:grid;place-items:center;background:#fbb829;color:#002846;box-shadow:var(--sh-lg)}
.fab .wa::after{content:"";position:absolute;inset:0;border-radius:9999px;box-shadow:0 0 0 0 rgba(251,184,41,.7);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 18px rgba(251,184,41,0)}100%{box-shadow:0 0 0 0 rgba(251,184,41,0)}}
@media (prefers-reduced-motion:reduce){.bm *,.bm *::before,.bm *::after{animation:none!important;transition:none!important}}

/* ===== additions for the WordPress build ===== */
.bm{min-height:100vh}
.bm img{max-width:100%}
.bm .gridauto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min,250px),100%),1fr));gap:24px}
.bm .sechead{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;margin-bottom:56px}
.bm .sechead.sh-row{flex-direction:row;justify-content:space-between;align-items:flex-end;text-align:start;flex-wrap:wrap;gap:24px;margin-bottom:40px}
.bm .sechead .grp{display:flex;flex-direction:column;gap:12px}
.bm .pgrid{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:16px}
.bm .pcard h3{font:700 18px/30px var(--sans)}
.bm .pcard[hidden],.bm [role=tabpanel][hidden]{display:none}
.bm .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:48px;padding-block:72px 40px}
.bm .fgrid h3{font:700 18px/32px var(--sans);color:#fbb829;margin-bottom:8px}
.bm .fgrid p{margin:0}
.bm .alert{padding:12px 16px;border-radius:12px;font:500 14px/24px var(--sans)}
.bm .alert.ok{background:#ddf3ea;color:#0b6b4f}
.bm .alert.err{background:#fbe3e5;color:#b3202f}
.bm .hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.bm .pagehero{background:var(--inverse);color:var(--inkinv);padding-block:64px;position:relative;overflow:hidden;isolation:isolate}
.bm .pagehero h1{font:900 44px/64px var(--sans)}
.bm .pagehero .eyebrow{color:#fbb829}
.bm .entry{max-width:var(--text-w,820px);margin-inline:auto;font:400 17px/34px var(--sans)}
.bm .entry h2{font:700 28px/44px var(--sans);margin:40px 0 12px}
.bm .entry h3{font:700 22px/36px var(--sans);margin:32px 0 8px}
.bm .entry p{margin:0 0 18px}
.bm .entry a{color:var(--link,#a33b13);text-decoration:underline}
.bm .entry ul,.bm .entry ol{margin:0 0 18px;padding-inline-start:24px}
.bm .entry img{height:auto;border-radius:16px}
.bm .entry table{width:100%;border-collapse:collapse;margin-bottom:18px}
.bm .entry th,.bm .entry td{border:1px solid var(--border);padding:10px 14px;text-align:start}
body.admin-bar .bm .hd{top:32px}
@media (max-width:782px){body.admin-bar .bm .hd{top:46px}}
.bm .hd-mphone,.bm .bn,.bm .bd,.bm .oc{display:none}
.bm .fab .pill{font-family:var(--sans)}
.bm .tab .mb{display:none}


/* ===== v0.2: buttons, theme toggle, hero glow, icons, CTA, footer ===== */
.bm a.btn-p,.bm button.btn-p{color:var(--onbrand)}
.bm a.btn-s{color:var(--ink)}
.bm a.btn-d{color:var(--inkinv)}
.bm a.btn-n,.bm a.btn-n:hover{color:#f7f3ec}
.bm a.btn-o{background:transparent;color:#002846;box-shadow:inset 0 0 0 2px #002846}
.bm a.btn-o:hover{background:rgba(0,40,70,.08);transform:translateY(-2px)}
.bm .themebtn{min-width:44px;width:44px;min-height:44px;padding:0}
.bm .themebtn span{display:inline-grid;place-items:center}
.bm .themebtn .i-sun{display:none}
.bm[data-theme=dark] .themebtn .i-sun{display:inline-grid}
.bm[data-theme=dark] .themebtn .i-moon{display:none}
.bm .themebtn:hover{background:var(--brand-s)}
.bm .tab{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.bm .cats a .ic{width:14px;height:14px;color:var(--accent)}

/* hero: moving light */
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-190px,120px) scale(1.25)}100%{transform:translate(90px,-60px) scale(.95)}}
@keyframes wander{0%{transform:translate(0,0) scale(1)}33%{transform:translate(280px,-120px) scale(1.2)}66%{transform:translate(-240px,150px) scale(.9)}100%{transform:translate(140px,190px) scale(1.15)}}
.bm .orb.a{animation:drift 9s ease-in-out infinite alternate}
.bm .orb.b{animation:drift 11s ease-in-out -4s infinite alternate-reverse}
.bm .hero .orb.c{width:380px;height:380px;background:radial-gradient(circle,rgba(251,184,41,.38),transparent 68%);inset-inline-start:34%;top:18%;animation:wander 15s ease-in-out infinite alternate}
.bm .hero .glow{position:absolute;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(251,184,41,.34),rgba(226,96,47,.12) 45%,transparent 70%);filter:blur(28px);z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s;will-change:transform}
.bm .hero.has-glow .glow{opacity:1}
.bm .trust{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 24px;font:500 14px/22px var(--sans);color:rgba(247,243,236,.88)}
.bm .trust li{display:inline-flex;align-items:center;gap:8px}
.bm .trust .ic{width:18px;height:18px;color:#fbb829}
.bm .chipico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(251,184,41,.18);color:#fbb829;flex:none}
.bm .stico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand-s);color:var(--ink);margin-bottom:6px}
.bm .points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.bm .points li{display:flex;gap:14px;align-items:center}
.bm .points b{display:block;font:700 16px/26px var(--sans)}
.bm .points small{display:block;font:400 13px/22px var(--sans);color:var(--muted)}

/* CTA band */
.bm .ctasec{padding:0 0 96px}
.bm .ctab{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;padding:56px}
.bm .ctab h2{font:900 36px/54px var(--sans)}
.bm .ctab-main{display:flex;flex-direction:column;gap:6px}
.bm .ctab-lead{font:400 17px/32px var(--sans);color:rgba(0,40,70,.85);max-width:520px;margin-top:6px}
.bm .ctab-points{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font:500 15px/24px var(--sans)}
.bm .ctab-points li{display:inline-flex;align-items:center;gap:8px}
.bm .ctab-points li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#002846;color:#fbb829}
.bm .ctab-card{background:var(--raised);color:var(--ink);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;box-shadow:var(--sh-lg)}
.bm .ctab-ico{display:grid;place-items:center;width:64px;height:72px;background:var(--brand);color:#002846;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);margin-bottom:6px}
.bm .ctab-label{font:500 14px/22px var(--sans);color:var(--muted)}
.bm .ctab-card .ctab-phone{font:900 34px/48px var(--sans);direction:ltr;color:var(--ink)}
.bm .ctab-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;width:100%}
.bm .ctab-btns .btn{flex:1 1 150px}
.bm .ctab-card a.btn-o{color:var(--ink);box-shadow:inset 0 0 0 2px var(--strong)}
.bm .ctab-card a.btn-o:hover{background:var(--brand-s)}
.bm[data-theme=dark] .ctab-card a.btn-n{background:#fbb829;color:#002846}

/* footer */
.bm .ft{position:relative;overflow:hidden;background:#002846;border-top:4px solid;border-image:linear-gradient(90deg,#fbb829,#e2602f,#9a4a2e) 1}
.bm .ft-glow{position:absolute;inset-inline-end:-120px;top:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(251,184,41,.16),transparent 65%);pointer-events:none}
.bm .fgrid{grid-template-columns:1.5fr .9fr .9fr 1.3fr;gap:48px;padding-block:72px 48px;position:relative}
.bm .fcol h3{font:700 17px/28px var(--sans);color:#fbb829;margin:0 0 18px;padding-bottom:12px;position:relative}
.bm .fcol h3::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:32px;height:3px;border-radius:2px;background:var(--accent-fill)}
.bm .fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.bm .fcol li a{display:inline-flex;align-items:center;gap:8px;padding:6px 0;font:400 14px/24px var(--sans);color:rgba(247,243,236,.82)}
.bm .fcol li a .ic{color:#fbb829;transition:transform .2s}
.bm .fcol li a:hover .ic{transform:translateX(-4px)}
.bm .fbrand{display:flex;flex-direction:column;gap:20px}
.bm .fbrand p{font:400 14px/28px var(--sans);color:rgba(247,243,236,.78)}
.bm .flogo{background:#faf8f4;padding:10px 16px;border-radius:12px;display:inline-flex;align-self:flex-start}
.bm .flogo img{height:44px;width:auto;display:block}
.bm .fsocial{display:flex;flex-direction:column;gap:10px}
.bm .fsocial>span{font:500 13px/20px var(--sans);color:rgba(247,243,236,.65)}
.bm .fsocial div{display:flex;gap:10px}
.bm .fsocial a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(247,243,236,.08);box-shadow:inset 0 0 0 1px rgba(247,243,236,.18);opacity:1;transition:background .2s,color .2s,transform .2s}
.bm .fsocial a:hover{background:#fbb829;color:#002846;transform:translateY(-2px)}
.bm .fcontact ul{gap:14px}
.bm .fcontact li{display:flex;gap:12px;align-items:flex-start;font:400 14px/26px var(--sans);color:rgba(247,243,236,.85)}
.bm .fi{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:rgba(251,184,41,.14);color:#fbb829}
.bm .fphones{display:flex;flex-direction:column;align-items:flex-start;padding-top:5px}
.bm .fphones a{padding:0;font:500 14px/26px var(--sans)}
.bm .fbottom{border-top:1px solid rgba(247,243,236,.14);position:relative}
.bm .fbottom .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:18px;font:400 13px/22px var(--sans);color:rgba(247,243,236,.65)}
.bm .totop{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(247,243,236,.25);color:#f7f3ec;opacity:1}
.bm .totop:hover{background:#fbb829;color:#002846}

/* single-row stats + product grids */
.bm .stats{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;margin-top:8px}
.bm .statcard{padding:16px 8px;text-align:center}
.bm .statnum{font:800 30px/42px var(--sans);color:var(--accent);white-space:nowrap}
.bm .statlbl{font:500 13px/20px var(--sans);color:var(--muted)}
.bm .sechead.sh-row .btn{flex:none}

/* tablet */
@media (max-width:1023px){
 .bm .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bm .nav a{padding:8px 10px;font-size:14px}
 .bm .hd-phone{display:none!important}
 .bm .fgrid{grid-template-columns:1fr 1fr}
}
/* mobile */
@media (max-width:767px){
 .bm{padding-bottom:96px;line-height:30px}
 .bm .wrap{padding-inline:20px}
 .bm .nav,.bm .hd-phone,.bm .hd-cta,.bm .cats{display:none!important}
 .bm .hd-mphone{display:inline-flex}
 .bm .hd .wrap{min-height:68px!important;justify-content:space-between}
 .bm .hd .logo img{height:42px!important}
 .bm .btn{min-height:48px;padding-inline:20px}
 .bm .btn-sm{min-height:44px;border-radius:10px}
 .bm .sec{padding-block:56px}
 .bm .h2{font:700 28px/46px var(--sans)}
 .bm .lead{font:400 16px/30px var(--sans)}
 .bm .sechead{align-items:flex-start;text-align:start;gap:12px;margin-bottom:24px}
 .bm .sechead.sh-row{flex-direction:column;align-items:flex-start;margin-bottom:24px}
 .bm .hexicon{width:52px;height:58px}
 .bm .card{padding:20px}
 /* hero */
 .bm .hero .wrap{padding-block:40px 64px!important;gap:40px!important}
 .bm .hero h1{font:800 34px/52px var(--sans)}
 .bm .hero .lead-hero{font:400 17px/32px var(--sans)!important}
 .bm .hero .ctas{flex-direction:column;align-items:stretch}
 .bm .hero .ctas .btn{width:100%;font-size:16px}
 .bm .orb.a{width:340px;height:340px}.bm .orb.b{width:300px;height:300px}
 .bm .vis{min-height:0;margin-top:8px}
 .bm .vis .halo{width:340px;height:340px}
 .bm .vis .photo{height:380px;max-width:80%}
 .bm .chip{padding:8px 12px;font-size:12px;line-height:18px;inset-inline-start:4px!important;bottom:34px!important}
 .bm .chip b{font-size:20px;line-height:24px}
 .bm .mqi{padding:14px 22px;font-size:14px}
 /* snap carousels */
 .bm .snapm{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-20px;padding:8px 20px 28px;scrollbar-width:none}
 .bm .snapm::-webkit-scrollbar{display:none}
 .bm .snapm>*{flex:0 0 min(290px,82%);scroll-snap-align:center}
 /* about stats */
 .bm .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 /* products */
 .bm .tabs{display:flex;width:100%}
 .bm .tab{flex:1;padding-inline:8px;font-size:14px}
 .bm .tab .dk{display:none}.bm .tab .mb{display:inline}
 .bm .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .bm .pcard{padding:16px;gap:10px}
 .bm .pcard h3{font-size:16px;line-height:26px}
 .bm .pcard .btn{padding-inline:8px}
 /* process → timeline */
 .bm .steps{display:flex!important;flex-direction:column;gap:28px!important;position:relative}
 .bm .steps::before{content:"";position:absolute;inset-inline-start:21px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--brand),var(--accent-fill) 60%,var(--border))}
 .bm .step{background:none;border:0;box-shadow:none;padding:0;padding-inline-start:60px;overflow:visible;border-radius:0}
 .bm .step:hover{transform:none;box-shadow:none}
 .bm .step .num{position:absolute;inset-block-start:0;inset-inline-start:0;width:44px;height:49px;display:grid;place-items:center;background:var(--brand);color:var(--onbrand);font:900 16px/20px var(--sans);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:1}
 .bm .step:hover .num{color:var(--onbrand)}
 .bm .step .t{margin-top:0}
 .bm .step .t .hexicon{display:none}
 .bm .step .t h3{font:700 18px/30px var(--sans)!important}
 /* form */
 .bm .consult-form{padding:24px 20px!important;border-radius:24px}
 .bm .fld input,.bm .fld select,.bm .fld textarea{min-height:48px}
 .bm .consult-form .btn{width:100%;align-self:stretch!important}
 /* cta */
 .bm .ctab{padding:32px 24px!important}
 .bm .ctab h2{font-size:26px!important;line-height:40px!important}
 /* footer */
 .bm .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-block:48px 28px}
 .bm .fgrid>:first-child,.bm .fgrid>:last-child{grid-column:1/-1}
 .bm .ft nav a{min-height:44px;display:flex;align-items:center}
 .bm .pagehero{padding-block:40px}.bm .pagehero h1{font-size:30px;line-height:48px}
 /* floating + bottom nav + off-canvas */
 .bm .fab{inset-inline-start:16px;bottom:92px;gap:0;background:#002846;border-radius:9999px;box-shadow:var(--sh-lg)}
 .bm .fab .pill{box-shadow:none;background:transparent;font-size:14px;padding-inline:12px 16px;min-height:52px}
 .bm .fab .wa{width:52px;height:52px;box-shadow:none}
 .bm .bn{position:fixed;inset-inline:0;bottom:0;z-index:300;background:color-mix(in srgb,var(--raised) 92%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--border);box-shadow:0 -8px 24px -8px rgba(0,40,70,.18);padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
 .bm .bn a,.bm .bn button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;background:transparent;color:var(--muted);font:500 12px/18px var(--sans);border-radius:12px;cursor:pointer;position:relative;padding:0}
 .bm .bn .on{color:var(--ink)}
 .bm .bn .on::before{content:"";position:absolute;top:-7px;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--brand)}
 .bm .bn svg{width:22px;height:22px}
 .bm .bd{display:block;position:fixed;inset:0;z-index:400;background:rgba(0,20,40,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
 .bm .bd.open{opacity:1;visibility:visible;transition:opacity .3s}
 .bm .oc{display:flex;position:fixed;inset-block:0;inset-inline-start:0;width:min(88vw,360px);z-index:410;background:var(--raised);color:var(--ink);transform:translateX(105%);visibility:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s .38s;box-shadow:var(--sh-lg);flex-direction:column;overflow-y:auto;border-radius:24px 0 0 24px;--ring:#002846}
 .bm[data-theme=dark] .oc{--ring:#fbb829}
 .bm .oc.open{transform:none;visibility:visible;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
 .bm .oc .lk{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding-inline:16px;border-radius:12px;font:500 17px/26px var(--sans);transition:background .18s}
 .bm .oc .lk:hover,.bm .oc .lk:active{background:var(--brand-s)}
 .bm .oc .pill2{display:inline-flex;align-items:center;min-height:40px;padding-inline:14px;border-radius:9999px;border:1px solid var(--border);font:500 14px/22px var(--sans);background:var(--sunken)}
 .bm .oc .stg{opacity:0;transform:translateX(24px)}
 .bm .oc.open .stg{opacity:1;transform:none;transition:all .45s cubic-bezier(.2,.8,.2,1)}
 .bm .oc.open .s1{transition-delay:.12s}.bm .oc.open .s2{transition-delay:.18s}.bm .oc.open .s3{transition-delay:.24s}
}

@media (max-width:1023px){
 .bm .ctab{grid-template-columns:1fr;padding:40px 32px}
 .bm .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
 .bm .hd .wrap{gap:8px!important}
 .bm .hd-tools{margin-inline-start:auto}
 .bm .ctasec{padding-bottom:56px}
 .bm .ctab{padding:28px 20px!important;gap:28px}
 .bm .ctab h2{font-size:26px!important;line-height:40px!important}
 .bm .ctab-card{padding:24px 20px}
 .bm .ctab-card .ctab-phone{font-size:28px}
 .bm .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-block:48px 28px}
 .bm .fgrid>.fbrand,.bm .fgrid>.fcontact{grid-column:1/-1}
 .bm .fbottom .wrap{flex-direction:column;align-items:flex-start}
 .bm .trust{gap:10px 18px}
}

/* ===== v0.2.5: inner pages (about, contact, shop, categories, blog, single) ===== */
.bm .pagehero{padding-block:56px 64px}
.bm .ph-grid{display:grid;gap:48px;align-items:center}
.bm .ph-grid.has-img{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.bm .ph-main{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.bm .pagehero h1{font:800 40px/62px var(--sans);max-width:900px}
.bm .pagehero h1 em{font-style:normal;color:var(--brand)}
.bm .ph-lead{font:400 17px/32px var(--sans);color:rgba(247,243,236,.82);max-width:760px}
.bm .ph-img{position:relative;display:grid;place-items:center}
.bm .ph-img .halo{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(251,184,41,.4),rgba(226,96,47,.18) 40%,transparent 68%);filter:blur(26px);animation:pulseh 7s ease-in-out infinite}
.bm .ph-img img{position:relative;width:100%;max-height:360px;object-fit:cover;border-radius:24px;box-shadow:var(--sh-lg);aspect-ratio:471/413}
.bm .crumbs ol{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font:500 13px/22px var(--sans);color:rgba(247,243,236,.66)}
.bm .crumbs li{display:inline-flex;align-items:center;gap:6px}
.bm .crumbs li+li::before{content:"";width:6px;height:6px;border-inline-start:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);opacity:.6;margin-inline:2px}
.bm .crumbs a{color:rgba(247,243,236,.86);transition:color .18s}
.bm .crumbs a:hover{color:#fbb829}
.bm .crumbs [aria-current]{color:#fbb829}
.bm .pmeta{display:flex;flex-wrap:wrap;gap:10px 22px;font:500 14px/22px var(--sans);color:rgba(247,243,236,.8);margin-top:4px}
.bm .pmeta span{display:inline-flex;align-items:center;gap:8px}
.bm .pmeta .ic{color:#fbb829}

/* stat band (about) */
.bm .statband{margin-top:-36px;position:relative;z-index:2}
.bm .stats-wide{gap:16px;margin-top:0}
.bm .stats-wide .statcard{padding:22px 12px;box-shadow:var(--sh-md)}
.bm .stats-wide .statnum{font-size:34px;line-height:46px}
.bm .mv{display:flex;flex-direction:column;gap:14px;padding:32px}
.bm .mv h2{font:800 26px/40px var(--sans)}
.bm .mv p{font:400 15px/30px var(--sans);color:var(--muted)}
.bm .vcard{position:relative;padding:28px 24px;background:var(--raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-sm);overflow:hidden;transition:transform .25s,box-shadow .25s}
.bm .vcard:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.bm .vnum{position:absolute;inset-block-start:6px;inset-inline-end:18px;font:900 60px/76px var(--sans);color:var(--brand-s);transition:color .3s}
.bm .vcard:hover .vnum{color:var(--brand)}
.bm .why-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.bm .why-head{position:sticky;top:120px;display:flex;flex-direction:column;gap:16px}
.bm .why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.bm .why-list li{display:flex;gap:20px;align-items:flex-start;padding:24px;background:var(--raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s}
.bm .why-list li:hover{transform:translateX(-6px);box-shadow:var(--sh-md);border-color:var(--brand)}
.bm .why-list h3{font:700 19px/32px var(--sans);margin-bottom:4px}
.bm .why-list p{font:400 14px/26px var(--sans);color:var(--muted)}
.bm .why-list .hexicon{flex:none}

/* contact */
.bm .chan-sec{padding-block:56px 24px}
.bm .chan{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px}
.bm .chan h3{font:700 20px/32px var(--sans)}
.bm .chan p{font:400 14px/24px var(--sans);color:var(--muted);margin-bottom:6px}
.bm .chan .btn{margin-top:auto}
.bm .ct-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.bm .ct-info{padding:32px;display:flex;flex-direction:column;gap:20px;position:sticky;top:120px}
.bm .ct-info h2{font:800 24px/38px var(--sans)}
.bm .ct-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.bm .ct-info li{display:flex;gap:14px;align-items:flex-start;font:400 15px/28px var(--sans)}
.bm .ct-info .fi{background:var(--brand-s);color:var(--ink)}
.bm .ct-info .fphones a{color:var(--ink);font:600 15px/28px var(--sans)}
.bm .ct-info a{color:var(--ink)}
.bm .ct-info .btn-p{color:var(--onbrand);align-self:flex-start}
.bm .ct-map{border-radius:16px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/10}
.bm .ct-map iframe{width:100%;height:100%;border:0;display:block}

/* shop / blog toolbar */
.bm .toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}
.bm .chipbar{display:flex;gap:8px;flex-wrap:wrap}
.bm .chipbar.subs{margin:-8px 0 24px}
.bm .fchip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 16px;border-radius:9999px;border:1px solid var(--border);background:var(--raised);font:500 14px/22px var(--sans);color:var(--ink);transition:all .18s}
.bm .fchip small{font:600 12px/18px var(--sans);color:var(--muted);background:var(--sunken);border-radius:9999px;padding:0 8px}
.bm .fchip:hover{background:var(--brand-s);border-color:transparent}
.bm .fchip.on{background:var(--inverse);color:var(--inkinv);border-color:var(--inverse)}
.bm .fchip.on small{background:rgba(247,243,236,.16);color:var(--inkinv)}
.bm .fchip .ic{color:var(--accent)}
.bm .fchip.on .ic{color:#fbb829}
.bm .sbox{display:flex;align-items:center;gap:10px;min-height:44px;padding-inline:14px;border-radius:12px;border:1px solid var(--strong);background:var(--raised);min-width:260px;color:var(--muted)}
.bm .sbox:focus-within{outline:2px solid var(--ring);outline-offset:2px}
.bm .sbox input{flex:1;border:0;background:transparent;font:400 15px/24px var(--sans);color:var(--ink);outline:0;min-width:0}
.bm .resline{font:500 13px/20px var(--sans);color:var(--muted);margin-bottom:16px}

/* product cards */
.bm .prod{padding:0;gap:0;overflow:hidden}
.bm .prod .pimg{display:grid;place-items:center;aspect-ratio:1/1;background:var(--sunken);overflow:hidden}
.bm .prod .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bm .prod:hover .pimg img{transform:scale(1.06)}
.bm .prod .pcat,.bm .acard .pcat{align-self:flex-start;font:500 12px/20px var(--sans);color:var(--accent);background:var(--accent-s);border-radius:9999px;padding:0 10px}
.bm .prod .pcat{margin:16px 18px 0}
.bm .prod h3{font:700 16px/28px var(--sans);padding:8px 18px 0}
.bm .prod h3 a{color:inherit}
.bm .prod h3 a:hover{color:var(--accent)}
.bm .prod .pprice{padding:4px 18px 0;font:700 15px/24px var(--sans);color:var(--ink)}
.bm .prod .pprice.inq{display:flex;gap:8px;align-items:center;color:var(--muted);font-weight:500;font-size:14px}
.bm .prod .pprice.inq .ic{color:var(--accent)}
.bm .prod .pbtns{display:flex;gap:8px;padding:14px 18px 18px;margin-top:auto}
.bm .prod .pbtns .btn{flex:1;padding-inline:8px;font-size:14px}
.bm .empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px;text-align:center;color:var(--muted)}
.bm .termdesc{margin-top:56px;padding:36px}
.bm .termdesc h2{font:800 24px/38px var(--sans);margin-bottom:12px}
.bm .termdesc .entry{max-width:none;font-size:16px;line-height:32px}
.bm .pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:48px}
.bm .pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding-inline:14px;border-radius:12px;border:1px solid var(--border);background:var(--raised);font:500 15px/24px var(--sans);transition:all .18s}
.bm .pager a.page-numbers:hover{background:var(--brand-s)}
.bm .pager .current{background:var(--brand);border-color:var(--brand);color:var(--onbrand);font-weight:700}
.bm .pager .dots{border:0;background:none}

/* blog cards */
.bm .acard .img{display:block}
.bm .acard .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bm .acard:hover .img img{transform:scale(1.05)}
.bm .acard .noimg{display:grid;place-items:center;width:100%;height:100%;color:var(--strong);background:linear-gradient(135deg,var(--sunken),var(--brand-s))}
.bm .abody{padding:22px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.bm .abody h3{font:700 18px/32px var(--sans)}
.bm .abody h3 a{color:inherit}
.bm .abody h3 a:hover{color:var(--accent)}
.bm .abody p{font:400 14px/26px var(--sans);color:var(--muted)}
.bm .afoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:8px;gap:12px;flex-wrap:wrap}
.bm .ameta{display:inline-flex;gap:6px;align-items:center;font:500 13px/20px var(--sans);color:var(--muted)}
.bm .acard.big{flex-direction:row;margin-bottom:28px;box-shadow:var(--sh-md)}
.bm .acard.big .img{flex:0 0 46%;aspect-ratio:auto;min-height:320px}
.bm .acard.big .abody{padding:36px;justify-content:center;gap:14px}
.bm .acard.big h3{font:800 28px/46px var(--sans)}
.bm .acard.big p{font-size:16px;line-height:30px}

/* single post */
.bm .rbar{position:fixed;inset-inline:0;top:0;height:3px;z-index:200;pointer-events:none}
body.admin-bar .bm .rbar{top:32px}
.bm .rbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--accent-fill));transform-origin:right}
.bm .post-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.bm .post-main{min-width:0}
.bm .post-cover{margin:0 0 32px}
.bm .post-cover img{width:100%;max-height:460px;object-fit:cover;border-radius:24px;box-shadow:var(--sh-md);display:block}
.bm .post-main .entry{max-width:none;margin:0}
.bm .post-main .entry h2,.bm .post-main .entry h3{scroll-margin-top:110px}
.bm .post-main .entry blockquote{margin:24px 0;padding:16px 24px;border-inline-start:4px solid var(--brand);background:var(--sunken);border-radius:12px}
.bm .ptags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.bm .ptags a{font:500 13px/20px var(--sans);color:var(--muted);border:1px solid var(--border);border-radius:9999px;padding:4px 14px}
.bm .ptags a:hover{background:var(--brand-s);color:var(--ink)}
.bm .pshare{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding:18px 24px}
.bm .pshare b{display:inline-flex;gap:8px;align-items:center;font:700 15px/24px var(--sans)}
.bm .pshare .sbtns{display:flex;gap:8px;flex-wrap:wrap}
.bm .pnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.bm .pnav a.card{display:flex;flex-direction:column;gap:4px;padding:18px 22px}
.bm .pnav small{font:500 12px/20px var(--sans);color:var(--accent)}
.bm .pnav span{font:600 15px/26px var(--sans)}
.bm .pnav .nx{text-align:end}
.bm .post-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:20px}
.bm .toc{padding:22px}
.bm .toc b{display:flex;gap:8px;align-items:center;font:700 16px/24px var(--sans);margin-bottom:12px}
.bm .toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:50vh;overflow:auto;border-inline-start:2px solid var(--border)}
.bm .toc a{display:block;padding:6px 14px;font:500 14px/24px var(--sans);color:var(--muted);margin-inline-start:-2px;border-inline-start:2px solid transparent;transition:all .18s}
.bm .toc .l3 a{padding-inline-start:28px;font-size:13px}
.bm .toc a:hover{color:var(--ink)}
.bm .toc a.on{color:var(--ink);border-inline-start-color:var(--brand);font-weight:700}
.bm .sidecta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;background:var(--inverse);color:var(--inkinv);border-color:transparent}
.bm .sidecta h3{font:800 20px/34px var(--sans)}
.bm .sidecta p{font:400 14px/26px var(--sans);color:rgba(247,243,236,.8)}
.bm .sidecta .hexicon{background:rgba(251,184,41,.2);color:#fbb829}

@media (max-width:1000px){
 .bm .ph-grid.has-img,.bm .why-grid,.bm .ct-grid,.bm .post-grid{grid-template-columns:minmax(0,1fr)}
 .bm .ph-img{display:none}
 .bm .why-head,.bm .ct-info,.bm .post-side{position:static}
 .bm .post-side{order:-1}
 .bm .toc ol{max-height:none}
 .bm .acard.big{flex-direction:column}
 .bm .acard.big .img{flex:none;min-height:0;aspect-ratio:16/10}
}
@media (max-width:760px){
 .bm .pagehero{padding-block:36px 44px}
 .bm .pagehero h1{font:800 28px/46px var(--sans)}
 .bm .ph-lead{font-size:15px;line-height:28px}
 .bm .statband{margin-top:-24px}
 .bm .stats-wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .bm .stats-wide .statnum{font-size:26px;line-height:36px}
 .bm .mv{padding:24px}
 .bm .sbox{min-width:0;width:100%}
 .bm .toolbar{flex-direction:column;align-items:stretch}
 .bm .chipbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}
 .bm .chipbar::-webkit-scrollbar{display:none}
 .bm .fchip{flex:none}
 .bm .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 .bm .prod h3{font-size:14px;line-height:24px;padding-inline:12px}
 .bm .prod .pcat{margin-inline:12px}
 .bm .prod .pprice{padding-inline:12px}
 .bm .prod .pbtns{flex-direction:column;padding:12px}
 .bm .termdesc{padding:22px}
 .bm .pnav{grid-template-columns:1fr}
 .bm .acard.big .abody{padding:22px}
 .bm .acard.big h3{font-size:21px;line-height:36px}
 .bm .pshare{padding:16px}
 .bm .ct-info{padding:22px}
}

/* ===== v0.2.7 fixes ===== */
.bm .ctasec{padding:80px 0 96px}
.bm .hd{background:color-mix(in srgb,var(--surface) 96%,transparent)}
@media (max-width:600px){body.admin-bar .bm .hd{top:0}}
/* logo: light/dark variants + periodic shine */
.bm .logo{position:relative;display:flex;overflow:hidden;border-radius:8px}
.bm .logo img{height:52px;width:auto;display:block}
.bm .logo .lg-d{display:none}
.bm[data-theme=dark] .logo .lg-l{display:none}
.bm[data-theme=dark] .logo .lg-d{display:block}
.bm .logo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:url(../img/logo.webp) center/contain no-repeat;mask:url(../img/logo.webp) center/contain no-repeat;animation:logoshine 6s ease-in-out 1.5s infinite}
@keyframes logoshine{0%{background-position:160% 0}28%,100%{background-position:-60% 0}}
@media (max-width:767px){.bm .logo img{height:42px}}
/* Elementor accordion / containers inside article content (Elementor CSS is not loaded) */
.bm .entry .e-con,.bm .entry .e-con-inner,.bm .entry .elementor-element{background:none;display:block;min-height:0;padding:0;margin:0;width:auto;max-width:100%}
.bm .entry .elementor-widget-heading{margin:40px 0 16px}
.bm .entry .e-n-accordion{display:flex;flex-direction:column;gap:12px}
.bm .entry details.e-n-accordion-item{background:var(--raised);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-sm);overflow:hidden}
.bm .entry details.e-n-accordion-item[open]{border-color:var(--brand)}
.bm .entry .e-n-accordion-item-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font:700 16px/28px var(--sans);color:var(--ink)}
.bm .entry .e-n-accordion-item-title::-webkit-details-marker{display:none}
.bm .entry .e-n-accordion-item-title-header{flex:1;display:block}
.bm .entry .e-n-accordion-item-title-text{display:block}
.bm .entry .e-n-accordion-item-title-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9999px;background:var(--brand-s);flex:none}
.bm .entry .e-n-accordion-item-title-icon svg{width:12px;height:12px;fill:currentColor}
.bm .entry .e-n-accordion-item .e-closed{display:inline-grid}
.bm .entry .e-n-accordion-item .e-opened{display:none}
.bm .entry details[open] .e-closed{display:none}
.bm .entry details[open] .e-opened{display:inline-grid}
.bm .entry .e-n-accordion-item>[role=region]{padding:0 20px 18px;font:400 15px/30px var(--sans);color:var(--muted)}
.bm .entry .e-n-accordion-item>[role=region] p{margin:0;text-align:start!important}
.bm .entry .elementor-widget-text-editor p[style]{text-align:start!important}
.bm .oc .lg-d{display:none}
.bm[data-theme=dark] .oc .lg-d{display:inline-block}
.bm[data-theme=dark] .oc .lg-l{display:none}
.bm .entry .elementor .e-con,.bm .entry .elementor .e-con-inner{background:none!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.bm .entry .elementor .e-con::before,.bm .entry .elementor .e-con::after{display:none!important}
.bm .entry .elementor-heading-title{color:var(--ink)!important;font:800 26px/42px var(--sans)!important;text-align:start!important}
.bm .entry .e-n-accordion-item>[role=region],.bm .entry .e-n-accordion-item>[role=region] *{color:var(--muted)!important}
.bm .entry .e-n-accordion-item-title,.bm .entry .e-n-accordion-item-title *{color:var(--ink)!important}
.bm .entry .e-n-accordion-item-title-icon svg{fill:var(--ink)!important}

/* ===== v0.2.11: single product + category hub ===== */
.bm .hub-entry{max-width:none}
.bm .hub-entry .elementor-widget-heading .elementor-heading-title{font:800 28px/46px var(--sans)!important}
.bm .hub-entry table,.bm .post-main .entry table{display:block;overflow-x:auto;border-radius:12px}
.bm .hub-entry th,.bm .post-main .entry th{background:var(--inverse);color:var(--inkinv);font-weight:700}
.bm .hub-entry td,.bm .hub-entry th{white-space:normal;min-width:120px}
.bm .hub-entry tr:nth-child(even) td{background:var(--sunken)}
.bm .prod-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.bm .pgal{padding:20px;display:flex;flex-direction:column;gap:14px;position:sticky;top:120px}
.bm .pgal .pmain{border-radius:14px;overflow:hidden;background:var(--sunken);display:grid;place-items:center;aspect-ratio:1/1}
.bm .pgal .pmain img{width:100%;height:100%;object-fit:cover;display:block}
.bm .pthumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bm .pthumbs img{width:100%;height:auto;border-radius:10px;border:1px solid var(--border);display:block}
.bm .pinfo{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.bm .pinfo .pcat{font:500 13px/22px var(--sans);color:var(--accent);background:var(--accent-s);border-radius:9999px;padding:0 12px}
.bm .pinfo .ptitle{font:800 30px/48px var(--sans)}
.bm .pfacts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px}
.bm .pfacts li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:12px;background:var(--raised);font:500 13px/22px var(--sans);color:var(--muted)}
.bm .pfacts li b{color:var(--ink);font-weight:700}
.bm .pfacts .ic{color:var(--accent)}
.bm .pprice.big{display:flex;gap:10px;align-items:center;font:800 22px/34px var(--sans);color:var(--ink)}
.bm .pprice.big.inq{font:600 16px/28px var(--sans);color:var(--muted)}
.bm .pprice.big .ic{color:var(--accent)}
.bm .psummary{width:100%;padding:20px 22px;border-radius:16px;background:var(--raised);border:1px solid var(--border);box-shadow:var(--sh-sm)}
.bm .psummary h3{font:700 16px/26px var(--sans);margin-bottom:10px}
.bm .sumtxt{font:400 15px/30px var(--sans);color:var(--muted)}
.bm .sumtxt p{margin:0 0 8px}
.bm .sumtxt ul{list-style:none;margin:0;padding:0}
.bm .sumtxt li{position:relative;padding-inline-start:26px;margin-bottom:8px}
.bm .sumtxt li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:12px;height:12px;background:var(--brand);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.bm .sumtxt strong{color:var(--ink)}
.bm .pcta{display:flex;flex-wrap:wrap;gap:12px}
.bm .pcta .btn{min-width:0}
.bm .pcta .btn-s{color:var(--ink)}
.bm .ptrust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font:500 14px/22px var(--sans);color:var(--muted)}
.bm .ptrust li{display:inline-flex;align-items:center;gap:8px}
.bm .ptrust .ic{color:var(--accent);width:18px;height:18px}
.bm .pdesc{padding:36px}
.bm .pdesc .entry{max-width:none}
@media (max-width:1000px){.bm .prod-top{grid-template-columns:minmax(0,1fr)}.bm .pgal{position:static}}
@media (max-width:760px){.bm .pinfo .ptitle{font-size:24px;line-height:40px}.bm .pdesc{padding:20px}.bm .pcta .btn{flex:1 1 100%}}
.bm .entry table th,.bm .entry table tr:first-child td{background:var(--inverse)!important;color:var(--inkinv)!important;font-weight:700!important}
.bm .entry table td{background:var(--raised)!important;color:var(--ink)!important}
.bm .entry table tr:nth-child(even) td{background:var(--sunken)!important}
.bm .entry table tr:first-child td{background:var(--inverse)!important;color:var(--inkinv)!important}
.bm .entry table a{color:var(--link)!important}

/* ===== v0.2.13: product page polish ===== */
.bm .wrap.wide{max-width:1360px}
.bm .pdesc{padding:40px 48px}
.bm .pdesc .entry{font-size:16px;line-height:32px}
/* neutralise Elementor leftovers inside content */
.bm .entry svg:not(.ic){max-width:1.4em;max-height:1.4em;width:1.2em;height:1.2em;vertical-align:middle;fill:currentColor}
.bm .entry .elementor-widget-image img{max-width:100%;height:auto;border-radius:14px}
.bm .entry .elementor-button,.bm .entry a.elementor-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 22px;border-radius:12px;background:var(--brand)!important;color:var(--onbrand)!important;font:600 15px/24px var(--sans)!important;text-decoration:none!important}
.bm .entry .elementor-button-icon,.bm .entry .elementor-icon{display:inline-flex;width:1.2em;height:1.2em}
.bm .entry .elementor-widget-icon-box .elementor-icon svg,.bm .entry .elementor-icon svg{width:22px!important;height:22px!important}
.bm .entry *:not(svg):not(path):not(i):not([class*="fa-"]):not([class*="eicon"]),.bm .entry input,.bm .entry textarea,.bm .entry select,.bm .entry button{font-family:var(--sans)!important}
.bm .entry input,.bm .entry textarea,.bm .entry select{font-size:15px;color:var(--ink);background:var(--raised);border:1px solid var(--strong);border-radius:10px;padding:8px 12px;max-width:100%}
.bm .entry input[type=submit],.bm .entry button[type=submit]{background:var(--brand);color:var(--onbrand);border:0;font-weight:600;cursor:pointer;padding:10px 22px}
.bm .entry label{font-weight:600}
/* FAQ compact */
.bm .entry .e-n-accordion{gap:10px;margin-block:12px}
.bm .entry .e-n-accordion-item-title{padding:12px 18px;min-height:0;font:600 15px/26px var(--sans)!important}
.bm .entry .e-n-accordion-item-title-header,.bm .entry .e-n-accordion-item-title-text{margin:0!important;padding:0!important;line-height:26px;font:inherit}
.bm .entry .e-n-accordion-item-title-icon{width:26px;height:26px}
.bm .entry .e-n-accordion-item>[role=region]{padding:0 18px 14px;font-size:14px;line-height:28px}
.bm .entry .e-n-accordion-item>[role=region] *{margin:0}
/* wide CTA under description */
.bm .wide-cta{display:flex;align-items:center;gap:24px;margin-top:28px;padding:26px 32px;flex-wrap:wrap}
.bm .wide-cta>div{flex:1;min-width:240px}
.bm .wide-cta h3{margin:0}
/* related products: one compact row */
.bm .rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,230px));justify-content:center;gap:16px}
.bm .rel-grid .prod .pimg{aspect-ratio:1/1}
.bm .rel-grid .prod h3{font-size:14px;line-height:24px;padding:8px 14px 0}
.bm .rel-grid .prod .pcat,.bm .rel-grid .prod .pprice{display:none}
.bm .rel-grid .prod .pbtns{padding:10px 14px 14px}
.bm .rel-grid .prod .pbtns .btn-p{display:none}
@media (max-width:1000px){.bm .rel-grid{grid-template-columns:repeat(2,minmax(0,230px))}}
@media (max-width:760px){.bm .pdesc{padding:20px}.bm .wide-cta{padding:20px}}

/* ===== v0.2.18: sidebar layout, language button, professional product copy ===== */
.bm .langbtn{gap:6px;padding-inline:12px;min-width:44px;font:600 13px/20px var(--sans);letter-spacing:.3px}
.bm .langbtn .ic{color:var(--accent)}
.bm a.langbtn{color:var(--ink)}
@media (max-width:767px){.bm .langbtn{padding-inline:8px}.bm .langbtn span{display:none}.bm .langbtn{width:44px}}
/* sidebar layout (start side = right in RTL) */
.bm .shop-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start}
.bm .shop-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:110px}
.bm .shop-main{min-width:0}
.bm .sidecats{padding:22px}
.bm .sidecats b{display:flex;gap:8px;align-items:center;font:700 16px/24px var(--sans);margin-bottom:12px}
.bm .sidecats b .ic{color:var(--accent)}
.bm .sidecats ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.bm .sidecats a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font:500 14px/22px var(--sans);color:var(--ink);transition:background .18s}
.bm .sidecats a:hover{background:var(--brand-s)}
.bm .sidecats a.on{background:var(--inverse);color:var(--inkinv);font-weight:700}
.bm .sidecats small{font:600 12px/18px var(--sans);background:var(--sunken);color:var(--muted);border-radius:9999px;padding:0 8px}
.bm .sidecats a.on small{background:rgba(247,243,236,.16);color:var(--inkinv)}
.bm .sidecontacts{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:6px;border-top:1px solid rgba(247,243,236,.16);margin-top:4px}
.bm .sidecontacts a{display:flex;align-items:center;gap:10px;color:var(--inkinv);font:600 14px/24px var(--sans)}
.bm .sidecontacts .ic{color:#fbb829}
.bm .shop-layout .shop-tools .sbox{min-width:200px}
@media (min-width:1001px){.bm .shop-layout .shop-tools .chipbar{display:none}.bm .shop-layout .shop-tools{justify-content:flex-end}}
@media (max-width:1000px){.bm .shop-layout{grid-template-columns:minmax(0,1fr)}.bm .shop-side{position:static;order:2}}
.bm .shop-layout .shop-grid{--min:200px}
.bm .shop-layout .prod .pbtns{flex-direction:column}
/* product top: smaller photo */
.bm .prod-top{grid-template-columns:340px minmax(0,1fr);gap:36px}
.bm .pgal{padding:14px}
/* professional article typography */
.bm .pdesc{padding:44px 52px}
.bm .pdesc .entry{max-width:860px;margin-inline:0;font:400 16px/34px var(--sans);color:var(--ink)}
.bm .pdesc .entry p,.bm .pdesc .entry li{text-align:start!important;text-justify:auto;line-height:34px}
.bm .pdesc .entry p{margin:0 0 16px;color:var(--ink)}
.bm .pdesc .entry .elementor-heading-title{display:block}
.bm .pdesc .entry h2.elementor-heading-title{position:relative;font:800 24px/40px var(--sans)!important;padding-inline-start:18px;margin:44px 0 16px}
.bm .pdesc .entry h2.elementor-heading-title::before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:5px;border-radius:5px;background:linear-gradient(var(--brand),var(--accent-fill))}
.bm .pdesc .entry .elementor-widget-heading:first-child h2.elementor-heading-title{margin-top:0;font-size:28px}
.bm .pdesc .entry h3.elementor-heading-title{font:700 19px/34px var(--sans)!important;margin:28px 0 10px;color:var(--ink)!important}
.bm .pdesc .entry ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.bm .pdesc .entry li{position:relative;padding:10px 18px;padding-inline-start:44px;background:var(--sunken);border-radius:12px;font-size:15px;line-height:30px}
.bm .pdesc .entry li::before{content:"";position:absolute;inset-inline-start:16px;top:17px;width:14px;height:15px;background:var(--brand);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.bm .pdesc .entry li strong{color:var(--ink);font-weight:700}
.bm .pdesc .entry ol{margin:0 0 20px;padding-inline-start:22px}
.bm .pdesc .entry .elementor-widget-image{margin:24px 0;text-align:center}
.bm .pdesc .entry .elementor-widget-image img,.bm .pdesc .entry img.attachment-large{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto;border-radius:16px;box-shadow:var(--sh-md)}
.bm .pdesc .entry a{color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.bm .pdesc .entry .elementor-button{text-decoration:none}
@media (max-width:1000px){.bm .prod-top{grid-template-columns:minmax(0,1fr)}.bm .pgal{max-width:360px;margin-inline:auto}}
@media (max-width:760px){.bm .pdesc{padding:22px}.bm .pdesc .entry li{padding-inline-start:40px}}

/* v0.2.18 */
.bm .hd-tools{display:flex;align-items:center;gap:8px}
.bm .hd .tbtn,.bm .hd .themebtn,.bm .hd .langbtn{box-sizing:border-box;height:38px;min-height:38px;min-width:38px;width:auto;padding:0 10px;border-radius:10px;background:var(--raised);color:var(--ink);border:1px solid var(--border);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 13px/20px var(--sans)}
.bm .hd .themebtn{width:38px;padding:0}
.bm .hd .tbtn .ic,.bm .hd .tbtn svg{width:18px;height:18px;color:var(--ink)}
.bm .hd .tbtn:hover{background:var(--brand-s);border-color:var(--brand)}
@media (max-width:767px){.bm .hd .langbtn{width:38px;padding:0}}
.bm .shop-side{top:130px;align-self:start}
.bm .pdesc .entry li.li-pair{display:flex;flex-direction:column;gap:2px}
.bm .pdesc .entry li.li-pair .lt{display:block;color:var(--ink);font-weight:700;font-size:16px;line-height:28px}
.bm .pdesc .entry li.li-pair .ld{display:block;color:var(--muted);font-size:15px;line-height:28px}
.bm .pdesc .entry li.li-pair::before{top:18px}
.bm .pdesc .entry li h3,.bm .pdesc .entry li h4{margin:0;font-size:16px;line-height:28px}

.bm .bbm-related{margin:28px 0 0;padding:24px 28px;border-radius:16px}
.bm .bbm-related h2,.bm .bbm-related .rt{font:700 19px/32px var(--sans);margin:0 0 10px;color:var(--ink);padding:0;border:0}
.bm .bbm-related h2::before,.bm .bbm-related h2::after{display:none}
.bm .bbm-related ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bm .bbm-related li{position:relative;padding-inline-start:26px;font-size:15px;line-height:28px;background:none;border:0}
.bm .bbm-related li::before{content:"";position:absolute;inset-inline-start:2px;top:9px;width:11px;height:12px;background:var(--brand);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.bm .bbm-related a{color:var(--link);font-weight:600}
.bm .bbm-related li span{color:var(--muted)}
.bm .shop-side{top:152px}
body.admin-bar .bm .shop-side{top:184px}
/* mobile: no scroll-driven reveal (caused half-rendered layout until scrolling); hero image first */
@media (max-width:1023px){
.bm .rv,.bm .cnt{animation:none!important;opacity:1!important;transform:none!important}
.bm .cnt{counter-reset:c var(--n,0)}
}
@media (max-width:767px){
.bm .hero .vis{order:-1;margin-top:0}
.bm .hero .vis .photo{height:300px}
.bm .hero .vis .halo{width:280px;height:280px}
.bm .hero .wrap{padding-block:24px 48px!important;gap:24px!important}
}

/* v0.2.20: Persian digits everywhere (Latin digits are drawn with Persian glyphs), justified text, footer, mobile bottom gap */
.bm,.bm *,.bm *::before,.bm *::after{font-family:var(--sans)}
.bm svg,.bm svg *{font-family:inherit}
.bm input,.bm button,.bm textarea,.bm select{font-family:var(--sans)!important}
:where(.bm) p,:where(.bm) .lead,:where(.bm) .lead-hero{text-align:justify;text-justify:inter-word;hyphens:none}
.bm .entry p,.bm .entry li,.bm .pdesc .entry p,.bm .pdesc .entry li{text-align:justify!important;text-justify:inter-word}
.bm .fgrid p,.bm .fcol li,.bm .fbrand p{font-size:15px;line-height:30px}
.bm .fcontact li{font:400 15px/30px var(--sans);color:rgba(247,243,236,.9)}
.bm .fcontact li>span:not(.fi){font:400 15px/30px var(--sans);text-align:start}
.bm .fphones{padding-top:0;gap:8px;align-items:stretch;width:100%}
.bm .fphones a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-radius:12px;background:rgba(247,243,236,.08);box-shadow:inset 0 0 0 1px rgba(247,243,236,.16);font:700 18px/30px var(--sans);letter-spacing:.5px;color:#f7f3ec;opacity:1;direction:ltr}
.bm .fphones a:hover{background:#fbb829;color:#002846}
.bm .fcontact li:has(.fphones){align-items:flex-start}
.bm .fcontact li .fphones{flex:1}
@media (max-width:767px){
.bm{padding-bottom:0}
.bm .ft{padding-bottom:84px}
.bm .fphones a{font-size:19px}
}
.bm .hd .nav a{white-space:nowrap}
@media (max-width:1180px){.bm .hd .nav a{padding-inline:8px;font-size:14px}.bm .hd .wrap{gap:16px!important}}
/* v0.2.21: nav dropdown, mobile menu categories, faq, safety */
.bm .nav-sub{position:relative;display:flex}
.bm .nav-sub>a{display:inline-flex;align-items:center;gap:4px}
.bm .nav-sub .sub{position:absolute;top:100%;inset-inline-start:0;min-width:230px;padding:8px;background:var(--raised);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-lg);display:none;flex-direction:column;gap:2px;z-index:200}
.bm .nav-sub:hover .sub,.bm .nav-sub:focus-within .sub{display:flex}
.bm .nav-sub .sub a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;white-space:nowrap}
.bm .nav-sub .sub a .ic{color:var(--accent)}
.bm .oc .lk-sub{display:flex;flex-direction:column;gap:2px;margin:-4px 12px 8px;padding-inline-start:14px;border-inline-start:3px solid var(--brand)}
.bm .oc .lk-sub a{display:flex;align-items:center;gap:10px;min-height:46px;padding-inline:12px;border-radius:10px;font:500 15px/24px var(--sans);color:var(--ink)}
.bm .oc .lk-sub a .ic{color:var(--accent)}
.bm .oc .lk-sub a:active{background:var(--brand-s)}
.bm .faq-wrap{display:flex;flex-direction:column;gap:12px;max-width:900px;margin-inline:auto}
.bm .faq-wrap .entry{display:flex;flex-direction:column;gap:12px}
.bm .faq-item{background:var(--raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-sm);overflow:hidden}
.bm .faq-item[open]{border-color:var(--brand)}
.bm .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px}
.bm .faq-item summary::-webkit-details-marker{display:none}
.bm .faq-item summary::after{content:"";flex:none;width:12px;height:12px;border-inline-end:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.bm .faq-item[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.bm .faq-item summary h2{margin:0;padding:0;border:0;font:700 17px/30px var(--sans);color:var(--ink)}
.bm .faq-item summary h2::before,.bm .faq-item summary h2::after{display:none}
.bm .faq-a{padding:0 22px 20px;font-size:15px;line-height:32px}
.bm .faq-a p{margin:0 0 10px}
.bm .richx .pdesc{max-width:960px;margin-inline:auto}
@media (max-width:767px){.bm .entry .e-con,.bm .entry .e-con-inner{min-height:0!important}.bm .faq-item summary{padding:14px 16px}.bm .faq-a{padding:0 16px 16px}}

/* ===== v0.2.22 ===== */
.bm .fcol .fphones a,.bm .footer .fphones a{padding:10px 18px!important;margin:0}
.bm .fcol .fphones{padding-inline:2px}
.bm .prod .pbtns .btn{width:100%}
/* product accordion + reviews */
.bm .entry details.e-n-accordion-item,.bm .entry details.e-n-accordion-item>summary{background:var(--raised)!important;background-color:var(--raised)!important}
.bm .entry details.e-n-accordion-item>summary{min-height:0!important;margin:0!important;box-shadow:none!important;border:0!important}
.bm .entry details.e-n-accordion-item>[role=region]{background:transparent!important;min-height:0!important;margin:0!important;padding:0 20px 16px!important}
.bm .entry details.e-n-accordion-item>[role=region]>.e-con,.bm .entry details.e-n-accordion-item>[role=region] .e-con-inner{min-height:0!important;padding:0!important}
.bm .entry .e-n-accordion,.bm .entry .elementor-widget-n-accordion,.bm .entry .elementor-widget-n-accordion>.elementor-widget-container{margin:0 0 20px!important;padding:0!important;min-height:0!important;height:auto!important}
.bm .entry .elementor-widget,.bm .entry .elementor-element{margin-bottom:0}
.bm .entry .bbm-product-reviews{background:var(--raised)!important;border:1px solid var(--border)!important;border-radius:16px!important;color:var(--ink)!important;margin:24px 0!important;padding:20px!important;min-height:0!important;box-shadow:none!important}
.bm .entry .bbm-product-reviews *{color:var(--ink)!important;background-color:transparent!important;border-color:var(--border)!important}
.bm .entry .bbm-product-reviews h2,.bm .entry .bbm-product-reviews h3,.bm .entry .bbm-product-reviews .comment-reply-title{font:700 18px/30px var(--sans)!important;margin:0 0 10px!important}
.bm .entry .bbm-product-reviews p{margin:0 0 10px!important}
.bm .entry .bbm-product-reviews input[type=text],.bm .entry .bbm-product-reviews input[type=email],.bm .entry .bbm-product-reviews input[type=url],.bm .entry .bbm-product-reviews input[type=number],.bm .entry .bbm-product-reviews textarea{width:100%;background:var(--sunken)!important;border:1px solid var(--border)!important;border-radius:10px;padding:10px 12px;font:400 15px/26px var(--sans)}
.bm .entry .bbm-product-reviews textarea{min-height:100px;height:100px}
.bm .entry .bbm-product-reviews input[type=submit],.bm .entry .bbm-product-reviews button[type=submit]{background:var(--brand)!important;color:#fff!important;border:0!important;border-radius:10px;padding:10px 22px;font:700 15px var(--sans);cursor:pointer}
.bm .entry .bbm-product-reviews ol,.bm .entry .bbm-product-reviews ul{margin:0;padding:0;list-style:none}

/* ===== v0.2.23 ===== */
html[data-bm-theme=dark]{color-scheme:dark}
@media (max-width:1023px){
 .bm .chip,.bm .bn,.bm .bd{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .bm .bn{background:var(--raised)!important}
 .bm .orb,.bm .vis .halo,.bm .hero .glow,.bm .ph-img .halo{filter:none!important;animation:none!important}
 .bm .orb,.bm .hero .glow{display:none!important}
 .bm .shop-side,.bm .post-side,.bm .pgal,.bm .ct-info,.bm .why-head{position:static!important}
 .bm *{will-change:auto!important}
 .bm .card,.bm .pcard{box-shadow:none!important}
}
/* generic pages (cart, checkout, account, any remaining page) */
.bm .gen-card{padding:28px}
.bm .gen-card .entry{max-width:none}
.bm .woocommerce table,.bm .entry table{width:100%;border-collapse:collapse;color:var(--ink)}
.bm .woocommerce table th,.bm .woocommerce table td{border:1px solid var(--border)!important;padding:10px 12px;background:transparent!important;color:var(--ink)}
.bm .woocommerce input[type=text],.bm .woocommerce input[type=email],.bm .woocommerce input[type=tel],.bm .woocommerce input[type=password],.bm .woocommerce input[type=number],.bm .woocommerce select,.bm .woocommerce textarea,.bm .select2-selection{background:var(--sunken)!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-radius:10px;padding:10px 12px;font:400 15px/26px var(--sans)}
.bm .woocommerce a.button,.bm .woocommerce button.button,.bm .woocommerce input.button,.bm .woocommerce #respond input#submit,.bm .woocommerce a.button.alt,.bm .woocommerce button.button.alt{background:var(--brand)!important;color:#002846!important;border-radius:10px;padding:10px 22px;font:700 15px var(--sans);border:0}
.bm .woocommerce-message,.bm .woocommerce-info,.bm .woocommerce-error{background:var(--sunken)!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-top:3px solid var(--brand)!important;border-radius:10px;padding:14px 18px;list-style:none}
.bm .woocommerce-message::before,.bm .woocommerce-info::before{color:var(--brand)!important}
.bm .woocommerce-checkout #payment,.bm .woocommerce-checkout #payment div.payment_box{background:var(--sunken)!important;color:var(--ink)!important}
.bm .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.bm .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;background:var(--sunken);color:var(--ink)}
.bm .woocommerce-MyAccount-navigation .is-active a{background:var(--brand);color:#002846}
.bm .gen-card label{color:var(--ink)}

/* ===== v0.2.24 ===== */
html{color-scheme:dark}
html[data-bm-theme=light]{color-scheme:light}
.bm[data-theme=dark]{color-scheme:dark}
.bm[data-theme=light]{color-scheme:light}
@media (max-width:1023px){
 .bm{overflow-x:clip}
 .bm .entry table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .bm .entry img,.bm .entry figure{max-width:100%;height:auto}
 .bm .entry .e-con,.bm .entry .elementor-widget{transform:none!important;position:static!important;opacity:1!important;animation:none!important}
}

/* ===== v0.2.25: Perfmatters "used CSS" re-injects Elementor's `.e-con>.e-con-inner{height:100%}` for visitors → huge blank gaps. Neutralise. ===== */
.bm .entry .elementor,.bm .entry .e-con,.bm .entry .e-con-inner,.bm .entry .elementor-element,.bm .entry .elementor-widget-container,.bm .entry .elementor-widget-wrap{height:auto!important;min-height:0!important;max-height:none!important;flex:none!important}
.bm .entry .e-con,.bm .entry .e-con-inner,.bm .entry .elementor{display:block!important;--gap:0px;--row-gap:0px;--column-gap:0px;gap:0!important}
@media (max-width:767px){.bm .pdesc{padding:16px!important}.bm .entry ul,.bm .entry ol{padding-inline-start:0}}

/* ===== v0.2.26: readable list text + more vivid orange in dark ===== */
.bm .entry li,.bm .entry dd,.bm .entry dt,.bm .entry blockquote,.bm .entry td,.bm .entry th{color:var(--ink)!important}
.bm .entry li>a,.bm .entry p>a,.bm .entry td a{color:var(--link)!important}
.bm[data-theme=dark]{--accent:#ff7a21;--accent-fill:#ff6a10;--link:#ff8a2b;--copper:#ff8a3d}
.bm[data-theme=dark] .entry a{color:#ff8a2b!important}
.bm[data-theme=dark] .entry h2,.bm[data-theme=dark] .entry h3{text-decoration-color:currentColor}

/* ===== v0.2.27: inline-styled light callout boxes ===== */
.bm .entry .bbm-cta-box,.bm .entry p[style*="background"],.bm .entry div[style*="background"],.bm .entry blockquote[style*="background"]{background:var(--sunken)!important;color:var(--ink)!important;border-right:4px solid var(--brand)!important;border-left:0!important;border-radius:12px!important;padding:16px 18px!important;margin:18px 0!important}
.bm .entry .bbm-cta-box *,.bm .entry [style*="background"] a{color:inherit}
.bm .entry .bbm-cta-box a{color:var(--link)!important;font-weight:700}

/* ===== v0.2.29: ShinyButton (ported from the React component to plain CSS) — product inquiry buttons ===== */
@property --bmg-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --bmg-offset{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --bmg-pct{syntax:"<percentage>";initial-value:5%;inherits:false}
@property --bmg-shine{syntax:"<color>";initial-value:white;inherits:false}
.bm .btn.btn-shiny{
 --gleam-base:#05101c;--gleam-inset:#1a1818;--gleam-label:#fff;--gleam-accent:#ff5f00;--gleam-accent-soft:#ff9253;
 --animation:bmg-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:.8s cubic-bezier(.25,1,.5,1);
 isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;
 padding:1rem 2.1rem;min-height:56px;font:800 17px/1.2 var(--sans);letter-spacing:.2px;
 border:1px solid transparent;border-radius:16px;color:var(--gleam-label);
 background:linear-gradient(var(--gleam-base),var(--gleam-base)) padding-box,
  conic-gradient(from calc(var(--bmg-angle) - var(--bmg-offset)),transparent,var(--gleam-accent) var(--bmg-pct),var(--bmg-shine) calc(var(--bmg-pct)*2),var(--gleam-accent) calc(var(--bmg-pct)*3),transparent calc(var(--bmg-pct)*4)) border-box;
 box-shadow:inset 0 0 0 1px var(--gleam-inset),0 10px 28px -10px rgba(255,95,0,.55);
 transition:var(--transition);transition-property:--bmg-offset,--bmg-pct,--bmg-shine,transform;white-space:nowrap}
.bm .btn.btn-shiny.btn-sm{min-height:40px;padding:.5rem 1.2rem;font-size:15px;border-radius:12px}
.bm .btn.btn-shiny>span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px}
.bm .btn.btn-shiny::before,.bm .btn.btn-shiny::after,.bm .btn.btn-shiny>span::before{content:"";pointer-events:none;position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:-1}
.bm .btn.btn-shiny:active{translate:0 1px}
.bm .btn.btn-shiny::before{--size:calc(100% - var(--shadow-size)*3);--position:2px;--space:calc(var(--position)*2);width:var(--size);height:var(--size);
 background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position)/4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;
 mask-image:conic-gradient(from calc(var(--bmg-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}
.bm .btn.btn-shiny::after{--animation:bmg-shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--gleam-accent),transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}
.bm .btn.btn-shiny>span::before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--gleam-accent);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration)*1.5) bmg-breathe linear infinite}
.bm .btn.btn-shiny,.bm .btn.btn-shiny::before,.bm .btn.btn-shiny::after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration)/.4) reverse paused;animation-composition:add}
.bm .btn.btn-shiny:is(:hover,:focus-visible){--bmg-pct:20%;--bmg-offset:95deg;--bmg-shine:var(--gleam-accent-soft);background-color:transparent;transform:none}
.bm .btn.btn-shiny:is(:hover,:focus-visible),.bm .btn.btn-shiny:is(:hover,:focus-visible)::before,.bm .btn.btn-shiny:is(:hover,:focus-visible)::after{animation-play-state:running}
.bm .btn.btn-shiny:is(:hover,:focus-visible)>span::before{opacity:1}
@keyframes bmg-angle{to{--bmg-angle:360deg}}
@keyframes bmg-shimmer{to{rotate:360deg}}
@keyframes bmg-breathe{from,to{scale:1}50%{scale:1.2}}
@media (prefers-reduced-motion:reduce){.bm .btn.btn-shiny,.bm .btn.btn-shiny::before,.bm .btn.btn-shiny::after,.bm .btn.btn-shiny>span::before{animation:none!important}.bm .btn.btn-shiny:is(:hover,:focus-visible)>span::before{opacity:0}.bm .btn.btn-shiny{transition:none}}

/* v0.2.30: WhatsApp-green variant */
.bm .btn.btn-shiny{--gleam-base:#128c4b;--gleam-inset:#0b5a31;--gleam-label:#fff;--gleam-accent:#7dffb0;--gleam-accent-soft:#ffffff;box-shadow:inset 0 0 0 1px var(--gleam-inset),0 10px 28px -10px rgba(37,211,102,.7)}
.bm .btn.btn-shiny svg{width:22px;height:22px;fill:currentColor;flex:none}

/* v0.2.31: dark fill, green glow, fixed icon */
.bm .btn.btn-shiny{--gleam-base:#05101c;--gleam-inset:#0b2a1a;--gleam-accent:#25d366;--gleam-accent-soft:#7dffb0;box-shadow:inset 0 0 0 1px var(--gleam-inset),0 10px 30px -10px rgba(37,211,102,.65)}
.bm .btn.btn-shiny svg{width:22px;height:22px;fill:none!important;stroke:#25d366!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bm .btn.btn-shiny svg *{fill:none!important;stroke:#25d366!important}

/* ===== v0.2.32: header (sticky + blur + compact on scroll), category row, off-canvas, hero rotator ===== */
.bm .hd{background:color-mix(in srgb,var(--surface) 68%,transparent)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5)!important;backdrop-filter:blur(18px) saturate(1.5)!important;border-bottom:1px solid var(--border);transition:box-shadow .3s}
.bm .hd.sc{box-shadow:0 12px 32px -16px rgba(0,0,0,.5)}
.bm .hd>.wrap:first-child{transition:min-height .3s}
.bm .hd .logo img{transition:height .3s}
.bm .hd.sc>.wrap:first-child{min-height:62px!important}
.bm .hd.sc .logo img{height:38px!important}
.bm .cats{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;background:transparent}
.bm .catrow{display:flex;align-items:center;gap:10px;min-height:54px;transition:min-height .3s;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap}
.bm .catrow::-webkit-scrollbar{display:none}
.bm .catlbl{font:700 13px/20px var(--sans);color:var(--muted);flex:none}
.bm .catpill{display:inline-flex;align-items:center;gap:9px;flex:none;scroll-snap-align:start;padding:5px 16px 5px 6px;border-radius:9999px;border:1px solid var(--border);background:color-mix(in srgb,var(--raised) 80%,transparent);font:700 13.5px/20px var(--sans);color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.bm .catpill .cpi{display:grid;place-items:center;width:30px;height:30px;border-radius:9999px;background:var(--brand-s);color:var(--accent);transition:width .3s,height .3s}
.bm .catpill .cpi svg{width:16px;height:16px}
.bm .catpill:hover{transform:translateY(-1px);border-color:var(--brand);box-shadow:var(--sh-sm)}
.bm .catpill.on{background:var(--brand);border-color:var(--brand);color:var(--onbrand)}
.bm .catpill.on .cpi{background:rgba(255,255,255,.4);color:var(--onbrand)}
.bm .hd.sc .catrow{min-height:44px}
.bm .hd.sc .catpill{padding:3px 14px 3px 4px;font-size:13px}
.bm .hd.sc .catpill .cpi{width:26px;height:26px}
.bm .hd .nav>a,.bm .hd .nav-sub>a{position:relative}
.bm .hd .nav>a::after,.bm .hd .nav-sub>a::after{content:"";position:absolute;inset-inline:14px;bottom:3px;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transition:transform .25s}
.bm .hd .nav>a:hover::after,.bm .hd .nav>a.on::after,.bm .hd .nav-sub:hover>a::after,.bm .hd .nav-sub>a.on::after{transform:scaleX(1)}
.bm .hd .nav a:hover{background:transparent}
.bm .hd .hd-cta{font-weight:800;box-shadow:var(--glow)}
@media (max-width:1023px){
 .bm .cats{display:block!important}
 .bm .catlbl{display:none}
 .bm .catrow{padding-inline:16px;gap:8px;min-height:50px}
 .bm .catpill{font-size:13px}
 .bm .hd.sc>.wrap:first-child{min-height:52px!important}
 .bm .hd.sc .logo img{height:32px!important}
 .bm .hd.sc .catrow{min-height:42px}
}
/* off-canvas */
.bm .oc{background:linear-gradient(180deg,var(--raised),var(--surface))}
.bm .oc-top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--border)}
.bm .oc-top img{height:38px;width:auto}
.bm .oc-x{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--sunken);color:var(--ink);cursor:pointer}
.bm .oc-body{flex:1;padding:4px 16px 12px}
.bm .oc-sec{margin-top:16px}
.bm .oc-h{font:700 12px/18px var(--sans);letter-spacing:.3px;color:var(--muted);margin:0 4px 10px}
.bm .oc-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bm .oc-cats a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--raised);font:700 14px/22px var(--sans);color:var(--ink);transition:transform .15s}
.bm .oc-cats a:active{transform:scale(.97)}
.bm .oc-ci{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--brand-s);color:var(--accent)}
.bm .oc .lk{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 10px;border-radius:14px;font:600 16px/26px var(--sans)}
.bm .lk-i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--sunken);color:var(--accent);flex:none}
.bm .lk-t{flex:1}
.bm .oc-foot{padding:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;background:var(--raised)}
.bm .oc-ph{display:flex;align-items:center;justify-content:center;gap:10px;font:800 20px/30px var(--sans);direction:ltr;color:var(--ink)}
.bm .oc-cta{width:100%;min-height:52px;font-size:16px;font-weight:800}
.bm .oc-wa{width:100%;min-height:52px;background:#25d366;color:#052e16;font-weight:800;border-radius:12px}
.bm .oc-wa svg{stroke:#052e16}
/* hero rotating word */
.bm .hero h1 .rot-line{display:block;min-height:1.25em}
.bm .hero h1 em.rot{font-style:normal;color:#fbb829!important}
.bm .rot-w::after{content:"";display:inline-block;width:3px;height:.85em;background:#fbb829;margin-inline-start:6px;vertical-align:-.06em;animation:bmcaret 1s steps(1) infinite}
@keyframes bmcaret{50%{opacity:0}}
/* shop category chips: real horizontal scroll on touch */
.bm .shop-main,.bm .shop-tools{min-width:0;max-width:100%}
@media (max-width:1000px){.bm .chipbar{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x proximity;max-width:100%;width:100%}.bm .fchip{flex:none;scroll-snap-align:start}}

/* ===== v0.2.34: bigger full-width bottom nav, icon-only floating buttons on mobile ===== */
@media (max-width:1023px){
 .bm .bn{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:0 0 env(safe-area-inset-bottom)}
 .bm .bn a,.bm .bn button{min-height:68px;gap:4px;font:700 13px/18px var(--sans);border-radius:0;color:var(--muted)}
 .bm .bn svg{width:27px;height:27px}
 .bm .bn .on{color:var(--ink);background:color-mix(in srgb,var(--brand) 14%,transparent)}
 .bm .bn .on::before{top:0;width:44px;height:3px}
 .bm .bn a:active,.bm .bn button:active{background:var(--brand-s)}
 .bm .fab{bottom:calc(84px + env(safe-area-inset-bottom));inset-inline-start:12px;flex-direction:column;gap:10px;background:none;box-shadow:none;border-radius:0}
 .bm .fab .pill{font-size:0;gap:0;padding:0;width:50px;height:50px;min-height:50px;justify-content:center;border-radius:9999px;background:#002846;border:1px solid rgba(251,184,41,.45);box-shadow:var(--sh-lg)}
 .bm .fab .pill svg{width:24px;height:24px}
 .bm .fab .wa{width:50px;height:50px;box-shadow:var(--sh-lg)}
}
@media(max-width:1023px){.bm .fab{inset-inline-start:auto!important;inset-inline-end:auto!important;left:12px!important;right:auto!important}}
/* v0.2.38 */
.bm .bn-cta,.bm .fab-lbl{display:none}
@media(max-width:1023px){
.bm .bn{inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:0 6px;border-radius:24px;border:1px solid rgba(251,184,41,.3);background:linear-gradient(180deg,rgba(0,52,92,.9),rgba(0,28,50,.95))!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 12px 30px -6px rgba(0,0,0,.6),0 0 24px -8px rgba(251,184,41,.35);overflow:visible;align-items:end}
.bm .bn a,.bm .bn button{min-height:58px;margin:4px 0;border-radius:18px;color:#b9c7d6;font:600 12px/16px var(--sans);gap:3px}
.bm .bn svg{width:24px;height:24px}
.bm .bn .on{color:#fbb829;background:rgba(251,184,41,.12)}
.bm .bn .on::before{display:none}
.bm .bn .on::after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:#fbb829;box-shadow:0 0 6px #fbb829}
.bm .bn .bn-cta{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:none;color:#fbb829;font:700 12px/16px var(--sans);position:relative;margin:4px 0}
.bm .bn-cta-i{position:absolute;top:-26px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd35c,#f59e0b);border:3px solid #00243f;box-shadow:0 8px 20px -4px rgba(251,184,41,.65);animation:bnp 2.4s infinite}
.bm .bn-cta-i svg{width:26px;height:26px;color:#002846}
.bm .bn-cta-t{font-size:12px}
@keyframes bnp{70%{box-shadow:0 8px 20px -4px rgba(251,184,41,.65),0 0 0 12px rgba(251,184,41,0)}100%{box-shadow:0 8px 20px -4px rgba(251,184,41,.65),0 0 0 0 rgba(251,184,41,0)}}
.bm .fab{display:flex!important;bottom:calc(92px + env(safe-area-inset-bottom))}
.bm{padding-bottom:96px}
}
@media(max-width:1023px){.bm .bn a,.bm .bn button,.bm .bn .bn-cta{font-size:11.5px;padding-inline:0}.bm .bn{padding:0 4px}}
.bm a.mqi{color:inherit;text-decoration:none;transition:color .2s}.bm a.mqi:hover{color:var(--brand)}
@media(max-width:700px){.bm .tabs{display:flex;width:100%}.bm .tabs .tab{flex:1 1 0;min-width:0;padding-inline:6px;font-size:13.5px;gap:6px}.bm .tabs .tab svg{width:16px;height:16px}}
.bm .fbottom{flex-wrap:wrap}.bm .fbottom .credit{display:block;text-align:center;margin-top:10px;font:400 11px/16px Arial,Helvetica,sans-serif;letter-spacing:.3px;color:var(--muted);opacity:.7;text-decoration:none;transition:opacity .2s,color .2s}.bm .fbottom .credit:hover{opacity:1;color:var(--brand)}

/* ---- 0.2.45 ---- */
/* content tables: full width on desktop; horizontal scroll (display:block) only on smaller screens */
@media (min-width:1024px){.bm .hub-entry table,.bm .post-main .entry table{display:table!important;overflow:visible}}
/* the cover now carries width/height attributes (no layout shift) — keep its natural ratio */
.bm .post-cover img{height:auto}
/* never draw a box for an empty list item / heading left in the editor */
.bm .entry li:empty,.bm .entry h2:empty,.bm .entry h3:empty,.bm .entry h4:empty{display:none}
/* long Latin names (e.g. 2-Methyl-1-propanol) must wrap on phones instead of overflowing */
.bm .entry h1,.bm .entry h2,.bm .entry h3,.bm .entry h4,.bm .pagehero h1{overflow-wrap:break-word}

/* ---- 0.2.46 ---- */
/* review rating stars: the theme's icon font is not loaded on redesigned pages, so draw the glyph here
   (colours/selected state come from the existing reviews stylesheet: .star / .star.selected) */
.bm .comment-form-rating .ht-single-produc-stars{display:inline-flex;gap:6px;align-items:center;margin:6px 0 12px;height:auto}
.bm .comment-form-rating .ht-single-produc-stars .star{display:inline-block;height:auto;width:auto;line-height:1;cursor:pointer}
.bm .comment-form-rating .ht-single-produc-stars .star::before{content:"\2605"}
.bm .comment-form-rating .ht-single-produc-stars .star.bm-hover{color:#f5b301!important}
.bm .comment-form-rating .ht-single-produc-stars .star:focus-visible{outline:2px solid #fbb829;outline-offset:3px;border-radius:4px}