:root { color-scheme: light; font-family: system-ui, sans-serif; color: #16202a; background: #f4f7f8; }
body { margin: 0; } a { color: #075985; } .site-header { display:flex; justify-content:space-between; padding: 1rem max(1rem, calc((100% - 1080px)/2)); background:#0f172a; color:white; } .site-header a { color:white; margin-left:1rem; text-decoration:none; } .brand { font-weight:800; margin-left:0 !important; } main { max-width:1080px; margin:auto; padding: 2rem 1rem 4rem; } .hero { padding: 2rem 0; max-width: 700px; } h1 { font-size: clamp(2rem, 5vw, 4rem); margin:.2rem 0 1rem; } .eyebrow,.condition { color:#0f766e; text-transform:uppercase; letter-spacing:.08em; font-size:.75rem; font-weight:700; } .deal-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1rem; } .deal-card { background:white; border:1px solid #dbe4e8; border-radius:12px; box-shadow:0 4px 14px #0f172a0d; } .deal-card__body { padding:1.25rem; } .price { font-size:1.4rem; font-weight:800; } del,.muted { color:#64748b; } .button { display:inline-block; margin-top:.75rem; padding:.7rem 1rem; border-radius:8px; background:#ea580c; color:white; font-weight:700; text-decoration:none; } .category-links { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:2rem; } .category-links a { background:white; border:1px solid #dbe4e8; border-radius:999px; padding:.5rem .8rem; text-decoration:none; } footer { max-width:1080px; margin:auto; padding:1rem; color:#64748b; font-size:.85rem; }