.city-card-grid-section{width:100%}.city-card-grid-section .container{max-width:100%!important;padding-left:0!important;padding-right:0!important}.city-card-grid-section .section-title{display:flex;align-items:center;gap:1rem;font-weight:800;text-transform:uppercase;color:#fff!important;margin-bottom:2rem!important;letter-spacing:.5px}.city-card-grid-section .section-title:before{content:"";display:inline-block;width:4px;height:28px;background-color:var(--primary-color, #E91E63);border-radius:2px}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none;padding:0!important;margin:0!important;width:100%}.city-grid li{min-width:0}.city-card{display:flex;align-items:flex-start;gap:12px;background-color:#1a1a1a;padding:1.25rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .3s ease;border:1px solid transparent;width:100%}.city-card:hover{background-color:#252525;transform:translateY(-3px);border-color:#e91e634d;box-shadow:0 8px 15px #0000004d}.city-card .icon{color:var(--primary-color, #E91E63);font-size:1.25rem;flex-shrink:0;margin-top:2px}.city-card .city-name{color:#fff!important;font-weight:600;font-size:1rem;white-space:normal;overflow:visible;text-overflow:clip;flex:1;line-height:1.3}.city-card .distance{color:#6c757d!important;font-size:.85rem;font-weight:400;margin-left:4px}@media(max-width:1200px){.city-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.city-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.city-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.city-card{padding:.75rem .85rem;gap:8px}.city-card .city-name{font-size:.9rem}}@media(max-width:380px){.city-grid{grid-template-columns:1fr}}