:root {
    --fx-bg: #07090d;
    --fx-bg-soft: #0b0f16;
    --fx-panel: #101620;
    --fx-panel-2: #151d29;
    --fx-panel-3: #1b2533;
    --fx-line: rgba(161, 183, 214, .16);
    --fx-line-strong: rgba(161, 183, 214, .28);
    --fx-text: #f5f8fc;
    --fx-text-soft: #c1cbd9;
    --fx-muted: #7f8b9e;
    --fx-blue: #4a8dff;
    --fx-blue-strong: #246cff;
    --fx-cyan: #43d9ff;
    --fx-lime: #a8ff60;
    --fx-lime-soft: rgba(168, 255, 96, .13);
    --fx-danger: #ff5d6c;
    --fx-amber: #ffcb5c;
    --fx-purple: #9d7bff;
    --fx-glow: 0 0 0 1px rgba(67, 217, 255, .12), 0 18px 60px rgba(0, 0, 0, .36);
    --fx-radius: 16px;
    --fx-radius-sm: 10px;
}

html { background: var(--fx-bg); }
body {
    color: var(--fx-text);
    background:
        radial-gradient(circle at 12% 0%, rgba(36, 108, 255, .12), transparent 27rem),
        radial-gradient(circle at 95% 12%, rgba(168, 255, 96, .055), transparent 22rem),
        var(--fx-bg);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1, h2, h3, strong, .brand, button { font-family: "Space Grotesk", "Inter", sans-serif; }
a { transition: color .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease, transform .18s ease; }
::selection { color: #071016; background: var(--fx-cyan); }

.skip-link { color: #071016; background: var(--fx-lime); }
.shell { width: min(calc(100% - 40px), 1360px); }
.eyebrow, .section-code {
    color: var(--fx-cyan);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.text-link { color: var(--fx-cyan); font-weight: 700; }
.text-link:hover { color: var(--fx-lime); text-decoration: none; }

/* Utility and navigation */
.market-utility {
    min-height: 36px;
    color: var(--fx-muted);
    border-bottom: 1px solid var(--fx-line);
    background: rgba(5, 7, 10, .92);
    font-size: .75rem;
}
.market-utility-row { min-height: 36px; }
.market-utility a { color: var(--fx-text-soft); }
.market-utility a:hover { color: var(--fx-cyan); text-decoration: none; }
.market-utility .utility-emphasis { color: var(--fx-lime); }
.utility-greeting { color: var(--fx-muted); }

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--fx-line);
    background: rgba(7, 9, 13, .9);
    backdrop-filter: blur(20px);
}
.market-header-row {
    min-height: 84px;
    grid-template-columns: auto auto minmax(260px, 1fr) auto;
    gap: 18px;
}
.brand-fixonic {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-width: 190px;
    letter-spacing: 0;
}
.fixonic-mark {
    position: relative;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(67, 217, 255, .42);
    border-radius: 13px;
    color: #071016;
    background: linear-gradient(145deg, var(--fx-cyan), var(--fx-lime));
    box-shadow: 0 0 28px rgba(67, 217, 255, .16);
    transform: rotate(-3deg);
}
.fixonic-mark::before,
.fixonic-mark::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 1px;
    background: rgba(7, 16, 22, .22);
}
.fixonic-mark::before { transform: rotate(45deg); }
.fixonic-mark::after { transform: rotate(-45deg); }
.fixonic-mark i {
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(7, 16, 22, .17);
    border-radius: 9px;
}
.fixonic-mark b { position: relative; z-index: 2; font-size: .88rem; letter-spacing: -.04em; }
.fixonic-wordmark { display: grid; line-height: 1; }
.fixonic-wordmark strong { color: var(--fx-text); font-size: 1.25rem; letter-spacing: .12em; }
.fixonic-wordmark small { margin-top: 6px; color: var(--fx-muted); font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; }
.shop-category-link { max-width: 82px; color: var(--fx-muted); }
.shop-category-link strong { color: var(--fx-text-soft); }
.shop-category-link:hover strong { color: var(--fx-cyan); }

.header-search-market {
    height: 50px;
    grid-template-columns: minmax(0, 1fr) 165px;
    overflow: hidden;
    border: 1px solid var(--fx-line-strong);
    border-radius: 12px;
    background: #0c1119;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.header-search-market:focus-within {
    border-color: rgba(67, 217, 255, .72);
    box-shadow: 0 0 0 3px rgba(67, 217, 255, .08), inset 0 1px 0 rgba(255,255,255,.04);
}
.header-search-market input {
    color: var(--fx-text);
    border-right: 1px solid var(--fx-line);
    background: transparent;
}
.header-search-market input::placeholder { color: #657184; }
.header-search-market select { color: var(--fx-text-soft); background: #0d131c; }
.header-search-market option { color: var(--fx-text); background: var(--fx-panel); }
.market-search-button {
    min-width: 128px;
    height: 50px;
    border: 1px solid rgba(67, 217, 255, .35);
    border-radius: 12px;
    color: #061015;
    background: linear-gradient(135deg, var(--fx-cyan), var(--fx-blue));
    box-shadow: 0 10px 28px rgba(36, 108, 255, .22);
}
.market-search-button:hover { background: linear-gradient(135deg, var(--fx-lime), var(--fx-cyan)); transform: translateY(-1px); }

.market-category-nav { border-color: var(--fx-line); background: rgba(10, 14, 20, .82); }
.market-category-row { min-height: 46px; justify-content: flex-start; color: var(--fx-muted); }
.market-category-row a { position: relative; padding: 14px 0 12px; }
.market-category-row a:hover { color: var(--fx-text); border-bottom-color: var(--fx-cyan); }
.market-category-row .category-featured { color: var(--fx-lime); }
.live-dot,
.signal-live,
.pulse-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: var(--fx-lime);
    box-shadow: 0 0 12px var(--fx-lime);
}
.live-dot { margin-right: 5px; }
.nav-toggle { border-color: var(--fx-line-strong); background: var(--fx-panel); }
.nav-toggle > span:not(.sr-only) { background: var(--fx-text); }
.nav-wrap { border-top: 1px solid var(--fx-line); background: var(--fx-panel); }
.primary-nav a, .account-nav a { color: var(--fx-text-soft); }

/* Buttons and fields */
.button {
    min-height: 46px;
    padding: 11px 21px;
    border: 1px solid rgba(67, 217, 255, .4);
    border-radius: 11px;
    color: #071016;
    background: linear-gradient(135deg, var(--fx-cyan), var(--fx-blue));
    box-shadow: 0 10px 24px rgba(36, 108, 255, .16);
}
.button:hover:not(:disabled) { color: #061015; background: linear-gradient(135deg, var(--fx-lime), var(--fx-cyan)); transform: translateY(-1px); }
.button-secondary {
    color: var(--fx-text);
    border-color: var(--fx-line-strong);
    background: rgba(255,255,255,.035);
    box-shadow: none;
}
.button-secondary:hover:not(:disabled) { color: var(--fx-cyan); border-color: rgba(67, 217, 255, .5); background: rgba(67, 217, 255, .07); }
.button-buy { color: #071016; border-color: var(--fx-lime); background: var(--fx-lime); }
.button-buy:hover:not(:disabled) { color: #071016; background: #c0ff8c; }
input, select, textarea {
    color: var(--fx-text);
    border-color: var(--fx-line-strong);
    background: #0b1017;
}
input::placeholder, textarea::placeholder { color: #687487; }
input:focus, select:focus, textarea:focus { border-color: var(--fx-cyan); box-shadow: 0 0 0 3px rgba(67,217,255,.08); }
label { color: var(--fx-text-soft); }

/* Homepage */
.market-home { padding-bottom: 80px; }
.fixonic-hero {
    padding: 30px 0 12px;
    color: var(--fx-text);
    background: transparent;
}
.fixonic-hero-inner {
    position: relative;
    min-height: 560px;
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
    overflow: hidden;
    border: 1px solid var(--fx-line);
    border-radius: 26px;
    background:
        linear-gradient(110deg, rgba(20, 29, 42, .98) 0%, rgba(10, 15, 23, .98) 58%, rgba(8, 13, 20, .98) 100%);
    box-shadow: 0 30px 90px rgba(0,0,0,.4);
}
.fixonic-hero-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to right, rgba(0,0,0,.6), transparent 80%);
}
.fixonic-hero-copy { position: relative; z-index: 2; padding: clamp(48px, 6vw, 86px); }
.hero-kicker { display: flex; gap: 9px; align-items: center; margin-bottom: 22px; color: var(--fx-text-soft); font-size: .74rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.fixonic-hero-copy h1 {
    max-width: 720px;
    margin-bottom: 23px;
    color: var(--fx-text);
    font-size: clamp(3.2rem, 6.3vw, 6.5rem);
    line-height: .89;
    letter-spacing: -.07em;
}
.fixonic-hero-copy h1 span {
    color: transparent;
    background: linear-gradient(100deg, var(--fx-cyan), var(--fx-lime));
    -webkit-background-clip: text;
    background-clip: text;
}
.fixonic-hero-copy > p { max-width: 680px; margin-bottom: 26px; color: var(--fx-text-soft); font-size: 1.05rem; line-height: 1.65; }
.hero-discovery {
    max-width: 700px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 7px;
    margin: 0 0 16px;
    border: 1px solid var(--fx-line-strong);
    border-radius: 14px;
    background: rgba(5, 8, 12, .62);
}
.hero-discovery input { min-width: 0; padding: 0 14px; border: 0; background: transparent; box-shadow: none; }
.hero-discovery button {
    min-width: 100px;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    color: #071016;
    background: var(--fx-lime);
    font-weight: 700;
}
.market-hero-actions { margin-top: 18px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 32px; color: var(--fx-muted); font-size: .72rem; }
.hero-proof span { display: flex; gap: 7px; align-items: center; }
.hero-proof b { color: var(--fx-cyan); font-size: .64rem; }
.fixonic-hero-visual {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 50%, rgba(67,217,255,.12), transparent 31%),
        radial-gradient(circle at 70% 20%, rgba(168,255,96,.09), transparent 25%),
        #080d14;
}
.fixonic-hero-visual::before,
.fixonic-hero-visual::after { display: none; }
.diagnostic-orbit { position: relative; width: 430px; height: 430px; display: grid; place-items: center; }
.orbit-ring { position: absolute; border: 1px solid rgba(67,217,255,.2); border-radius: 50%; }
.orbit-one { width: 340px; height: 340px; animation: fx-spin 24s linear infinite; }
.orbit-two { width: 245px; height: 245px; border-style: dashed; border-color: rgba(168,255,96,.22); animation: fx-spin-reverse 18s linear infinite; }
.orbit-ring::before,
.orbit-ring::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--fx-cyan); box-shadow: 0 0 14px var(--fx-cyan); }
.orbit-one::before { top: 31px; left: 67px; }
.orbit-one::after { bottom: 42px; right: 52px; background: var(--fx-lime); box-shadow: 0 0 14px var(--fx-lime); }
.orbit-two::before { top: 50%; left: -4px; }
.orbit-two::after { right: -4px; top: 32%; background: var(--fx-purple); box-shadow: 0 0 14px var(--fx-purple); }
.diagnostic-core {
    position: relative;
    z-index: 3;
    width: 150px;
    height: 150px;
    display: grid;
    place-content: center;
    text-align: center;
    border: 1px solid rgba(67,217,255,.45);
    border-radius: 36px;
    background: linear-gradient(145deg, rgba(24,36,52,.96), rgba(9,15,23,.96));
    box-shadow: 0 0 0 10px rgba(67,217,255,.025), 0 0 55px rgba(67,217,255,.14);
    transform: rotate(4deg);
}
.diagnostic-core strong { color: var(--fx-text); font-size: 2.6rem; letter-spacing: -.08em; }
.diagnostic-core span { color: var(--fx-cyan); font-size: .62rem; font-weight: 700; letter-spacing: .18em; }
.diagnostic-core small { margin-top: 6px; color: var(--fx-muted); font-size: .48rem; letter-spacing: .12em; }
.orbit-node {
    position: absolute;
    z-index: 4;
    min-width: 126px;
    padding: 12px 14px;
    border: 1px solid var(--fx-line-strong);
    border-radius: 12px;
    background: rgba(14,21,31,.9);
    box-shadow: 0 16px 35px rgba(0,0,0,.35);
}
.orbit-node span, .orbit-node small { display: block; }
.orbit-node span { color: var(--fx-text); font-size: .72rem; font-weight: 700; letter-spacing: .08em; }
.orbit-node small { margin-top: 4px; color: var(--fx-muted); font-size: .55rem; letter-spacing: .1em; }
.node-phone { left: -2px; top: 94px; border-left: 2px solid var(--fx-danger); }
.node-console { right: -12px; top: 140px; border-left: 2px solid var(--fx-cyan); }
.node-part { left: 82px; bottom: 18px; border-left: 2px solid var(--fx-lime); }
.hero-scanline { position: absolute; left: 8%; right: 8%; top: 20%; height: 1px; background: linear-gradient(90deg, transparent, rgba(67,217,255,.45), transparent); animation: fx-scan 5.5s ease-in-out infinite; }
@keyframes fx-spin { to { transform: rotate(360deg); } }
@keyframes fx-spin-reverse { to { transform: rotate(-360deg); } }
@keyframes fx-scan { 0%,100% { transform: translateY(0); opacity: .2; } 50% { transform: translateY(300px); opacity: .8; } }

.fixonic-signal-strip { margin: 12px 0 20px; }
.fixonic-signal-strip .shell {
    min-height: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--fx-line);
    border-radius: 13px;
    background: rgba(13,18,27,.76);
}
.fixonic-signal-strip span { display: flex; gap: 9px; align-items: center; justify-content: center; padding: 12px 16px; color: var(--fx-muted); border-right: 1px solid var(--fx-line); font-size: .7rem; letter-spacing: .04em; }
.fixonic-signal-strip span:last-child { border-right: 0; }

.market-section { padding: 54px 0 8px; }
.market-section-heading { margin-bottom: 22px; align-items: end; }
.market-section-heading h2 { margin: 5px 0 0; color: var(--fx-text); font-size: clamp(1.6rem, 3vw, 2.35rem); letter-spacing: -.04em; }
.market-section-heading p { color: var(--fx-muted); }
.section-code { display: block; margin-bottom: 5px; }

.fixonic-category-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.fixonic-category-grid .market-category-circle {
    min-height: 176px;
    padding: 16px;
    text-align: left;
    border: 1px solid var(--fx-line);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(19,27,39,.9), rgba(10,15,23,.9));
}
.fixonic-category-grid .market-category-circle:hover { border-color: rgba(67,217,255,.42); background: linear-gradient(150deg, rgba(23,35,50,.96), rgba(11,18,27,.96)); transform: translateY(-3px); box-shadow: var(--fx-glow); }
.fixonic-category-grid .market-category-circle > span {
    aspect-ratio: auto;
    min-height: 84px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 15px;
    padding: 0;
    border-radius: 0;
    color: var(--fx-text-soft);
    background: transparent !important;
    box-shadow: none;
    transform: none;
}
.fixonic-category-grid .market-category-circle span b { color: var(--fx-cyan); font-size: .65rem; letter-spacing: .1em; }
.fixonic-category-grid .market-category-circle span i { color: var(--fx-text-soft); font-size: .7rem; font-style: normal; text-transform: uppercase; letter-spacing: .08em; }
.fixonic-category-grid .market-category-circle strong { color: var(--fx-text); font-size: .98rem; }
.fixonic-category-grid .market-category-circle small { display: block; margin-top: 4px; color: var(--fx-muted); font-size: .68rem; }
.fixonic-category-grid .category-auction { border-color: rgba(168,255,96,.22); background: linear-gradient(150deg, rgba(25,38,28,.9), rgba(10,17,14,.9)); }
.fixonic-category-grid .category-auction span b { color: var(--fx-lime); }

