/* Bully Blast theme - help page. Ported from the approved Build 263 prototype (app/views/public.js "help" view stylesheet),
   scoped to main.bb-p-help. The prototype's own page nav, footer and prototype/simulation panels are not carried over. */
.bb-p-help{--char:#1c1c1e; --char-deep:#141416; --char-raise:#242427;
    --paper:#f4f3ee; --paper-dim:#a7a7a3; --yellow:#f3ea22; --yellow-hot:#f8f26b; --ink:#0c0c0d;
    --line:rgba(244,243,238,.14);
    --public-header-height:64px; --anchor-offset:96px;
    --z-header:1000; --z-menu:1001; --z-drawer:900;}
@media(max-width:760px){.bb-p-help{--public-header-height:60px; --anchor-offset:84px;}}
.bb-p-help *{margin:0;padding:0;box-sizing:border-box;}
.bb-p-help{scroll-behavior:smooth;}
.bb-p-help{background:var(--char);color:var(--paper);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
.bb-p-help button{font-family:inherit;cursor:pointer;color:inherit;}
.bb-p-help a{color:inherit;text-decoration:none;}
.bb-p-help .wrap{max-width:1000px;margin:0 auto;padding:0 5vw;}
.bb-p-help .kick{color:var(--yellow);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;font-weight:800;}
.bb-p-help .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.bb-p-help .cart{border:1.5px solid var(--yellow);color:var(--yellow);padding:7px 14px;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:5px;}
.bb-p-help{padding-bottom:66px;}
.bb-p-help .hero{padding:132px 0 30px;background:radial-gradient(110% 80% at 50% 0%,#26262b,#161618 70%);text-align:center;}
.bb-p-help .hero h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2.3rem,6vw,4rem);line-height:.96;margin:12px 0 12px;}
.bb-p-help .hero>.wrap>p{color:#d3d3ce;font-size:1.02rem;max-width:60ch;margin:0 auto 24px;}
.bb-p-help .search{max-width:600px;margin:0 auto;position:relative;}
.bb-p-help .search input{width:100%;background:var(--char-raise);border:1.5px solid var(--line);border-radius:5px;color:var(--paper);font-family:inherit;font-size:1rem;padding:15px 46px;}
.bb-p-help .search input:focus{outline:none;border-color:var(--yellow);}
.bb-p-help .search .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--paper-dim);pointer-events:none;}
.bb-p-help .search .clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--paper-dim);font-size:1.25rem;line-height:1;display:none;padding:6px 10px;border-radius:5px;}
.bb-p-help .search .clear.show{display:block;}
.bb-p-help .search .clear:hover{color:var(--paper);}
.bb-p-help .pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:22px 0 0;}
.bb-p-help .pill{background:transparent;border:1.5px solid var(--line);color:var(--paper);border-radius:5px;padding:8px 16px;font-size:.78rem;font-weight:700;transition:.14s;}
.bb-p-help .pill:hover{border-color:var(--paper-dim);}
.bb-p-help .pill.on,.bb-p-help .pill[aria-current="true"]{background:var(--yellow);color:var(--ink);border-color:var(--yellow);}
.bb-p-help .catnav .pill[aria-current="true"]::before{content:"\25B8 ";}
.bb-p-help .bodywrap{padding:58px 0 34px;}
.bb-p-help .hcmain{min-height:44vh;}
.bb-p-help .hcmain [id]{scroll-margin-top:var(--anchor-offset);}
.bb-p-help .cat-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.9rem;margin:0 0 8px;display:flex;align-items:center;gap:12px;scroll-margin-top:var(--anchor-offset);}
.bb-p-help .cat-h::before{content:"";width:26px;height:5px;background:var(--yellow);border-radius:2px;flex:0 0 auto;}
.bb-p-help .lead{color:#cfcfca;font-size:1.02rem;line-height:1.75;max-width:76ch;margin:0 0 22px;}
.bb-p-help .lead a{color:var(--yellow);text-decoration:underline;}
.bb-p-help .subnav{margin:2px 0 22px;}
.bb-p-help .subnav .pills{justify-content:flex-start;padding:0;}
.bb-p-help .tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0 0 28px;}
.bb-p-help .task{display:flex;align-items:center;gap:12px;background:var(--char-raise);border:1px solid var(--line);border-radius:5px;padding:15px 16px;font-weight:700;font-size:.92rem;transition:.14s;text-align:left;}
.bb-p-help .task:hover{border-color:var(--yellow);}
.bb-p-help .task .arw{margin-left:auto;color:var(--yellow);}
.bb-p-help .blk-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.15rem;margin:26px 0 12px;}
.bb-p-help .plist{display:flex;flex-direction:column;margin:0 0 26px;}
.bb-p-help .plink{text-align:left;background:none;border:none;border-bottom:1px solid var(--line);color:var(--paper);padding:15px 4px;font-size:1rem;font-weight:600;display:flex;justify-content:space-between;gap:12px;width:100%;}
.bb-p-help .plink:hover{color:var(--yellow);}
.bb-p-help .plink .arw{color:var(--yellow);}
.bb-p-help .catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:10px;}
.bb-p-help .catcard{background:var(--char-raise);border:1px solid var(--line);border-radius:5px;padding:14px 16px;font-weight:700;font-size:.92rem;text-align:left;display:flex;justify-content:space-between;gap:8px;}
.bb-p-help .catcard:hover{border-color:var(--yellow);}
.bb-p-help .catcard .arw{color:var(--yellow);}
.bb-p-help .grp{margin:0 0 6px;}
.bb-p-help .q{border-bottom:1px solid var(--line);}
.bb-p-help .qh{width:100%;background:none;border:none;text-align:left;padding:19px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.01rem;font-weight:600;}
.bb-p-help .qh .ic{color:var(--yellow);font-size:1.4rem;line-height:1;transition:transform .2s;flex:0 0 auto;}
.bb-p-help .q.open .qh .ic{transform:rotate(45deg);}
.bb-p-help .qa{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.bb-p-help .qa p{color:#cfcfca;font-size:.97rem;line-height:1.75;padding:0 4px 20px;max-width:78ch;}
.bb-p-help .qa a{color:var(--yellow);text-decoration:underline;}
.bb-p-help .doc-sec{padding:34px 0;border-top:1px solid var(--line);scroll-margin-top:var(--anchor-offset);}
.bb-p-help .doc-sec:first-of-type{border-top:none;}
.bb-p-help .doc-sec>h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.45rem;margin-bottom:15px;display:flex;align-items:center;gap:12px;}
.bb-p-help .doc-sec>h2::before{content:"";width:22px;height:4px;background:var(--yellow);border-radius:2px;flex:0 0 auto;}
.bb-p-help .doc-sec.legal>h2::before{display:none;}
.bb-p-help .doc-sec>h2 .n{color:var(--yellow);margin-right:2px;}
.bb-p-help .doc-sec p{color:#cfcfca;font-size:1rem;line-height:1.8;margin-bottom:15px;max-width:76ch;}
.bb-p-help .doc-sec p b{color:var(--paper);}
.bb-p-help .doc-sec ul{list-style:none;margin:0 0 15px;}
.bb-p-help .doc-sec li{color:#cfcfca;font-size:1rem;line-height:1.7;padding:7px 0 7px 22px;position:relative;max-width:76ch;}
.bb-p-help .doc-sec li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;background:var(--yellow);border-radius:1px;}
.bb-p-help .doc-sec a{color:var(--yellow);text-decoration:underline;}
.bb-p-help .doc-sec h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.05rem;margin-bottom:8px;}
.bb-p-help .callout{background:var(--char-raise);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:5px;padding:18px 20px;margin:14px 0 18px;}
.bb-p-help .callout.safety{border-left-color:#ff6a3d;}
.bb-p-help .callout h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.02rem;margin-bottom:7px;}
.bb-p-help .callout p{font-size:.95rem;margin-bottom:0;color:#dcdcd7;}
.bb-p-help .callout a{color:var(--yellow);text-decoration:underline;}
.bb-p-help table{width:100%;border-collapse:collapse;margin:10px 0 18px;}
.bb-p-help td{padding:12px 6px;border-bottom:1px solid var(--line);font-size:.95rem;}
.bb-p-help td:first-child{color:var(--paper-dim);width:55%;}
.bb-p-help td:last-child{font-weight:700;}
.bb-p-help .warn{background:var(--char-raise);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:5px;padding:16px 20px;margin:0 0 12px;max-width:760px;}
.bb-p-help .warn p{color:#e4e4df;font-size:.9rem;line-height:1.6;}
.bb-p-help .warn b{color:var(--yellow);}
.bb-p-help .upd{color:var(--paper-dim);font-size:.82rem;margin:0 0 20px;}
.bb-p-help .linkgrp{margin:0 0 24px;}
.bb-p-help .linkgrp h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.15rem;margin:0 0 12px;}
.bb-p-help .linkrow{display:flex;flex-direction:column;gap:8px;}
.bb-p-help .linkitem{display:flex;gap:12px;align-items:center;background:var(--char-raise);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:5px;padding:14px 16px;}
.bb-p-help .linkitem .li-t{font-weight:700;}
.bb-p-help .linkitem .li-d{color:var(--paper-dim);font-size:.88rem;margin-top:2px;}
.bb-p-help .linkitem .arw{margin-left:auto;color:var(--yellow);}
.bb-p-help .hc-cta{background:var(--char-raise);border:1px solid var(--line);border-radius:5px;padding:18px 20px;margin:28px 0 0;font-size:.98rem;color:#dcdcd7;}
.bb-p-help .hc-cta a{color:var(--yellow);text-decoration:underline;}
.bb-p-help .rcount{color:var(--paper-dim);font-size:.86rem;margin:0 0 18px;}
.bb-p-help .rgroup{margin:0 0 24px;}
.bb-p-help .rgroup h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.05rem;color:var(--yellow);margin:0 0 10px;}
.bb-p-help .ritem{width:100%;text-align:left;background:var(--char-raise);border:1px solid var(--line);border-radius:5px;padding:14px 16px;margin-bottom:8px;display:block;}
.bb-p-help .ritem:hover{border-color:var(--yellow);}
.bb-p-help .ritem .rc{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);font-weight:800;}
.bb-p-help .ritem .rt{font-weight:700;margin:3px 0;}
.bb-p-help .ritem .rx{color:#cfcfca;font-size:.9rem;line-height:1.5;}
.bb-p-help mark{background:rgba(243,234,34,.28);color:var(--paper);border-radius:2px;padding:0 2px;}
.bb-p-help .nores{color:var(--paper-dim);text-align:center;padding:30px 0;}
.bb-p-help .nores .sug{margin-top:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.bb-p-help a:focus-visible,.bb-p-help button:focus-visible,.bb-p-help input:focus-visible,.bb-p-help [tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;}
@media(max-width:760px){.bb-p-help .hero{padding:104px 0 28px;}
.bb-p-help .pills{justify-content:flex-start;}}
@media(prefers-reduced-motion:reduce){.bb-p-help *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}
.bb-p-help .ctx{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--paper-dim);margin:0 0 12px;}
.bb-p-help .ctx span{color:var(--yellow);margin:0 6px;}
.bb-p-help .cat-intro{color:#cfcfca;font-size:1.05rem;line-height:1.65;max-width:70ch;margin:0 0 22px;}
.bb-p-help .cat-intro a{color:var(--yellow);text-decoration:underline;}
.bb-p-help .qacts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;}
.bb-p-help .qact{display:inline-flex;align-items:center;gap:9px;background:var(--char-raise);border:1.5px solid var(--line);border-radius:5px;padding:11px 16px;font-weight:700;font-size:.86rem;transition:.14s;}
.bb-p-help .qact:hover{border-color:var(--yellow);color:var(--yellow);}
.bb-p-help .qact .arw{color:var(--yellow);}
.bb-p-help .popbox{background:var(--char-raise);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:5px;padding:16px 18px 10px;margin:0 0 26px;}
.bb-p-help .pop-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:.98rem;letter-spacing:.02em;margin:0 0 8px;}
.bb-p-help .poplist{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 24px;}
.bb-p-help .pop-link{background:none;border:none;color:var(--paper);text-align:left;padding:9px 0 9px 16px;font-size:.94rem;position:relative;width:100%;}
.bb-p-help .pop-link::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--yellow);border-radius:1px;}
.bb-p-help .pop-link:hover{color:var(--yellow);}
.bb-p-help .secnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0 0 20px;border-bottom:1px solid var(--line);}
.bb-p-help .secjump{background:transparent;border:1px solid var(--line);color:var(--paper-dim);border-radius:5px;padding:6px 12px;font-size:.76rem;font-weight:700;transition:.14s;}
.bb-p-help .secjump:hover{border-color:var(--yellow);color:var(--paper);}
.bb-p-help .catnav .pill[aria-current="true"]{box-shadow:0 0 0 3px rgba(243,234,34,.25);}
.bb-p-help .rhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.bb-p-help .clearsearch{background:transparent;border:1.5px solid var(--line);color:var(--paper);border-radius:5px;padding:8px 14px;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.bb-p-help .clearsearch:hover{border-color:var(--yellow);color:var(--yellow);}
.bb-p-help .fx{animation:hcfade .2s ease;}
@keyframes hcfade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.bb-p-help .catbar{position:sticky;
    top:var(--public-header-height);
    z-index:800;
    background:rgba(28,28,30,.98);
    backdrop-filter:blur(10px);
    padding:30px 0 24px;}
.bb-p-help .catbar .wrap{max-width:1100px;margin:0 auto;padding:0 5vw;}
.bb-p-help .catbar .catnav{padding:0;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;}
.bb-p-help .catbar .catnav .pill{white-space:nowrap;
    background:#242427;
    border:1px solid rgba(244,243,238,.18);
    color:var(--paper);
    padding:9px 16px;}
.bb-p-help .catbar .catnav .pill:hover{border-color:rgba(244,243,238,.42);}
.bb-p-help .catbar .catnav .pill.on,.bb-p-help .catbar .catnav .pill[aria-current="true"]{background:var(--yellow);
    border-color:var(--yellow);
    color:var(--ink);}
.bb-p-help .subbar{display:none;
    width:100%;
    padding:20px 0 0;}
.bb-p-help .subbar.has-items{display:block;}
.bb-p-help .subbar .secnav{width:100%;
    margin:0;
    padding:0;
    border:0;
    justify-content:center;
    align-items:center;
    gap:8px;
    position:static;
    transform:none;}
.bb-p-help .subbar .secnav .pill{white-space:nowrap;
    background:#1f1f22;
    border:1px solid rgba(244,243,238,.10);
    color:#aaa9a4;
    padding:8px 14px;
    font-size:.76rem;}
.bb-p-help .subbar .secnav .pill:hover{background:#252528;
    border-color:rgba(244,243,238,.25);
    color:var(--paper);}
.bb-p-help .subbar .secnav .pill.on,.bb-p-help .subbar .secnav .pill[aria-current="true"]{background:#29292c;
    border-color:rgba(243,234,34,.65);
    color:var(--yellow);}
@media(max-width:760px){.bb-p-help .catbar{padding:22px 0 18px;}
.bb-p-help .catbar .catnav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.bb-p-help .catbar .catnav::-webkit-scrollbar{display:none;}
.bb-p-help .subbar{padding-top:16px;}
.bb-p-help .subbar .secnav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.bb-p-help .subbar .secnav::-webkit-scrollbar{display:none;}
.bb-p-help .bodywrap{padding-top:42px;}}

/* system 301: link to the Order Support form under the Help Center search */
.bb-p-help .hc-support { margin: 14px 0 0; font-size: 15px; }
.bb-p-help .hc-support a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
