.grid-over-image{position:absolute;top:10px;display:flex;z-index:1}.badge-container{left:10px;z-index:1;gap:3px}.feature-pill{background-color:#000;color:#fff;border-radius:15px;padding:3px 8px;font-size:10px}.custom-card-img{filter:brightness(.7) blur(2px);transition:filter 0.3s ease;object-fit:cover;filter:brightness(.9) blur(0)}.custom-card-img:hover{filter:brightness(1)}.addACafe img{filter:brightness(.5)}.addACafe img:hover{filter:brightness(.6)}.addACafe .card-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%;text-align:center}.card{position:relative}.near-me .driving-time-overlay{display:flex}.near-me img.custom-card-img{filter:brightness(.5)}.driving-time-overlay{display:none;position:absolute;top:-20px;left:0;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:none}.driving-time-content{display:flex;flex-direction:column;align-items:start}.walking-time,.driving-time{text-shadow:2px 2px 4px rgb(0 0 0 / .5)}.driving-time-icons{display:flex;justify-content:center;gap:15px}.driving-time-icons i{font-size:24px;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .5)}.custom-card-img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.promotional-card-title{font-size:clamp(1rem, 2.5vw, 1.5rem)}#cafeMapContainer,#gridAndMapContainer{height:100vh}#gridContainer{height:100%;overflow:scroll}