:root {
    --brand:#F06414;
    --brand-dark:#B8420B;
    --brand-weak:#FFF1E8;
    --ink:#1f2937;
    --muted:#6b7280;
    --line:#e5e7eb;
    --surface:#fff;
    --soft:#f8fafc;
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    margin:0;
    padding-bottom:82px;
    background:#fafafa;
    color:var(--ink);
    font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial
}
a {
    color:inherit;
    text-decoration:none
}
button,input,select {
    font:inherit
}
img {
    max-width:100%
}
.site-container {
    width:min(1200px,calc(100% - 32px));
    margin-inline:auto
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.topnav {
    position:sticky;
    top:0;
    z-index:1100;
    background:#fff;
    border-bottom:1px solid var(--line);
    box-shadow:0 1px 5px rgba(15,23,42,.05)
}
.topnav__inner {
    min-height:58px;
    display:flex;
    align-items:center;
    gap:20px
}
.brand {
    display:flex;
    align-items:center;
    gap:9px;
    font-weight:800;
    white-space:nowrap
}
.brand img {
    width:75px;
    height:50px;
    object-fit:contain
}
.site-nav {
    margin-left:auto
}
.site-nav__list {
    display:flex;
    align-items:center;
    gap:13px;
    margin:0;
    padding:0;
    list-style:none
}
.site-nav__list>li>a,.dropdown-toggle {
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:9px 3px;
    border:0;
    background:none;
    color:#374151;
    font-weight:650;
    cursor:pointer;
    white-space:nowrap
}
.site-nav__list>li>a:hover,.dropdown-toggle:hover {
    color:var(--brand)
}
.menu-toggle {
    display:none;
    margin-left:auto;
    border:0;
    background:none;
    font-size:23px;
    cursor:pointer
}
.dropdown {
    position:relative
}
.dropdown-menu {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:1200;
    min-width:220px;
    max-height:70vh;
    overflow:auto;
    margin:0;
    padding:7px 0;
    list-style:none;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px;
    box-shadow:0 12px 28px rgba(15,23,42,.12)
}
.dropdown-menu--network {
    right:0;
    left:auto;
    min-width:250px
}
.dropdown-menu a {
    display:block;
    padding:9px 14px;
    white-space:nowrap
}
.dropdown-menu a:hover {
    background:var(--soft);
    color:var(--brand)
}
.dropdown.is-open>.dropdown-menu {
    display:block
}
@media(min-width:769px) {
    .dropdown:hover>.dropdown-menu {
        display:block
    }
}
.breadcrumb {
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:17px 0;
    color:var(--muted);
    font-size:13px
}
.breadcrumb a {
    color:var(--brand)
}
.page-heading {
    margin:10px 0 20px
}
.page-heading h1 {
    margin:0 0 7px;
    font-size:clamp(24px,3vw,34px)
}
.page-heading p {
    max-width:850px;
    margin:0;
    color:var(--muted)
}
.network-footer {
    margin-top:60px;
    background:#0f172a;
    color:#cbd5e1
}
.network-footer__grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    padding-block:30px
}
.network-footer strong {
    display:block;
    margin-bottom:8px;
    color:#fff
}
.network-footer p {
    margin:0
}
.network-footer ul {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 18px;
    margin:0;
    padding:0;
    list-style:none
}
.network-footer a:hover {
    color:#fff;
    text-decoration:underline
}

.network-copy {
    padding:12px;
    text-align:center;
    background:#020617;
    font-size:13px
}
.compare-bar {
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1300;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:66px;
    padding:8px 16px;
    background:var(--brand);
    color:#fff;
    box-shadow:0 -3px 12px rgba(0,0,0,.16)
}
.compare-bar__summary {
    display:flex;
    flex-direction:column;
    min-width:140px;
    line-height:1.2
}
.compare-bar__summary span {
    font-size:12px;
    opacity:.9
}
.compare-items {
    display:flex;
    flex:1;
    gap:8px;
    overflow:auto
}
.compare-item {
    position:relative;
    flex:0 0 auto;
    width:44px;
    height:50px;
    padding:2px;
    border-radius:6px;
    background:#fff
}
.compare-item img {
    width:100%;
    height:100%;
    object-fit:contain
}
.compare-item button {
    position:absolute;
    top:-5px;
    right:-5px;
    width:18px;
    height:18px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#111827;
    color:#fff;
    cursor:pointer
}
.compare-bar__actions {
    display:flex;
    gap:7px
}
.compare-go,.compare-clear {
    padding:8px 12px;
    border:0;
    border-radius:7px;
    cursor:pointer;
    font-weight:700
}
.compare-go {
    background:#fff;
    color:var(--brand)
}
.compare-clear {
    background:#1f2937;
    color:#fff
}
.compare-go:disabled,.compare-clear:disabled {
    opacity:.5;
    cursor:not-allowed
}
.faq-section,.popular-comparisons,.related-products,.spec-section {
    margin-top:36px
}
.faq-section h2,.related-products h2,.spec-section>h2 {
    font-size:21px
}
.faq-list {
    display:grid;
    gap:9px
}
.faq-item {
    padding:0 15px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px
}
.faq-item summary {
    padding:13px 0;
    cursor:pointer;
    font-weight:700
}
.faq-item p {
    margin:0 0 14px;
    color:var(--muted)
}
@media(max-width:900px) {
    .site-container {
        width:min(100% - 24px,1200px)
    }
    .menu-toggle {
        display:block
    }
    .site-nav {
        display:none;
        position:absolute;
        top:57px;
        right:12px;
        left:12px;
        padding:10px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:10px;
        box-shadow:0 10px 25px rgba(15,23,42,.12)
    }
    .topnav.is-open .site-nav {
        display:block
    }
    .site-nav__list {
        align-items:stretch;
        flex-direction:column;
        gap:1px
    }
    .site-nav__list>li>a,.dropdown-toggle {
        width:100%;
        justify-content:space-between;
        padding:9px
    }
    .dropdown-menu,.dropdown-menu--network {
        position:static;
        min-width:0;
        max-height:none;
        margin-left:10px;
        border:0;
        border-left:2px solid var(--brand-weak);
        border-radius:0;
        box-shadow:none
    }
    .dropdown:hover>.dropdown-menu {
        display:none
    }
    .dropdown.is-open>.dropdown-menu {
        display:block
    }
}
@media(max-width:700px) {
    .network-footer__grid {
        grid-template-columns:1fr
    }
    .network-footer ul {
        grid-template-columns:1fr
    }
    .compare-bar__summary {
        display:none
    }
    .compare-bar {
        padding:8px 10px
    }
}