.equipment-route {
    --equipment-neon: #a8ff60;
    --equipment-cyan: #4dd9ff;
    --equipment-purple: #846cff;
}

.equipment-hero,
.equipment-supplier-hero {
    color: var(--fx-text);
    background:
        radial-gradient(circle at 80% 20%, rgba(77, 217, 255, .13), transparent 34%),
        radial-gradient(circle at 18% 82%, rgba(132, 108, 255, .12), transparent 30%),
        #090d14;
}

.equipment-hero { padding: clamp(48px, 7vw, 92px) 0; }
.equipment-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); gap: 56px; align-items: center; }
.equipment-kicker { display: block; margin-bottom: 10px; color: #5ea3ff; font-size: .76rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.equipment-hero .equipment-kicker,
.equipment-supplier-hero .equipment-kicker { color: var(--equipment-neon); }
.equipment-hero h1,
.equipment-supplier-hero h1 { max-width: 850px; margin: 0; color: #fff; font-size: clamp(2.35rem, 5.3vw, 5rem); line-height: .98; letter-spacing: -.055em; }
.equipment-hero p,
.equipment-supplier-hero p { max-width: 760px; margin: 24px 0 0; color: #b8c5d7; font-size: clamp(1rem, 1.45vw, 1.2rem); line-height: 1.65; }
.equipment-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.equipment-hero .button-secondary { border-color: rgba(255,255,255,.48); color: #fff; background: transparent; }
.equipment-bench-visual { position: relative; min-height: 330px; overflow: hidden; border: 1px solid rgba(155, 180, 212, .22); border-radius: 30px; background: linear-gradient(145deg, #101824, #05070b); box-shadow: 0 32px 80px rgba(0,0,0,.38); }
.equipment-bench-visual::before { content: ''; position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(77,217,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(77,217,255,.12) 1px, transparent 1px); background-size: 34px 34px; }
.equipment-bench-visual > span { position: absolute; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); color: #fff; background: #151f2d; box-shadow: 0 0 28px rgba(77,217,255,.13); font: 800 .75rem/1 Arial, sans-serif; letter-spacing: .08em; }
.equipment-scope { width: 148px; height: 92px; top: 48px; left: 42px; border-radius: 12px; }
.equipment-scope::after { content: ''; position: absolute; width: 86px; height: 28px; border-bottom: 3px solid var(--equipment-neon); transform: skewY(-17deg); }
.equipment-board { width: 110px; height: 140px; right: 42px; top: 50px; border-radius: 8px; color: #07140d !important; background: #42b96d !important; }
.equipment-uart { width: 130px; height: 44px; left: 72px; bottom: 70px; border-radius: 9px; }
.equipment-iron { width: 112px; height: 72px; right: 58px; bottom: 58px; border-radius: 50%; color: var(--equipment-neon) !important; }
.equipment-bench-visual > strong { position: absolute; left: 0; right: 0; bottom: 20px; color: #8493a8; text-align: center; font-size: .65rem; letter-spacing: .18em; }

.equipment-trust-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: -24px; border: 1px solid var(--fx-line); border-radius: 18px; overflow: hidden; background: var(--fx-panel); box-shadow: var(--fx-theme-shadow); }
.equipment-trust-row article { display: flex; gap: 14px; padding: 22px; border-right: 1px solid var(--fx-line); }
.equipment-trust-row article:last-child { border: 0; }
.equipment-trust-row article > span { color: var(--fx-blue); font-weight: 800; }
.equipment-trust-row strong,
.equipment-trust-row small { display: block; }
.equipment-trust-row strong { color: var(--fx-text); }
.equipment-trust-row small { margin-top: 4px; color: var(--fx-muted); line-height: 1.4; }

.equipment-search-panel,
.equipment-results,
.equipment-detail,
.equipment-stock-section { padding-top: 56px; }
.equipment-section-heading { display: flex; justify-content: space-between; gap: 28px; align-items: end; }
.equipment-section-heading h2 { margin: 0; color: var(--fx-text); font-size: clamp(1.65rem, 3vw, 2.4rem); letter-spacing: -.035em; }
.equipment-section-heading > a { color: var(--fx-blue); font-weight: 700; }
.equipment-section-heading > small,
.results-header > span { color: var(--fx-muted); }
.equipment-search-form { display: grid; grid-template-columns: minmax(220px, 1.35fr) minmax(200px, .65fr) auto auto; gap: 14px; align-items: end; margin-top: 24px; padding: 20px; border: 1px solid var(--fx-line); border-radius: 16px; background: var(--fx-panel); }
.equipment-stock-check { display: flex; align-items: center; gap: 9px; min-height: 46px; color: var(--fx-text); white-space: nowrap; }
.equipment-stock-check input { width: 18px; height: 18px; }
.equipment-category-chips { display: flex; gap: 8px; padding: 18px 0 6px; overflow-x: auto; scrollbar-width: thin; }
.equipment-category-chips a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--fx-line); border-radius: 999px; color: var(--fx-text-soft); background: var(--fx-panel); font-size: .82rem; }
.equipment-category-chips a.is-active { border-color: var(--fx-blue); color: #fff; background: var(--fx-blue); }
.equipment-category-chips small { opacity: .75; }
.equipment-results { padding-bottom: 72px; }
.equipment-results .results-header { margin-bottom: 18px; }
.equipment-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.equipment-card { min-width: 0; overflow: hidden; border: 1px solid var(--fx-line); border-radius: 18px; color: var(--fx-text); background: var(--fx-panel); transition: transform .18s ease, box-shadow .18s ease; }
.equipment-card:hover { transform: translateY(-3px); box-shadow: var(--fx-theme-shadow); }
.equipment-card-visual { position: relative; min-height: 188px; display: grid; place-items: center; overflow: hidden; color: #dceaff; background: linear-gradient(145deg, #162234, #080c12); }
.equipment-card-visual::before,
.equipment-detail-visual::before { content: ''; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(77,217,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(77,217,255,.14) 1px, transparent 1px); background-size: 26px 26px; }
.equipment-card-visual > span { position: absolute; top: 15px; left: 16px; font-size: .6rem; font-weight: 800; letter-spacing: .16em; }
.equipment-card-visual > strong { position: relative; z-index: 1; width: 92px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; background: #1a2637; box-shadow: 12px 12px 0 rgba(168,255,96,.12); font-size: .82rem; letter-spacing: .08em; }
.equipment-card-visual > i { position: absolute; width: 54%; height: 4px; right: -15%; bottom: 30px; transform: rotate(-18deg); background: var(--equipment-cyan); box-shadow: 0 0 20px var(--equipment-cyan); }
.equipment-type-development_board > strong { color: #07140d; background: #4ac879; }
.equipment-type-soldering_rework > i,
.equipment-type-board_heating > i { background: #ff7f50; box-shadow: 0 0 20px #ff7f50; }
.equipment-card-body { padding: 18px; }
.equipment-card-category { display: block; min-height: 1.2em; color: var(--fx-blue); font-size: .69rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.equipment-card h3 { min-height: 2.7em; margin: 7px 0 5px; color: var(--fx-text); font-size: 1.08rem; line-height: 1.3; }
.equipment-model { min-height: 1.3em; margin: 0 0 11px; color: var(--fx-muted); font-size: .78rem; }
.equipment-badges,
.equipment-protocols { display: flex; flex-wrap: wrap; gap: 6px; }
.equipment-badges span { padding: 5px 8px; border: 1px solid var(--fx-line); border-radius: 6px; color: var(--fx-text-soft); background: var(--fx-panel-2); font-size: .68rem; font-weight: 700; }
.equipment-protocols { min-height: 31px; margin-top: 10px; }
.equipment-protocols span,
.equipment-detail-tags span { padding: 4px 7px; border-radius: 5px; color: #0a421c; background: #dfffd0; font-size: .67rem; font-weight: 800; }
html[data-theme="dark"] .equipment-protocols span,
html[data-theme="dark"] .equipment-detail-tags span { color: var(--equipment-neon); background: rgba(168,255,96,.1); }
.equipment-card-price { min-height: 58px; display: flex; justify-content: space-between; gap: 10px; align-items: end; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--fx-line); }
.equipment-card-price small,
.equipment-card-price strong { display: block; }
.equipment-card-price small { color: var(--fx-muted); font-size: .68rem; }
.equipment-card-price strong { color: var(--fx-text); font-size: 1.18rem; }
.equipment-stock { max-width: 92px; color: var(--fx-muted); font-size: .68rem; text-align: right; }
.equipment-stock.is-stocked { color: #277a35; font-weight: 800; }
html[data-theme="dark"] .equipment-stock.is-stocked { color: var(--equipment-neon); }
.equipment-card-link { display: flex; justify-content: space-between; margin-top: 14px; color: var(--fx-blue); font-size: .78rem; font-weight: 800; }
.equipment-supply-cta { display: grid; grid-template-columns: minmax(0, 1.4fr) auto; gap: 36px; align-items: center; margin-bottom: 72px; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--fx-line); border-radius: 22px; color: var(--fx-text); background: linear-gradient(135deg, var(--fx-panel), var(--fx-panel-2)); }
.equipment-supply-cta h2 { max-width: 800px; margin: 0; font-size: clamp(1.7rem, 3vw, 2.6rem); }
.equipment-supply-cta p { max-width: 790px; color: var(--fx-muted); }
.equipment-supply-cta > div:last-child { display: grid; gap: 10px; min-width: 190px; }

.equipment-breadcrumbs { display: flex; gap: 8px; margin-bottom: 18px; color: var(--fx-muted); font-size: .78rem; }
.equipment-breadcrumbs a { color: var(--fx-blue); }
.equipment-detail-hero { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 70px); align-items: center; }
.equipment-detail-visual { position: relative; min-height: 390px; display: grid; place-items: center; overflow: hidden; border-radius: 24px; color: #fff; background: linear-gradient(145deg, #17263a, #070a0f); }
.equipment-detail-visual > span { position: absolute; top: 24px; left: 24px; font-size: .67rem; font-weight: 800; letter-spacing: .16em; }
.equipment-detail-visual > strong { position: relative; z-index: 1; width: 160px; height: 108px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: 15px; background: #19283b; box-shadow: 20px 20px 0 rgba(168,255,96,.13); letter-spacing: .1em; }
.equipment-detail-visual > i { position: absolute; width: 75%; height: 5px; right: -24%; bottom: 62px; transform: rotate(-17deg); background: var(--equipment-cyan); box-shadow: 0 0 24px var(--equipment-cyan); }
.equipment-detail-visual > small { position: absolute; left: 24px; bottom: 22px; color: #a8b8ce; }
.equipment-detail-copy h1 { margin: 0; color: var(--fx-text); font-size: clamp(2.3rem, 5vw, 4.6rem); line-height: 1; letter-spacing: -.055em; }
.equipment-detail-copy > p { max-width: 720px; margin: 20px 0; color: var(--fx-text-soft); font-size: 1.05rem; line-height: 1.65; }
.equipment-detail-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.equipment-detail-actions form { margin: 0; }
.equipment-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 360px); gap: 24px; align-items: start; margin-top: 48px; }
.equipment-detail-main { display: grid; gap: 20px; }
.equipment-panel,
.equipment-buying-checklist { border: 1px solid var(--fx-line); border-radius: 18px; color: var(--fx-text); background: var(--fx-panel); }
.equipment-panel { padding: clamp(22px, 3vw, 34px); }
.equipment-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 25px 0 0; }
.equipment-spec-grid div { padding: 15px 0; border-top: 1px solid var(--fx-line); }
.equipment-spec-grid div:nth-child(odd) { padding-right: 24px; }
.equipment-spec-grid div:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--fx-line); }
.equipment-spec-grid dt { color: var(--fx-muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.equipment-spec-grid dd { margin: 5px 0 0; color: var(--fx-text); font-weight: 700; }
.equipment-detail-tags { margin-top: 24px; }
.equipment-detail-tags > strong { display: block; margin-bottom: 9px; }
.equipment-detail-tags > div { display: flex; flex-wrap: wrap; gap: 7px; }
.equipment-reference-links { display: flex; gap: 18px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--fx-line); }
.equipment-reference-links a { color: var(--fx-blue); font-weight: 700; }
.equipment-buying-checklist { position: sticky; top: 24px; padding: 26px; }
.equipment-buying-checklist h2 { margin: 0; }
.equipment-buying-checklist ol { display: grid; gap: 17px; margin: 22px 0 0; padding: 0; list-style: none; }
.equipment-buying-checklist li { display: flex; gap: 12px; }
.equipment-buying-checklist li > span { flex: 0 0 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: var(--fx-accent-ink); background: var(--equipment-neon); font-weight: 800; }
.equipment-buying-checklist strong,
.equipment-buying-checklist small { display: block; }
.equipment-buying-checklist small { margin-top: 3px; color: var(--fx-muted); line-height: 1.45; }
.equipment-safety-note { margin-top: 22px; padding: 16px; border-left: 4px solid #ff8e52; color: var(--fx-text); background: var(--fx-panel-2); }
.equipment-safety-note p { margin: 5px 0 0; color: var(--fx-text-soft); font-size: .8rem; line-height: 1.5; }
.equipment-compatibility-list { display: grid; margin-top: 22px; }
.equipment-compatibility-list article { display: flex; justify-content: space-between; gap: 24px; padding: 16px 0; border-top: 1px solid var(--fx-line); }
.equipment-compatibility-list article div > * { display: block; }
.equipment-compatibility-list span,
.equipment-compatibility-list small { color: var(--fx-muted); }
.equipment-compatibility-list article > div:last-child { text-align: right; }
.equipment-compatibility-list article > div:last-child strong { color: #2b883b; }
html[data-theme="dark"] .equipment-compatibility-list article > div:last-child strong { color: var(--equipment-neon); }
.equipment-guide-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 20px; }
.equipment-guide-list a { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--fx-line); border-radius: 12px; color: var(--fx-text); background: var(--fx-panel-2); }
.equipment-guide-list span,
.equipment-guide-list small { color: var(--fx-muted); font-size: .74rem; }
.equipment-stock-section { padding-bottom: 80px; }
.equipment-stock-section .listing-grid { margin-top: 22px; }
.equipment-no-stock { display: flex; justify-content: space-between; gap: 32px; align-items: center; margin-top: 20px; padding: 28px; border: 1px dashed var(--fx-line-strong); border-radius: 16px; color: var(--fx-text); background: var(--fx-panel); }
.equipment-no-stock p { max-width: 720px; margin: 6px 0 0; color: var(--fx-muted); }

.equipment-supplier-hero { padding: clamp(50px, 7vw, 88px) 0; }
.supplier-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: -28px; }
.supplier-route-grid article { padding: 25px; border: 1px solid var(--fx-line); border-radius: 18px; color: var(--fx-text); background: var(--fx-panel); box-shadow: var(--fx-theme-shadow); }
.supplier-route-grid article > span { color: var(--fx-blue); font-weight: 800; }
.supplier-route-grid h2 { margin: 12px 0 8px; font-size: 1.25rem; }
.supplier-route-grid p { min-height: 6.7em; color: var(--fx-muted); font-size: .87rem; line-height: 1.55; }
.supplier-application-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(360px, 1.15fr); gap: clamp(30px, 6vw, 80px); align-items: start; padding-top: 70px; padding-bottom: 90px; }
.supplier-application-copy { color: var(--fx-text); }
.supplier-application-copy h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.045em; }
.supplier-application-copy > p,
.supplier-application-copy li { color: var(--fx-muted); line-height: 1.65; }
.supplier-application-copy ul { display: grid; gap: 8px; padding-left: 20px; }
.supplier-status-card { display: grid; gap: 4px; margin-top: 24px; padding: 18px; border: 1px solid var(--fx-line); border-radius: 12px; background: var(--fx-panel-2); }
.supplier-status-card span,
.supplier-status-card small { color: var(--fx-muted); }
.supplier-status-card strong { color: var(--fx-blue); font-size: 1.35rem; }
.supplier-application-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: clamp(22px, 4vw, 36px); border: 1px solid var(--fx-line); border-radius: 20px; color: var(--fx-text); background: var(--fx-panel); box-shadow: var(--fx-theme-shadow); }
.supplier-application-form .field-group:nth-of-type(3),
.supplier-application-form .field-group:nth-of-type(6),
.supplier-application-form .field-group:nth-of-type(11),
.supplier-application-form .supplier-check-field,
.supplier-application-form .button-full,
.supplier-application-form .supplier-form-note,
.supplier-application-form .form-errors { grid-column: 1 / -1; }
.supplier-application-form textarea { resize: vertical; }
.supplier-check-field label { display: flex; gap: 10px; align-items: flex-start; color: var(--fx-text); font-weight: 600; }
.supplier-check-field input { flex: 0 0 19px; width: 19px; height: 19px; margin-top: 2px; }
.field-error { display: block; margin-top: 5px; color: var(--fx-danger); font-size: .78rem; }
.supplier-form-note { color: var(--fx-muted); text-align: center; }

@media (max-width: 1050px) {
    .equipment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .equipment-detail-layout { grid-template-columns: 1fr; }
    .equipment-buying-checklist { position: static; }
}

@media (max-width: 820px) {
    .equipment-hero-grid,
    .equipment-detail-hero,
    .supplier-application-layout { grid-template-columns: 1fr; }
    .equipment-bench-visual { min-height: 280px; }
    .equipment-trust-row,
    .supplier-route-grid { grid-template-columns: 1fr; }
    .equipment-trust-row article { border-right: 0; border-bottom: 1px solid var(--fx-line); }
    .equipment-search-form { grid-template-columns: 1fr 1fr; }
    .equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .equipment-supply-cta { grid-template-columns: 1fr; }
    .supplier-route-grid article p { min-height: 0; }
}

@media (max-width: 560px) {
    .equipment-hero { padding-top: 32px; }
    .equipment-hero h1,
    .equipment-supplier-hero h1 { font-size: 2.45rem; }
    .equipment-bench-visual { min-height: 230px; }
    .equipment-scope { width: 116px; left: 24px; }
    .equipment-board { width: 90px; right: 24px; }
    .equipment-uart { left: 34px; bottom: 54px; }
    .equipment-iron { right: 30px; bottom: 50px; }
    .equipment-trust-row { margin-top: -12px; }
    .equipment-search-panel,
    .equipment-results,
    .equipment-detail,
    .equipment-stock-section { padding-top: 36px; }
    .equipment-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .equipment-search-form,
    .equipment-grid,
    .equipment-spec-grid,
    .equipment-guide-list,
    .supplier-application-form { grid-template-columns: 1fr; }
    .supplier-application-form .field-group { grid-column: 1; }
    .equipment-card h3 { min-height: 0; }
    .equipment-detail-visual { min-height: 280px; }
    .equipment-spec-grid div,
    .equipment-spec-grid div:nth-child(odd),
    .equipment-spec-grid div:nth-child(even) { padding: 13px 0; border-left: 0; }
    .equipment-compatibility-list article,
    .equipment-no-stock { align-items: flex-start; flex-direction: column; }
    .equipment-compatibility-list article > div:last-child { text-align: left; }
    .equipment-reference-links { flex-direction: column; gap: 9px; }
}