/* ── Devices catalog & detail page ───────────────────────────────────────
 * The card, topbar/filters, and detail page all reuse the game catalog's
 * OWN classes (.mc-card/.mc-detail/.mc-topbar/.mc-filters-panel/etc. — see
 * devices-catalog.php/device-card.php/device-detail.php's own top-of-file
 * comments) per direct request 2026-09-06 ("todo en general lo quiero con
 * el mismo diseño que los otros items"). What's left here is just the one
 * bit with no game equivalent: the price history list. */

/* .mc-quick-toggle's base rule (catalog.css) sets height/padding but never
 * `display` — every OTHER quick toggle on the site is a real <button>,
 * which centers its own content by default even without one. The devices
 * catalog's Standalone/PCVR segments are plain GET <a> links instead (no
 * JS needed at all — see devices-catalog.php), and a bare inline <a> just
 * ignores `height` and sits at its normal text baseline, floating above
 * "All" (a .mc-quick-toggle--all, which DOES already set its own
 * display:inline-flex) instead of matching its vertical centering — found
 * live 2026-09-06, per direct report ("no están centrados verticalmente"). */
a.mc-quick-toggle { display: inline-flex; align-items: center; justify-content: center; }

/* Price history — a plain list instead of the game page's SVG chart (see
 * device-detail.php's own comment on why: a device rarely changes price
 * and only ever has one store, so a chart widget is more than this needs). */
.mc-device-detail__price-history-list { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.mc-device-detail__price-history-list li {
    display: flex; justify-content: space-between; gap: 12px;
    padding: 8px 10px; border-radius: 8px; background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.85); font-size: 13px;
}
.mc-device-detail__price-history-list strong { color: #fff; }