.dir-alpha-btn{padding:6px 12px;border-radius:18px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease}.dir-alpha-btn:hover,.dir-alpha-btn.active{background:#1e40af !important;color:#ffffff !important;border-color:#1e40af !important;transform:translateY(-1px)}.dir-alpha-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:24px 28px;box-shadow:0 2px 10px rgba(10,22,40,0.03)}.dir-group-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e2e8f0;padding-bottom:12px;margin-bottom:18px}.dir-group-letter{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#1e40af}.dir-group-count{font-size:0.82rem;font-weight:600;color:#64748b;background:#e2e8f0;padding:3px 10px;border-radius:12px}.dir-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.dir-city-link{display:inline-block;padding:8px 12px;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;text-decoration:none;font-size:0.9rem;font-weight:500;transition:transform 0.22s cubic-bezier(0.16,1,0.3,1),background 0.22s ease,border-color 0.22s ease,box-shadow 0.22s cubic-bezier(0.16,1,0.3,1),color 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dir-city-link:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb;color:#1e40af;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 16px rgba(37,99,235,0.18);font-weight:600}.dir-city-link:active{transform:translateY(0) scale(0.98)}@media (max-width:768px){.dir-cities-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.dir-alpha-group{padding:16px 18px}}