.cities-section.svelte-1boluij{padding:80px 0;background:#fff}.section-header.svelte-1boluij{text-align:center;margin-bottom:60px}.section-header.svelte-1boluij h2:where(.svelte-1boluij){font-size:36px;font-weight:900;margin-bottom:16px;color:var(--claro-gray-dark)}.section-header.svelte-1boluij p:where(.svelte-1boluij){font-size:18px;color:var(--claro-gray-medium);max-width:700px;margin:0 auto}.alphabet-nav.svelte-1boluij{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:60px;padding:24px;background:var(--claro-gray-light);border-radius:var(--radius-box)}.letter-link.svelte-1boluij{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;color:var(--claro-gray-dark);text-decoration:none;font-weight:700;border-radius:8px;transition:all .2s;box-shadow:0 2px 8px #0000000d}.letter-link.svelte-1boluij:hover{background:var(--claro-red);color:#fff;transform:translateY(-2px)}.letter-group.svelte-1boluij{margin-bottom:60px;scroll-margin-top:120px}.letter-group.svelte-1boluij h3:where(.svelte-1boluij){font-size:48px;font-weight:900;color:var(--claro-red);margin-bottom:30px;border-bottom:2px solid var(--claro-gray-light);padding-bottom:10px}.cities-grid.svelte-1boluij{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.city-card.svelte-1boluij{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;padding:20px;background:var(--claro-gray-light);border:1px solid var(--claro-border);border-radius:12px;text-decoration:none;color:var(--claro-gray-dark);transition:all .3s ease}.city-card.svelte-1boluij:hover{background:#fff;border-color:var(--claro-red);box-shadow:0 10px 20px #ee2d241a;transform:translateY(-2px)}.city-name.svelte-1boluij{font-weight:800;font-size:18px;color:var(--claro-gray-dark)}.city-products.svelte-1boluij{display:flex;flex-wrap:wrap;gap:8px}.city-products.svelte-1boluij a:where(.svelte-1boluij){font-size:12px;font-weight:600;color:var(--claro-red);background:#ee2d240d;padding:6px 10px;border-radius:6px;text-decoration:none;transition:all .2s}.city-products.svelte-1boluij a:where(.svelte-1boluij):hover{background:var(--claro-red);color:#fff}.container.svelte-1boluij{max-width:1200px;margin:0 auto;padding:0 24px}