.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer-card{overflow:hidden}.offer-media{height:230px;position:relative;background:var(--surface2);overflow:hidden}.offer-media>a,.offer-media img{width:100%;height:100%;display:block}.offer-media img{object-fit:cover}.offer-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:72px;font-weight:950;background:linear-gradient(135deg,#fbe8eb,#f2f4f7);color:var(--accent)}.offer-placeholder.big{height:520px}.offer-discount{position:absolute;left:12px;bottom:12px;padding:7px 11px;background:var(--accent);color:#fff;border-radius:9px;font-size:12px;font-weight:950;box-shadow:0 8px 20px #0003}.big-discount{font-size:16px;bottom:18px}.card-fav{position:absolute;right:10px;top:10px}.offer-body{display:block;padding:15px}.offer-category{display:inline-flex;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.offer-body h2{font-size:20px;line-height:1.18;margin:9px 0 7px}.offer-body p{color:var(--muted);margin:0 0 12px;line-height:1.5}.offer-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.offer-business{display:inline-flex;align-items:center;gap:5px;margin-bottom:15px;color:var(--accent)}.verified-check{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#1877f2;color:#fff;font-size:11px}.offer-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin:18px 0}.offer-facts>div{background:var(--surface);padding:13px}.offer-facts span{display:block;color:var(--muted);font-size:11px}.offer-facts b{font-size:14px}.offer-detail-cover{position:relative}.offer-filter{grid-template-columns:1.5fr repeat(3,1fr) auto}
@media(max-width:920px){.offer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.offer-grid{grid-template-columns:1fr;gap:14px}.offer-media{height:225px}.offer-filter{grid-template-columns:1fr}.offer-facts{grid-template-columns:repeat(3,1fr)}.offer-placeholder.big{height:52vh;min-height:330px}.offer-body h2{font-size:19px}}
@media(max-width:390px){.offer-facts{grid-template-columns:1fr 1fr}.offer-facts>div:last-child{grid-column:1/-1}}