/* Accessories landing: every selector is scoped; shared shell keeps its own styles. */
.qacc-page{--qacc-bg:#151f27;--qacc-panel:#1c2934;--qacc-ink:#f0f4f8;--qacc-muted:#bdcad5;--qacc-line:#3c4d5b;--qacc-accent:#c5b2ff;--qacc-warm:#edbc62;background:var(--qacc-bg)}
[data-theme="light"] .qacc-page{--qacc-bg:#f4f6f9;--qacc-panel:#fff;--qacc-ink:#182530;--qacc-muted:#475b6a;--qacc-line:#c6d0d9;--qacc-accent:#6944a2;--qacc-warm:#805307}
.qacc-page #main{color:var(--qacc-ink);overflow:clip}
.qacc-page #main *{box-sizing:border-box;min-width:0}
.qacc-page .qacc-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.qacc-page .qacc-section{padding-block:86px;scroll-margin-top:110px}
.qacc-page #main h1,.qacc-page #main h2,.qacc-page #main h3{color:var(--qacc-ink);font-family:inherit;letter-spacing:0;overflow-wrap:break-word}
.qacc-page #main h1{font-size:clamp(32px,4.1vw,56px);line-height:1.6;font-weight:900;margin:18px 0}
.qacc-page #main h2{font-size:clamp(25px,3vw,38px);line-height:1.65;font-weight:850;margin:0 0 24px}
.qacc-page #main h3{font-size:21px;line-height:1.8;margin:12px 0}
.qacc-page #main p{font-size:16px;line-height:2.2;color:var(--qacc-muted);margin:0 0 18px}
.qacc-page #main a{color:var(--qacc-accent);text-underline-offset:5px}
.qacc-page #main a:hover{text-decoration:underline}
.qacc-page #main :focus-visible,.qacc-page .qacc-skip:focus-visible{outline:3px solid var(--qacc-accent);outline-offset:5px}
.qacc-page .qacc-skip{position:fixed;top:-100px;right:20px;z-index:10000;background:var(--qacc-panel);color:var(--qacc-ink);padding:12px 20px}
.qacc-page .qacc-skip:focus{top:10px}
.qacc-page #main .qacc-kicker{font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--qacc-warm);margin-bottom:16px}
.qacc-page .qacc-hero{position:relative;padding:28px 0 70px;background:radial-gradient(ellipse at 15% 30%,#7961a923,transparent 60%),linear-gradient(120deg,#739ad00c,transparent);isolation:isolate}
.qacc-page .qacc-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(30deg,transparent 49.5%,#7b8eab30 50%,transparent 50.5%),linear-gradient(150deg,transparent 49.5%,#7b8eab30 50%,transparent 50.5%);background-size:72px 126px;mask-image:linear-gradient(to left,transparent,#000)}
.qacc-page .qacc-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--qacc-muted);margin-bottom:42px;flex-wrap:wrap}
.qacc-page .qacc-hero-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:70px;align-items:center}
.qacc-page #main h1 em{font-style:normal;color:var(--qacc-accent)}
.qacc-page #main .qacc-lead{font-size:17px;max-width:660px}
.qacc-page .qacc-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}
.qacc-page #main .qacc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:12px;background:#c6b4f4;color:#241d36;font-weight:800;text-decoration:none;border:1px solid transparent;line-height:1.8}
.qacc-page #main .qacc-button:hover{background:#dfd1ff}
.qacc-page #main .qacc-button--outline{background:transparent;border-color:var(--qacc-line);color:var(--qacc-ink)}
.qacc-page .qacc-link{font-size:14px;line-height:2}
.qacc-page .qacc-tags{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.qacc-page .qacc-tags span{font-size:12px;border:1px solid var(--qacc-line);padding:5px 12px;border-radius:99px;color:var(--qacc-muted)}
.qacc-page .qacc-hero-note{padding:28px 30px;border:1px solid var(--qacc-line);border-radius:120px 120px 28px 28px;background:linear-gradient(150deg,#8370ab15,transparent),var(--qacc-panel);text-align:center;box-shadow:0 20px 65px #0002}
.qacc-page .qacc-orbit{display:grid;place-items:center;width:140px;height:140px;margin:0 auto 20px;border:1px dashed var(--qacc-accent);border-radius:50%;background:radial-gradient(circle,#a082d920,transparent 70%);outline:1px solid var(--qacc-line);outline-offset:9px}
.qacc-page .qacc-icon{width:36px;height:36px;color:var(--qacc-accent);display:block}
.qacc-page .qacc-orbit .qacc-icon{width:78px;height:78px;transform:rotate(-12deg)}
.qacc-page #main .qacc-hero-note h2{font-size:29px;margin-bottom:14px}
.qacc-page #main .qacc-hero-note p{font-size:14px}
.qacc-page .qacc-hero-note a{font-size:13px}
.qacc-page .qacc-toc{display:flex;gap:8px;flex-wrap:wrap;border-block:1px solid var(--qacc-line);padding-block:14px}
.qacc-page #main .qacc-toc a{padding:8px 14px;color:var(--qacc-muted);font-size:13px;min-height:44px}
.qacc-page .qacc-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:48px;margin-bottom:26px}
.qacc-page .qacc-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.qacc-page #main .qacc-category{display:flex;flex-direction:column;padding:28px 22px;border:1px solid var(--qacc-line);border-radius:20px;background:var(--qacc-panel);text-decoration:none;transition:border-color .2s,transform .2s}
.qacc-page #main .qacc-category:hover{border-color:var(--qacc-accent);transform:translateY(-4px)}
.qacc-page #main .qacc-category p{font-size:14px}
.qacc-page .qacc-category span{font-size:13px;margin-top:auto}
.qacc-page .qacc-tint{background:linear-gradient(120deg,#809ac50a,transparent),var(--qacc-panel);border-block:1px solid var(--qacc-line)}
.qacc-page .qacc-intro{max-width:900px}
.qacc-page qq-accessory-helmet{display:block;margin:38px auto 42px;max-width:1120px}
.qacc-page .qacc-banner{margin:34px 0}
.qacc-page .qacc-banner img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--qacc-line)}
.qacc-page .qacc-banner figcaption{font-size:11px;line-height:1.9;color:var(--qacc-muted);padding-top:10px}
.qacc-page .qacc-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.qacc-page .qacc-prose-grid article{border-inline-start:2px solid var(--qacc-line);padding-inline-start:24px}
.qacc-page .qacc-split{display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:center}
.qacc-page .qacc-checklist{padding:28px;border:1px solid var(--qacc-line);background:var(--qacc-bg);border-radius:24px;position:relative}
.qacc-page .qacc-checklist:before{content:"";display:block;width:58px;height:4px;background:var(--qacc-warm);margin-bottom:20px}
.qacc-page .qacc-checklist ul{padding:0 20px 0 0;margin:0;color:var(--qacc-muted)}
.qacc-page .qacc-checklist li{padding:10px 0;line-height:1.9;font-size:14px}
.qacc-page .qacc-checklist li::marker{color:var(--qacc-accent)}
.qacc-page .qacc-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0 40px}
.qacc-page .qacc-style-grid article{border:1px solid var(--qacc-line);border-radius:20px;padding:24px;background:var(--qacc-panel)}
.qacc-page .qacc-swatch{display:block;height:70px;border-radius:12px;border:1px solid var(--qacc-line)}
.qacc-page .qacc-swatch--graphite{background:linear-gradient(120deg,#303e4b 48%,#c5cbd0 49%,#c5cbd0 54%,#1c2530 55%)}
.qacc-page .qacc-swatch--sport{background:repeating-linear-gradient(120deg,#192738 0 20%,#3779c7 20% 28%,#e8863c 28% 33%)}
.qacc-page .qacc-swatch--personal{background:linear-gradient(120deg,#b4cce0 33%,#c9b7e8 33% 66%,#ebc2d5 66%)}
.qacc-page .qacc-table-wrap{overflow:auto;border:1px solid var(--qacc-line);border-radius:16px;margin-top:25px}
.qacc-page table{width:100%;border-collapse:collapse;text-align:right;min-width:580px;font-size:14px;line-height:2}
.qacc-page caption{padding:18px;font-weight:750;text-align:right;background:var(--qacc-panel)}
.qacc-page th,.qacc-page td{padding:16px;border-bottom:1px solid var(--qacc-line);color:var(--qacc-muted)}
.qacc-page thead th{color:var(--qacc-ink);background:var(--qacc-panel)}
.qacc-page .qacc-buying{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:32px 0}
.qacc-page .qacc-buying article{padding-top:20px;border-top:1px solid var(--qacc-line)}
.qacc-page .qacc-buying b{font-size:32px;color:var(--qacc-accent)}
.qacc-page .qacc-comparison{padding:30px 34px;background:var(--qacc-panel);border-inline-start:3px solid var(--qacc-warm);border-radius:16px}
.qacc-page .qacc-faq{max-width:950px}
.qacc-page .qacc-faq details{border-bottom:1px solid var(--qacc-line);padding-block:18px}
.qacc-page .qacc-faq summary{cursor:pointer;font-weight:750;line-height:1.9;padding:8px 0;color:var(--qacc-ink)}
.qacc-page .qacc-faq details p{padding-top:18px}
.qacc-page .qacc-contact{display:grid;grid-template-columns:1.5fr .8fr;gap:40px;padding:40px;border:1px solid var(--qacc-line);border-radius:28px;background:radial-gradient(ellipse at 0 0,#9677c524,transparent 60%),var(--qacc-panel)}
.qacc-page .qacc-contact .qacc-actions{align-content:center;flex-direction:column;align-items:stretch;margin:0}
.qacc-page .qacc-contact .qacc-link{text-align:center}
.qacc-page .qacc-related{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px}
@media(max-width:1000px){.qacc-page .qacc-hero-grid{gap:30px;grid-template-columns:1.3fr 1fr}.qacc-page .qacc-categories{grid-template-columns:repeat(2,1fr)}.qacc-page .qacc-heading,.qacc-page .qacc-split{gap:28px}.qacc-page .qacc-style-grid,.qacc-page .qacc-buying{gap:14px}}
@media(max-width:760px){.qacc-page .qacc-wrap{width:calc(100% - 32px)}.qacc-page .qacc-section{padding-block:52px}.qacc-page .qacc-hero{padding-bottom:40px}.qacc-page .qacc-hero-grid,.qacc-page .qacc-heading,.qacc-page .qacc-split,.qacc-page .qacc-contact,.qacc-page .qacc-prose-grid{grid-template-columns:1fr;gap:26px}.qacc-page .qacc-hero-note{border-radius:24px;text-align:right;padding:22px}.qacc-page .qacc-orbit{float:left;width:90px;height:90px;margin:15px 10px 20px 0}.qacc-page .qacc-orbit .qacc-icon{width:48px;height:48px}.qacc-page #main .qacc-hero-note h2{font-size:24px}.qacc-page #main p{font-size:15px}.qacc-page .qacc-style-grid,.qacc-page .qacc-buying{grid-template-columns:1fr}.qacc-page .qacc-contact,.qacc-page .qacc-comparison{padding:24px}.qacc-page .qacc-toc{gap:2px}.qacc-page #main .qacc-toc a{font-size:12px;padding:8px 10px}.qacc-page .qacc-banner{margin-block:24px}.qacc-page .qacc-banner img{border-radius:10px}.qacc-page .qacc-prose-grid article{padding-inline-start:18px}}
@media(max-width:420px){.qacc-page .qacc-categories{grid-template-columns:1fr}.qacc-page #main h1{font-size:30px}.qacc-page .qacc-breadcrumb{margin-bottom:25px}.qacc-page .qacc-actions{gap:14px}.qacc-page .qacc-hero-note .qacc-kicker{clear:both}}
@media(prefers-reduced-motion:reduce){.qacc-page #main *{scroll-behavior:auto!important;transition:none!important}.qacc-page #main .qacc-category:hover{transform:none}}