/* --- kínálat --- */
.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.offer{position:relative;aspect-ratio:3/4;max-width:100%;border-radius:var(--radius);overflow:hidden;background:#000;text-decoration:none;color:var(--cream);display:block}
.offer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(.8)}
.offer:hover img{transform:scale(1.08);filter:saturate(1.1)}
.offer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,28,.05) 30%,rgba(7,11,28,.92));transition:.4s}
.offer:hover::after{background:linear-gradient(180deg,rgba(227,35,27,.1) 20%,rgba(227,35,27,.85))}
.offer .in{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:1}
.offer .in small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--flame-2);margin-bottom:6px}
.offer .in h3{font-size:clamp(2rem,3.2vw,2.8rem);text-transform:uppercase;line-height:.95}
.offer .in p{font-size:.88rem;color:var(--cream-dim);margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:.45s}
.offer:hover .in p{max-height:120px;opacity:1}
.offer .soon{position:absolute;top:14px;right:14px;z-index:1;background:var(--azul);padding:.4em .8em;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:900px){.offer-grid{grid-template-columns:repeat(2,1fr)}.offer .in p{max-height:none;opacity:1}}