/* =====================================================================
   BREXLABS — high-performance PC parts & accessories.
   Cyberpunk lab aesthetic: matte black, electric cyan, glow + scanlines.
   Loaded after nav.css; only adds brand-specific rules below.
   ===================================================================== */

:root{
  --bx-bg:#0a0a0c;
  --bx-bg2:#121216;
  --bx-panel:#131318;
  --bx-hair:rgba(0,240,255,.14);
  --bx-hair-soft:rgba(255,255,255,.08);
  --bx-cyan:#00f0ff;
  --bx-cyan2:#00c8ff;
  --bx-ink:#ffffff;
  --bx-muted:#94a3b8;
  --bx-danger:#ff4d6d;
  --bx-good:#3ddc97;
  --bx-radius:16px;
  --bx-glow:0 0 0 1px rgba(0,240,255,.18),0 0 32px -8px rgba(0,240,255,.45);
}

body[data-page="brexlabs"]{background:var(--bx-bg);color:var(--bx-ink);font-family:'Archivo',system-ui,sans-serif}
body[data-page="brexlabs"] .site-header{background:rgba(10,10,12,.6)}
body[data-page="brexlabs"] .site-header.scrolled{background:rgba(10,10,12,.9);border-bottom-color:var(--bx-hair)}

/* faint scanline overlay across the whole store */
body[data-page="brexlabs"]::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(180deg,rgba(0,240,255,.025) 0 1px,transparent 1px 3px);
}

.bx-wrap{max-width:1280px;margin-inline:auto;padding-inline:clamp(18px,4vw,40px);position:relative;z-index:1}

/* ---- Sub-header (brand bar under the universal nav) ------------------ */
.bx-subheader{position:sticky;top:var(--nav-h);z-index:80;background:rgba(10,10,12,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--bx-hair);margin-top:var(--nav-h)}
.bx-subheader-wrap{max-width:1280px;margin-inline:auto;padding:.75rem clamp(18px,4vw,40px);display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.bx-brand{display:inline-flex;align-items:center}
.bx-brand img{height:26px;width:auto;filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}
.bx-tagline{color:var(--bx-muted);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;display:none}
@media (min-width:640px){.bx-tagline{display:inline}}
.bx-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.4rem);margin-left:auto;overflow-x:auto;scrollbar-width:none}
.bx-nav::-webkit-scrollbar{display:none}
.bx-nav a{color:var(--bx-muted);font-size:.86rem;font-weight:600;white-space:nowrap;padding:.4em .1em;position:relative;transition:color .18s}
.bx-nav a:hover{color:var(--bx-ink)}
.bx-nav a[aria-current="page"]{color:var(--bx-cyan)}
.bx-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--bx-cyan);box-shadow:0 0 8px var(--bx-cyan)}
.bx-cart-link{display:inline-flex;align-items:center;gap:.4em;position:relative;background:rgba(0,240,255,.08);border:1px solid var(--bx-hair);padding:.5em .9em;border-radius:999px}
.bx-cart-link:hover{background:rgba(0,240,255,.16)}
.bx-cart-link svg{width:18px;height:18px}
.bx-cart-badge{background:var(--bx-cyan);color:#031014;font-weight:800;font-size:.72rem;min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;padding:0 4px}
.bx-cart-badge[data-empty="true"]{opacity:.5}

/* ---- Buttons ----------------------------------------------------------- */
.bx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:linear-gradient(135deg,var(--bx-cyan),var(--bx-cyan2));color:#031014;font-weight:800;font-size:.94rem;
  padding:.85em 1.6em;border-radius:11px;transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 1px rgba(0,240,255,.3),0 14px 34px -14px rgba(0,240,255,.7)}
.bx-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,240,255,.5),0 20px 40px -14px rgba(0,240,255,.85)}
.bx-btn:active{transform:translateY(0)}
.bx-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.bx-btn--ghost{background:transparent;color:var(--bx-ink);box-shadow:none;border:1px solid rgba(255,255,255,.22)}
.bx-btn--ghost:hover{border-color:var(--bx-cyan);color:var(--bx-cyan);box-shadow:0 0 24px -10px rgba(0,240,255,.6)}
.bx-btn--sm{padding:.55em 1.1em;font-size:.82rem;border-radius:9px}
.bx-btn--block{width:100%}
.bx-kicker{color:var(--bx-cyan);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.7rem;text-shadow:0 0 16px rgba(0,240,255,.5)}

