.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;white-space:nowrap}
.theme-toggle [data-theme-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.theme-toggle>span:first-child{font-size:15px;color:var(--blue)}
html[data-theme=dark],html[data-theme=dark] body{color-scheme:dark;--navy:#e6eef7;--ink:#e6eef7;--muted:#a9bacb;--line:#2a3d50;--paper:#17283a;background:#0d1926;color:var(--navy)}
html[data-theme=dark] .header{background:#101f2e}
html[data-theme=dark] footer{background:#101e2c}
html[data-theme=dark] .footer-main>div>a:not(.brand-home){color:#b4c4d5}
html[data-theme=dark] .blueprint{background-color:#13283d}
html[data-theme=dark] .hero-stage{border-color:#2a4158}
html[data-theme=dark] .stage-label,html[data-theme=dark] .quick-button{background:#1b3045;border-color:#344b62;color:var(--navy)}
html[data-theme=dark] .category-card:hover,html[data-theme=dark] .category-card:focus-visible{background:#1c344b;border-color:#38536c}
html[data-theme=dark] .service-feature{background:#14263a}
html[data-theme=dark] .contact-cta{border:1px solid var(--line)}
html[data-theme=dark] .brand-filter,html[data-theme=dark] .product-card,html[data-theme=dark] .contact-method,html[data-theme=dark] .context-product,html[data-theme=dark] .mobile-filter-button{background:#142538}
html[data-theme=dark] .brand-filter.active,html[data-theme=dark] .active-filters button{background:#1c3550}
html[data-theme=dark] input:not([type=checkbox]),html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .search-field{background:#101f2e;color:var(--navy);border-color:var(--line)}
html[data-theme=dark] .spec-chips span{background:#203247;color:#d7e4f0}
html[data-theme=dark] .notice{background:#19344e;border-color:#34546f;color:#dceaf7}
html[data-theme=dark] .comparison-table tbody th{background:#142538}
html[data-theme=dark] .button.secondary{border-color:var(--line);color:var(--navy)}
html[data-theme=dark] .button.secondary:hover{background:#1c344b}
html[data-theme=dark] .compare-tray,html[data-theme=dark] .toast{background:#172d44;color:#fff}
html[data-theme=dark] dialog{background:#112132;color:var(--navy);border-color:#344b62}
html[data-theme=dark] .skip{background:#17283a;color:var(--navy)}
html[data-theme=dark] .footer-bottom{color:#a9bacb}

@media(max-width:850px){.header-actions{margin-left:auto;gap:8px}.theme-toggle{padding:8px;font-size:10px}.enquiry-nav{margin-left:0}}

.brand-logo{background:#fff;border:1px solid #e3eaf1;border-radius:2px;padding:4px 8px;object-fit:contain!important}
.brand-pending{display:inline-block;background:#fff;border:1px solid #e3eaf1;border-radius:2px;padding:5px 9px;color:#17212f}
.type-filter-list{display:grid;gap:4px;margin-bottom:28px}
.type-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 11px;border:1px solid transparent;background:transparent;text-align:left;font-size:12px}
.type-filter small{color:var(--muted);font-size:10px}
.type-filter:hover,.type-filter.active{background:#eef6ff;border-color:#cfe3f6}
.type-filter.active{color:#075fae}
.section-jumps{display:flex;gap:8px;overflow-x:auto;padding:5px 1px 15px;margin-bottom:20px;scrollbar-width:thin}
.section-jumps button{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);background:var(--paper);font-size:11px}
.section-jumps button:hover{border-color:#9fc8ee;background:#eef6ff}
.section-jumps button span{color:var(--muted);font-size:10px}
.result-group{scroll-margin-top:24px}
.model,.catalogue-note,.filters label small,.subgroup>h3{color:var(--muted)}
@media(max-width:850px){.type-filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

html[data-theme=dark] .brand-logo,html[data-theme=dark] .brand-pending{background:#fff;border-color:#fff;color:#17212f}
html[data-theme=dark] .product-art{background:#e8eef5}
html[data-theme=dark] .category-art{background:#e8eef5;border:1px solid #d5e0ea}
html[data-theme=dark] .detail-image{background-color:#e8eef5;background-image:linear-gradient(#087ff50a 1px,transparent 1px),linear-gradient(90deg,#087ff50a 1px,transparent 1px);border-color:#d5e0ea}
html[data-theme=dark] .type-filter:hover,html[data-theme=dark] .type-filter.active{background:#1b3550;border-color:#345674}
html[data-theme=dark] .type-filter.active{color:#8bc5ff}
html[data-theme=dark] .section-jumps button:hover{background:#1b3550;border-color:#456783}
html[data-theme=dark] .model,html[data-theme=dark] .catalogue-note,html[data-theme=dark] .filters label small,html[data-theme=dark] .subgroup>h3{color:#b8c8d8}
html[data-theme=dark] .product-card .model{font-size:10px}
html[data-theme=dark] .detail-copy .model{font-size:11px}
html[data-theme=dark] .catalogue-note,html[data-theme=dark] .filters label small{font-size:11px}

.brand-logo{background:transparent;border:0;padding:0;object-fit:contain!important}
.brand-filter .brand-logo,.brand-filter .brand-logo.victron{height:36px}
.card-brand .brand-logo,.card-brand .brand-logo.victron{width:105px;height:30px}
.detail-copy>.brand-logo,.detail-copy>.brand-logo.victron,.service-logo .brand-logo{width:min(170px,60%);height:42px;margin:0 0 18px;object-position:left center}
.stage-label{min-width:190px;max-width:245px;padding:12px 14px}
.stage-label strong{display:block;color:var(--navy);font-size:11px;font-weight:600;line-height:1.35;margin:3px 0}
.stage-label .stage-product-spec{display:block;color:var(--muted);font-size:9px;line-height:1.4}
.stage-label>span:first-child{min-width:0}
.stage-label small{font-size:8px;line-height:1.4;letter-spacing:.7px}
html[data-theme=dark] .brand-logo{background:transparent;border-color:transparent;padding:0}
html[data-theme=dark] .stage-label .stage-product-spec{color:#c6d5e4}
.stage-label{max-width:215px}
.label-convert{left:2%}
.label-control{right:2%}
@media(max-width:600px){.stage-label{min-width:0;max-width:190px;padding:9px;font-size:9px}.stage-label strong{font-size:10px}.stage-label .stage-product-spec{font-size:8px}}
.brand-wordmark{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--navy);text-align:left;white-space:nowrap;line-height:1.15}
.brand-mark-icon{display:block;flex:0 0 auto;width:36px;height:36px;object-fit:contain}
.brand-wordmark>span{display:block}
.brand-wordmark strong{display:block;font-size:12px;line-height:1.25}
.brand-wordmark small{display:block;color:var(--muted);font-size:7px;line-height:1.25;letter-spacing:0}
.brand-belt .brand-wordmark{gap:5px}
.brand-belt .brand-mark-icon{width:31px;height:31px}
.brand-belt .brand-wordmark strong{font-size:11px}
.brand-belt .brand-wordmark small{font-size:6px}
.brand-filter .brand-wordmark{gap:5px}
.brand-filter .brand-mark-icon{width:25px;height:25px}
.brand-filter .brand-wordmark strong{font-size:10px}
.brand-filter .brand-wordmark small{font-size:6px}
.card-brand .brand-wordmark{gap:5px}
.card-brand .brand-mark-icon{width:21px;height:21px}
.card-brand .brand-wordmark strong{font-size:10px}
.card-brand .brand-wordmark small{display:none}
.detail-copy .brand-wordmark,.service-logo .brand-wordmark{margin-bottom:18px}
.detail-copy .brand-mark-icon,.service-logo .brand-mark-icon{width:38px;height:38px}
.detail-copy .brand-wordmark strong,.service-logo .brand-wordmark strong{font-size:14px}
.detail-copy .brand-wordmark small,.service-logo .brand-wordmark small{font-size:8px}
.result-group>h2 .brand-wordmark .brand-mark-icon{width:30px;height:30px}
html[data-theme=dark] .brand-wordmark{color:var(--navy)}