50px, 1fr)); gap: 25px; margin-top: 20px; } 
        .cafe-card { background-color: white; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: var(--transition); display: flex; flex-direction: column; }
        .cafe-card:hover { transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); }
        .cafe-img { height: 180px; background-color: var(--primary-light); display: flex; align-items: center; justify-content: center; color: white; font-size