.compare-hero{text-align:center;border-bottom:1px solid var(--border-glass);background:linear-gradient(#080c13 0%,#101520 100%);padding:160px 0 60px}.compare-hero h1{margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.compare-hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.compare-selectors{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-glass);z-index:10;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin-top:-30px;padding:32px;display:grid;position:relative;box-shadow:0 20px 40px #00000080}.vs-badge{background:var(--df-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 0 20px #df202766}.compare-container{padding:60px 0 100px}.compare-grid{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-surface);grid-template-columns:1.2fr 1fr 1fr;display:grid;overflow:hidden}.c-header{text-align:center;border-bottom:1px solid var(--border-glass);background:var(--bg-glass-light);padding:32px 24px}.c-header-empty{border-bottom:1px solid var(--border-glass);background:var(--bg-glass-light);padding:32px 24px}.c-img-box{justify-content:center;align-items:center;height:160px;margin-bottom:24px;display:flex}.c-img-box img{object-fit:contain;filter:drop-shadow(0 15px 15px #0000004d);max-width:100%;max-height:100%}.c-brand{text-transform:uppercase;color:var(--df-red);margin-bottom:4px;font-size:.8rem;font-weight:700}.c-name{margin-bottom:8px;font-size:1.4rem;font-weight:800}.c-cat{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.spec-group-title{color:var(--df-red);border-bottom:1px solid var(--border-glass);border-top:1px solid var(--border-glass);background:#ffffff05;grid-column:1/-1;padding:16px 24px;font-size:1.1rem;font-weight:700}.spec-row{display:contents}.spec-cell{border-bottom:1px solid var(--border-glass);align-items:center;padding:16px 24px;font-size:.95rem;display:flex}.spec-row .spec-cell:nth-child(2){border-left:1px solid var(--border-glass);border-right:1px solid var(--border-glass)}.lbl-cell{color:var(--text-muted);font-weight:500}.val-cell{color:var(--text-main);text-align:center;justify-content:center}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 24px}.empty-state i{opacity:.5;margin-bottom:16px;font-size:3rem}@media (width<=768px){.compare-selectors{text-align:center;grid-template-columns:1fr;gap:16px}.vs-badge{margin:0 auto}.compare-grid{grid-template-columns:1fr 1fr}.c-header-empty{display:none}.spec-row{border-bottom:1px solid var(--border-glass);flex-direction:column;padding:16px 0;display:flex}.lbl-cell{width:100%;color:var(--df-red);text-transform:uppercase;border-bottom:none;justify-content:center;padding:0 16px 8px;font-size:.85rem}.val-cell{float:left;width:50%;padding:4px 16px;border:none!important}.val-cell:nth-child(2){border-right:1px solid var(--border-glass)!important}}