.catalog-transition .catalog-heading{margin-block:24px}.catalog-discovery{margin:20px 0 28px}.directory-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.directory-top h2{color:var(--text-secondary);margin:0;font-size:18px;font-weight:500;line-height:1.4}.directory-shortcuts{align-items:center;gap:20px;display:flex}.directory-shortcuts a{min-height:44px;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:inline-flex}.directory-shortcuts a:hover{text-underline-offset:4px;text-decoration:underline}.directory-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.directory-group{min-width:0;padding-top:0}.directory-toggle{display:none}@media (max-width:639px){.catalog-discovery .directory-group h3{margin-bottom:0;padding:0}.directory-desktop-title{display:none}.directory-toggle{border-radius:inherit;width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.directory-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.directory-toggle-affordance{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.directory-toggle-affordance svg{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--brand);background:var(--brand-wash);padding:5px;transition:transform .24s;transform:rotate(90deg)}.directory-toggle[aria-expanded=true] svg{transform:rotate(-90deg)}.directory-panel{grid-template-rows:0fr;transition:grid-template-rows .24s;display:grid}.directory-panel-content{min-height:0;overflow:hidden}.directory-panel .directory-links{max-height:calc(100dvh - var(--bottom-nav-height) - env(safe-area-inset-bottom) - 112px);overscroll-behavior-y:contain;visibility:hidden;padding-top:6px;scroll-padding-block:8px;transition:visibility 0s .24s;overflow-y:auto}.directory-panel .directory-links a{scroll-margin-bottom:8px}.directory-group[data-expanded=true] .directory-panel{grid-template-rows:1fr}.directory-group[data-expanded=true] .directory-links{visibility:visible;transition-delay:0s}}.directory-group h3{isolation:isolate;border-left:3px solid var(--brand);background:linear-gradient(105deg, var(--surface-elevated), var(--surface) 55%, transparent);min-height:48px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);letter-spacing:-.02em;border-radius:3px 8px 8px 3px;align-items:center;margin:0 0 12px;padding:10px 16px;font-size:22px;font-weight:650;line-height:1.25;display:flex;position:relative}.directory-group h3:after{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--brand) 65%, transparent), transparent 70%);height:1px;position:absolute;inset:0 0 auto}.directory-group h3:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg, var(--circuit-brand-wash), var(--circuit-brand) 45%, var(--circuit-brand-wash) 75%);transform:var(--directory-trace-orientation,none);opacity:.24;background-position:100% 0;background-size:220% 100%;transition:opacity .24s,background-position .6s;position:absolute;inset:0;-webkit-mask-image:url(/images/repair/board-traces.svg);mask-image:url(/images/repair/board-traces.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:240px 120px;mask-size:240px 120px}#directory-audio{--directory-trace-orientation:scaleX(-1)}#directory-computer{--directory-trace-orientation:scaleY(-1)}#directory-other{--directory-trace-orientation:scale(-1)}.directory-group:has(a[aria-current=page]) h3:before{opacity:.36}.directory-group:has(a:focus-visible) h3:before{opacity:.65;background-position:0 0}@media (hover:hover) and (pointer:fine){.directory-group:hover h3:before{opacity:.65;background-position:0 0}}@media (prefers-reduced-motion:reduce){.directory-group h3:before{transition:none}}.directory-links a{border-bottom:1px solid var(--border);min-height:64px;color:var(--text-primary);grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:10px 4px;text-decoration:none;display:grid;position:relative}.directory-thumbnail{pointer-events:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.directory-thumbnail>svg{width:28px;height:28px;color:var(--brand)}.directory-caption{gap:3px;min-width:0;display:grid}.directory-name{overflow-wrap:anywhere;font-size:16px;line-height:1.35}.directory-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.4}.directory-arrow{width:14px;height:14px;color:var(--text-secondary)}.directory-links a:hover{background:var(--surface-hover);border-bottom-color:var(--brand)}.directory-links a:hover .directory-arrow{color:var(--brand)}.directory-links a[aria-current]{background:var(--brand-wash);box-shadow:inset 3px 0 var(--brand)}.directory-links a[aria-current] .directory-name{font-weight:600}.catalog-discovery a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.directory-groups:empty{display:none}#catalog-products{scroll-margin-top:24px}@media (max-width:1100px){.directory-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}}@media (max-width:639px){.catalog-transition .catalog-heading{margin-block:12px 16px}.catalog-discovery{margin-block:16px}.directory-top{flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}.directory-shortcuts{gap:16px}.directory-groups{grid-template-columns:1fr;gap:16px}.directory-group{padding-top:0}.directory-group h3{min-height:44px;margin-bottom:6px;padding:8px 12px;font-size:19px}.directory-links a{grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:48px;padding-block:6px}.catalog-transition .catalog-results-heading{margin-top:20px}.directory-thumbnail{width:28px;height:28px}.directory-thumbnail>svg{width:24px;height:24px}.directory-caption{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.directory-count{white-space:nowrap}.directory-arrow{display:none}}@media (prefers-reduced-motion:reduce){.catalog-discovery *{transition:none;animation:none}}.catalog-transition .sku-title a,.catalog-transition .sku-parameters{-webkit-line-clamp:unset;display:block;overflow:visible}.catalog-transition .sku-parameters{overflow-wrap:anywhere}@media (max-width:359px){.directory-caption{grid-template-columns:minmax(0,1fr);gap:2px}}.used-tech{margin-top:20px}.used-tech a{border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-md);background:linear-gradient(110deg, color-mix(in srgb, var(--brand) 6%, var(--surface)), var(--surface) 38%);min-height:60px;color:var(--text-primary);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:grid;position:relative}.used-tech a:hover{background:var(--surface-elevated);border-color:var(--border-strong);border-left-color:var(--brand)}.used-tech .circuit-backdrop:before{opacity:.16}.used-tech a:focus-visible .circuit-backdrop:before{opacity:.24}.used-tech a[aria-current]{border-color:var(--brand)}.used-tech-icon{background:var(--surface-elevated);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--brand);place-items:center;display:grid}.used-tech-icon svg{width:24px;height:24px}.used-tech-copy{flex-wrap:wrap;align-items:baseline;gap:2px 16px;min-width:0;display:flex}.used-tech-title{font-size:18px;font-weight:650;line-height:1.3}.used-tech-status{color:var(--text-secondary);font-size:14px;line-height:1.4}.used-tech-action{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.used-tech-action svg{width:20px;height:20px}.used-tech:has(.used-tech-stock) .used-tech-action{color:var(--text-primary)}.used-tech:has(.used-tech-stock) .used-tech-action svg{color:var(--brand)}.used-tech:has(.used-tech-empty) a:not([aria-current]){border-left-color:color-mix(in srgb, var(--brand) 55%, var(--surface))}.directory-links a:has(.directory-count-empty) .directory-name{color:var(--text-secondary)}.directory-links a:has(.directory-count-empty) .directory-thumbnail{opacity:.75}.directory-links a:hover .directory-name,.directory-links a:focus-visible .directory-name,.directory-links a[aria-current] .directory-name{color:var(--text-primary)}@media (max-width:639px){.used-tech{margin-top:16px}.used-tech a{grid-template-columns:32px minmax(0,1fr) 16px;gap:12px;min-height:64px;padding:9px 12px}.used-tech-icon{width:32px;height:32px}.used-tech-icon svg{width:24px;height:24px}.used-tech-copy{gap:2px;display:grid}.used-tech-title{font-size:18px}.used-tech-status{font-size:13px}.used-tech-action>span{display:none}.used-tech-action svg{width:16px;height:16px}}.catalog-discovery a:has([data-catalog-pending]){background:var(--brand-wash);box-shadow:inset 3px 0 var(--brand)}:is(.catalog-discovery a:has([data-catalog-pending]) .directory-arrow,.catalog-discovery a:has([data-catalog-pending]) .used-tech-action){color:var(--brand)}.catalog-products-title{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.catalog-back-to-categories{border:1px solid color-mix(in srgb, var(--brand) 42%, var(--border));border-radius:var(--radius-sm);background:linear-gradient(110deg, color-mix(in srgb, var(--brand) 9%, var(--surface)), var(--surface));min-height:44px;color:var(--text-primary);align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.catalog-back-to-categories>span{background:var(--brand-wash);width:22px;height:22px;color:var(--brand);border-radius:4px;place-items:center;font-size:18px;line-height:1;display:grid}.catalog-back-to-categories:hover{border-color:var(--brand);background:var(--surface-hover)}.catalog-back-to-categories:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:639px){.catalog-products-title{justify-content:space-between;width:100%}}