.city-grid{display:grid;grid-template-columns:repeat(var(--city-cols, 6),1fr);gap:12px}@media(max-width:768px){.city-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media(max-width:480px){.city-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.city-grid__item{position:relative}.city-grid__link{display:block;text-decoration:none;color:inherit}a.city-grid__link:hover .city-grid__image{transform:scale(1.05)}a.city-grid__link:hover .city-grid__overlay{opacity:.4}.city-grid__image-wrap{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:1 / 1}.city-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.city-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.25;transition:opacity .3s ease;pointer-events:none}.city-grid__placeholder{width:100%;height:100%;min-height:120px;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:.85em;color:#666}.city-grid__label{text-align:center;margin-top:8px;font-size:.9em;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/12/assets/city-grid.css.map */