:root{--color-bg:#fff;--color-fg:#14181f;--color-muted:#5b6470;--color-accent:#0f4c81;--color-upsell:#f5c400;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:12px;--tap:44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);margin:0;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}button,a.btn{min-height:var(--tap)}.wrap{max-width:1100px;margin:0 auto;padding-inline:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card{border-radius:var(--radius);background:var(--color-bg);overflow:hidden;box-shadow:0 1px 3px #0000001f}.card img{aspect-ratio:4/3;object-fit:cover}.card .body{padding:12px 14px 16px}.card h3{margin:0 0 4px;font-size:1.05rem}.card .meta{color:var(--color-muted);flex-wrap:wrap;gap:10px;font-size:.9rem;display:flex}.card .price{margin-top:8px;font-weight:600}.tag{background:#eef2f6;border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.btn{border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-accent{background:var(--color-accent);color:#fff}.btn-upsell{background:var(--color-upsell);color:#14181f}