/* Marketplace cards */
.listing-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.listing-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--fx-line);
    border-radius: 15px;
    background: linear-gradient(165deg, rgba(18,25,36,.96), rgba(10,15,23,.98));
}
.listing-card:hover { border-color: rgba(67,217,255,.35); box-shadow: var(--fx-glow); transform: translateY(-3px); }
.listing-card-media { aspect-ratio: 1; border-radius: 0; border-bottom: 1px solid var(--fx-line); background: #0b1017; }
.listing-card-media img { padding: 12px; background: radial-gradient(circle, #1b2532, #0c1119); }
.media-placeholder { color: #677489; background: radial-gradient(circle at 50% 40%, #1b2635, #0b1017 70%); }
.badge { color: var(--fx-text); border: 1px solid var(--fx-line-strong); background: rgba(9,14,21,.86); }
.badge-overlay { color: var(--fx-cyan); background: rgba(7,11,17,.86); box-shadow: none; }
.badge-quick, .badge-quick-static { color: #071016; background: var(--fx-lime); }
.watch-button {
    color: var(--fx-text);
    border: 1px solid var(--fx-line);
    background: rgba(7,11,17,.82);
    box-shadow: none;
}
.watch-button:hover { color: var(--fx-danger); border-color: rgba(255,93,108,.45); background: rgba(255,93,108,.08); }
.listing-card-body { padding: 15px; }
.listing-card-meta { color: var(--fx-muted); }
.listing-card h3 { min-height: 44px; color: var(--fx-text); font-size: .88rem; font-weight: 600; }
.listing-card h3 a:hover { color: var(--fx-cyan); text-decoration: none; }
.fault-summary { min-height: 34px; color: var(--fx-muted); }
.listing-card-footer { padding-top: 10px; border-top: 1px solid var(--fx-line); }
.price { color: var(--fx-text); font-size: 1.12rem; }
.listing-card-footer small, .delivery-note, .card-auction-line { color: var(--fx-muted); }
.card-auction-line strong { color: var(--fx-lime); }

.fixonic-promo-row { gap: 15px; }
.fixonic-promo-row .market-promo-card {
    min-height: 220px;
    padding: 28px;
    border: 1px solid var(--fx-line);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(19,27,39,.94), rgba(10,15,23,.96));
}
.fixonic-promo-row .market-promo-card:nth-child(2) { background: linear-gradient(145deg, rgba(28,31,24,.94), rgba(13,17,12,.96)); }
.fixonic-promo-row .market-promo-card:nth-child(3) { background: linear-gradient(145deg, rgba(20,24,40,.94), rgba(10,14,24,.96)); }
.fixonic-promo-row .market-promo-card span { color: var(--fx-cyan); }
.fixonic-promo-row .market-promo-card:nth-child(2) span { color: var(--fx-lime); }
.fixonic-promo-row .market-promo-card h3 { color: var(--fx-text); font-size: 1.35rem; line-height: 1.2; }
.fixonic-promo-row .market-promo-card p { color: var(--fx-muted); line-height: 1.6; }

/* Browse and filters */
.page-hero { color: var(--fx-text); border-color: var(--fx-line); background: linear-gradient(180deg, rgba(16,22,32,.9), rgba(7,9,13,.6)); }
.page-hero-compact { border-bottom: 1px solid var(--fx-line); }
.page-hero h1 { color: var(--fx-text); }
.page-hero p { color: var(--fx-muted); }
.browse-layout { grid-template-columns: 250px minmax(0, 1fr); }
.filters-panel {
    padding: 18px;
    border: 1px solid var(--fx-line);
    border-radius: 14px;
    background: rgba(14,20,29,.82);
}
.filters-panel h2, .filter-group h3 { color: var(--fx-text); }
.filters-panel label { color: var(--fx-text-soft); }
.filter-group, .filters-panel .field-group { border-color: var(--fx-line); }
.check-row:hover { color: var(--fx-cyan); }
.clear-link { color: var(--fx-muted); }
.clear-link:hover { color: var(--fx-cyan); }
.filter-note, .warning-box { color: var(--fx-text-soft); border-color: rgba(255,203,92,.24); background: rgba(255,203,92,.07); }
.results-header, .market-results-toolbar { color: var(--fx-muted); border-color: var(--fx-line); }
.results-header strong { color: var(--fx-text); }
.view-switcher button, .results-sort select { color: var(--fx-text-soft); border-color: var(--fx-line-strong); background: var(--fx-panel); }
.pagination a, .pagination span { color: var(--fx-text-soft); border-color: var(--fx-line); background: var(--fx-panel); }
.pagination a:hover { color: var(--fx-cyan); border-color: rgba(67,217,255,.4); }
.empty-state { color: var(--fx-text); border-color: var(--fx-line-strong); background: rgba(14,20,29,.7); }
.empty-state p { color: var(--fx-muted); }

/* Product detail */
.breadcrumbs { color: var(--fx-muted); }
.breadcrumbs a:hover { color: var(--fx-cyan); }
.product-layout { gap: 42px; }
.main-image {
    border: 1px solid var(--fx-line);
    border-radius: 18px;
    background: radial-gradient(circle, #1b2634, #0a0f16 72%);
}
.main-image img { background: transparent; }
.thumbnail-row img { border-color: var(--fx-line); border-radius: 10px; background: var(--fx-panel); }
.thumbnail-row img:hover { border-color: var(--fx-cyan); }
.product-summary h1 { color: var(--fx-text); }
.product-device, .seller-line { color: var(--fx-muted); }
.purchase-panel {
    border: 1px solid var(--fx-line);
    border-radius: 18px;
    background: linear-gradient(155deg, rgba(20,28,40,.96), rgba(9,14,21,.98));
    box-shadow: 0 20px 55px rgba(0,0,0,.26);
}
.purchase-price span, .auction-status span { color: var(--fx-muted); }
.purchase-price strong, .auction-status strong { color: var(--fx-text); }
.auction-status { border-color: var(--fx-line); background: rgba(255,255,255,.025); }
.bid-form, .buy-now-form, .delivery-box { border-color: var(--fx-line); }
.delivery-box strong { color: var(--fx-text-soft); }
.delivery-box span { color: var(--fx-muted); }
.delivery-box div { border-color: var(--fx-line); }
.build-note { color: var(--fx-muted); }
.product-information { gap: 30px; }
.content-card, .disclosure-panel {
    border: 1px solid var(--fx-line);
    border-radius: 16px;
    background: rgba(14,20,29,.82);
    box-shadow: none;
}
.content-card h2, .content-card h3, .disclosure-panel h2 { color: var(--fx-text); }
.prose { color: var(--fx-text-soft); }
.fault-card { border-color: rgba(255,93,108,.25); background: linear-gradient(155deg, rgba(39,20,27,.8), rgba(16,16,22,.86)); }
.tag-list span { color: var(--fx-text-soft); border-color: var(--fx-line); background: var(--fx-panel-2); }
.detail-list div, .status-list div { border-color: var(--fx-line); }
.detail-list dt, .status-list dt { color: var(--fx-muted); }
.detail-list dd, .status-list dd { color: var(--fx-text); }
.market-seller-card { border-color: var(--fx-line); background: var(--fx-panel); }

/* Parts, guides and editorial pages */
.parts-hero, .manifesto-hero, .guide-detail-hero { color: var(--fx-text); background: linear-gradient(130deg, #111927, #090e16); }
.quality-scorecard { border-color: var(--fx-line); background: rgba(255,255,255,.035); }
.quality-scorecard > span { color: var(--fx-lime); }
.quality-scorecard li { color: var(--fx-text-soft); background: rgba(255,255,255,.035); }
.parts-filter-form, .library-search {
    border-color: var(--fx-line);
    background: rgba(14,20,29,.92);
    box-shadow: none;
}
.parts-filter-form input, .parts-filter-form select { color: var(--fx-text); border-color: var(--fx-line-strong); background: #0b1017; }
.supplier-explainer li { border: 1px solid var(--fx-line); background: var(--fx-panel); }
.supplier-explainer li > span { color: #071016; background: var(--fx-lime); }
.supplier-explainer li p { color: var(--fx-muted); }
.guide-feature, .fixonic-guide-section, .section-tint { color: var(--fx-text); background: #0a0e15; }
.guide-card {
    border-color: var(--fx-line);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(19,27,39,.92), rgba(10,15,23,.95));
}
.guide-card h3, .guide-card h3 a { color: var(--fx-text); }
.guide-card h3 a:hover { color: var(--fx-cyan); }
.guide-card p { color: var(--fx-muted); }
.guide-card > div { color: var(--fx-cyan); border-color: var(--fx-line); }
.guide-device { color: var(--fx-lime); }
.guide-library-card, .guide-resource-card, .guide-fact, .guide-sidebar-card {
    border-color: var(--fx-line);
    background: var(--fx-panel);
}
.guide-library-card h2, .guide-resource-card h3, .guide-detail-grid h1 { color: var(--fx-text); }
.guide-library-card p, .guide-resource-card p, .guide-fact span { color: var(--fx-muted); }
.repair-steps > li { border-color: var(--fx-line); background: var(--fx-panel); }
.repair-steps > li::before { color: #071016; background: var(--fx-cyan); }
.manifesto-grid h1, .policy-grid h2, .principles-grid h2 { color: var(--fx-text); }
.manifesto-grid p, .policy-grid p, .principles-grid p { color: var(--fx-text-soft); }
.principles-grid > div, .policy-grid > div { border-color: var(--fx-line); background: var(--fx-panel); }

/* Forms, dashboards and checkout */
.form-shell, .dashboard-card, .order-card, .checkout-panel, .account-panel {
    border-color: var(--fx-line);
    background: var(--fx-panel);
}
.form-section {
    border: 1px solid var(--fx-line);
    background: rgba(14,20,29,.88);
    box-shadow: none;
}
.form-section h2, .dashboard-heading h1, .order-card h2, .checkout-panel h1 { color: var(--fx-text); }
.form-section p, .dashboard-heading p, .order-card p { color: var(--fx-muted); }
.form-progress span { color: var(--fx-muted); background: var(--fx-panel); }
.form-progress span.is-current { color: #071016; background: var(--fx-lime); }
.helptext, .field-help { color: var(--fx-muted); }
.errorlist { color: var(--fx-danger); }
.table-wrap, table { border-color: var(--fx-line); }
th { color: var(--fx-muted); background: var(--fx-bg-soft); }
td { color: var(--fx-text-soft); border-color: var(--fx-line); }

/* Messages and footer */
.message { color: var(--fx-text); border-color: rgba(168,255,96,.25); background: rgba(168,255,96,.08); }
.message-error { color: #ffdce0; border-color: rgba(255,93,108,.28); background: rgba(255,93,108,.1); }
.site-footer {
    padding-top: 64px;
    color: var(--fx-text-soft);
    border-top: 1px solid var(--fx-line);
    background: #05070a;
}
.footer-grid { border-color: var(--fx-line); }
.footer-grid h2 { color: var(--fx-text); }
.footer-grid a { color: var(--fx-muted); }
.footer-grid a:hover { color: var(--fx-cyan); }
.footer-grid > div:first-child p { color: var(--fx-muted); }
.footer-bottom { color: #687487; border-color: var(--fx-line); }
.brand-footer .fixonic-mark { width: 40px; height: 40px; }

@media (max-width: 1180px) {
    .fixonic-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .listing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .fixonic-hero-inner { grid-template-columns: minmax(0, 1fr) 390px; }
    .diagnostic-orbit { transform: scale(.9); }
}

@media (max-width: 900px) {
    .shell { width: min(calc(100% - 28px), 1360px); }
    .market-utility { display: none; }
    .site-header { top: 0; }
    .market-header-row { grid-template-columns: 1fr auto; gap: 12px; padding-block: 13px; }
    .brand-fixonic { min-width: 0; }
    .shop-category-link { display: none; }
    .header-search-market { grid-column: 1 / -1; grid-row: 2; }
    .market-search-button { grid-column: 1 / -1; grid-row: 3; width: 100%; }
    .nav-toggle { display: block; grid-column: 2; grid-row: 1; }
    .market-category-nav { display: none; }
    .nav-wrap.is-open { display: block; }
    .fixonic-hero-inner { grid-template-columns: 1fr; }
    .fixonic-hero-copy { padding: 54px 42px 36px; }
    .fixonic-hero-visual { min-height: 390px; }
    .diagnostic-orbit { transform: scale(.88); }
    .fixonic-signal-strip .shell { grid-template-columns: repeat(2, 1fr); }
    .fixonic-signal-strip span:nth-child(2) { border-right: 0; }
    .fixonic-signal-strip span:nth-child(-n+2) { border-bottom: 1px solid var(--fx-line); }
    .listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .browse-layout { grid-template-columns: 1fr; }
    .filters-panel { position: static; }
}

@media (max-width: 640px) {
    .shell { width: min(calc(100% - 20px), 1360px); }
    .fixonic-mark { width: 40px; height: 40px; }
    .fixonic-wordmark strong { font-size: 1.05rem; }
    .fixonic-wordmark small { display: none; }
    .header-search-market { height: 47px; grid-template-columns: 1fr; }
    .header-search-market select { display: none; }
    .header-search-market input { border-right: 0; }
    .market-search-button { height: 46px; }
    .fixonic-hero { padding-top: 16px; }
    .fixonic-hero-inner { min-height: 0; border-radius: 18px; }
    .fixonic-hero-copy { padding: 42px 24px 31px; }
    .fixonic-hero-copy h1 { font-size: clamp(3rem, 16vw, 4.6rem); }
    .fixonic-hero-copy > p { font-size: .94rem; }
    .hero-discovery { grid-template-columns: 1fr; background: transparent; border: 0; padding: 0; }
    .hero-discovery input { min-height: 48px; border: 1px solid var(--fx-line-strong); border-radius: 10px; background: rgba(5,8,12,.75); }
    .hero-discovery button { min-height: 46px; }
    .market-hero-actions { display: grid; }
    .market-hero-actions .button { width: 100%; }
    .hero-proof { display: grid; }
    .fixonic-hero-visual { min-height: 330px; }
    .diagnostic-orbit { transform: scale(.7); }
    .fixonic-signal-strip .shell { grid-template-columns: 1fr; }
    .fixonic-signal-strip span { justify-content: flex-start; border-right: 0; border-bottom: 1px solid var(--fx-line); }
    .fixonic-signal-strip span:last-child { border-bottom: 0; }
    .market-section { padding-top: 44px; }
    .market-section-heading { align-items: flex-start; }
    .market-section-heading .text-link { display: none; }
    .fixonic-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fixonic-category-grid .market-category-circle { min-height: 155px; padding: 14px; }
    .fixonic-category-grid .market-category-circle > span { min-height: 66px; }
    .listing-grid, .listing-grid-results { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
    .listing-card { display: block; }
    .listing-card-body { padding: 12px; }
    .listing-card h3 { min-height: 42px; font-size: .82rem; }
    .fault-summary { display: -webkit-box; min-height: 32px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .price { font-size: 1rem; }
    .fixonic-promo-row { grid-template-columns: 1fr; }
    .product-layout, .product-information { gap: 20px; }
    .purchase-panel, .content-card, .disclosure-panel, .form-section { padding: 18px; }
    .main-image { border-radius: 14px; }
    .footer-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .orbit-one, .orbit-two, .hero-scanline { animation: none; }
    * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}