#computer-catalog {
  width: min(1100px, 92%);
  margin-inline: auto;
  padding-block: clamp(16px, 2vw, 32px) 64px;
  color: #f2ebed;
}
#computer-catalog[hidden], #computer-catalog [hidden], .computer-entry[hidden] { display: none !important; }
#computer-catalog .back-link {
  display: inline-flex; align-items: center; min-height: 40px; margin: 0; padding: 0;
  font-size: .95rem; font-weight: 600; color: #f5a6b2; background: transparent;
}
#computer-catalog .tech-heading { max-width: 55rem; margin: 15px 0 24px; }
#computer-catalog h1 {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 4.1vw, 3.25rem);
  letter-spacing: -.035em;
  line-height: 1.08;
  color: #fff;
  text-wrap: balance;
  word-break: normal;
  hyphens: none;
}
#computer-catalog .tech-heading p { margin: 0; color: #d4c5c9; line-height: 1.6; }
.tech-search { display: grid; gap: 7px; max-width: 34rem; color: #f2e9ec; font-weight: 600; }
.tech-search input {
  width: 100%; padding: 12px 15px; font: inherit; color: #fff; background: #191519;
  border: 1px solid #77646a; border-radius: 12px;
}
.tech-search input::placeholder { color: #bcadb2; font-weight: 400; }
.tech-status { margin-block: 12px; color: #e1cbd1; }
.tech-status:empty { margin: 0; }
#computer-catalog [data-computer-tree] { margin-top: 24px; }
.tech-tree, .tech-tree ul { list-style: none; margin: 0; padding: 0; }
.tech-tree li { scroll-margin-top: 110px; }
.tech-tree li:target > span, .tech-tree li:target > details > summary { color: #ffc5d0; }
.tech-tree { display: grid; gap: 9px; }
.tech-tree > li { background: #1b171b; border: 1px solid #48373e; border-radius: 14px; }
.tech-tree > li:has(> details[open]) { border-color: #975263; }
.tech-tree summary, .tech-leaf { padding: 12px 16px; line-height: 1.45; }
.tech-tree summary {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px;
  cursor: pointer; list-style: none; font-weight: 600; color: #f5eef0;
}
.tech-tree summary::-webkit-details-marker { display: none; }
.tech-tree summary::after {
  content: ''; flex: 0 0 8px; height: 8px;
  border-right: 2px solid #ef9da9; border-bottom: 2px solid #ef9da9;
  transform: rotate(45deg); margin: -3px 3px 0 0;
}
.tech-tree details[open] > summary::after { transform: rotate(225deg); margin-top: 4px; }
.tech-tree ul { margin: 0 15px 13px; padding-left: 10px; border-left: 1px solid #77535d; }
.tech-tree ul .tech-leaf, .tech-tree ul summary { padding: 8px 10px; }
.tech-tree .tech-leaf { display: block; color: #dfd4d8; }
.tech-tree summary:hover { color: #ffb5c0; }
#computer-catalog :is(summary, input, a, button):focus-visible { outline: 2px solid #ff9aaa; outline-offset: 2px; }
.computer-entry { align-self: stretch; text-decoration: none; }
@media (min-width: 820px) {
  .tech-tree { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .tech-tree > li:has(> details[open]) { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  #computer-catalog { width: 92%; }
  .tech-tree li { scroll-margin-top: 158px; }
  .tech-tree ul { margin-inline: 9px; padding-left: 7px; }
  .tech-tree summary, .tech-leaf { padding-inline: 12px; }
}
.computer-preview .computer-crumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; font-size:.88rem; color:#cdbec3; }
.computer-preview a { color:inherit; }
.computer-preview .computer-crumbs a,.computer-preview .back-link { color:#f5a6b2; }
.computer-product-search { max-width:42rem; display:grid; gap:8px; font-weight:600; }
.computer-product-search div { display:flex; gap:8px; }
.computer-product-search input { flex:1; min-width:0; border:1px solid #77646a; border-radius:12px; padding:12px 15px; background:#191519; color:#fff; font:inherit; }
.computer-product-search button { border:1px solid #a95465; border-radius:12px; background:#8b293d; color:white; padding:10px 20px; font:inherit; cursor:pointer; }
.computer-sections,.computer-results,.computer-tree-panel,.computer-detail__section { margin-top:32px; }
.computer-preview h2 { font-size:1.35rem; margin:0 0 16px; color:#fff; }
.computer-results h2 span { color:#baabb0; font-size:.9rem; }
.computer-section-links { display:flex; flex-wrap:wrap; gap:8px; }
.computer-section-links a { border:1px solid #59414a; border-radius:10px; padding:10px 14px; text-decoration:none; background:#211a1e; }
.computer-section-links a:hover { border-color:#e48a9a; }
.computer-tree-panel > summary { cursor:pointer; font-weight:700; padding:12px 0; }
.computer-tree-panel .tech-search { margin-top:12px; }
.computer-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px; }
.computer-card { border:1px solid #4a363d; background:#1b171b; border-radius:16px; overflow:hidden; min-width:0; }
.computer-card__image,.computer-detail__image { display:flex; align-items:center; justify-content:center; background:#f4f2f2; color:#6a6264!important; text-decoration:none; }
.computer-card__image { aspect-ratio:1.25; padding:16px; }
.computer-card__image img,.computer-detail__image img { width:100%; height:100%; object-fit:contain; }
.computer-card__body { padding:16px; }
.computer-card h3 { font-size:1rem; line-height:1.4; margin:5px 0 16px; overflow-wrap:anywhere; }
.computer-card h3 a { text-decoration:none; }
.computer-card h3 a:hover { color:#ffabb9; }
.computer-card__article { color:#bcadb2; font-size:.8rem; min-height:1em; margin:0; }
.computer-card__price,.computer-detail__price { font-size:1.25rem; font-weight:700; margin:0 0 6px; color:#fff; }
.computer-card__status { color:#dbcbd0; font-size:.9rem; margin:0; }
.computer-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:24px; }
.computer-pagination a { color:#f5a6b2; }
.computer-empty,.computer-disclaimer { color:#d4c5c9; line-height:1.55; }
.computer-detail__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,50px); margin-top:24px; }
.computer-detail__image { aspect-ratio:1; border-radius:16px; padding:24px; }
.computer-detail__layout h1 { margin-top:10px!important; }
.computer-detail__section { max-width:800px; line-height:1.6; overflow-wrap:anywhere; }
.computer-detail__section dl div { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-bottom:1px solid #48373e; padding:10px 0; }
.computer-detail__section dt { color:#cdbec3; }.computer-detail__section dd { margin:0; }
@media(max-width:600px) { .computer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.computer-card__body { padding:12px; }.computer-card h3 { font-size:.9rem; }.computer-card__image { padding:9px; }.computer-detail__layout { grid-template-columns:1fr; }.computer-detail__section dl div { grid-template-columns:1fr; gap:2px; } }
.tech-tree .tech-open-category { margin-left:auto; font-size:.78rem; font-weight:500; color:#f5a6b2; text-decoration:underline; white-space:nowrap; }
.tech-tree a.tech-leaf { text-decoration:none; }.tech-tree a.tech-leaf:hover { color:#ffb5c0; text-decoration:underline; }
.store-server-page #computer-catalog { width:100%; padding-block:0; }
.store-server-page #computer-catalog p { color:#d4c5c9; }
.store-server-page #computer-catalog .computer-card__price,.store-server-page #computer-catalog .computer-detail__price { color:#fff; font-size:1.25rem; }
.computer-card__price del,.computer-detail__price del { font-size:.8rem; font-weight:400; color:#b9abb0; margin-left:4px; }
.computer-other-prices div { display:flex; gap:12px; }.computer-other-prices dd { margin:0; }
/* Match the light graphite surfaces used by the existing FLYVECTOR product cards. */
body[data-theme="graphite"] #computer-catalog { color:var(--ink,#233b44); }
body[data-theme="graphite"] #computer-catalog :is(.computer-card,.computer-section-links a,.tech-tree > li) { background:var(--gn-glass,linear-gradient(135deg,#f5fbfb,#d4e6ea)); border-color:var(--gn-edge,rgba(60,109,116,.27)); }
body[data-theme="graphite"] #computer-catalog :is(.computer-card__image,.computer-detail__image) { background:radial-gradient(ellipse,rgba(140,229,224,.13),transparent 68%); color:var(--muted,#435c65)!important; }
body[data-theme="graphite"] #computer-catalog :is(.computer-crumbs a,.back-link,.tech-open-category,.computer-pagination a) { color:var(--accent,#086d70)!important; }
body[data-theme="graphite"] #computer-catalog :is(.computer-card__price,.computer-detail__price) { color:var(--ink,#233b44)!important; }
body[data-theme="graphite"] #computer-catalog .computer-product-search button { color:#f7fffe!important; background:linear-gradient(135deg,#137f7d,#075d65); border-color:#0b7174; }
body[data-theme="graphite"] #computer-catalog :is(.tech-tree ul,.computer-detail__section dl div) { border-color:var(--line,rgba(55,97,106,.25)); }
body[data-theme="graphite"] #computer-catalog :is(.tech-tree a.tech-leaf,.computer-results h2 span) { color:var(--muted,#435c65); }
body[data-theme="graphite"] #computer-catalog .tech-tree summary::after { border-color:var(--accent,#086d70); }
body[data-theme="graphite"] #computer-catalog :is(.computer-card__price del,.computer-detail__price del) { color:var(--muted,#435c65); }
.store-server-page #computer-catalog .computer-price-label { margin:0; font-size:.75rem; }
.computer-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
.computer-gallery .computer-detail__image { padding:12px; }
@media(max-width:600px) { .computer-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* This server view is already below the site's header in normal flow. */
#store-server-content:has(> #computer-catalog.computer-preview) { padding-top:18px; }
@media (max-width:600px) {
  #store-server-content:has(> #computer-catalog.computer-preview) { padding-top:14px; }
  .computer-detail .computer-crumbs { margin-bottom:8px; gap:5px; line-height:1.4; }
  .computer-detail__layout { gap:14px; margin-top:10px; }
  .computer-detail__layout > .computer-detail__image { order:2; aspect-ratio:1.25; padding:14px; }
  .computer-detail__layout > div:not(.computer-detail__image) { order:1; }
  .computer-detail__layout h1 { font-size:clamp(1.5rem,7vw,1.9rem); margin:4px 0 8px!important; line-height:1.12; }
  .computer-detail .computer-card__article { margin:0; }
  .computer-detail .computer-detail__price { margin:0 0 2px; }
}

/* PartsOkey: the shared light palette also applies to server-rendered pages. */
html[data-theme="light"] body #computer-catalog { color:var(--ink,#233b44); }
html[data-theme="light"] body #computer-catalog :is(h1,h2,.tech-tree summary,.tech-tree .tech-leaf,.computer-card h3,.computer-card__price,.computer-detail__price) { color:var(--ink,#233b44); }
html[data-theme="light"] body #computer-catalog :is(.tech-heading p,.tech-status,.computer-crumbs,.computer-results h2 span,.computer-card__article,.computer-card__status,.computer-price-label,.computer-empty,.computer-disclaimer,.computer-detail__section dt,.computer-card__price del,.computer-detail__price del) { color:var(--muted,#435c65); }
html[data-theme="light"] .store-server-page #computer-catalog p { color:var(--muted,#435c65); }
html[data-theme="light"] body #computer-catalog :is(.computer-card__price,.computer-detail__price) { color:var(--ink,#233b44)!important; }
html[data-theme="light"] body #computer-catalog :is(.computer-card,.computer-section-links a,.tech-tree > li) { color:var(--ink,#233b44); background:var(--gn-glass,linear-gradient(135deg,#f5fbfb,#d4e6ea)); border-color:var(--gn-edge,rgba(60,109,116,.27)); }
html[data-theme="light"] body #computer-catalog :is(.computer-card__image,.computer-detail__image) { background:#fff; color:var(--muted,#435c65)!important; }
html[data-theme="light"] body #computer-catalog :is(.computer-crumbs a,.back-link,.tech-open-category,.computer-pagination a) { color:var(--accent,#086d70)!important; }
html[data-theme="light"] body #computer-catalog :is(.tech-search,.computer-product-search) { color:var(--ink,#233b44); }
html[data-theme="light"] body #computer-catalog :is(.tech-search input,.computer-product-search input) { color:var(--ink,#233b44); background:#fff; border-color:var(--gn-edge,rgba(60,109,116,.35)); }
html[data-theme="light"] body #computer-catalog :is(.tech-search input,.computer-product-search input)::placeholder { color:var(--muted,#435c65); opacity:1; }
html[data-theme="light"] body #computer-catalog .computer-product-search button { color:#fff!important; background:#075d65; border-color:#075d65; }
html[data-theme="light"] body #computer-catalog :is(.tech-tree ul,.computer-detail__section dl div) { border-color:var(--line,rgba(55,97,106,.25)); }
html[data-theme="light"] body #computer-catalog .tech-tree summary::after { border-color:var(--accent,#086d70); }
html[data-theme="light"] body #computer-catalog :is(.tech-tree summary:hover,.tech-tree a.tech-leaf:hover,.computer-card h3 a:hover,.tech-tree li:target > span,.tech-tree li:target > details > summary) { color:var(--accent,#086d70); }
html[data-theme="light"] body #computer-catalog :is(summary,input,a,button):focus-visible { outline-color:var(--accent,#086d70); }

/* An informational glass panel in normal flow; the catalog stays interactive. */
#computer-catalog .computer-development-notice {
  --development-text:#edf4fa; --development-muted:#b8c8d7; --development-accent:#aff33e;
  display:flex;align-items:center;gap:15px;margin:0 0 24px;padding:18px 22px;
  border:1px solid #9badc33b;border-radius:19px;
  background:linear-gradient(135deg,#223047b8,#0f172aa8);
  box-shadow:inset 0 1px #ffffff14,0 10px 28px #02061716;
  backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);
}
#computer-catalog .computer-development-notice__icon {display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#aff33e12;color:var(--development-accent)}
#computer-catalog .computer-development-notice__icon svg {width:24px;height:24px}
#computer-catalog .computer-development-notice strong {display:block;font-size:1rem;line-height:1.4;color:var(--development-text)!important}
#computer-catalog .computer-development-notice p {margin:4px 0 0;font-size:.9rem;line-height:1.55;color:var(--development-muted)!important}
html[data-theme="light"] #computer-catalog .computer-development-notice {
  --development-text:#17343c;--development-muted:#49636d;--development-accent:#006473;
  background:linear-gradient(135deg,#ffffffc9,#eaf8f9a6);border-color:#a9d7dd9c;
  box-shadow:inset 0 1px #fff,0 10px 28px #0064730a;
}
html[data-theme="light"] #computer-catalog .computer-development-notice__icon {background:#06eaff18}
@media(max-width:600px) {#computer-catalog .computer-development-notice {align-items:flex-start;padding:15px;gap:12px;border-radius:16px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  #computer-catalog .computer-development-notice {background:#172238;backdrop-filter:none;-webkit-backdrop-filter:none}
  html[data-theme="light"] #computer-catalog .computer-development-notice {background:#f4fbfc}
}