.hardware-compare-dialog { width:min(1180px,calc(100vw - 40px)); max-width:none; height:auto; max-height:min(820px,calc(100vh - 50px)); margin:auto; padding:0; overflow:hidden; color:#edf2f6; border:1px solid #33414d; border-radius:22px; background:#111c26; box-shadow:0 36px 100px rgba(0,0,0,.48); }
.hardware-compare-dialog::backdrop { background:rgba(3,8,13,.74); backdrop-filter:blur(10px); }
.hardware-compare-panel { height:min(820px,calc(100vh - 50px)); display:grid; grid-template-rows:auto minmax(0,1fr); background:#111c26; overflow:hidden; animation:hardwareCompareIn .24s ease both; }
.hardware-compare-panel > header { min-height:88px; padding:20px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid #33414d; background:#14212c; }
.hardware-compare-panel h2 { margin:0; color:#f4f7f9; font-size:29px; letter-spacing:-.045em; }
.hardware-compare-actions { display:flex; align-items:center; gap:10px; }
.hardware-compare-actions label { min-height:38px; padding:0 11px; display:flex; align-items:center; gap:7px; color:#c5d0d8; border:1px solid #3a4a57; border-radius:8px; background:#192a37; font-size:12px; }
.hardware-compare-actions input { accent-color:#e51b23; }
.hardware-compare-actions > button { width:40px; height:40px; display:grid; place-items:center; color:#aab7c1; border:1px solid #435361; border-radius:50%; background:#192a37; font-size:25px; line-height:1; cursor:pointer; transition:.18s ease; }
.hardware-compare-actions > button:hover { color:#fff; border-color:#e51b23; background:#e51b23; transform:rotate(90deg); }
.hardware-compare-table-wrap { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-color:#455563 transparent; }
.hardware-compare-table-wrap table { width:max(100%,920px); border-collapse:separate; border-spacing:0; table-layout:fixed; }
.hardware-compare-table-wrap th,.hardware-compare-table-wrap td { min-width:230px; padding:15px 18px; color:#dce5eb; border-right:1px solid #2f3e4a; border-bottom:1px solid #2f3e4a; background:#111c26; text-align:left; vertical-align:middle; }
.hardware-compare-table-wrap th:first-child,.hardware-compare-table-wrap td:first-child { position:sticky; z-index:3; left:0; width:190px; min-width:190px; color:#91a1ad; background:#14212c; box-shadow:7px 0 18px rgba(0,0,0,.16); }
.hardware-compare-table-wrap thead th { position:sticky; z-index:4; top:0; height:195px; color:#f5f7f9; background:#111c26; vertical-align:top; }
.hardware-compare-table-wrap thead th:first-child { z-index:6; background:#14212c; }
.hardware-compare-product { position:relative; }
.hardware-compare-product img { width:150px; height:90px; object-fit:contain; border-radius:9px; background:#edf3f6; }
.hardware-compare-product span { display:block; color:#ff555b; font-size:10px; letter-spacing:.12em; }
.hardware-compare-product b { display:block; margin-top:5px; font-size:19px; }
.hardware-compare-product select { width:100%; height:34px; margin-top:10px; padding:0 8px; color:#dce5eb; border:1px solid #435361; border-radius:7px; background:#192a37; font-size:12px; }
.hardware-compare-product button { position:absolute; right:0; top:0; width:28px; height:28px; color:#a4b2bc; border:1px solid #3a4a57; border-radius:50%; background:#192a37; cursor:pointer; }
.hardware-compare-product button:hover { color:#fff; border-color:#e51b23; background:#e51b23; }
.hardware-compare-group td { padding:11px 18px; color:#9eadb8; background:#1a2a36; font-size:11px; font-weight:700; letter-spacing:.13em; }
.hardware-compare-group td:first-child { background:#1d2e3b; }
.hardware-compare-label { color:#91a1ad!important; font-size:12px; }
.hardware-compare-value { font-size:13px; font-weight:700; }
.hardware-compare-table-wrap tr.is-different td:not(:first-child) { color:#ff7378; background:rgba(229,27,35,.08); }
.hardware-compare-table-wrap tr[hidden] { display:none; }
@keyframes hardwareCompareIn { from { opacity:0; transform:translateY(12px) scale(.985); } to { opacity:1; transform:none; } }
@media (max-width:820px) {
  .hardware-compare-dialog { width:calc(100vw - 20px); max-height:calc(100vh - 20px); border-radius:16px; }
  .hardware-compare-panel { height:calc(100vh - 20px); }
  .hardware-compare-panel > header { min-height:74px; padding:14px 16px; }
  .hardware-compare-panel h2 { font-size:24px; }
  .hardware-compare-actions label { padding:0 9px; }
  .hardware-compare-table-wrap th,.hardware-compare-table-wrap td { min-width:205px; }
  .hardware-compare-table-wrap th:first-child,.hardware-compare-table-wrap td:first-child { width:126px; min-width:126px; }
}
@media (prefers-reduced-motion:reduce) { .hardware-compare-panel { animation:none; } }