/* FINAL464 — Brand page (Brand Accelerator) in the NAFS theme: deep navy page, dark cards, orange accents;
   soft grey-blue in light mode. Product view (photo + details from the brand website) with one action. */
#page-brand-view.dgg{background:#080C10!important;--g-panel:#0D1117;--g-panel2:#111820;--g-line:#1C2A3A;--g-line2:#243548;--g-ink:#E8F0F8;--g-mut:#6A7E94;--g-mut2:#8A9BB0;--g-orange:#FF6600;--g-orange2:#FF7A1A;min-height:100vh;padding-bottom:40px}
body.light-mode #page-brand-view.dgg{background:#E7ECF3!important;--g-panel:#FFFFFF;--g-panel2:#F3F6FA;--g-line:#D3DCE8;--g-line2:#C2CEDD;--g-ink:#0A1220;--g-mut:#6A7A94;--g-mut2:#3A4A60}
#page-brand-view .bap-hero{background:linear-gradient(120deg,#0D1117 0%,#111820 62%,#1A1208 100%);border-color:var(--g-line)}
body.light-mode #page-brand-view .bap-hero{background:linear-gradient(120deg,#FFFFFF 0%,#F3F6FA 62%,#FFF1E6 100%)}
#page-brand-view .bap-name,#page-brand-view .bap-hstat b{color:var(--g-ink)}
#page-brand-view .bap-tag{color:var(--g-mut2)}
#page-brand-view .bap-stats,#page-brand-view .bap-hstat{border-color:var(--g-line)}
#page-brand-view .bap-hstat span,#page-brand-view .bap-weblab{color:var(--g-mut)}
#page-brand-view .bap-badge{background:var(--g-panel2);border-color:var(--g-line2);color:var(--g-mut2)}
#page-brand-view .bap-badge.ver{color:#12B76A;border-color:rgba(18,183,106,.35);background:rgba(18,183,106,.1)}
#page-brand-view .bap-logo{box-shadow:0 0 0 1px var(--g-line)}
#page-brand-view .bap-sec,#page-brand-view .bap-rcard{background:var(--g-panel);border-color:var(--g-line);border-radius:14px}
body.light-mode #page-brand-view .bap-sec,body.light-mode #page-brand-view .bap-rcard,body.light-mode #page-brand-view .bap-hero{box-shadow:0 1px 2px rgba(10,18,32,.05)}
#page-brand-view .bap-sec h3,#page-brand-view .bap-rhd{color:var(--g-ink)}
#page-brand-view .bap-gimg,#page-brand-view .bap-pc-img{background:var(--g-panel2)}
#page-brand-view .bap-wp-body{background:var(--g-panel2)}
#page-brand-view .bap-cert[style]{color:var(--g-ink)!important;border-color:var(--g-line2)!important}
#page-brand-view .dgg-btn{color:var(--g-ink);border-color:var(--g-line2)}
#page-brand-view .dgg-btn.pri{background:var(--g-orange);border-color:var(--g-orange);color:#fff}
#page-brand-view .dgg-btn:hover{border-color:var(--g-orange)}
#page-brand-view .bap-tab.on{color:var(--g-orange);border-bottom-color:var(--g-orange)}
#page-brand-view .bap-pager .bap-pgbtn.on{background:var(--g-orange);border-color:var(--g-orange);color:#fff}
body.light-mode #page-brand-view .bap-avail{color:#0E8A4A;background:#E3F6EC;border-color:#BFE8D0}
body.light-mode #page-brand-view .bap-ob-st.live{color:#0E8A4A;background:#E3F6EC;border-color:#BFE8D0}
/* product cards: the whole card opens the product view */
#page-brand-view .bap-pcard{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column}
#page-brand-view .bap-pcard:hover{transform:translateY(-2px);border-color:var(--g-orange);box-shadow:0 8px 22px rgba(0,0,0,.18)}
#page-brand-view .bap-pc-img{height:150px}
#page-brand-view .bap-pc-body{display:flex;flex-direction:column;flex:1}
#page-brand-view .bap-pc-cta{margin-top:auto;padding-top:10px}
#page-brand-view .bap-pc-cta .dgg-btn{width:100%}

