:root{font-family:system-ui,sans-serif;color:#17213a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}
header{display:flex;align-items:center;gap:1rem;padding:1rem max(1rem,calc((100% - 1180px)/2));background:#142139;color:#fff}
.brand{font-size:1.55rem;font-weight:800;color:#fff;text-decoration:none}main{max-width:1180px;margin:auto;padding:2rem 1rem}
h1{font-size:clamp(1.8rem,4vw,2.8rem)}a{color:#1556b8}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem}
.card{overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 3px 18px #10213c18}.card img,.placeholder{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.placeholder{display:grid;place-items:center;background:#e9edf5;color:#667085}.card-body{padding:1rem}.card h2{font-size:1.12rem;min-height:2.7em}
.retailer{font-weight:700}.price{font-size:1.45rem;color:#0b765d;margin-right:.6rem}.validity{color:#526074;font-size:.9rem}
.button{display:inline-block;padding:.7rem 1rem;border-radius:8px;background:#1556b8;color:#fff;text-decoration:none;font-weight:700}
.facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 2rem}.facets>div{background:#fff;border-radius:12px;padding:1rem}
.facets h2{margin-top:0}.facets ul{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin:0;padding:0;list-style:none}.facets small{color:#526074}
.section-title{margin-top:3rem}.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1rem 0}.pager>:last-child{justify-self:end}
.page{position:relative;width:min(100%,820px);margin:1rem auto;background:#fff;box-shadow:0 4px 24px #10213c25}.page>img{display:block;width:100%;height:auto}
.zones{position:absolute;inset:0;width:100%;height:100%}.zone{fill:#1556b81a;stroke:#1556b8;stroke-width:.35;vector-effect:non-scaling-stroke}.zone-info{fill:#52607412;stroke:#526074}
footer{text-align:center;padding:2rem;color:#526074}