﻿
*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.hidden{display:none!important}

:root{--font:Inter,Arial,sans-serif;--bg:#edf2f1;--ink:#151718;--muted:#596168;--line:#22282c;--panel:#fff;--soft:#dfe7ef;--teal:#00a6a6;--coral:#f25f4c;--gold:#e5b93f;--blue:#4267ac}
body.pixel{font-family:var(--font);background:var(--bg);color:var(--ink)}.px-top{min-height:76px;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:24px;align-items:center;padding:18px 32px;border-bottom:1px solid var(--line);background:rgba(237,242,241,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.px-brand{display:inline-flex;align-items:center;gap:12px;font-weight:900}.px-brand span{width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:6px}.px-nav{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.px-nav a,.px-btn,.px-filter button{border:1px solid var(--line);background:var(--panel);padding:10px 14px;border-radius:999px;font-weight:800}.px-nav a[aria-current=page],.px-btn.primary,.px-filter button.is-active{background:var(--teal);color:#fff;border-color:var(--teal)}.px-board{min-height:620px;display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:22px;padding:28px 32px 34px}.px-k,.px-mini,.px-card span,.px-facts span{color:var(--blue);font-weight:900;text-transform:uppercase;font-size:.75rem}.px-menu{display:grid;align-content:start;gap:12px}.px-menu a{min-height:138px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:8px}.px-menu b{font-size:2rem}.px-menu small,.px-muted{color:var(--muted);line-height:1.45}.px-stage{border-left:8px solid var(--coral);padding:34px 28px;background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.26));display:grid;align-content:center}.px-stage h1{font-size:4.4rem;line-height:.98;margin:12px 0}.px-stage p{max-width:720px;color:var(--muted);font-size:1.1rem;line-height:1.65}.px-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.px-marquee{margin-top:32px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.px-marquee a{background:var(--panel);border:1px solid var(--line);border-radius:8px;aspect-ratio:1;display:grid;place-items:center;padding:10px}.px-marquee img{width:100%;height:100%;object-fit:contain}.px-focus{display:grid;grid-template-rows:minmax(260px,1fr) auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.px-focus-media{background:var(--soft);display:grid;place-items:center;padding:24px}.px-focus img{width:100%;height:360px;object-fit:contain}.px-focus-copy{padding:20px}.px-band,.px-detail-wrap{padding:54px 32px;border-top:1px solid var(--line)}.px-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.px-head h2{font-size:2.2rem;margin:0}.px-head p{max-width:560px;color:var(--muted);line-height:1.5}.px-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.px-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden;display:grid;grid-template-rows:230px 1fr}.px-card:nth-child(7n+1),.px-card:nth-child(7n+2){grid-column:span 2}.px-card-media{background:#f4f7fb;display:grid;place-items:center;padding:18px}.px-card img{width:100%;height:190px;object-fit:contain}.px-card-copy{padding:16px;display:flex;flex-direction:column;gap:8px}.px-card h3{margin:0;font-size:1.08rem;line-height:1.25}.px-card p{color:var(--muted);line-height:1.45;margin:0}.px-badges{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.px-badges i{font-style:normal;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:#f8fbff;font-size:.78rem;font-weight:800}.px-title{padding:52px 32px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,420px);gap:30px;align-items:end}.px-title h1,.px-product h1{font-size:3.3rem;line-height:1.05;margin:0 0 10px}.px-title p{color:var(--muted);line-height:1.6}.px-tools{position:sticky;top:76px;z-index:8;display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:12px;padding:14px 32px;background:rgba(237,242,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.px-tools input{width:100%;border:1px solid var(--line);border-radius:999px;padding:12px 14px}.px-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.px-table-shell{padding:18px 32px 60px;overflow-x:auto}.px-table{width:100%;min-width:860px;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}.px-table th,.px-table td{border-bottom:1px solid var(--line);padding:15px;text-align:left;vertical-align:middle}.px-table th{background:#dbe6ea}.px-table img{width:80px;height:64px;object-fit:contain}.px-product{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}.px-product-media{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px;display:grid;place-items:center}.px-product-media img{width:100%;height:520px;object-fit:contain}.px-facts{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.px-facts div{border-top:3px solid var(--coral);background:var(--panel);padding:14px;min-width:0}.px-facts strong{display:block;margin-top:7px;overflow-wrap:anywhere}.px-foot{padding:28px 32px 36px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:16px}@media(max-width:1100px){.px-board,.px-product,.px-title,.px-tools{grid-template-columns:1fr}.px-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.px-card:nth-child(n){grid-column:span 1}}@media(max-width:720px){.px-top{grid-template-columns:1fr;padding:16px;position:relative}.px-nav,.px-filter{justify-content:flex-start}.px-board,.px-band,.px-detail-wrap,.px-title,.px-table-shell,.px-tools,.px-foot{padding-left:16px;padding-right:16px}.px-board{min-height:auto;grid-template-columns:1fr}.px-stage h1{font-size:2.7rem}.px-title h1,.px-product h1{font-size:2.35rem}.px-marquee,.px-grid,.px-facts{grid-template-columns:1fr}.px-product-media img,.px-focus img{height:300px}}