/* product view — DOLOSGO slide-panel rule (dgpanel.js): opens from the right on a computer, as a bottom sheet on a phone */
html.bap-pv-open{overflow:hidden}
.bpv-ov{position:fixed;inset:0;z-index:100040;background:rgba(3,6,10,.72);display:flex;align-items:center;justify-content:center;padding:24px;
  --pv-bg:#0D1117;--pv-bg2:#111820;--pv-line:#1C2A3A;--pv-ink:#E8F0F8;--pv-mut:#8A9BB0;--pv-mut2:#6A7E94;--pv-or:#FF6600;animation:bpvIn .16s ease-out}
.bpv-ov.light{background:rgba(10,18,32,.45);--pv-bg:#FFFFFF;--pv-bg2:#F3F6FA;--pv-line:#D3DCE8;--pv-ink:#0A1220;--pv-mut:#3A4A60;--pv-mut2:#6A7A94}
@keyframes bpvIn{from{opacity:0}to{opacity:1}}
.bpv-card{position:relative;background:var(--pv-bg);color:var(--pv-ink);border:1px solid var(--pv-line);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);font-family:'Archivo','Inter',system-ui,sans-serif}
.bpv-x{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid var(--pv-line);background:var(--pv-bg);color:var(--pv-ink);font-size:22px;line-height:1;cursor:pointer}
.bpv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:auto;flex:1}
.bpv-media{padding:18px 18px 14px;background:var(--pv-bg2);border-bottom:1px solid var(--pv-line)}
.bpv-main{position:relative;aspect-ratio:1/1;max-height:56vh;width:100%;margin:0 auto;border-radius:14px;overflow:hidden;background:var(--pv-bg);display:grid;place-items:center;border:1px solid var(--pv-line)}
#bapPv .bpv-main img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center}
.bpv-main .ph{font-family:'Anton',sans-serif;font-size:64px;color:var(--pv-mut2)}
.bpv-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.bpv-th{width:62px;height:62px;border-radius:10px;overflow:hidden;border:2px solid var(--pv-line);padding:0;background:var(--pv-bg);cursor:pointer}
.bpv-th.on{border-color:var(--pv-or)}
.bpv-th img{width:100%;height:100%;object-fit:cover}
.bpv-info{padding:26px 26px 18px;min-width:0}
.bpv-brand{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-mut2);padding-right:40px}
.bpv-v{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2f9bff;color:#fff;font-size:9px;vertical-align:1px}
.bpv-nm{font-family:'Barlow Condensed','Archivo Narrow','Arial Narrow',sans-serif;font-weight:700;font-size:32px;line-height:1.05;margin:6px 0 4px;color:var(--pv-ink);text-transform:uppercase;letter-spacing:.01em}
.bpv-cat{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:var(--pv-or)}
.bpv-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.bpv-chip{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:6px;border:1px solid var(--pv-line);color:var(--pv-mut)}
.bpv-chip.ok{color:#12B76A;border-color:rgba(18,183,106,.4);background:rgba(18,183,106,.08)}
.bpv-sec{margin-top:18px;padding-top:14px;border-top:1px solid var(--pv-line)}
.bpv-sh{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pv-mut2);margin-bottom:8px}
.bpv-desc p{font-size:14.5px;line-height:1.65;color:var(--pv-mut);margin:0 0 10px}
.bpv-none{font-size:13.5px;line-height:1.55;color:var(--pv-mut2);margin:0}
.bpv-spec{width:100%;border-collapse:collapse;font-size:13px}
.bpv-spec th{text-align:left;font-weight:600;color:var(--pv-mut2);padding:7px 10px 7px 0;width:38%;vertical-align:top;border-bottom:1px dashed var(--pv-line)}
.bpv-spec td{color:var(--pv-ink);padding:7px 0;border-bottom:1px dashed var(--pv-line)}
.bpv-src{display:inline-block;margin-top:16px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:var(--pv-or);cursor:pointer;text-decoration:none}
.bpv-src:hover{text-decoration:underline}
.bpv-bar{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--pv-line);background:var(--pv-bg);flex-wrap:wrap}
.bpv-btn{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:13px 22px;border-radius:10px;border:1px solid var(--pv-line);background:transparent;color:var(--pv-ink);cursor:pointer}
.bpv-btn.pri{background:var(--pv-or);border-color:var(--pv-or);color:#fff;box-shadow:0 6px 18px rgba(255,102,0,.28)}
.bpv-btn.pri:hover{background:#FF7A1A}
.bpv-note{font-size:12px;color:var(--pv-mut2);flex:1;min-width:180px}
@media (max-width:760px){
  .bpv-ov{padding:0;align-items:flex-end}
  .bpv-card{border-radius:18px 18px 0 0;max-height:94vh;width:100%}
  .bpv-grid{grid-template-columns:minmax(0,1fr)}
  .bpv-media{border-right:none;border-bottom:1px solid var(--pv-line);padding:14px}
  .bpv-main{aspect-ratio:1/1;max-height:48vh}
  .bpv-info{padding:18px 16px 14px}
  .bpv-nm{font-size:26px}
  .bpv-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  .bpv-btn{width:100%}
}
#page-brand-view .bap-pc-nm{font-family:'Barlow Condensed','Archivo Narrow','Arial Narrow',sans-serif}
#page-brand-view .bap-pc-cat,#page-brand-view .bap-pc-meta,#page-brand-view .bap-avail{font-family:'IBM Plex Mono',ui-monospace,monospace}