/* ---- Hero --------------------------------------------------------------- */
.bx-hero{position:relative;padding:clamp(3rem,8vw,6rem) 0 clamp(2.4rem,6vw,4rem);overflow:hidden}
.bx-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:940px){.bx-hero-grid{grid-template-columns:1fr}}
.bx-hero h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.03;letter-spacing:-.02em;font-weight:800;margin-bottom:1.1rem}
.bx-hero h1 em{font-style:normal;color:var(--bx-cyan);text-shadow:0 0 26px rgba(0,240,255,.65)}
.bx-hero p.lede{color:var(--bx-muted);font-size:1.08rem;line-height:1.65;max-width:52ch;margin-bottom:1.8rem}
.bx-hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}
.bx-hero-art{position:relative;border-radius:20px;overflow:hidden;
  background:url("../../brexlabs/images/bg_hero_abstract_cyber.png") center/cover;
  box-shadow:inset 0 0 0 1px var(--bx-hair)}
.bx-hero-art img{width:100%;height:auto;position:relative;z-index:1}
img.bx-hero-corner{position:absolute;width:64px;height:64px;opacity:.85;pointer-events:none;z-index:2}
.bx-hero-corner--tl{top:10px;left:10px}
.bx-hero-corner--tr{top:10px;right:10px;transform:scaleX(-1)}
.bx-hero-corner--bl{bottom:10px;left:10px;transform:scaleY(-1)}
.bx-hero-corner--br{bottom:10px;right:10px;transform:scale(-1,-1)}
.bx-divider{display:block;width:100%;height:auto;opacity:.55;margin:0}

/* ---- Trust badges ------------------------------------------------------- */
.bx-trust{border-top:1px solid var(--bx-hair-soft);border-bottom:1px solid var(--bx-hair-soft);padding:1.6rem 0;background:rgba(0,240,255,.03)}
.bx-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media (max-width:780px){.bx-trust-grid{grid-template-columns:1fr}}
.bx-trust-item{display:flex;align-items:center;gap:.85rem}
.bx-trust-item .bx-icon-tile{flex:none}
.bx-trust-item h4{font-size:.95rem;font-weight:700}
.bx-trust-item p{color:var(--bx-muted);font-size:.84rem}
.bx-icon-tile{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(0,240,255,.1);border:1px solid var(--bx-hair);color:var(--bx-cyan)}
.bx-icon-tile svg{width:20px;height:20px}

/* ---- Section heads -------------------------------------------------------*/
.bx-section{padding:clamp(3rem,7vw,5rem) 0}
.bx-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.bx-section-head h2{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.01em}
.bx-section-head p{color:var(--bx-muted);margin-top:.4rem;max-width:60ch}
.bx-section-head a{color:var(--bx-cyan);font-weight:700;font-size:.9rem;white-space:nowrap}
.bx-section-head a:hover{text-decoration:underline}

/* ---- Category grid -------------------------------------------------------*/
.bx-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media (max-width:900px){.bx-cat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.bx-cat-grid{grid-template-columns:1fr}}
.bx-cat-card{position:relative;display:block;padding:1.6rem 1.4rem;border-radius:var(--bx-radius);background:linear-gradient(180deg,var(--bx-panel),#0d0d11);
  border:1px solid var(--bx-hair-soft);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.bx-cat-card::before{content:"";position:absolute;inset:0;background:radial-gradient(120px 120px at 85% 0%,rgba(0,240,255,.16),transparent 70%);opacity:0;transition:opacity .25s}
.bx-cat-card:hover{transform:translateY(-4px);border-color:var(--bx-hair);box-shadow:var(--bx-glow)}
.bx-cat-card:hover::before{opacity:1}
.bx-cat-card .bx-cat-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:rgba(0,240,255,.08);border:1px solid var(--bx-hair);color:var(--bx-cyan);margin-bottom:1.1rem}
.bx-cat-card .bx-cat-icon svg{width:26px;height:26px}
.bx-cat-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.3rem}
.bx-cat-card p{color:var(--bx-muted);font-size:.86rem}
.bx-cat-card .bx-cat-go{position:absolute;top:1.5rem;right:1.4rem;color:var(--bx-muted);transition:color .2s,transform .2s}
.bx-cat-card:hover .bx-cat-go{color:var(--bx-cyan);transform:translate(3px,-3px)}

