.direction-city-links-container{max-width:1040px;margin:24px auto;padding:24px;background:#F5F7FA;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.direction-city-links-title{font-size:24px;font-weight:700;color:#212121;margin-bottom:20px}.direction-city-links-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}.direction-city-links-item{background:#FFFFFF;padding:10px 16px;border-radius:8px;transition:all .3s ease;cursor:pointer}.direction-city-links-link{text-decoration:none;color:#333;font-size:16px;transition:color .3s ease;display:block;text-align:center}.direction-city-links-item:hover{transform:scale(1.02);border-color:#aeaeff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.direction-city-links-link:hover{color:#aeaeff}.direction-city-links-link.active{color:#fff}.direction-city-links-item.active{background:#aeaeff;border-color:#aeaeff;box-shadow:0 2px 8px rgba(183,161,255,.3)}.direction-city-links-text.active{color:#fff;font-size:16px;display:block;text-align:center;text-decoration:none;cursor:default}.direction-city-links-show-more{text-align:center;margin-top:20px}.direction-city-links-show-more-button{background:#aeaeff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s ease}.direction-city-links-show-more-button:hover{background:#8f8bff}@media (max-width:768px){.direction-city-links-container{margin:16px;padding:16px}.direction-city-links-title{font-size:24px}.direction-city-links-list{grid-template-columns:repeat(2,1fr);gap:12px}.direction-city-links-item{padding:8px 12px}.direction-city-links-link{font-size:16px}}