@import url('/assets/css/main.css');

.size-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;margin:1rem 0;text-align:center}
.size-box{background:#04070f;border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:1rem}
.size-box .lbl{font-size:.8rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em}
.size-box .val{font-family:var(--font-head);font-size:1.5rem;font-weight:700;margin-top:.25rem}
.size-arrow{font-size:1.8rem;color:var(--primary)}
.saving{text-align:center;font-size:1.05rem;font-weight:700;color:var(--green);margin-bottom:.5rem}
@media (max-width:600px){.size-compare{grid-template-columns:1fr}.size-arrow{transform:rotate(90deg)}}