/* ---- Product carousel (home) ---------------------------------------------*/
.bx-carousel{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;margin:0 -4px;padding-inline:4px}
.bx-carousel::-webkit-scrollbar{height:8px}
.bx-carousel::-webkit-scrollbar-thumb{background:var(--bx-hair);border-radius:8px}
.bx-carousel .bx-card{scroll-snap-align:start;flex:0 0 clamp(230px,26vw,270px)}

/* ---- Product grid + cards --------------------------------------------- */
.bx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
@media (max-width:1100px){.bx-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:780px){.bx-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.bx-grid{grid-template-columns:1fr}}

.bx-card{background:linear-gradient(180deg,var(--bx-panel),#0d0d11);border:1px solid var(--bx-hair-soft);border-radius:var(--bx-radius);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}
.bx-card:hover{transform:translateY(-4px);border-color:var(--bx-hair);box-shadow:var(--bx-glow)}
.bx-card-media{position:relative;aspect-ratio:1/1;display:grid;place-items:center;
  background:url("../../brexlabs/images/product_card_base_v1.png") center/cover,radial-gradient(120% 120% at 50% 0%,rgba(0,240,255,.1),transparent 65%),#0c0c10;
  border-bottom:1px solid var(--bx-hair-soft);cursor:pointer}
.bx-card-media img{width:42%;height:42%;color:var(--bx-cyan);filter:drop-shadow(0 0 18px rgba(0,240,255,.45))}
.bx-badge{position:absolute;top:.7rem;left:.7rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.32em .6em;border-radius:999px}
.bx-badge--sale{background:var(--bx-cyan);color:#031014}
.bx-badge--new{background:#fff;color:#031014}
.bx-badge--exclusive{background:rgba(0,240,255,.14);color:var(--bx-cyan);border:1px solid var(--bx-hair)}
.bx-stock{position:absolute;top:.7rem;right:.7rem;font-size:.68rem;font-weight:700;color:var(--bx-good);background:rgba(6,20,16,.7);border:1px solid rgba(61,220,151,.35);padding:.3em .55em;border-radius:999px}
.bx-stock[data-low="true"]{color:#ffb020;border-color:rgba(255,176,32,.35)}
.bx-quickview{position:absolute;inset:auto .7rem .7rem .7rem;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;
  background:rgba(4,4,6,.85);color:#fff;border:1px solid var(--bx-hair);font-size:.76rem;font-weight:700;padding:.5em;border-radius:9px;text-align:center}
.bx-card:hover .bx-quickview{opacity:1;transform:translateY(0)}
.bx-card-body{padding:1.05rem 1.05rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.bx-card-cat{color:var(--bx-cyan);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.bx-card-body h3{font-size:1rem;font-weight:700}
.bx-card-desc{color:var(--bx-muted);font-size:.83rem;line-height:1.5;flex:1}
.bx-rating{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--bx-muted)}
.bx-rating svg{width:13px;height:13px;fill:var(--bx-cyan)}
.bx-price-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.2rem}
.bx-price{font-size:1.15rem;font-weight:800}
.bx-price-compare{color:var(--bx-muted);text-decoration:line-through;font-size:.84rem}
.bx-add{margin-top:.5rem}
.bx-add[data-added="true"]{background:var(--bx-good)}

/* ---- Filter bar --------------------------------------------------------- */
.bx-filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.8rem}
.bx-filter{background:transparent;border:1px solid var(--bx-hair-soft);color:var(--bx-muted);font-size:.86rem;font-weight:600;
  padding:.55em 1.1em;border-radius:999px;transition:.18s}
.bx-filter:hover{color:var(--bx-ink);border-color:var(--bx-hair)}
.bx-filter.is-active{background:var(--bx-cyan);color:#031014;border-color:var(--bx-cyan)}
.bx-catalog-empty{display:none;color:var(--bx-muted);text-align:center;padding:3rem 0}
.bx-catalog-empty.is-visible{display:block}

/* ---- Bundles ------------------------------------------------------------*/
.bx-bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
@media (max-width:900px){.bx-bundle-grid{grid-template-columns:1fr}}
.bx-bundle{position:relative;border-radius:var(--bx-radius);border:1px solid var(--bx-hair);background:linear-gradient(180deg,rgba(0,240,255,.06),var(--bx-panel) 40%);
  padding:1.8rem;display:flex;flex-direction:column;gap:.9rem}
.bx-bundle--featured{border-color:var(--bx-cyan);box-shadow:var(--bx-glow)}
.bx-bundle-badge{position:absolute;top:-12px;left:1.6rem;background:var(--bx-cyan);color:#031014;font-size:.7rem;font-weight:800;padding:.3em .8em;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}
.bx-bundle h3{font-size:1.3rem;font-weight:800}
.bx-bundle-items{color:var(--bx-muted);font-size:.86rem;line-height:1.7}
.bx-bundle-items li{list-style:none;padding-left:1.3em;position:relative}
.bx-bundle-items li::before{content:"✓";position:absolute;left:0;color:var(--bx-cyan);font-weight:800}
.bx-bundle-price{display:flex;align-items:baseline;gap:.6rem;margin-top:auto}
.bx-bundle-price .bx-price{font-size:1.6rem}
.bx-bundle-save{color:var(--bx-good);font-size:.8rem;font-weight:700}

/* ---- Product modal (quick view) ----------------------------------------*/
.bx-modal-overlay{position:fixed;inset:0;z-index:1200;background:rgba(4,4,6,.78);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:1.2rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.bx-modal-overlay.is-open{opacity:1;visibility:visible}
.bx-modal{width:min(920px,100%);max-height:88vh;overflow-y:auto;background:#0e0e13;border:1px solid var(--bx-hair);border-radius:20px;
  box-shadow:0 40px 100px -30px rgba(0,0,0,.9),var(--bx-glow);display:grid;grid-template-columns:1fr 1fr;transform:translateY(14px);transition:transform .25s}
.bx-modal-overlay.is-open .bx-modal{transform:translateY(0)}
@media (max-width:760px){.bx-modal{grid-template-columns:1fr}}
.bx-modal-media{background:url("../../brexlabs/images/product_card_base_v1.png") center/cover,radial-gradient(120% 120% at 50% 0%,rgba(0,240,255,.12),transparent 65%),#0b0b0f;display:grid;place-items:center;padding:3rem}
.bx-modal-media img{width:55%;color:var(--bx-cyan);filter:drop-shadow(0 0 24px rgba(0,240,255,.5))}
.bx-modal-body{padding:2rem;position:relative;display:flex;flex-direction:column;gap:.9rem}
.bx-modal-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:9px;border:1px solid var(--bx-hair-soft);display:grid;place-items:center;color:var(--bx-muted)}
.bx-modal-close:hover{color:var(--bx-ink);border-color:var(--bx-hair)}
.bx-modal-specs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem;font-size:.84rem;color:var(--bx-muted);border-top:1px solid var(--bx-hair-soft);border-bottom:1px solid var(--bx-hair-soft);padding:.9rem 0}
.bx-modal-specs dt{color:var(--bx-ink);font-weight:600}
.bx-modal-specs dd{margin:0 0 .5rem}
.bx-modal-reviews{font-size:.85rem;color:var(--bx-muted);display:flex;flex-direction:column;gap:.7rem}
.bx-review{border-top:1px solid var(--bx-hair-soft);padding-top:.7rem}
.bx-review-head{display:flex;justify-content:space-between;color:var(--bx-ink);font-weight:700;font-size:.85rem}
.bx-qty-row{display:flex;align-items:center;gap:.8rem}
.bx-qty{display:inline-flex;align-items:center;border:1px solid var(--bx-hair-soft);border-radius:9px}
.bx-qty button{width:34px;height:34px;color:var(--bx-cyan);font-size:1.1rem}
.bx-qty span{min-width:28px;text-align:center;font-weight:700}

/* ---- Cart drawer ----------------------------------------------------------*/
.bx-drawer-overlay{position:fixed;inset:0;z-index:1300;background:rgba(4,4,6,.6);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.bx-drawer-overlay.is-open{opacity:1;visibility:visible}
.bx-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#0e0e13;border-left:1px solid var(--bx-hair);
  z-index:1301;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-30px 0 60px -20px rgba(0,0,0,.6)}
.bx-drawer-overlay.is-open .bx-drawer{transform:translateX(0)}
.bx-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--bx-hair-soft)}
.bx-drawer-head h2{font-size:1.05rem;font-weight:800}
.bx-drawer-lines{flex:1;overflow-y:auto;padding:1rem 1.4rem}
.bx-drawer-line{display:grid;grid-template-columns:52px 1fr auto;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--bx-hair-soft)}
.bx-drawer-line .bx-thumb{width:52px;height:52px;border-radius:10px;background:radial-gradient(120% 120% at 50% 0%,rgba(0,240,255,.18),transparent 65%),#0b0b0f;display:grid;place-items:center;border:1px solid var(--bx-hair-soft)}
.bx-drawer-line .bx-thumb img{width:60%;color:var(--bx-cyan)}
.bx-drawer-line-name{font-size:.88rem;font-weight:700}
.bx-drawer-line-price{color:var(--bx-muted);font-size:.8rem;margin-top:.15rem}
.bx-drawer-foot{padding:1.2rem 1.4rem;border-top:1px solid var(--bx-hair-soft)}
.bx-drawer-empty{padding:2.4rem 1.4rem;text-align:center;color:var(--bx-muted)}
.bx-drawer-empty.is-hidden,.bx-drawer-lines.is-hidden,.bx-drawer-foot.is-hidden{display:none}

/* ---- Cart / checkout pages ----------------------------------------------*/
.bx-cart-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:1.6rem;align-items:flex-start}
@media (max-width:900px){.bx-cart-layout{grid-template-columns:1fr}}
.bx-cart-layout.is-hidden,.bx-cart-empty.is-hidden,.bx-order-confirm{display:none}
.bx-order-confirm.is-visible{display:block}
.bx-panel{background:var(--bx-panel);border:1px solid var(--bx-hair-soft);border-radius:var(--bx-radius);padding:1.5rem}
.bx-cart-line{display:grid;grid-template-columns:72px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--bx-hair-soft)}
.bx-cart-line:last-child{border-bottom:0}
.bx-cart-line .bx-thumb{width:72px;height:72px;border-radius:12px;background:radial-gradient(120% 120% at 50% 0%,rgba(0,240,255,.18),transparent 65%),#0b0b0f;display:grid;place-items:center;border:1px solid var(--bx-hair-soft)}
.bx-cart-line .bx-thumb img{width:55%;color:var(--bx-cyan)}
.bx-cart-line-name{font-weight:700;font-size:.96rem}
.bx-cart-line-cat{color:var(--bx-muted);font-size:.78rem;margin-bottom:.4rem}
.bx-cart-line-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}
.bx-cart-line-price{font-weight:800}
.bx-remove{color:var(--bx-danger);font-size:.78rem;font-weight:600}
.bx-summary-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--bx-muted);padding:.4rem 0}
.bx-summary-row.total{color:var(--bx-ink);font-weight:800;font-size:1.1rem;border-top:1px solid var(--bx-hair-soft);margin-top:.4rem;padding-top:.8rem}
.bx-cart-empty{text-align:center;padding:4rem 0;color:var(--bx-muted)}
.bx-order-confirm{text-align:center;padding:4rem 0}
.bx-order-confirm img{margin:0 auto 1rem;width:56px;height:56px;color:var(--bx-cyan)}
.bx-order-confirm h2{font-size:1.7rem;font-weight:800;margin-bottom:.6rem}
.bx-order-confirm p{color:var(--bx-muted);max-width:44ch;margin:0 auto 1.6rem}
.bx-demo-note{display:flex;gap:.7rem;margin-top:1.1rem;background:rgba(255,176,32,.08);border:1px solid rgba(255,176,32,.25);border-radius:11px;padding:.9rem 1rem;font-size:.8rem;color:var(--bx-muted)}
.bx-secure-note{display:flex;align-items:center;gap:.5rem;color:var(--bx-muted);font-size:.8rem;margin-top:.9rem}
.bx-secure-note svg{width:16px;height:16px;color:var(--bx-cyan)}

/* ---- Forms --------------------------------------------------------------*/
.bx-field{margin-bottom:1rem}
.bx-field label{display:block;font-size:.82rem;font-weight:600;color:var(--bx-muted);margin-bottom:.4rem}
.bx-field input,.bx-field select,.bx-field textarea{width:100%;background:#0b0b0f;border:1px solid var(--bx-hair-soft);border-radius:10px;
  color:var(--bx-ink);padding:.75em .9em;font:inherit;transition:border-color .18s,box-shadow .18s}
.bx-field input:focus,.bx-field select:focus,.bx-field textarea:focus{outline:0;border-color:var(--bx-cyan);box-shadow:0 0 0 3px rgba(0,240,255,.16)}
.bx-field textarea{min-height:120px;resize:vertical}
.bx-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:520px){.bx-field-row{grid-template-columns:1fr}}
.bx-hp-field{position:absolute;left:-9999px;opacity:0}
.bx-form-status{font-size:.86rem;padding:.2rem 0;min-height:1.4em}
.bx-form-status.show.ok{color:var(--bx-good)}
.bx-form-status.show.err{color:var(--bx-danger)}
.bx-form-note{color:var(--bx-muted);font-size:.78rem;margin-top:.8rem}

