.cafe-grid{display:grid;grid-template-columns:repeat(3,7fr);gap:32px}@media(max-width:1024px){.cafe-grid{grid-template-columns:repeat(2,7fr)}}@media(max-width:767px){.cafe-grid{grid-template-columns:1fr}}.place-card{display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s;justify-content:start;border-radius:24px;overflow:hidden;padding:10px}.place-card .media{border-radius:24px;overflow:hidden;aspect-ratio:4/3}.place-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}@media(hover:hover){.place-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgb(0 0 0 / .08)}.place-card:hover .media img{transform:scale(1.03)}}.t-card{display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s;justify-content:start;border-radius:24px;overflow:hidden;padding:25px}.t-card .media{border-radius:24px;overflow:hidden;aspect-ratio:4/3}.t-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}@media(hover:hover){.t-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgb(0 0 0 / .08)}.t-card:hover .media img{transform:scale(1.03)}}.f-card{display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s;justify-content:start;border-radius:24px;overflow:hidden}.f-card .media{border-radius:24px;overflow:hidden;aspect-ratio:4/3}.f-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}@media(hover:hover){.f-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgb(0 0 0 / .08)}.f-card:hover .media img{transform:scale(1.03)}}