/* Equal category tiles; restrained surfaces with color reserved for meaning. */
.quick-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.quick-categories .quick-category { --quick-tone:#80ddd2; width:100%; min-width:0; min-height:58px; justify-content:flex-start; gap:9px; padding:12px 14px; }
.quick-category small { margin-left:auto; flex-shrink:0; }
.quick-categories .quick-category .ui-icon { color:#9fc4c1; }
.quick-categories .quick-category[aria-pressed="true"] { background:#17312f; border-color:#80ddd2; }
.quick-categories .quick-category[aria-pressed="true"] .ui-icon { color:#80ddd2; }
@media(min-width:1600px) { .quick-categories { grid-template-columns:repeat(8,minmax(0,1fr)); } }
@media(max-width:700px) { .quick-categories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .quick-categories .quick-category { padding:11px 10px; gap:7px; font-size:14px; min-height:54px; } }

/* A common portrait stage. Only measured blank photo margins are cropped. */
.product-image { background:linear-gradient(150deg,#1b2024,#13171b); padding:49px 10px 12px; }
.card-preview { background:#171c20; isolation:isolate; }
.card-preview > .preview-scene { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; transform-origin:0 0; transform:translate(var(--preview-x,0%),var(--preview-y,0%)) scale(var(--preview-zoom,1)); }
.product-image:hover .card-preview img { transform:translate(-50%,-50%) rotate(var(--turn,0deg)); }
.featured-offers .hero-card > .card-preview { padding:0; }
@media(max-width:600px) { .product-image { padding:47px 6px 10px; } }

.product { background:#111518; border-color:#303a40; }
.product:hover { border-color:#75d3c9; box-shadow:0 12px 30px #0008; }
.product .series b { color:#afc6c9; }
.buy-row button { background:#183b37; color:#9ee8de; border:1px solid #3b7069; }
.buy-row button:hover:enabled { background:#80ddd2; border-color:#80ddd2; color:#082521; }
.hero h1 em { color:#a0ded6; }
.hero .primary { background:linear-gradient(115deg,#a1e8df,#64cfc6); color:#092522; border-color:#91ded4; }
.hero .primary:hover,.hero a.primary:hover { background:#b0f4e8; color:#092522; }
.hero-link:hover,.footer-links a { color:#a0ded6; }
.featured-price { color:#f0f5f5; }
.section-title h2 span { background:#1c3432; color:#a9e5dc; }
.benefits .benefit-icon,.benefits>div:nth-child(2) .benefit-icon,.benefits>div:nth-child(3) .benefit-icon { background:#16312e; border-color:#355c57; color:#9cddd3; }
.filter-panel .catalog-filters label:nth-child(n) { --filter-accent:#a0ded6; --filter-tint:#a0ded609; }
.filter-panel { background:radial-gradient(ellipse at 100% 0,#17322e45,transparent 55%),#10161a; }
.filter-result-number { color:#a9e5dc; background:#1c3432; border-color:#375d58; }
.highlight-rare,.highlight-limited { color:#f3ce95; background:#30271b; border-color:#997747; }
.rarity-low { color:#f5d8a9; background:linear-gradient(130deg,#4a3822,#292218); border-color:#bd9258; }
.highlight-rookie,.highlight-game-used,.highlight-autopatch { color:#c2d3d6; background:#202a2e; border-color:#4b5c62; }
.collection { background:linear-gradient(125deg,#11191d,#142320); border-color:#344743; }
.collection-photo,.gallery-main { background:#192024; }
.collection .eyebrow,.collection h2 em { color:#a0ded6; }
.collection-copy .caption { border-color:#344743; }
.purchase-strip,.notice,.delivery-info { background:linear-gradient(120deg,#142522,#141b20); }
.quick-categories .quick-category { text-align:left; overflow-wrap:anywhere; }
.quick-category small { white-space:nowrap; }

/* Warm gold complements the turquoise brand on the dark catalog. */
:root { --accent-gold:#efc184; --accent-gold-surface:#30271c; }
#katalog .section-title .eyebrow { color:var(--accent-gold); }
.section-title h2 span { background:var(--accent-gold-surface); color:#f4d2a3; }
.quick-categories .quick-category:is([data-quick-group="insert"],[data-quick-group="auto"],[data-quick-group="autopatch"],[data-quick-group="pog"]) {
  --quick-tone:var(--accent-gold);
  background:linear-gradient(125deg,#251f1780,#10161b 80%);
  border-color:#62503a;
}
.quick-categories .quick-category:is([data-quick-group="insert"],[data-quick-group="auto"],[data-quick-group="autopatch"],[data-quick-group="pog"]) .ui-icon { color:var(--accent-gold); }
.quick-categories .quick-category:is([data-quick-group="insert"],[data-quick-group="auto"],[data-quick-group="autopatch"],[data-quick-group="pog"]) small { background:#30271c; color:#f4d2a3; }
.quick-categories .quick-category:is([data-quick-group="insert"],[data-quick-group="auto"],[data-quick-group="autopatch"],[data-quick-group="pog"]):hover { border-color:var(--accent-gold); background:#30271c; }
.quick-categories .quick-category:is([data-quick-group="insert"],[data-quick-group="auto"],[data-quick-group="autopatch"],[data-quick-group="pog"])[aria-pressed="true"] { background:#392b1b; border-color:var(--accent-gold); }
.quick-categories .quick-category:is([data-quick-group="insert"],[data-quick-group="auto"],[data-quick-group="autopatch"],[data-quick-group="pog"])[aria-pressed="true"] small { background:var(--accent-gold); color:#21180d; }
.filter-panel { background:radial-gradient(ellipse at 0 0,#8a5a2520,transparent 48%),radial-gradient(ellipse at 100% 0,#17322e45,transparent 55%),#10161a; }
.filter-heading h3 { border-left:3px solid var(--accent-gold); padding-left:12px; }
.filter-panel .catalog-filters label:nth-child(3),.filter-panel .catalog-filters label:nth-child(4) { --filter-accent:#efc184; --filter-tint:#efc1840e; }
.hero h1 em { color:var(--accent-gold); }
.hero .primary { background:linear-gradient(115deg,#f6d5a5,#eab677); color:#241a0d; border-color:#f4d2a3; }
.hero .primary:hover,.hero a.primary:hover { background:#ffe1b9; color:#241a0d; }
.featured-price { color:#f4d2a3; }
.collection .eyebrow,.collection h2 em { color:var(--accent-gold); }