/* ---- About / legal pages -------------------------------------------------*/
.bx-prose{max-width:74ch}
.bx-prose h2{font-size:1.4rem;font-weight:800;margin:2rem 0 .8rem}
.bx-prose h2:first-child{margin-top:0}
.bx-prose p{color:var(--bx-muted);line-height:1.75;margin-bottom:1rem}
.bx-prose ul{margin:0 0 1rem;padding-left:1.3rem;color:var(--bx-muted);line-height:1.75}
.bx-prose li{margin-bottom:.3rem}
.bx-prose strong{color:var(--bx-ink)}
.bx-legal-updated{color:var(--bx-muted);font-size:.84rem;margin-bottom:2rem}

.bx-about-hero{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding:clamp(2.4rem,6vw,4rem) 0}
@media (max-width:860px){.bx-about-hero{grid-template-columns:1fr}}
.bx-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}
@media (max-width:600px){.bx-stat-grid{grid-template-columns:1fr}}
.bx-stat{background:var(--bx-panel);border:1px solid var(--bx-hair-soft);border-radius:14px;padding:1.2rem;text-align:center}
.bx-stat b{display:block;font-size:1.8rem;font-weight:800;color:var(--bx-cyan)}
.bx-stat span{color:var(--bx-muted);font-size:.8rem}
.bx-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:860px){.bx-values-grid{grid-template-columns:1fr}}
.bx-value-card{background:var(--bx-panel);border:1px solid var(--bx-hair-soft);border-radius:var(--bx-radius);padding:1.5rem}
.bx-value-card .bx-icon-tile{margin-bottom:.9rem}
.bx-value-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}
.bx-value-card p{color:var(--bx-muted);font-size:.86rem;line-height:1.6}

