*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,sans-serif;color:#17212b;background:#f6f7f8}a{color:var(--accent);text-decoration:none}header{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:1rem max(1rem,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #dde2e6;position:sticky;top:0}.brand{font-weight:800;font-size:1.15rem}form{display:flex;gap:.5rem}input,select,button{font:inherit;padding:.65rem .8rem;border:1px solid #c8d0d6;border-radius:.45rem;background:#fff}button{background:var(--accent);color:#fff;border-color:var(--accent)}main{max-width:1120px;margin:auto;padding:2rem 1rem 4rem}.hero{padding:3rem 0}.hero h1{font-size:clamp(2.3rem,7vw,5rem);line-height:1;margin:0 0 1rem}.hero p{font-size:1.25rem;color:#53616d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card,.product,.offer{display:flex;justify-content:space-between;gap:1rem;background:#fff;border:1px solid #dfe4e8;border-radius:.65rem;padding:1rem}.card{flex-direction:column}.card span,small{color:#687681}.products{display:grid;gap:.65rem;margin-top:1rem}.product{align-items:center}.product strong,.product small{display:block}.energy{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.3rem;background:var(--accent);color:#fff;font-weight:800}.filters{margin:1rem 0}.pager{display:flex;justify-content:space-between;margin-top:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#687681;font-weight:700}.summary{display:flex;gap:1rem}.summary div{background:#fff;border:1px solid #dfe4e8;padding:1rem;border-radius:.6rem;min-width:150px}.summary dt{font-size:.8rem;color:#687681}.summary dd{font-size:1.25rem;font-weight:800;margin:0}.specs{width:100%;border-collapse:collapse;background:#fff}.specs th,.specs td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e8eb;vertical-align:top}.specs th{width:42%;color:#53616d}.offer{margin:.5rem 0}footer{text-align:center;padding:2rem;color:#687681}@media(max-width:650px){header{align-items:stretch;flex-direction:column;gap:.7rem}header form input{min-width:0;width:100%}.summary{flex-wrap:wrap}}