/* ---- Contact page ---------------------------------------------------------*/
.bx-contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:flex-start}
@media (max-width:860px){.bx-contact-grid{grid-template-columns:1fr}}
.bx-hours-row{display:flex;justify-content:space-between;font-size:.88rem;padding:.5rem 0;border-bottom:1px solid var(--bx-hair-soft)}
.bx-hours-row:last-child{border-bottom:0}
.bx-hours-row span:first-child{color:var(--bx-muted)}
.bx-social-links{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem}
.bx-social-links a{display:flex;align-items:center;gap:.7rem;color:var(--bx-ink);font-weight:600;font-size:.88rem;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--bx-hair-soft);transition:.18s}
.bx-social-links a:hover{border-color:var(--bx-cyan);background:rgba(0,240,255,.06)}
.bx-social-links svg{width:19px;height:19px;color:var(--bx-cyan)}

/* ---- Mission strip --------------------------------------------------------*/
.bx-cta-strip{text-align:center;padding:clamp(3rem,7vw,5rem) 0;background:radial-gradient(60% 100% at 50% 0%,rgba(0,240,255,.1),transparent 70%);
  border-top:1px solid var(--bx-hair-soft)}
.bx-cta-strip h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;max-width:26ch;margin:0 auto 1.5rem}
.bx-cta-strip em{font-style:normal;color:var(--bx-cyan)}

/* ---- Footer disclaimer ----------------------------------------------------*/
.bx-foot-disclaimer{color:rgba(255,255,255,.45);font-size:.78rem;line-height:1.6;margin-top:.8rem;max-width:46ch}

body.bx-drawer-open,body.bx-modal-open{overflow:hidden}