Showing source for: https://portals.misto.online/
Duration: 0.386121s
Server: cloudflare

<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>misto.online - платформа порталів міст України</title>
    <meta name="description" content="Портали міст України — новини, погода, карта, довідник організацій та події для кожного міста. Понад 462 міст на інтерактивній карті.">
    <meta name="keywords" content="міста України, портали міст, новини міст України, карта міст, погода Україна, довідник організацій, misto.online">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://misto.online/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="misto.online — Портали міст України">
    <meta property="og:description" content="Онлайн платформа порталів міст України. Новини, погода, карта та довідник для кожного міста.">
    <meta property="og:url" content="https://misto.online/">
    <meta property="og:site_name" content="misto.online">
    <meta property="og:locale" content="uk_UA">
    <meta property="og:image" content="https://misto.online/favicon.png">
    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/favicon.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="misto.online — Портали міст України">
    <meta name="twitter:description" content="Онлайн платформа порталів міст України. Новини, погода, карта та довідник для кожного міста.">
    <meta name="google-adsense-account" content="ca-pub-7075496618594043">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        ukraine: {
                            blue: '#0057b7',
                            'blue-dark': '#004a9e',
                            yellow: '#ffd700',
                            'yellow-light': '#ffe44d',
                        }
                    }
                }
            }
        }
    </script>
    <style>
        body { font-family: 'Inter', sans-serif; }
        #map { width: 100%; height: 100%; }
        .city-marker {
            background: #0057b7;
            border: 2px solid #fff;
            border-radius: 50%;
            box-shadow: 0 2px 6px rgba(0,0,0,0.3);
            transition: transform 0.2s;
        }
        .city-marker:hover, .city-marker-active {
            transform: scale(1.4);
            background: #ffd700;
            border-color: #0057b7;
        }
        .leaflet-popup-content-wrapper {
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        }
        .leaflet-popup-content {
            margin: 12px 16px;
            font-family: 'Inter', sans-serif;
        }
        .search-results {
            max-height: 320px;
            overflow-y: auto;
            scrollbar-width: thin;
        }
        .search-results::-webkit-scrollbar { width: 6px; }
        .search-results::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
        .oblast-section { scroll-margin-top: 80px; }
    </style>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "misto.online",
        "url": "https://misto.online/",
        "description": "Онлайн платформа порталів міст України — новини, погода, карта та довідник організацій",
        "inLanguage": "uk",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://misto.online/?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "misto.online",
        "url": "https://misto.online/",
        "email": "[email protected]",
        "description": "Онлайн платформа порталів міст України",
        "areaServed": {
            "@type": "Country",
            "name": "Ukraine"
        }
    }
    </script>
</head>
<body class="bg-gray-50 min-h-screen" itemscope itemtype="https://schema.org/WebPage">

<!-- Navigation -->
<nav class="bg-white shadow-sm sticky top-0 z-[1000]" role="navigation" aria-label="Головна навігація">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-14 items-center">
            <a href="/" class="text-xl font-bold text-ukraine-blue tracking-tight" aria-label="misto.online — головна">misto<span class="text-ukraine-yellow">.</span>online</a>
            <div class="flex items-center gap-5 text-sm">
                <a href="https://news.misto.online" class="text-gray-500 hover:text-ukraine-blue transition font-medium">Новини</a>
                <a href="#about" class="text-gray-500 hover:text-ukraine-blue transition hidden sm:block">Про нас</a>
                <a href="#contacts" class="text-gray-500 hover:text-ukraine-blue transition hidden sm:block">Контакти</a>
            </div>
        </div>
    </div>
</nav>

<!-- Hero + Map Section -->
<section class="relative" aria-label="Карта міст України">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
        <header class="text-center mb-6">
            <h1 class="text-3xl sm:text-4xl font-extrabold text-gray-900" itemprop="name">
                Портали міст <span class="text-ukraine-blue">Укра</span><span class="text-ukraine-yellow">їни</span>
            </h1>
            <p class="mt-2 text-gray-500 text-sm sm:text-base" itemprop="description">Інтерактивна карта міст України — оберіть місто або знайдіть через пошук</p>
        </header>

        <!-- Search -->
        <div class="max-w-lg mx-auto mb-6 relative" id="searchContainer" role="search" aria-label="Пошук міста">
            <div class="relative">
                <svg class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                </svg>
                <input
                    type="text"
                    id="citySearch"
                    placeholder="Пошук міста..."
                    autocomplete="off"
                    aria-label="Введіть назву міста"
                    class="w-full pl-10 pr-10 py-3 border border-gray-200 rounded-xl shadow-sm focus:ring-2 focus:ring-ukraine-blue focus:border-transparent outline-none text-base transition"
                >
                <button id="clearSearch" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 hidden" aria-label="Очистити пошук">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                    </svg>
                </button>
            </div>
            <div id="searchResults" class="absolute w-full mt-1 bg-white rounded-xl shadow-lg border border-gray-100 search-results hidden z-[1001]" role="listbox"></div>
        </div>

        <!-- Map -->
        <div class="rounded-2xl overflow-hidden shadow-lg border border-gray-200" style="height: 520px;" role="img" aria-label="Інтерактивна карта міст України">
            <div id="map"></div>
        </div>
    </div>
</section>

<!-- City List by Oblast -->
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" aria-label="Список міст по областях">
                    <div class="oblast-section mb-8" id="obl-donecka">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Донецька область
                <span class="text-sm font-normal text-gray-400">(52)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//avdiivka.misto.online"
                   title="Портал міста Авдіївка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="1">
                    <img src="/static/imgs/ua/logos/1.png"
                         alt="Герб Авдіївка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Авдіївка</span>
                </a>
                                <a href="//amvrosiivka.misto.online"
                   title="Портал міста Амвросіївка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="6">
                    <img src="/static/imgs/ua/logos/6.png"
                         alt="Герб Амвросіївка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Амвросіївка</span>
                </a>
                                <a href="//artemivsk.misto.online"
                   title="Портал міста Артемівськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="12">
                    <img src="/static/imgs/ua/logos/12.png"
                         alt="Герб Артемівськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Артемівськ</span>
                </a>
                                <a href="//artemove.misto.online"
                   title="Портал міста Артемове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="14">
                    <img src="/static/imgs/ua/logos/14.png"
                         alt="Герб Артемове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Артемове</span>
                </a>
                                <a href="//bilytske.misto.online"
                   title="Портал міста Білицьке — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="39">
                    <img src="/static/imgs/ua/logos/39.png"
                         alt="Герб Білицьке"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білицьке</span>
                </a>
                                <a href="//bilozerske.misto.online"
                   title="Портал міста Білозерське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="41">
                    <img src="/static/imgs/ua/logos/41.png"
                         alt="Герб Білозерське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білозерське</span>
                </a>
                                <a href="//volnovakha.misto.online"
                   title="Портал міста Волноваха — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="84">
                    <img src="/static/imgs/ua/logos/84.png"
                         alt="Герб Волноваха"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Волноваха</span>
                </a>
                                <a href="//vuhlehirsk.misto.online"
                   title="Портал міста Вуглегірськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="89">
                    <img src="/static/imgs/ua/logos/89.png"
                         alt="Герб Вуглегірськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вуглегірськ</span>
                </a>
                                <a href="//vuhledar.misto.online"
                   title="Портал міста Вугледар — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="90">
                    <img src="/static/imgs/ua/logos/90.png"
                         alt="Герб Вугледар"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вугледар</span>
                </a>
                                <a href="//hirnyk.misto.online"
                   title="Портал міста Гірник — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="97">
                    <img src="/static/imgs/ua/logos/97.png"
                         alt="Герб Гірник"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гірник</span>
                </a>
                                <a href="//horlivka.misto.online"
                   title="Портал міста Горлівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="104">
                    <img src="/static/imgs/ua/logos/104.png"
                         alt="Герб Горлівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Горлівка</span>
                </a>
                                <a href="//debaltseve.misto.online"
                   title="Портал міста Дебальцеве — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="113">
                    <img src="/static/imgs/ua/logos/113.png"
                         alt="Герб Дебальцеве"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дебальцеве</span>
                </a>
                                <a href="//dzerzhynsk.misto.online"
                   title="Портал міста Дзержинськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="117">
                    <img src="/static/imgs/ua/logos/117.png"
                         alt="Герб Дзержинськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дзержинськ</span>
                </a>
                                <a href="//dymytrov.misto.online"
                   title="Портал міста Димитров — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="118">
                    <img src="/static/imgs/ua/logos/118.png"
                         alt="Герб Димитров"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Димитров</span>
                </a>
                                <a href="//dobropillia.misto.online"
                   title="Портал міста Добропілля — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="123">
                    <img src="/static/imgs/ua/logos/123.png"
                         alt="Герб Добропілля"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Добропілля</span>
                </a>
                                <a href="//dokuchaevsk.misto.online"
                   title="Портал міста Докучаєвськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="124">
                    <img src="/static/imgs/ua/logos/124.png"
                         alt="Герб Докучаєвськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Докучаєвськ</span>
                </a>
                                <a href="//donetsk.misto.online"
                   title="Портал міста Донецьк — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="128">
                    <img src="/static/imgs/ua/logos/128.png"
                         alt="Герб Донецьк"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Донецьк</span>
                </a>
                                <a href="//druzhkivka.misto.online"
                   title="Портал міста Дружківка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="131">
                    <img src="/static/imgs/ua/logos/131.png"
                         alt="Герб Дружківка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дружківка</span>
                </a>
                                <a href="//yenakiieve.misto.online"
                   title="Портал міста Єнакієве — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="138">
                    <img src="/static/imgs/ua/logos/138.png"
                         alt="Герб Єнакієве"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Єнакієве</span>
                </a>
                                <a href="//zhdanivka.misto.online"
                   title="Портал міста Жданівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="140">
                    <img src="/static/imgs/ua/logos/140.png"
                         alt="Герб Жданівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жданівка</span>
                </a>
                                <a href="//zuhres.misto.online"
                   title="Портал міста Зугрес — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="162">
                    <img src="/static/imgs/ua/logos/162.png"
                         alt="Герб Зугрес"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зугрес</span>
                </a>
                                <a href="//ilovaisk.misto.online"
                   title="Портал міста Іловайськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="169">
                    <img src="/static/imgs/ua/logos/169.png"
                         alt="Герб Іловайськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іловайськ</span>
                </a>
                                <a href="//kirovske.misto.online"
                   title="Портал міста Кіровське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="193">
                    <img src="/static/imgs/ua/logos/193.png"
                         alt="Герб Кіровське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіровське</span>
                </a>
                                <a href="//komsomolske.misto.online"
                   title="Портал міста Комсомольське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="202">
                    <img src="/static/imgs/ua/logos/202.png"
                         alt="Герб Комсомольське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Комсомольське</span>
                </a>
                                <a href="//kostiantynivka.misto.online"
                   title="Портал міста Костянтинівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="212">
                    <img src="/static/imgs/ua/logos/212.png"
                         alt="Герб Костянтинівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Костянтинівка</span>
                </a>
                                <a href="//kramatorsk.misto.online"
                   title="Портал міста Краматорськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="214">
                    <img src="/static/imgs/ua/logos/214.png"
                         alt="Герб Краматорськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Краматорськ</span>
                </a>
                                <a href="//krasnyiliman.misto.online"
                   title="Портал міста Красний Лиман — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="216">
                    <img src="/static/imgs/ua/logos/216.png"
                         alt="Герб Красний Лиман"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красний Лиман</span>
                </a>
                                <a href="//krasnoarmiisk.misto.online"
                   title="Портал міста Красноармійськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="218">
                    <img src="/static/imgs/ua/logos/218.png"
                         alt="Герб Красноармійськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красноармійськ</span>
                </a>
                                <a href="//krasnohorivka.misto.online"
                   title="Портал міста Красногорівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="219">
                    <img src="/static/imgs/ua/logos/219.png"
                         alt="Герб Красногорівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красногорівка</span>
                </a>
                                <a href="//kurakhove.misto.online"
                   title="Портал міста Курахове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="230">
                    <img src="/static/imgs/ua/logos/230.png"
                         alt="Герб Курахове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Курахове</span>
                </a>
                                <a href="//makiivka.misto.online"
                   title="Портал міста Макіївка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="245">
                    <img src="/static/imgs/ua/logos/245.png"
                         alt="Герб Макіївка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Макіївка</span>
                </a>
                                <a href="//marinka.misto.online"
                   title="Портал міста Марїнка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="248">
                    <img src="/static/imgs/ua/logos/248.png"
                         alt="Герб Марїнка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Марїнка</span>
                </a>
                                <a href="//mariupol.misto.online"
                   title="Портал міста Маріуполь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="250">
                    <img src="/static/imgs/ua/logos/250.png"
                         alt="Герб Маріуполь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Маріуполь</span>
                </a>
                                <a href="//mykolaivka.misto.online"
                   title="Портал міста Миколаївка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="256">
                    <img src="/static/imgs/ua/logos/256.png"
                         alt="Герб Миколаївка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миколаївка</span>
                </a>
                                <a href="//mospyne.misto.online"
                   title="Портал міста Моспине — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="267">
                    <img src="/static/imgs/ua/logos/267.png"
                         alt="Герб Моспине"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Моспине</span>
                </a>
                                <a href="//novoazovsk.misto.online"
                   title="Портал міста Новоазовськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="281">
                    <img src="/static/imgs/ua/logos/281.png"
                         alt="Герб Новоазовськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоазовськ</span>
                </a>
                                <a href="//novohrodivka.misto.online"
                   title="Портал міста Новогродівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="285">
                    <img src="/static/imgs/ua/logos/285.png"
                         alt="Герб Новогродівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новогродівка</span>
                </a>
                                <a href="//rodynske.misto.online"
                   title="Портал міста Родинське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="348">
                    <img src="/static/imgs/ua/logos/348.png"
                         alt="Герб Родинське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Родинське</span>
                </a>
                                <a href="//svitlodarsk.misto.online"
                   title="Портал міста Світлодарськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="361">
                    <img src="/static/imgs/ua/logos/361.png"
                         alt="Герб Світлодарськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Світлодарськ</span>
                </a>
                                <a href="//sviatohirsk.misto.online"
                   title="Портал міста Святогірськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="362">
                    <img src="/static/imgs/ua/logos/362.png"
                         alt="Герб Святогірськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Святогірськ</span>
                </a>
                                <a href="//selydove.misto.online"
                   title="Портал міста Селидове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="364">
                    <img src="/static/imgs/ua/logos/364.png"
                         alt="Герб Селидове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Селидове</span>
                </a>
                                <a href="//siversk.misto.online"
                   title="Портал міста Сіверськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="369">
                    <img src="/static/imgs/ua/logos/369.png"
                         alt="Герб Сіверськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сіверськ</span>
                </a>
                                <a href="//sloviansk.misto.online"
                   title="Портал міста Словянськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="377">
                    <img src="/static/imgs/ua/logos/377.png"
                         alt="Герб Словянськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Словянськ</span>
                </a>
                                <a href="//snizhne.misto.online"
                   title="Портал міста Сніжне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="380">
                    <img src="/static/imgs/ua/logos/380.png"
                         alt="Герб Сніжне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сніжне</span>
                </a>
                                <a href="//soledar.misto.online"
                   title="Портал міста Соледар — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="384">
                    <img src="/static/imgs/ua/logos/384.png"
                         alt="Герб Соледар"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Соледар</span>
                </a>
                                <a href="//torez.misto.online"
                   title="Портал міста Торез — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="410">
                    <img src="/static/imgs/ua/logos/410.png"
                         alt="Герб Торез"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Торез</span>
                </a>
                                <a href="//ukrainsk.misto.online"
                   title="Портал міста Українськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="421">
                    <img src="/static/imgs/ua/logos/421.png"
                         alt="Герб Українськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Українськ</span>
                </a>
                                <a href="//khartsyzk.misto.online"
                   title="Портал міста Харцизьк — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="428">
                    <img src="/static/imgs/ua/logos/428.png"
                         alt="Герб Харцизьк"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Харцизьк</span>
                </a>
                                <a href="//chasivyar.misto.online"
                   title="Портал міста Часів Яр — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="440">
                    <img src="/static/imgs/ua/logos/440.png"
                         alt="Герб Часів Яр"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Часів Яр</span>
                </a>
                                <a href="//shakhtarsk.misto.online"
                   title="Портал міста Шахтарськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="456">
                    <img src="/static/imgs/ua/logos/456.png"
                         alt="Герб Шахтарськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шахтарськ</span>
                </a>
                                <a href="//yunokomunarivsk.misto.online"
                   title="Портал міста Юнокомунарівськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="466">
                    <img src="/static/imgs/ua/logos/466.png"
                         alt="Герб Юнокомунарівськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Юнокомунарівськ</span>
                </a>
                                <a href="//yasynuvata.misto.online"
                   title="Портал міста Ясинувата — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="472">
                    <img src="/static/imgs/ua/logos/472.png"
                         alt="Герб Ясинувата"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ясинувата</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-luganska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Луганська область
                <span class="text-sm font-normal text-gray-400">(37)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//almazna.misto.online"
                   title="Портал міста Алмазна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="2">
                    <img src="/static/imgs/ua/logos/2.png"
                         alt="Герб Алмазна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алмазна</span>
                </a>
                                <a href="//alchevsk.misto.online"
                   title="Портал міста Алчевськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="5">
                    <img src="/static/imgs/ua/logos/5.png"
                         alt="Герб Алчевськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алчевськ</span>
                </a>
                                <a href="//antratsyt.misto.online"
                   title="Портал міста Антрацит — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="9">
                    <img src="/static/imgs/ua/logos/9.png"
                         alt="Герб Антрацит"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Антрацит</span>
                </a>
                                <a href="//artemovsk.misto.online"
                   title="Портал міста Артемівськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="13">
                    <img src="/static/imgs/ua/logos/13.png"
                         alt="Герб Артемівськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Артемівськ</span>
                </a>
                                <a href="//brianka.misto.online"
                   title="Портал міста Брянка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="58">
                    <img src="/static/imgs/ua/logos/58.png"
                         alt="Герб Брянка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Брянка</span>
                </a>
                                <a href="//vakhrusheve.misto.online"
                   title="Портал міста Вахрушеве — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="68">
                    <img src="/static/imgs/ua/logos/68.png"
                         alt="Герб Вахрушеве"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вахрушеве</span>
                </a>
                                <a href="//hirske.misto.online"
                   title="Портал міста Гірське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="98">
                    <img src="/static/imgs/ua/logos/98.png"
                         alt="Герб Гірське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гірське</span>
                </a>
                                <a href="//zymohiria.misto.online"
                   title="Портал міста Зимогіря — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="154">
                    <img src="/static/imgs/ua/logos/154.png"
                         alt="Герб Зимогіря"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зимогіря</span>
                </a>
                                <a href="//zolote.misto.online"
                   title="Портал міста Золоте — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="158">
                    <img src="/static/imgs/ua/logos/158.png"
                         alt="Герб Золоте"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Золоте</span>
                </a>
                                <a href="//zorynsk.misto.online"
                   title="Портал міста Зоринськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="161">
                    <img src="/static/imgs/ua/logos/161.png"
                         alt="Герб Зоринськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зоринськ</span>
                </a>
                                <a href="//irmino.misto.online"
                   title="Портал міста Ірміно — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="171">
                    <img src="/static/imgs/ua/logos/171.png"
                         alt="Герб Ірміно"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ірміно</span>
                </a>
                                <a href="//kirovsk.misto.online"
                   title="Портал міста Кіровськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="192">
                    <img src="/static/imgs/ua/logos/192.png"
                         alt="Герб Кіровськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіровськ</span>
                </a>
                                <a href="//krasniyluch.misto.online"
                   title="Портал міста Красний Луч — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="217">
                    <img src="/static/imgs/ua/logos/217.png"
                         alt="Герб Красний Луч"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красний Луч</span>
                </a>
                                <a href="//krasnodon.misto.online"
                   title="Портал міста Краснодон — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="221">
                    <img src="/static/imgs/ua/logos/221.png"
                         alt="Герб Краснодон"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Краснодон</span>
                </a>
                                <a href="//kreminna.misto.online"
                   title="Портал міста Кремінна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="225">
                    <img src="/static/imgs/ua/logos/225.png"
                         alt="Герб Кремінна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кремінна</span>
                </a>
                                <a href="//lysychansk.misto.online"
                   title="Портал міста Лисичанськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="235">
                    <img src="/static/imgs/ua/logos/235.png"
                         alt="Герб Лисичанськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лисичанськ</span>
                </a>
                                <a href="//luhansk.misto.online"
                   title="Портал міста Луганськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="239">
                    <img src="/static/imgs/ua/logos/239.png"
                         alt="Герб Луганськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Луганськ</span>
                </a>
                                <a href="//lutuhyne.misto.online"
                   title="Портал міста Лутугине — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="240">
                    <img src="/static/imgs/ua/logos/240.png"
                         alt="Герб Лутугине"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лутугине</span>
                </a>
                                <a href="//miusynsk.misto.online"
                   title="Портал міста Міусинськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="260">
                    <img src="/static/imgs/ua/logos/260.png"
                         alt="Герб Міусинськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Міусинськ</span>
                </a>
                                <a href="//molodohvardiysk.misto.online"
                   title="Портал міста Молодогвардійськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="262">
                    <img src="/static/imgs/ua/logos/262.png"
                         alt="Герб Молодогвардійськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Молодогвардійськ</span>
                </a>
                                <a href="//novodruzhesk.misto.online"
                   title="Портал міста Новодружеськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="287">
                    <img src="/static/imgs/ua/logos/287.png"
                         alt="Герб Новодружеськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новодружеськ</span>
                </a>
                                <a href="//oleksandrivsk.misto.online"
                   title="Портал міста Олександрівськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="298">
                    <img src="/static/imgs/ua/logos/298.png"
                         alt="Герб Олександрівськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Олександрівськ</span>
                </a>
                                <a href="//pervomaysk.misto.online"
                   title="Портал міста Первомайськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="308">
                    <img src="/static/imgs/ua/logos/308.png"
                         alt="Герб Первомайськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Первомайськ</span>
                </a>
                                <a href="//perevalsk.misto.online"
                   title="Портал міста Перевальськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="311">
                    <img src="/static/imgs/ua/logos/311.png"
                         alt="Герб Перевальськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перевальськ</span>
                </a>
                                <a href="//petrovske.misto.online"
                   title="Портал міста Петровське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="318">
                    <img src="/static/imgs/ua/logos/318.png"
                         alt="Герб Петровське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Петровське</span>
                </a>
                                <a href="//popasna.misto.online"
                   title="Портал міста Попасна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="330">
                    <img src="/static/imgs/ua/logos/330.png"
                         alt="Герб Попасна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Попасна</span>
                </a>
                                <a href="//pryvillia.misto.online"
                   title="Портал міста Привілля — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="332">
                    <img src="/static/imgs/ua/logos/332.png"
                         alt="Герб Привілля"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Привілля</span>
                </a>
                                <a href="//rovenky.misto.online"
                   title="Портал міста Ровеньки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="346">
                    <img src="/static/imgs/ua/logos/346.png"
                         alt="Герб Ровеньки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ровеньки</span>
                </a>
                                <a href="//rubizhne.misto.online"
                   title="Портал міста Рубіжне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="352">
                    <img src="/static/imgs/ua/logos/352.png"
                         alt="Герб Рубіжне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рубіжне</span>
                </a>
                                <a href="//svatove.misto.online"
                   title="Портал міста Сватове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="358">
                    <img src="/static/imgs/ua/logos/358.png"
                         alt="Герб Сватове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сватове</span>
                </a>
                                <a href="//sverdlovsk.misto.online"
                   title="Портал міста Свердловськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="359">
                    <img src="/static/imgs/ua/logos/359.png"
                         alt="Герб Свердловськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Свердловськ</span>
                </a>
                                <a href="//sievierodonetsk.misto.online"
                   title="Портал міста Сєвєродонецьк — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="367">
                    <img src="/static/imgs/ua/logos/367.png"
                         alt="Герб Сєвєродонецьк"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сєвєродонецьк</span>
                </a>
                                <a href="//starobilsk.misto.online"
                   title="Портал міста Старобільськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="388">
                    <img src="/static/imgs/ua/logos/388.png"
                         alt="Герб Старобільськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старобільськ</span>
                </a>
                                <a href="//stakhanov.misto.online"
                   title="Портал міста Стаханов — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="390">
                    <img src="/static/imgs/ua/logos/390.png"
                         alt="Герб Стаханов"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Стаханов</span>
                </a>
                                <a href="//sukhodilsk.misto.online"
                   title="Портал міста Суходільськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="397">
                    <img src="/static/imgs/ua/logos/397.png"
                         alt="Герб Суходільськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Суходільськ</span>
                </a>
                                <a href="//chervonopartyzansk.misto.online"
                   title="Портал міста Червонопартизанськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="443">
                    <img src="/static/imgs/ua/logos/443.png"
                         alt="Герб Червонопартизанськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Червонопартизанськ</span>
                </a>
                                <a href="//shchastia.misto.online"
                   title="Портал міста Щастя — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="461">
                    <img src="/static/imgs/ua/logos/461.png"
                         alt="Герб Щастя"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Щастя</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-avtonomna-respublika-krim">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Автономна Республіка Крим область
                <span class="text-sm font-normal text-gray-400">(18)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//alupka.misto.online"
                   title="Портал міста Алупка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="3">
                    <img src="/static/imgs/ua/logos/3.png"
                         alt="Герб Алупка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алупка</span>
                </a>
                                <a href="//alushta.misto.online"
                   title="Портал міста Алушта — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="4">
                    <img src="/static/imgs/ua/logos/4.png"
                         alt="Герб Алушта"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алушта</span>
                </a>
                                <a href="//armyansk.misto.online"
                   title="Портал міста Армянськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="11">
                    <img src="/static/imgs/ua/logos/11.png"
                         alt="Герб Армянськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Армянськ</span>
                </a>
                                <a href="//bakhchysarai.misto.online"
                   title="Портал міста Бахчисарай — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="23">
                    <img src="/static/imgs/ua/logos/23.png"
                         alt="Герб Бахчисарай"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бахчисарай</span>
                </a>
                                <a href="//bilohirsk.misto.online"
                   title="Портал міста Білогірськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="40">
                    <img src="/static/imgs/ua/logos/40.png"
                         alt="Герб Білогірськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білогірськ</span>
                </a>
                                <a href="//dzhankoy.misto.online"
                   title="Портал міста Джанкой — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="116">
                    <img src="/static/imgs/ua/logos/116.png"
                         alt="Герб Джанкой"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Джанкой</span>
                </a>
                                <a href="//yevpatoria.misto.online"
                   title="Портал міста Євпаторія — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="137">
                    <img src="/static/imgs/ua/logos/137.png"
                         alt="Герб Євпаторія"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Євпаторія</span>
                </a>
                                <a href="//inkerman.misto.online"
                   title="Портал міста Інкерман — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="170">
                    <img src="/static/imgs/ua/logos/170.png"
                         alt="Герб Інкерман"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Інкерман</span>
                </a>
                                <a href="//kerch.misto.online"
                   title="Портал міста Керч — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="187">
                    <img src="/static/imgs/ua/logos/187.png"
                         alt="Герб Керч"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Керч</span>
                </a>
                                <a href="//krasnoperekopsk.misto.online"
                   title="Портал міста Красноперекопськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="222">
                    <img src="/static/imgs/ua/logos/222.png"
                         alt="Герб Красноперекопськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красноперекопськ</span>
                </a>
                                <a href="//saky.misto.online"
                   title="Портал міста Саки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="354">
                    <img src="/static/imgs/ua/logos/354.png"
                         alt="Герб Саки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Саки</span>
                </a>
                                <a href="//sevastopol.misto.online"
                   title="Портал міста Севастополь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="363">
                    <img src="/static/imgs/ua/logos/363.png"
                         alt="Герб Севастополь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Севастополь</span>
                </a>
                                <a href="//simferopol.misto.online"
                   title="Портал міста Сімферополь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="370">
                    <img src="/static/imgs/ua/logos/370.png"
                         alt="Герб Сімферополь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сімферополь</span>
                </a>
                                <a href="//starykrim.misto.online"
                   title="Портал міста Старий Крим — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="386">
                    <img src="/static/imgs/ua/logos/386.png"
                         alt="Герб Старий Крим"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старий Крим</span>
                </a>
                                <a href="//sudak.misto.online"
                   title="Портал міста Судак — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="394">
                    <img src="/static/imgs/ua/logos/394.png"
                         alt="Герб Судак"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Судак</span>
                </a>
                                <a href="//feodosiya.misto.online"
                   title="Портал міста Феодосія — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="426">
                    <img src="/static/imgs/ua/logos/426.png"
                         alt="Герб Феодосія"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Феодосія</span>
                </a>
                                <a href="//shcholkine.misto.online"
                   title="Портал міста Щолкіне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="462">
                    <img src="/static/imgs/ua/logos/462.png"
                         alt="Герб Щолкіне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Щолкіне</span>
                </a>
                                <a href="//yalta.misto.online"
                   title="Портал міста Ялта — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="469">
                    <img src="/static/imgs/ua/logos/469.png"
                         alt="Герб Ялта"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ялта</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-odeska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Одеська область
                <span class="text-sm font-normal text-gray-400">(19)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//ananyiv.misto.online"
                   title="Портал міста Ананьїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="7">
                    <img src="/static/imgs/ua/logos/7.png"
                         alt="Герб Ананьїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ананьїв</span>
                </a>
                                <a href="//artsyz.misto.online"
                   title="Портал міста Арциз — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="15">
                    <img src="/static/imgs/ua/logos/15.png"
                         alt="Герб Арциз"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Арциз</span>
                </a>
                                <a href="//balta.misto.online"
                   title="Портал міста Балта — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="17">
                    <img src="/static/imgs/ua/logos/17.png"
                         alt="Герб Балта"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Балта</span>
                </a>
                                <a href="//berezivka.misto.online"
                   title="Портал міста Березівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="31">
                    <img src="/static/imgs/ua/logos/31.png"
                         alt="Герб Березівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Березівка</span>
                </a>
                                <a href="//bilhorod-dnistrovskyi.misto.online"
                   title="Портал міста Білгород-Дністровський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="38">
                    <img src="/static/imgs/ua/logos/38.png"
                         alt="Герб Білгород-Дністровський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білгород-Дністровський</span>
                </a>
                                <a href="//bilyayivka.misto.online"
                   title="Портал міста Біляївка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="43">
                    <img src="/static/imgs/ua/logos/43.png"
                         alt="Герб Біляївка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Біляївка</span>
                </a>
                                <a href="//bolhrad.misto.online"
                   title="Портал міста Болград — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="48">
                    <img src="/static/imgs/ua/logos/48.png"
                         alt="Герб Болград"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Болград</span>
                </a>
                                <a href="//vylkove.misto.online"
                   title="Портал міста Вилкове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="74">
                    <img src="/static/imgs/ua/logos/74.png"
                         alt="Герб Вилкове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вилкове</span>
                </a>
                                <a href="//izmail.misto.online"
                   title="Портал міста Ізмаїл — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="164">
                    <img src="/static/imgs/ua/logos/164.png"
                         alt="Герб Ізмаїл"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ізмаїл</span>
                </a>
                                <a href="//illichivsk.misto.online"
                   title="Портал міста Іллічівськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="168">
                    <img src="/static/imgs/ua/logos/168.png"
                         alt="Герб Іллічівськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іллічівськ</span>
                </a>
                                <a href="//kiliya.misto.online"
                   title="Портал міста Кілія — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="190">
                    <img src="/static/imgs/ua/logos/190.png"
                         alt="Герб Кілія"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кілія</span>
                </a>
                                <a href="//kodyma.misto.online"
                   title="Портал міста Кодима — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="197">
                    <img src="/static/imgs/ua/logos/197.png"
                         alt="Герб Кодима"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кодима</span>
                </a>
                                <a href="//kotovsk.misto.online"
                   title="Портал міста Котовськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="213">
                    <img src="/static/imgs/ua/logos/213.png"
                         alt="Герб Котовськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Котовськ</span>
                </a>
                                <a href="//odessa.misto.online"
                   title="Портал міста Одеса — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="296">
                    <img src="/static/imgs/ua/logos/296.png"
                         alt="Герб Одеса"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Одеса</span>
                </a>
                                <a href="//reni.misto.online"
                   title="Портал міста Рені — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="343">
                    <img src="/static/imgs/ua/logos/343.png"
                         alt="Герб Рені"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рені</span>
                </a>
                                <a href="//rozdilna.misto.online"
                   title="Портал міста Роздільна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="350">
                    <img src="/static/imgs/ua/logos/350.png"
                         alt="Герб Роздільна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Роздільна</span>
                </a>
                                <a href="//tatarbunary.misto.online"
                   title="Портал міста Татарбунари — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="401">
                    <img src="/static/imgs/ua/logos/401.png"
                         alt="Герб Татарбунари"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Татарбунари</span>
                </a>
                                <a href="//teplodar.misto.online"
                   title="Портал міста Теплодар — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="402">
                    <img src="/static/imgs/ua/logos/402.png"
                         alt="Герб Теплодар"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Теплодар</span>
                </a>
                                <a href="//yuzhne.misto.online"
                   title="Портал міста Южне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="464">
                    <img src="/static/imgs/ua/logos/464.png"
                         alt="Герб Южне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Южне</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-zitomirska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Житомирська область
                <span class="text-sm font-normal text-gray-400">(12)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//andrushivka.misto.online"
                   title="Портал міста Андрушівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="8">
                    <img src="/static/imgs/ua/logos/8.png"
                         alt="Герб Андрушівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Андрушівка</span>
                </a>
                                <a href="//baranivka.misto.online"
                   title="Портал міста Баранівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="19">
                    <img src="/static/imgs/ua/logos/19.png"
                         alt="Герб Баранівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Баранівка</span>
                </a>
                                <a href="//berdychiv.misto.online"
                   title="Портал міста Бердичів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="26">
                    <img src="/static/imgs/ua/logos/26.png"
                         alt="Герб Бердичів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бердичів</span>
                </a>
                                <a href="//zhytomyr.misto.online"
                   title="Портал міста Житомир — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="142">
                    <img src="/static/imgs/ua/logos/142.png"
                         alt="Герб Житомир"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Житомир</span>
                </a>
                                <a href="//korosten.misto.online"
                   title="Портал міста Коростень — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="206">
                    <img src="/static/imgs/ua/logos/206.png"
                         alt="Герб Коростень"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Коростень</span>
                </a>
                                <a href="//korostyshiv.misto.online"
                   title="Портал міста Коростишів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="207">
                    <img src="/static/imgs/ua/logos/207.png"
                         alt="Герб Коростишів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Коростишів</span>
                </a>
                                <a href="//malyn.misto.online"
                   title="Портал міста Малин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="247">
                    <img src="/static/imgs/ua/logos/247.png"
                         alt="Герб Малин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Малин</span>
                </a>
                                <a href="//novohradvolynskyi.misto.online"
                   title="Портал міста Новоград-Волинський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="284">
                    <img src="/static/imgs/ua/logos/284.png"
                         alt="Герб Новоград-Волинський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоград-Волинський</span>
                </a>
                                <a href="//ovruch.misto.online"
                   title="Портал міста Овруч — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="295">
                    <img src="/static/imgs/ua/logos/295.png"
                         alt="Герб Овруч"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Овруч</span>
                </a>
                                <a href="//olevsk.misto.online"
                   title="Портал міста Олевськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="297">
                    <img src="/static/imgs/ua/logos/297.png"
                         alt="Герб Олевськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Олевськ</span>
                </a>
                                <a href="//radomyshl.misto.online"
                   title="Портал міста Радомишль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="341">
                    <img src="/static/imgs/ua/logos/341.png"
                         alt="Герб Радомишль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Радомишль</span>
                </a>
                                <a href="//chudniv.misto.online"
                   title="Портал міста Чуднів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="454">
                    <img src="/static/imgs/ua/logos/454.png"
                         alt="Герб Чуднів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чуднів</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-dnipropetrovska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Дніпропетровська область
                <span class="text-sm font-normal text-gray-400">(20)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//apostolove.misto.online"
                   title="Портал міста Апостолове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="10">
                    <img src="/static/imgs/ua/logos/10.png"
                         alt="Герб Апостолове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Апостолове</span>
                </a>
                                <a href="//verkhivtseve.misto.online"
                   title="Портал міста Верхівцеве — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="71">
                    <img src="/static/imgs/ua/logos/71.png"
                         alt="Герб Верхівцеве"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Верхівцеве</span>
                </a>
                                <a href="//verkhnodniprovsk.misto.online"
                   title="Портал міста Верхньодніпровськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="72">
                    <img src="/static/imgs/ua/logos/72.png"
                         alt="Герб Верхньодніпровськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Верхньодніпровськ</span>
                </a>
                                <a href="//vilnohirsk.misto.online"
                   title="Портал міста Вільногірськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="79">
                    <img src="/static/imgs/ua/logos/79.png"
                         alt="Герб Вільногірськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вільногірськ</span>
                </a>
                                <a href="//dniprodzerzhynsk.misto.online"
                   title="Портал міста Дніпродзержинськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="119">
                    <img src="/static/imgs/ua/logos/119.png"
                         alt="Герб Дніпродзержинськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дніпродзержинськ</span>
                </a>
                                <a href="//dnipro.misto.online"
                   title="Портал міста Дніпро — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="120">
                    <img src="/static/imgs/ua/logos/120.png"
                         alt="Герб Дніпро"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дніпро</span>
                </a>
                                <a href="//zhovtivody.misto.online"
                   title="Портал міста Жовті Води — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="145">
                    <img src="/static/imgs/ua/logos/145.png"
                         alt="Герб Жовті Води"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жовті Води</span>
                </a>
                                <a href="//zelenodolsk.misto.online"
                   title="Портал міста Зеленодольськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="153">
                    <img src="/static/imgs/ua/logos/153.png"
                         alt="Герб Зеленодольськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зеленодольськ</span>
                </a>
                                <a href="//krivoyrog.misto.online"
                   title="Портал міста Кривий Ріг — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="226">
                    <img src="/static/imgs/ua/logos/226.png"
                         alt="Герб Кривий Ріг"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кривий Ріг</span>
                </a>
                                <a href="//marhanets.misto.online"
                   title="Портал міста Марганець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="249">
                    <img src="/static/imgs/ua/logos/249.png"
                         alt="Герб Марганець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Марганець</span>
                </a>
                                <a href="//nikopol.misto.online"
                   title="Портал міста Нікополь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="274">
                    <img src="/static/imgs/ua/logos/274.png"
                         alt="Герб Нікополь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нікополь</span>
                </a>
                                <a href="//novomoskovsk.misto.online"
                   title="Портал міста Новомосковськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="289">
                    <img src="/static/imgs/ua/logos/289.png"
                         alt="Герб Новомосковськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новомосковськ</span>
                </a>
                                <a href="//ordzhonikidze.misto.online"
                   title="Портал міста Орджонікідзе — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="300">
                    <img src="/static/imgs/ua/logos/300.png"
                         alt="Герб Орджонікідзе"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Орджонікідзе</span>
                </a>
                                <a href="//piatykhatky.misto.online"
                   title="Портал міста Пятихатки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="306">
                    <img src="/static/imgs/ua/logos/306.png"
                         alt="Герб Пятихатки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пятихатки</span>
                </a>
                                <a href="//pavlohrad.misto.online"
                   title="Портал міста Павлоград — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="307">
                    <img src="/static/imgs/ua/logos/307.png"
                         alt="Герб Павлоград"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Павлоград</span>
                </a>
                                <a href="//pereschepyne.misto.online"
                   title="Портал міста Перещепине — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="314">
                    <img src="/static/imgs/ua/logos/314.png"
                         alt="Герб Перещепине"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перещепине</span>
                </a>
                                <a href="//pershotravensk.misto.online"
                   title="Портал міста Першотравенськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="317">
                    <img src="/static/imgs/ua/logos/317.png"
                         alt="Герб Першотравенськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Першотравенськ</span>
                </a>
                                <a href="//pidhorodne.misto.online"
                   title="Портал міста Підгородне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="322">
                    <img src="/static/imgs/ua/logos/322.png"
                         alt="Герб Підгородне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Підгородне</span>
                </a>
                                <a href="//synelnykove.misto.online"
                   title="Портал міста Синельникове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="368">
                    <img src="/static/imgs/ua/logos/368.png"
                         alt="Герб Синельникове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Синельникове</span>
                </a>
                                <a href="//ternivka.misto.online"
                   title="Портал міста Тернівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="404">
                    <img src="/static/imgs/ua/logos/404.png"
                         alt="Герб Тернівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тернівка</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-xarkivska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Харківська область
                <span class="text-sm font-normal text-gray-400">(17)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//balakliia.misto.online"
                   title="Портал міста Балаклія — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="16">
                    <img src="/static/imgs/ua/logos/16.png"
                         alt="Герб Балаклія"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Балаклія</span>
                </a>
                                <a href="//barvinkove.misto.online"
                   title="Портал міста Барвінкове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="20">
                    <img src="/static/imgs/ua/logos/20.png"
                         alt="Герб Барвінкове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Барвінкове</span>
                </a>
                                <a href="//bohodukhiv.misto.online"
                   title="Портал міста Богодухів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="46">
                    <img src="/static/imgs/ua/logos/46.png"
                         alt="Герб Богодухів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Богодухів</span>
                </a>
                                <a href="//valky.misto.online"
                   title="Портал міста Валки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="64">
                    <img src="/static/imgs/ua/logos/64.png"
                         alt="Герб Валки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Валки</span>
                </a>
                                <a href="//vovchansk.misto.online"
                   title="Портал міста Вовчанськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="82">
                    <img src="/static/imgs/ua/logos/82.png"
                         alt="Герб Вовчанськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вовчанськ</span>
                </a>
                                <a href="//derhachi.misto.online"
                   title="Портал міста Дергачі — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="115">
                    <img src="/static/imgs/ua/logos/115.png"
                         alt="Герб Дергачі"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дергачі</span>
                </a>
                                <a href="//zmiiv.misto.online"
                   title="Портал міста Зміїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="156">
                    <img src="/static/imgs/ua/logos/156.png"
                         alt="Герб Зміїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зміїв</span>
                </a>
                                <a href="//izium.misto.online"
                   title="Портал міста Ізюм — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="165">
                    <img src="/static/imgs/ua/logos/165.png"
                         alt="Герб Ізюм"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ізюм</span>
                </a>
                                <a href="//krasnohrad.misto.online"
                   title="Портал міста Красноград — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="220">
                    <img src="/static/imgs/ua/logos/220.png"
                         alt="Герб Красноград"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красноград</span>
                </a>
                                <a href="//kupiansk.misto.online"
                   title="Портал міста Купянськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="229">
                    <img src="/static/imgs/ua/logos/229.png"
                         alt="Герб Купянськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Купянськ</span>
                </a>
                                <a href="//lozova.misto.online"
                   title="Портал міста Лозова — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="236">
                    <img src="/static/imgs/ua/logos/236.png"
                         alt="Герб Лозова"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лозова</span>
                </a>
                                <a href="//liubotyn.misto.online"
                   title="Портал міста Люботин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="243">
                    <img src="/static/imgs/ua/logos/243.png"
                         alt="Герб Люботин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Люботин</span>
                </a>
                                <a href="//merefa.misto.online"
                   title="Портал міста Мерефа — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="253">
                    <img src="/static/imgs/ua/logos/253.png"
                         alt="Герб Мерефа"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мерефа</span>
                </a>
                                <a href="//pervomaiskyi.misto.online"
                   title="Портал міста Первомайський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="310">
                    <img src="/static/imgs/ua/logos/310.png"
                         alt="Герб Первомайський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Первомайський</span>
                </a>
                                <a href="//pivdenne.misto.online"
                   title="Портал міста Південне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="320">
                    <img src="/static/imgs/ua/logos/320.png"
                         alt="Герб Південне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Південне</span>
                </a>
                                <a href="//kharkiv.misto.online"
                   title="Портал міста Харків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="427">
                    <img src="/static/imgs/ua/logos/427.png"
                         alt="Герб Харків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Харків</span>
                </a>
                                <a href="//chuhuiv.misto.online"
                   title="Портал міста Чугуїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="453">
                    <img src="/static/imgs/ua/logos/453.png"
                         alt="Герб Чугуїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чугуїв</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-vinnicka">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Вінницька область
                <span class="text-sm font-normal text-gray-400">(17)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//bar.misto.online"
                   title="Портал міста Бар — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="18">
                    <img src="/static/imgs/ua/logos/18.png"
                         alt="Герб Бар"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бар</span>
                </a>
                                <a href="//bershad.misto.online"
                   title="Портал міста Бершадь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="35">
                    <img src="/static/imgs/ua/logos/35.png"
                         alt="Герб Бершадь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бершадь</span>
                </a>
                                <a href="//vinnytsia.misto.online"
                   title="Портал міста Вінниця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="81">
                    <img src="/static/imgs/ua/logos/81.png"
                         alt="Герб Вінниця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вінниця</span>
                </a>
                                <a href="//haisyn.misto.online"
                   title="Портал міста Гайсин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="93">
                    <img src="/static/imgs/ua/logos/93.png"
                         alt="Герб Гайсин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гайсин</span>
                </a>
                                <a href="//hnivan.misto.online"
                   title="Портал міста Гнівань — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="102">
                    <img src="/static/imgs/ua/logos/102.png"
                         alt="Герб Гнівань"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гнівань</span>
                </a>
                                <a href="//zhmerynka.misto.online"
                   title="Портал міста Жмеринка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="143">
                    <img src="/static/imgs/ua/logos/143.png"
                         alt="Герб Жмеринка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жмеринка</span>
                </a>
                                <a href="//kalynivka.misto.online"
                   title="Портал міста Калинівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="177">
                    <img src="/static/imgs/ua/logos/177.png"
                         alt="Герб Калинівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Калинівка</span>
                </a>
                                <a href="//koziatyn.misto.online"
                   title="Портал міста Козятин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="198">
                    <img src="/static/imgs/ua/logos/198.png"
                         alt="Герб Козятин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Козятин</span>
                </a>
                                <a href="//ladyzhyn.misto.online"
                   title="Портал міста Ладижин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="231">
                    <img src="/static/imgs/ua/logos/231.png"
                         alt="Герб Ладижин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ладижин</span>
                </a>
                                <a href="//lypovets.misto.online"
                   title="Портал міста Липовець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="234">
                    <img src="/static/imgs/ua/logos/234.png"
                         alt="Герб Липовець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Липовець</span>
                </a>
                                <a href="//mohylivpodilskyi.misto.online"
                   title="Портал міста Могилів-Подільський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="261">
                    <img src="/static/imgs/ua/logos/261.png"
                         alt="Герб Могилів-Подільський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Могилів-Подільський</span>
                </a>
                                <a href="//nemyriv.misto.online"
                   title="Портал міста Немирів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="271">
                    <img src="/static/imgs/ua/logos/271.png"
                         alt="Герб Немирів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Немирів</span>
                </a>
                                <a href="//pohrebyshche.misto.online"
                   title="Портал міста Погребище — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="324">
                    <img src="/static/imgs/ua/logos/324.png"
                         alt="Герб Погребище"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Погребище</span>
                </a>
                                <a href="//tulchyn.misto.online"
                   title="Портал міста Тульчин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="413">
                    <img src="/static/imgs/ua/logos/413.png"
                         alt="Герб Тульчин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тульчин</span>
                </a>
                                <a href="//khmilnyk.misto.online"
                   title="Портал міста Хмільник — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="432">
                    <img src="/static/imgs/ua/logos/432.png"
                         alt="Герб Хмільник"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хмільник</span>
                </a>
                                <a href="//sharhorod.misto.online"
                   title="Портал міста Шаргород — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="455">
                    <img src="/static/imgs/ua/logos/455.png"
                         alt="Герб Шаргород"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шаргород</span>
                </a>
                                <a href="//yampil.misto.online"
                   title="Портал міста Ямпіль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="470">
                    <img src="/static/imgs/ua/logos/470.png"
                         alt="Герб Ямпіль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ямпіль</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-cernivecka">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Чернівецька область
                <span class="text-sm font-normal text-gray-400">(15)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//baturyn.misto.online"
                   title="Портал міста Батурин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="21">
                    <img src="/static/imgs/ua/logos/21.png"
                         alt="Герб Батурин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Батурин</span>
                </a>
                                <a href="//vashkivtsi.misto.online"
                   title="Портал міста Вашківці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="69">
                    <img src="/static/imgs/ua/logos/69.png"
                         alt="Герб Вашківці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вашківці</span>
                </a>
                                <a href="//vyzhnytsia.misto.online"
                   title="Портал міста Вижниця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="73">
                    <img src="/static/imgs/ua/logos/73.png"
                         alt="Герб Вижниця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вижниця</span>
                </a>
                                <a href="//hertsa.misto.online"
                   title="Портал міста Герца — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="96">
                    <img src="/static/imgs/ua/logos/96.png"
                         alt="Герб Герца"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Герца</span>
                </a>
                                <a href="//zastavna.misto.online"
                   title="Портал міста Заставна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="148">
                    <img src="/static/imgs/ua/logos/148.png"
                         alt="Герб Заставна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Заставна</span>
                </a>
                                <a href="//kitsman.misto.online"
                   title="Портал міста Кіцмань — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="194">
                    <img src="/static/imgs/ua/logos/194.png"
                         alt="Герб Кіцмань"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіцмань</span>
                </a>
                                <a href="//nizhyn.misto.online"
                   title="Портал міста Ніжин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="273">
                    <img src="/static/imgs/ua/logos/273.png"
                         alt="Герб Ніжин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ніжин</span>
                </a>
                                <a href="//novodnistrovsk.misto.online"
                   title="Портал міста Новодністровськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="286">
                    <img src="/static/imgs/ua/logos/286.png"
                         alt="Герб Новодністровськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новодністровськ</span>
                </a>
                                <a href="//novoselytsia.misto.online"
                   title="Портал міста Новоселиця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="290">
                    <img src="/static/imgs/ua/logos/290.png"
                         alt="Герб Новоселиця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоселиця</span>
                </a>
                                <a href="//pryluky.misto.online"
                   title="Портал міста Прилуки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="333">
                    <img src="/static/imgs/ua/logos/333.png"
                         alt="Герб Прилуки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Прилуки</span>
                </a>
                                <a href="//sokyriany.misto.online"
                   title="Портал міста Сокиряни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="383">
                    <img src="/static/imgs/ua/logos/383.png"
                         alt="Герб Сокиряни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сокиряни</span>
                </a>
                                <a href="//storozhynets.misto.online"
                   title="Портал міста Сторожинець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="392">
                    <img src="/static/imgs/ua/logos/392.png"
                         alt="Герб Сторожинець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сторожинець</span>
                </a>
                                <a href="//khotyn.misto.online"
                   title="Портал міста Хотин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="436">
                    <img src="/static/imgs/ua/logos/436.png"
                         alt="Герб Хотин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хотин</span>
                </a>
                                <a href="//chernivtsi.misto.online"
                   title="Портал міста Чернівці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="445">
                    <img src="/static/imgs/ua/logos/445.png"
                         alt="Герб Чернівці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чернівці</span>
                </a>
                                <a href="//chernihiv.misto.online"
                   title="Портал міста Чернігів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="446">
                    <img src="/static/imgs/ua/logos/446.png"
                         alt="Герб Чернігів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чернігів</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-mikolayivska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Миколаївська область
                <span class="text-sm font-normal text-gray-400">(9)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//bashtanka.misto.online"
                   title="Портал міста Баштанка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="24">
                    <img src="/static/imgs/ua/logos/24.png"
                         alt="Герб Баштанка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Баштанка</span>
                </a>
                                <a href="//voznesensk.misto.online"
                   title="Портал міста Вознесенськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="83">
                    <img src="/static/imgs/ua/logos/83.png"
                         alt="Герб Вознесенськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вознесенськ</span>
                </a>
                                <a href="//nikolaev.misto.online"
                   title="Портал міста Миколаїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="254">
                    <img src="/static/imgs/ua/logos/254.png"
                         alt="Герб Миколаїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миколаїв</span>
                </a>
                                <a href="//novaodessa.misto.online"
                   title="Портал міста Нова Одеса — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="276">
                    <img src="/static/imgs/ua/logos/276.png"
                         alt="Герб Нова Одеса"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нова Одеса</span>
                </a>
                                <a href="//novyibug.misto.online"
                   title="Портал міста Новий Буг — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="278">
                    <img src="/static/imgs/ua/logos/278.png"
                         alt="Герб Новий Буг"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новий Буг</span>
                </a>
                                <a href="//ochakiv.misto.online"
                   title="Портал міста Очаків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="305">
                    <img src="/static/imgs/ua/logos/305.png"
                         alt="Герб Очаків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Очаків</span>
                </a>
                                <a href="//pervomaisk.misto.online"
                   title="Портал міста Первомайськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="309">
                    <img src="/static/imgs/ua/logos/309.png"
                         alt="Герб Первомайськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Первомайськ</span>
                </a>
                                <a href="//snihurivka.misto.online"
                   title="Портал міста Снігурівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="379">
                    <img src="/static/imgs/ua/logos/379.png"
                         alt="Герб Снігурівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Снігурівка</span>
                </a>
                                <a href="//yuzhnoukrainsk.misto.online"
                   title="Портал міста Южноукраїнськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="465">
                    <img src="/static/imgs/ua/logos/465.png"
                         alt="Герб Южноукраїнськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Южноукраїнськ</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-lvivska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Львівська область
                <span class="text-sm font-normal text-gray-400">(44)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//belz.misto.online"
                   title="Портал міста Белз — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="25">
                    <img src="/static/imgs/ua/logos/25.png"
                         alt="Герб Белз"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Белз</span>
                </a>
                                <a href="//bibrka.misto.online"
                   title="Портал міста Бібрка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="36">
                    <img src="/static/imgs/ua/logos/36.png"
                         alt="Герб Бібрка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бібрка</span>
                </a>
                                <a href="//boryslav.misto.online"
                   title="Портал міста Борислав — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="51">
                    <img src="/static/imgs/ua/logos/51.png"
                         alt="Герб Борислав"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Борислав</span>
                </a>
                                <a href="//brody.misto.online"
                   title="Портал міста Броди — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="56">
                    <img src="/static/imgs/ua/logos/56.png"
                         alt="Герб Броди"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Броди</span>
                </a>
                                <a href="//busk.misto.online"
                   title="Портал міста Буськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="61">
                    <img src="/static/imgs/ua/logos/61.png"
                         alt="Герб Буськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Буськ</span>
                </a>
                                <a href="//velykimosti.misto.online"
                   title="Портал міста Великі Мости — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="70">
                    <img src="/static/imgs/ua/logos/70.png"
                         alt="Герб Великі Мости"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Великі Мости</span>
                </a>
                                <a href="//vynnyky.misto.online"
                   title="Портал міста Винники — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="75">
                    <img src="/static/imgs/ua/logos/75.png"
                         alt="Герб Винники"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Винники</span>
                </a>
                                <a href="//hlyniany.misto.online"
                   title="Портал міста Глиняни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="99">
                    <img src="/static/imgs/ua/logos/99.png"
                         alt="Герб Глиняни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Глиняни</span>
                </a>
                                <a href="//gorodok.misto.online"
                   title="Портал міста Городок — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="108">
                    <img src="/static/imgs/ua/logos/108.png"
                         alt="Герб Городок"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городок</span>
                </a>
                                <a href="//dobromyl.misto.online"
                   title="Портал міста Добромиль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="122">
                    <img src="/static/imgs/ua/logos/122.png"
                         alt="Герб Добромиль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Добромиль</span>
                </a>
                                <a href="//drohobych.misto.online"
                   title="Портал міста Дрогобич — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="129">
                    <img src="/static/imgs/ua/logos/129.png"
                         alt="Герб Дрогобич"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дрогобич</span>
                </a>
                                <a href="//dubliany.misto.online"
                   title="Портал міста Дубляни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="132">
                    <img src="/static/imgs/ua/logos/132.png"
                         alt="Герб Дубляни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дубляни</span>
                </a>
                                <a href="//zhydachiv.misto.online"
                   title="Портал міста Жидачів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="141">
                    <img src="/static/imgs/ua/logos/141.png"
                         alt="Герб Жидачів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жидачів</span>
                </a>
                                <a href="//zhovkva.misto.online"
                   title="Портал міста Жовква — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="144">
                    <img src="/static/imgs/ua/logos/144.png"
                         alt="Герб Жовква"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жовква</span>
                </a>
                                <a href="//zolochiv.misto.online"
                   title="Портал міста Золочів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="160">
                    <img src="/static/imgs/ua/logos/160.png"
                         alt="Герб Золочів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Золочів</span>
                </a>
                                <a href="//kamiankabuzka.misto.online"
                   title="Портал міста Камянка-Бузька — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="181">
                    <img src="/static/imgs/ua/logos/181.png"
                         alt="Герб Камянка-Бузька"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянка-Бузька</span>
                </a>
                                <a href="//komarno.misto.online"
                   title="Портал міста Комарно — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="200">
                    <img src="/static/imgs/ua/logos/200.png"
                         alt="Герб Комарно"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Комарно</span>
                </a>
                                <a href="//lviv.misto.online"
                   title="Портал міста Львів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="244">
                    <img src="/static/imgs/ua/logos/244.png"
                         alt="Герб Львів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Львів</span>
                </a>
                                <a href="//mykolaiv.misto.online"
                   title="Портал міста Миколаїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="255">
                    <img src="/static/imgs/ua/logos/255.png"
                         alt="Герб Миколаїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миколаїв</span>
                </a>
                                <a href="//morshyn.misto.online"
                   title="Портал міста Моршин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="266">
                    <img src="/static/imgs/ua/logos/266.png"
                         alt="Герб Моршин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Моршин</span>
                </a>
                                <a href="//mostyska.misto.online"
                   title="Портал міста Мостиська — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="268">
                    <img src="/static/imgs/ua/logos/268.png"
                         alt="Герб Мостиська"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мостиська</span>
                </a>
                                <a href="//novyikaliniv.misto.online"
                   title="Портал міста Новий Калинів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="279">
                    <img src="/static/imgs/ua/logos/279.png"
                         alt="Герб Новий Калинів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новий Калинів</span>
                </a>
                                <a href="//novyirozdil.misto.online"
                   title="Портал міста Новий Розділ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="280">
                    <img src="/static/imgs/ua/logos/280.png"
                         alt="Герб Новий Розділ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новий Розділ</span>
                </a>
                                <a href="//novoiavorivsk.misto.online"
                   title="Портал міста Новояворівськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="292">
                    <img src="/static/imgs/ua/logos/292.png"
                         alt="Герб Новояворівськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новояворівськ</span>
                </a>
                                <a href="//peremyshliany.misto.online"
                   title="Портал міста Перемишляни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="312">
                    <img src="/static/imgs/ua/logos/312.png"
                         alt="Герб Перемишляни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перемишляни</span>
                </a>
                                <a href="//pustomyty.misto.online"
                   title="Портал міста Пустомити — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="336">
                    <img src="/static/imgs/ua/logos/336.png"
                         alt="Герб Пустомити"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пустомити</span>
                </a>
                                <a href="//ravaruska.misto.online"
                   title="Портал міста Рава-Руська — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="338">
                    <img src="/static/imgs/ua/logos/338.png"
                         alt="Герб Рава-Руська"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рава-Руська</span>
                </a>
                                <a href="//radekhiv.misto.online"
                   title="Портал міста Радехів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="339">
                    <img src="/static/imgs/ua/logos/339.png"
                         alt="Герб Радехів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Радехів</span>
                </a>
                                <a href="//rudky.misto.online"
                   title="Портал міста Рудки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="353">
                    <img src="/static/imgs/ua/logos/353.png"
                         alt="Герб Рудки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рудки</span>
                </a>
                                <a href="//sambir.misto.online"
                   title="Портал міста Самбір — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="355">
                    <img src="/static/imgs/ua/logos/355.png"
                         alt="Герб Самбір"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Самбір</span>
                </a>
                                <a href="//skole.misto.online"
                   title="Портал міста Сколе — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="374">
                    <img src="/static/imgs/ua/logos/374.png"
                         alt="Герб Сколе"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сколе</span>
                </a>
                                <a href="//sokal.misto.online"
                   title="Портал міста Сокаль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="382">
                    <img src="/static/imgs/ua/logos/382.png"
                         alt="Герб Сокаль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сокаль</span>
                </a>
                                <a href="//sosnivka.misto.online"
                   title="Портал міста Соснівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="385">
                    <img src="/static/imgs/ua/logos/385.png"
                         alt="Герб Соснівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Соснівка</span>
                </a>
                                <a href="//staryisambir.misto.online"
                   title="Портал міста Старий Самбір — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="387">
                    <img src="/static/imgs/ua/logos/387.png"
                         alt="Герб Старий Самбір"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старий Самбір</span>
                </a>
                                <a href="//stebnyk.misto.online"
                   title="Портал міста Стебник — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="391">
                    <img src="/static/imgs/ua/logos/391.png"
                         alt="Герб Стебник"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Стебник</span>
                </a>
                                <a href="//stryi.misto.online"
                   title="Портал міста Стрий — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="393">
                    <img src="/static/imgs/ua/logos/393.png"
                         alt="Герб Стрий"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Стрий</span>
                </a>
                                <a href="//sudovavishnya.misto.online"
                   title="Портал міста Судова Вишня — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="395">
                    <img src="/static/imgs/ua/logos/395.png"
                         alt="Герб Судова Вишня"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Судова Вишня</span>
                </a>
                                <a href="//truskavets.misto.online"
                   title="Портал міста Трускавець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="412">
                    <img src="/static/imgs/ua/logos/412.png"
                         alt="Герб Трускавець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Трускавець</span>
                </a>
                                <a href="//turka.misto.online"
                   title="Портал міста Турка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="414">
                    <img src="/static/imgs/ua/logos/414.png"
                         alt="Герб Турка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Турка</span>
                </a>
                                <a href="//uhniv.misto.online"
                   title="Портал міста Угнів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="416">
                    <img src="/static/imgs/ua/logos/416.png"
                         alt="Герб Угнів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Угнів</span>
                </a>
                                <a href="//khyriv.misto.online"
                   title="Портал міста Хирів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="430">
                    <img src="/static/imgs/ua/logos/430.png"
                         alt="Герб Хирів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хирів</span>
                </a>
                                <a href="//khodoriv.misto.online"
                   title="Портал міста Ходорів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="433">
                    <img src="/static/imgs/ua/logos/433.png"
                         alt="Герб Ходорів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ходорів</span>
                </a>
                                <a href="//chervonohrad.misto.online"
                   title="Портал міста Червоноград — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="441">
                    <img src="/static/imgs/ua/logos/441.png"
                         alt="Герб Червоноград"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Червоноград</span>
                </a>
                                <a href="//yavoriv.misto.online"
                   title="Портал міста Яворів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="467">
                    <img src="/static/imgs/ua/logos/467.png"
                         alt="Герб Яворів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Яворів</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-cernigivska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Чернігівська область
                <span class="text-sm font-normal text-gray-400">(12)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//bakhmach.misto.online"
                   title="Портал міста Бахмач — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="22">
                    <img src="/static/imgs/ua/logos/22.png"
                         alt="Герб Бахмач"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бахмач</span>
                </a>
                                <a href="//bobrovytsia.misto.online"
                   title="Портал міста Бобровиця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="45">
                    <img src="/static/imgs/ua/logos/45.png"
                         alt="Герб Бобровиця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бобровиця</span>
                </a>
                                <a href="//borzna.misto.online"
                   title="Портал міста Борзна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="50">
                    <img src="/static/imgs/ua/logos/50.png"
                         alt="Герб Борзна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Борзна</span>
                </a>
                                <a href="//horodnia.misto.online"
                   title="Портал міста Городня — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="107">
                    <img src="/static/imgs/ua/logos/107.png"
                         alt="Герб Городня"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городня</span>
                </a>
                                <a href="//ichnia.misto.online"
                   title="Портал міста Ічня — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="175">
                    <img src="/static/imgs/ua/logos/175.png"
                         alt="Герб Ічня"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ічня</span>
                </a>
                                <a href="//koriukivka.misto.online"
                   title="Портал міста Корюківка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="209">
                    <img src="/static/imgs/ua/logos/209.png"
                         alt="Герб Корюківка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Корюківка</span>
                </a>
                                <a href="//mena.misto.online"
                   title="Портал міста Мена — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="252">
                    <img src="/static/imgs/ua/logos/252.png"
                         alt="Герб Мена"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мена</span>
                </a>
                                <a href="//novhorodsiverskyi.misto.online"
                   title="Портал міста Новгород-Сіверський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="277">
                    <img src="/static/imgs/ua/logos/277.png"
                         alt="Герб Новгород-Сіверський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новгород-Сіверський</span>
                </a>
                                <a href="//nosivka.misto.online"
                   title="Портал міста Носівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="293">
                    <img src="/static/imgs/ua/logos/293.png"
                         alt="Герб Носівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Носівка</span>
                </a>
                                <a href="//oster.misto.online"
                   title="Портал міста Остер — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="302">
                    <img src="/static/imgs/ua/logos/302.png"
                         alt="Герб Остер"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Остер</span>
                </a>
                                <a href="//semenivka.misto.online"
                   title="Портал міста Семенівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="365">
                    <img src="/static/imgs/ua/logos/365.png"
                         alt="Герб Семенівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Семенівка</span>
                </a>
                                <a href="//shchors.misto.online"
                   title="Портал міста Щорс — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="463">
                    <img src="/static/imgs/ua/logos/463.png"
                         alt="Герб Щорс"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Щорс</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-zaporizka">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Запорізька область
                <span class="text-sm font-normal text-gray-400">(14)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//berdyansk.misto.online"
                   title="Портал міста Бердянськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="27">
                    <img src="/static/imgs/ua/logos/27.png"
                         alt="Герб Бердянськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бердянськ</span>
                </a>
                                <a href="//vasylivka.misto.online"
                   title="Портал міста Василівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="65">
                    <img src="/static/imgs/ua/logos/65.png"
                         alt="Герб Василівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Василівка</span>
                </a>
                                <a href="//vilniansk.misto.online"
                   title="Портал міста Вільнянськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="80">
                    <img src="/static/imgs/ua/logos/80.png"
                         alt="Герб Вільнянськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вільнянськ</span>
                </a>
                                <a href="//huliaipole.misto.online"
                   title="Портал міста Гуляйполе — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="112">
                    <img src="/static/imgs/ua/logos/112.png"
                         alt="Герб Гуляйполе"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гуляйполе</span>
                </a>
                                <a href="//dniprorudne.misto.online"
                   title="Портал міста Дніпрорудне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="121">
                    <img src="/static/imgs/ua/logos/121.png"
                         alt="Герб Дніпрорудне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дніпрорудне</span>
                </a>
                                <a href="//enerhodar.misto.online"
                   title="Портал міста Енергодар — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="136">
                    <img src="/static/imgs/ua/logos/136.png"
                         alt="Герб Енергодар"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Енергодар</span>
                </a>
                                <a href="//zaporizhia.misto.online"
                   title="Портал міста Запоріжжя — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="147">
                    <img src="/static/imgs/ua/logos/147.png"
                         alt="Герб Запоріжжя"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Запоріжжя</span>
                </a>
                                <a href="//kamiankadniprovska.misto.online"
                   title="Портал міста Камянка-Дніпровська — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="182">
                    <img src="/static/imgs/ua/logos/182.png"
                         alt="Герб Камянка-Дніпровська"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянка-Дніпровська</span>
                </a>
                                <a href="//melitopol.misto.online"
                   title="Портал міста Мелітополь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="251">
                    <img src="/static/imgs/ua/logos/251.png"
                         alt="Герб Мелітополь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мелітополь</span>
                </a>
                                <a href="//molochansk.misto.online"
                   title="Портал міста Молочанськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="263">
                    <img src="/static/imgs/ua/logos/263.png"
                         alt="Герб Молочанськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Молочанськ</span>
                </a>
                                <a href="//orikhiv.misto.online"
                   title="Портал міста Оріхів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="301">
                    <img src="/static/imgs/ua/logos/301.png"
                         alt="Герб Оріхів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Оріхів</span>
                </a>
                                <a href="//polohy.misto.online"
                   title="Портал міста Пологи — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="325">
                    <img src="/static/imgs/ua/logos/325.png"
                         alt="Герб Пологи"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пологи</span>
                </a>
                                <a href="//prymorsk.misto.online"
                   title="Портал міста Приморськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="334">
                    <img src="/static/imgs/ua/logos/334.png"
                         alt="Герб Приморськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Приморськ</span>
                </a>
                                <a href="//tokmak.misto.online"
                   title="Портал міста Токмак — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="409">
                    <img src="/static/imgs/ua/logos/409.png"
                         alt="Герб Токмак"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Токмак</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-zakarpatska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Закарпатська область
                <span class="text-sm font-normal text-gray-400">(11)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//berehove.misto.online"
                   title="Портал міста Берегове — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="28">
                    <img src="/static/imgs/ua/logos/28.png"
                         alt="Герб Берегове"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Берегове</span>
                </a>
                                <a href="//vynohradiv.misto.online"
                   title="Портал міста Виноградів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="76">
                    <img src="/static/imgs/ua/logos/76.png"
                         alt="Герб Виноградів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Виноградів</span>
                </a>
                                <a href="//irshava.misto.online"
                   title="Портал міста Іршава — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="173">
                    <img src="/static/imgs/ua/logos/173.png"
                         alt="Герб Іршава"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іршава</span>
                </a>
                                <a href="//mukachevo.misto.online"
                   title="Портал міста Мукачеве — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="269">
                    <img src="/static/imgs/ua/logos/269.png"
                         alt="Герб Мукачеве"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мукачеве</span>
                </a>
                                <a href="//perechyn.misto.online"
                   title="Портал міста Перечин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="313">
                    <img src="/static/imgs/ua/logos/313.png"
                         alt="Герб Перечин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перечин</span>
                </a>
                                <a href="//rakhiv.misto.online"
                   title="Портал міста Рахів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="342">
                    <img src="/static/imgs/ua/logos/342.png"
                         alt="Герб Рахів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рахів</span>
                </a>
                                <a href="//svaliava.misto.online"
                   title="Портал міста Свалява — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="357">
                    <img src="/static/imgs/ua/logos/357.png"
                         alt="Герб Свалява"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Свалява</span>
                </a>
                                <a href="//tiachiv.misto.online"
                   title="Портал міста Тячів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="415">
                    <img src="/static/imgs/ua/logos/415.png"
                         alt="Герб Тячів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тячів</span>
                </a>
                                <a href="//uzhhorod.misto.online"
                   title="Портал міста Ужгород — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="417">
                    <img src="/static/imgs/ua/logos/417.png"
                         alt="Герб Ужгород"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ужгород</span>
                </a>
                                <a href="//khust.misto.online"
                   title="Портал міста Хуст — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="438">
                    <img src="/static/imgs/ua/logos/438.png"
                         alt="Герб Хуст"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хуст</span>
                </a>
                                <a href="//chop.misto.online"
                   title="Портал міста Чоп — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="450">
                    <img src="/static/imgs/ua/logos/450.png"
                         alt="Герб Чоп"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чоп</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-kiyivska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Київська область
                <span class="text-sm font-normal text-gray-400">(27)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//berezan.misto.online"
                   title="Портал міста Березань — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="30">
                    <img src="/static/imgs/ua/logos/30.png"
                         alt="Герб Березань"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Березань</span>
                </a>
                                <a href="//bilacerkva.misto.online"
                   title="Портал міста Біла Церква — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="37">
                    <img src="/static/imgs/ua/logos/37.png"
                         alt="Герб Біла Церква"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Біла Церква</span>
                </a>
                                <a href="//boguslav.misto.online"
                   title="Портал міста Богуслав — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="47">
                    <img src="/static/imgs/ua/logos/47.png"
                         alt="Герб Богуслав"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Богуслав</span>
                </a>
                                <a href="//boryspil.misto.online"
                   title="Портал міста Бориспіль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="52">
                    <img src="/static/imgs/ua/logos/52.png"
                         alt="Герб Бориспіль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бориспіль</span>
                </a>
                                <a href="//boyarka.misto.online"
                   title="Портал міста Боярка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="54">
                    <img src="/static/imgs/ua/logos/54.png"
                         alt="Герб Боярка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Боярка</span>
                </a>
                                <a href="//brovary.misto.online"
                   title="Портал міста Бровари — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="55">
                    <img src="/static/imgs/ua/logos/55.png"
                         alt="Герб Бровари"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бровари</span>
                </a>
                                <a href="//bucha.misto.online"
                   title="Портал міста Буча — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="62">
                    <img src="/static/imgs/ua/logos/62.png"
                         alt="Герб Буча"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Буча</span>
                </a>
                                <a href="//vasylkiv.misto.online"
                   title="Портал міста Васильків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="66">
                    <img src="/static/imgs/ua/logos/66.png"
                         alt="Герб Васильків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Васильків</span>
                </a>
                                <a href="//vyshhorod.misto.online"
                   title="Портал міста Вишгород — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="77">
                    <img src="/static/imgs/ua/logos/77.png"
                         alt="Герб Вишгород"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вишгород</span>
                </a>
                                <a href="//vyshneve.misto.online"
                   title="Портал міста Вишневе — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="78">
                    <img src="/static/imgs/ua/logos/78.png"
                         alt="Герб Вишневе"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вишневе</span>
                </a>
                                <a href="//irpin.misto.online"
                   title="Портал міста Ірпінь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="172">
                    <img src="/static/imgs/ua/logos/172.png"
                         alt="Герб Ірпінь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ірпінь</span>
                </a>
                                <a href="//kaharlyk.misto.online"
                   title="Портал міста Кагарлик — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="176">
                    <img src="/static/imgs/ua/logos/176.png"
                         alt="Герб Кагарлик"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кагарлик</span>
                </a>
                                <a href="//kyiv.misto.online"
                   title="Портал міста Київ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="188">
                    <img src="/static/imgs/ua/logos/188.png"
                         alt="Герб Київ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Київ</span>
                </a>
                                <a href="//myronivka.misto.online"
                   title="Портал міста Миронівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="258">
                    <img src="/static/imgs/ua/logos/258.png"
                         alt="Герб Миронівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миронівка</span>
                </a>
                                <a href="//obukhiv.misto.online"
                   title="Портал міста Обухів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="294">
                    <img src="/static/imgs/ua/logos/294.png"
                         alt="Герб Обухів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Обухів</span>
                </a>
                                <a href="//pereyaslav.misto.online"
                   title="Портал міста Переяслав-Хмельницький — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="315">
                    <img src="/static/imgs/ua/logos/315.png"
                         alt="Герб Переяслав-Хмельницький"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Переяслав-Хмельницький</span>
                </a>
                                <a href="//pripyat.misto.online"
                   title="Портал міста Припять — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="335">
                    <img src="/static/imgs/ua/logos/335.png"
                         alt="Герб Припять"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Припять</span>
                </a>
                                <a href="//rzhyshchiv.misto.online"
                   title="Портал міста Ржищів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="344">
                    <img src="/static/imgs/ua/logos/344.png"
                         alt="Герб Ржищів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ржищів</span>
                </a>
                                <a href="//skvyra.misto.online"
                   title="Портал міста Сквира — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="373">
                    <img src="/static/imgs/ua/logos/373.png"
                         alt="Герб Сквира"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сквира</span>
                </a>
                                <a href="//slavutych.misto.online"
                   title="Портал міста Славутич — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="376">
                    <img src="/static/imgs/ua/logos/376.png"
                         alt="Герб Славутич"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Славутич</span>
                </a>
                                <a href="//tarashcha.misto.online"
                   title="Портал міста Тараща — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="400">
                    <img src="/static/imgs/ua/logos/400.png"
                         alt="Герб Тараща"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тараща</span>
                </a>
                                <a href="//tetiiv.misto.online"
                   title="Портал міста Тетіїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="406">
                    <img src="/static/imgs/ua/logos/406.png"
                         alt="Герб Тетіїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тетіїв</span>
                </a>
                                <a href="//uzyn.misto.online"
                   title="Портал міста Узин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="418">
                    <img src="/static/imgs/ua/logos/418.png"
                         alt="Герб Узин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Узин</span>
                </a>
                                <a href="//ukrainka.misto.online"
                   title="Портал міста Українка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="419">
                    <img src="/static/imgs/ua/logos/419.png"
                         alt="Герб Українка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Українка</span>
                </a>
                                <a href="//fastiv.misto.online"
                   title="Портал міста Фастів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="425">
                    <img src="/static/imgs/ua/logos/425.png"
                         alt="Герб Фастів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Фастів</span>
                </a>
                                <a href="//chernobyl.misto.online"
                   title="Портал міста Чорнобиль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="451">
                    <img src="/static/imgs/ua/logos/451.png"
                         alt="Герб Чорнобиль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чорнобиль</span>
                </a>
                                <a href="//yahotyn.misto.online"
                   title="Портал міста Яготин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="468">
                    <img src="/static/imgs/ua/logos/468.png"
                         alt="Герб Яготин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Яготин</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-ternopilska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Тернопільська область
                <span class="text-sm font-normal text-gray-400">(18)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//berezhany.misto.online"
                   title="Портал міста Бережани — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="29">
                    <img src="/static/imgs/ua/logos/29.png"
                         alt="Герб Бережани"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бережани</span>
                </a>
                                <a href="//borschiv.misto.online"
                   title="Портал міста Борщів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="53">
                    <img src="/static/imgs/ua/logos/53.png"
                         alt="Герб Борщів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Борщів</span>
                </a>
                                <a href="//buchach.misto.online"
                   title="Портал міста Бучач — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="63">
                    <img src="/static/imgs/ua/logos/63.png"
                         alt="Герб Бучач"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бучач</span>
                </a>
                                <a href="//zalischyky.misto.online"
                   title="Портал міста Заліщики — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="146">
                    <img src="/static/imgs/ua/logos/146.png"
                         alt="Герб Заліщики"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Заліщики</span>
                </a>
                                <a href="//zbarazh.misto.online"
                   title="Портал міста Збараж — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="149">
                    <img src="/static/imgs/ua/logos/149.png"
                         alt="Герб Збараж"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Збараж</span>
                </a>
                                <a href="//zboriv.misto.online"
                   title="Портал міста Зборів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="150">
                    <img src="/static/imgs/ua/logos/150.png"
                         alt="Герб Зборів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зборів</span>
                </a>
                                <a href="//kopychyntsi.misto.online"
                   title="Портал міста Копичинці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="204">
                    <img src="/static/imgs/ua/logos/204.png"
                         alt="Герб Копичинці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Копичинці</span>
                </a>
                                <a href="//kremenets.misto.online"
                   title="Портал міста Кременець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="223">
                    <img src="/static/imgs/ua/logos/223.png"
                         alt="Герб Кременець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кременець</span>
                </a>
                                <a href="//lanivtsi.misto.online"
                   title="Портал міста Ланівці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="232">
                    <img src="/static/imgs/ua/logos/232.png"
                         alt="Герб Ланівці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ланівці</span>
                </a>
                                <a href="//monastyryska.misto.online"
                   title="Портал міста Монастириська — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="264">
                    <img src="/static/imgs/ua/logos/264.png"
                         alt="Герб Монастириська"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Монастириська</span>
                </a>
                                <a href="//pidhaitsi.misto.online"
                   title="Портал міста Підгайці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="321">
                    <img src="/static/imgs/ua/logos/321.png"
                         alt="Герб Підгайці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Підгайці</span>
                </a>
                                <a href="//pochaiv.misto.online"
                   title="Портал міста Почаїв — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="331">
                    <img src="/static/imgs/ua/logos/331.png"
                         alt="Герб Почаїв"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Почаїв</span>
                </a>
                                <a href="//skalat.misto.online"
                   title="Портал міста Скалат — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="372">
                    <img src="/static/imgs/ua/logos/372.png"
                         alt="Герб Скалат"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Скалат</span>
                </a>
                                <a href="//terebovl.misto.online"
                   title="Портал міста Теребовля — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="403">
                    <img src="/static/imgs/ua/logos/403.png"
                         alt="Герб Теребовля"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Теребовля</span>
                </a>
                                <a href="//ternopil.misto.online"
                   title="Портал міста Тернопіль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="405">
                    <img src="/static/imgs/ua/logos/405.png"
                         alt="Герб Тернопіль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тернопіль</span>
                </a>
                                <a href="//khorostkiv.misto.online"
                   title="Портал міста Хоростків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="435">
                    <img src="/static/imgs/ua/logos/435.png"
                         alt="Герб Хоростків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хоростків</span>
                </a>
                                <a href="//chortkiv.misto.online"
                   title="Портал міста Чортків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="452">
                    <img src="/static/imgs/ua/logos/452.png"
                         alt="Герб Чортків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чортків</span>
                </a>
                                <a href="//shumsk.misto.online"
                   title="Портал міста Шумськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="460">
                    <img src="/static/imgs/ua/logos/460.png"
                         alt="Герб Шумськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шумськ</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-rivnenska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Рівненська область
                <span class="text-sm font-normal text-gray-400">(13)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//berezne.misto.online"
                   title="Портал міста Березне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="32">
                    <img src="/static/imgs/ua/logos/32.png"
                         alt="Герб Березне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Березне</span>
                </a>
                                <a href="//volodymyrets.misto.online"
                   title="Портал міста Володимирець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="86">
                    <img src="/static/imgs/ua/logos/86.png"
                         alt="Герб Володимирець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Володимирець</span>
                </a>
                                <a href="//dubno.misto.online"
                   title="Портал міста Дубно — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="133">
                    <img src="/static/imgs/ua/logos/133.png"
                         alt="Герб Дубно"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дубно</span>
                </a>
                                <a href="//dubrovytsia.misto.online"
                   title="Портал міста Дубровиця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="134">
                    <img src="/static/imgs/ua/logos/134.png"
                         alt="Герб Дубровиця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дубровиця</span>
                </a>
                                <a href="//zdolbuniv.misto.online"
                   title="Портал міста Здолбунів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="152">
                    <img src="/static/imgs/ua/logos/152.png"
                         alt="Герб Здолбунів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Здолбунів</span>
                </a>
                                <a href="//illintsi.misto.online"
                   title="Портал міста Іллінці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="167">
                    <img src="/static/imgs/ua/logos/167.png"
                         alt="Герб Іллінці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іллінці</span>
                </a>
                                <a href="//korets.misto.online"
                   title="Портал міста Корець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="205">
                    <img src="/static/imgs/ua/logos/205.png"
                         alt="Герб Корець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Корець</span>
                </a>
                                <a href="//kostopil.misto.online"
                   title="Портал міста Костопіль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="211">
                    <img src="/static/imgs/ua/logos/211.png"
                         alt="Герб Костопіль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Костопіль</span>
                </a>
                                <a href="//kuznetsovsk.misto.online"
                   title="Портал міста Кузнецовськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="227">
                    <img src="/static/imgs/ua/logos/227.png"
                         alt="Герб Кузнецовськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кузнецовськ</span>
                </a>
                                <a href="//ostroh.misto.online"
                   title="Портал міста Острог — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="303">
                    <img src="/static/imgs/ua/logos/303.png"
                         alt="Герб Острог"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Острог</span>
                </a>
                                <a href="//radyvyliv.misto.online"
                   title="Портал міста Радивилів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="340">
                    <img src="/static/imgs/ua/logos/340.png"
                         alt="Герб Радивилів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Радивилів</span>
                </a>
                                <a href="//rivne.misto.online"
                   title="Портал міста Рівне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="345">
                    <img src="/static/imgs/ua/logos/345.png"
                         alt="Герб Рівне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рівне</span>
                </a>
                                <a href="//sarny.misto.online"
                   title="Портал міста Сарни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="356">
                    <img src="/static/imgs/ua/logos/356.png"
                         alt="Герб Сарни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сарни</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-volinska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Волинська область
                <span class="text-sm font-normal text-gray-400">(11)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//berestechko.misto.online"
                   title="Портал міста Берестечко — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="33">
                    <img src="/static/imgs/ua/logos/33.png"
                         alt="Герб Берестечко"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Берестечко</span>
                </a>
                                <a href="//volodymyr-volynskyi.misto.online"
                   title="Портал міста Володимир-Волинський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="85">
                    <img src="/static/imgs/ua/logos/85.png"
                         alt="Герб Володимир-Волинський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Володимир-Волинський</span>
                </a>
                                <a href="//horokhiv.misto.online"
                   title="Портал міста Горохів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="110">
                    <img src="/static/imgs/ua/logos/110.png"
                         alt="Герб Горохів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Горохів</span>
                </a>
                                <a href="//kaminkashyrskyi.misto.online"
                   title="Портал міста Камінь-Каширський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="183">
                    <img src="/static/imgs/ua/logos/183.png"
                         alt="Герб Камінь-Каширський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камінь-Каширський</span>
                </a>
                                <a href="//kivertsi.misto.online"
                   title="Портал міста Ківерці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="189">
                    <img src="/static/imgs/ua/logos/189.png"
                         alt="Герб Ківерці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ківерці</span>
                </a>
                                <a href="//kovel.misto.online"
                   title="Портал міста Ковель — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="196">
                    <img src="/static/imgs/ua/logos/196.png"
                         alt="Герб Ковель"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ковель</span>
                </a>
                                <a href="//lutsk.misto.online"
                   title="Портал міста Луцьк — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="241">
                    <img src="/static/imgs/ua/logos/241.png"
                         alt="Герб Луцьк"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Луцьк</span>
                </a>
                                <a href="//liuboml.misto.online"
                   title="Портал міста Любомль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="242">
                    <img src="/static/imgs/ua/logos/242.png"
                         alt="Герб Любомль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Любомль</span>
                </a>
                                <a href="//novovolynsk.misto.online"
                   title="Портал міста Нововолинськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="282">
                    <img src="/static/imgs/ua/logos/282.png"
                         alt="Герб Нововолинськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нововолинськ</span>
                </a>
                                <a href="//rozhysche.misto.online"
                   title="Портал міста Рожище — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="349">
                    <img src="/static/imgs/ua/logos/349.png"
                         alt="Герб Рожище"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рожище</span>
                </a>
                                <a href="//ustyluh.misto.online"
                   title="Портал міста Устилуг — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="424">
                    <img src="/static/imgs/ua/logos/424.png"
                         alt="Герб Устилуг"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Устилуг</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-xersonska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Херсонська область
                <span class="text-sm font-normal text-gray-400">(9)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//beryslav.misto.online"
                   title="Портал міста Берислав — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="34">
                    <img src="/static/imgs/ua/logos/34.png"
                         alt="Герб Берислав"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Берислав</span>
                </a>
                                <a href="//henichesk.misto.online"
                   title="Портал міста Генічеськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="95">
                    <img src="/static/imgs/ua/logos/95.png"
                         alt="Герб Генічеськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Генічеськ</span>
                </a>
                                <a href="//holaprystan.misto.online"
                   title="Портал міста Гола Пристань — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="103">
                    <img src="/static/imgs/ua/logos/103.png"
                         alt="Герб Гола Пристань"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гола Пристань</span>
                </a>
                                <a href="//kakhovka.misto.online"
                   title="Портал міста Каховка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="186">
                    <img src="/static/imgs/ua/logos/186.png"
                         alt="Герб Каховка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Каховка</span>
                </a>
                                <a href="//novakaxovka.misto.online"
                   title="Портал міста Нова Каховка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="275">
                    <img src="/static/imgs/ua/logos/275.png"
                         alt="Герб Нова Каховка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нова Каховка</span>
                </a>
                                <a href="//skadovsk.misto.online"
                   title="Портал міста Скадовськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="371">
                    <img src="/static/imgs/ua/logos/371.png"
                         alt="Герб Скадовськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Скадовськ</span>
                </a>
                                <a href="//tavriisk.misto.online"
                   title="Портал міста Таврійськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="398">
                    <img src="/static/imgs/ua/logos/398.png"
                         alt="Герб Таврійськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Таврійськ</span>
                </a>
                                <a href="//kherson.misto.online"
                   title="Портал міста Херсон — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="429">
                    <img src="/static/imgs/ua/logos/429.png"
                         alt="Герб Херсон"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Херсон</span>
                </a>
                                <a href="//tsiurupynsk.misto.online"
                   title="Портал міста Цюрупинськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="439">
                    <img src="/static/imgs/ua/logos/439.png"
                         alt="Герб Цюрупинськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Цюрупинськ</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-sumska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Сумська область
                <span class="text-sm font-normal text-gray-400">(14)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//bilopillia.misto.online"
                   title="Портал міста Білопілля — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="42">
                    <img src="/static/imgs/ua/logos/42.png"
                         alt="Герб Білопілля"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білопілля</span>
                </a>
                                <a href="//buryn.misto.online"
                   title="Портал міста Буринь — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="59">
                    <img src="/static/imgs/ua/logos/59.png"
                         alt="Герб Буринь"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Буринь</span>
                </a>
                                <a href="//vorozhba.misto.online"
                   title="Портал міста Ворожба — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="88">
                    <img src="/static/imgs/ua/logos/88.png"
                         alt="Герб Ворожба"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ворожба</span>
                </a>
                                <a href="//hlukhiv.misto.online"
                   title="Портал міста Глухів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="101">
                    <img src="/static/imgs/ua/logos/101.png"
                         alt="Герб Глухів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Глухів</span>
                </a>
                                <a href="//druzhba.misto.online"
                   title="Портал міста Дружба — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="130">
                    <img src="/static/imgs/ua/logos/130.png"
                         alt="Герб Дружба"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дружба</span>
                </a>
                                <a href="//konotop.misto.online"
                   title="Портал міста Конотоп — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="203">
                    <img src="/static/imgs/ua/logos/203.png"
                         alt="Герб Конотоп"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Конотоп</span>
                </a>
                                <a href="//lebedyn.misto.online"
                   title="Портал міста Лебедин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="233">
                    <img src="/static/imgs/ua/logos/233.png"
                         alt="Герб Лебедин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лебедин</span>
                </a>
                                <a href="//okhtyrka.misto.online"
                   title="Портал міста Охтирка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="304">
                    <img src="/static/imgs/ua/logos/304.png"
                         alt="Герб Охтирка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Охтирка</span>
                </a>
                                <a href="//putyvl.misto.online"
                   title="Портал міста Путивль — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="337">
                    <img src="/static/imgs/ua/logos/337.png"
                         alt="Герб Путивль"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Путивль</span>
                </a>
                                <a href="//romny.misto.online"
                   title="Портал міста Ромни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="351">
                    <img src="/static/imgs/ua/logos/351.png"
                         alt="Герб Ромни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ромни</span>
                </a>
                                <a href="//seredynabuda.misto.online"
                   title="Портал міста Середина-Буда — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="366">
                    <img src="/static/imgs/ua/logos/366.png"
                         alt="Герб Середина-Буда"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Середина-Буда</span>
                </a>
                                <a href="//sumy.misto.online"
                   title="Портал міста Суми — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="396">
                    <img src="/static/imgs/ua/logos/396.png"
                         alt="Герб Суми"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Суми</span>
                </a>
                                <a href="//trostianets.misto.online"
                   title="Портал міста Тростянець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="411">
                    <img src="/static/imgs/ua/logos/411.png"
                         alt="Герб Тростянець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тростянець</span>
                </a>
                                <a href="//shostka.misto.online"
                   title="Портал міста Шостка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="458">
                    <img src="/static/imgs/ua/logos/458.png"
                         alt="Герб Шостка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шостка</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-kirovogradska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Кіровоградська область
                <span class="text-sm font-normal text-gray-400">(13)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//bobrynets.misto.online"
                   title="Портал міста Бобринець — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="44">
                    <img src="/static/imgs/ua/logos/44.png"
                         alt="Герб Бобринець"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бобринець</span>
                </a>
                                <a href="//haivoron.misto.online"
                   title="Портал міста Гайворон — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="92">
                    <img src="/static/imgs/ua/logos/92.png"
                         alt="Герб Гайворон"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гайворон</span>
                </a>
                                <a href="//dolynska.misto.online"
                   title="Портал міста Долинська — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="127">
                    <img src="/static/imgs/ua/logos/127.png"
                         alt="Герб Долинська"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Долинська</span>
                </a>
                                <a href="//znamianka.misto.online"
                   title="Портал міста Знамянка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="157">
                    <img src="/static/imgs/ua/logos/157.png"
                         alt="Герб Знамянка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Знамянка</span>
                </a>
                                <a href="//kirovograd.misto.online"
                   title="Портал міста Кіровоград — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="191">
                    <img src="/static/imgs/ua/logos/191.png"
                         alt="Герб Кіровоград"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіровоград</span>
                </a>
                                <a href="//malavyska.misto.online"
                   title="Портал міста Мала Виска — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="246">
                    <img src="/static/imgs/ua/logos/246.png"
                         alt="Герб Мала Виска"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мала Виска</span>
                </a>
                                <a href="//novogeorgievsk.misto.online"
                   title="Портал міста Новогеоргіївськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="283">
                    <img src="/static/imgs/ua/logos/283.png"
                         alt="Герб Новогеоргіївськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новогеоргіївськ</span>
                </a>
                                <a href="//novomyrhorod.misto.online"
                   title="Портал міста Новомиргород — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="288">
                    <img src="/static/imgs/ua/logos/288.png"
                         alt="Герб Новомиргород"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новомиргород</span>
                </a>
                                <a href="//novoukrainka.misto.online"
                   title="Портал міста Новоукраїнка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="291">
                    <img src="/static/imgs/ua/logos/291.png"
                         alt="Герб Новоукраїнка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоукраїнка</span>
                </a>
                                <a href="//oleksandriia.misto.online"
                   title="Портал міста Олександрія — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="299">
                    <img src="/static/imgs/ua/logos/299.png"
                         alt="Герб Олександрія"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Олександрія</span>
                </a>
                                <a href="//pomichna.misto.online"
                   title="Портал міста Помічна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="329">
                    <img src="/static/imgs/ua/logos/329.png"
                         alt="Герб Помічна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Помічна</span>
                </a>
                                <a href="//svitlovodsk.misto.online"
                   title="Портал міста Світловодськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="360">
                    <img src="/static/imgs/ua/logos/360.png"
                         alt="Герб Світловодськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Світловодськ</span>
                </a>
                                <a href="//ulianovka.misto.online"
                   title="Портал міста Ульяновка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="422">
                    <img src="/static/imgs/ua/logos/422.png"
                         alt="Герб Ульяновка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ульяновка</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-ivano-frankivska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Івано-Франківська область
                <span class="text-sm font-normal text-gray-400">(15)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//bolekhiv.misto.online"
                   title="Портал міста Болехів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="49">
                    <img src="/static/imgs/ua/logos/49.png"
                         alt="Герб Болехів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Болехів</span>
                </a>
                                <a href="//burshtyn.misto.online"
                   title="Портал міста Бурштин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="60">
                    <img src="/static/imgs/ua/logos/60.png"
                         alt="Герб Бурштин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бурштин</span>
                </a>
                                <a href="//halych.misto.online"
                   title="Портал міста Галич — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="94">
                    <img src="/static/imgs/ua/logos/94.png"
                         alt="Герб Галич"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Галич</span>
                </a>
                                <a href="//horodenka.misto.online"
                   title="Портал міста Городенка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="105">
                    <img src="/static/imgs/ua/logos/105.png"
                         alt="Герб Городенка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городенка</span>
                </a>
                                <a href="//dolyna.misto.online"
                   title="Портал міста Долина — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="126">
                    <img src="/static/imgs/ua/logos/126.png"
                         alt="Герб Долина"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Долина</span>
                </a>
                                <a href="//ivanofrankivsk.misto.online"
                   title="Портал міста Івано-Франківськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="163">
                    <img src="/static/imgs/ua/logos/163.png"
                         alt="Герб Івано-Франківськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Івано-Франківськ</span>
                </a>
                                <a href="//kalush.misto.online"
                   title="Портал міста Калуш — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="178">
                    <img src="/static/imgs/ua/logos/178.png"
                         alt="Герб Калуш"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Калуш</span>
                </a>
                                <a href="//kolomyia.misto.online"
                   title="Портал міста Коломия — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="199">
                    <img src="/static/imgs/ua/logos/199.png"
                         alt="Герб Коломия"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Коломия</span>
                </a>
                                <a href="//kosiv.misto.online"
                   title="Портал міста Косів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="210">
                    <img src="/static/imgs/ua/logos/210.png"
                         alt="Герб Косів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Косів</span>
                </a>
                                <a href="//nadvirna.misto.online"
                   title="Портал міста Надвірна — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="270">
                    <img src="/static/imgs/ua/logos/270.png"
                         alt="Герб Надвірна"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Надвірна</span>
                </a>
                                <a href="//rohatyn.misto.online"
                   title="Портал міста Рогатин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="347">
                    <img src="/static/imgs/ua/logos/347.png"
                         alt="Герб Рогатин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рогатин</span>
                </a>
                                <a href="//sniatyn.misto.online"
                   title="Портал міста Снятин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="381">
                    <img src="/static/imgs/ua/logos/381.png"
                         alt="Герб Снятин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Снятин</span>
                </a>
                                <a href="//tysmenytsia.misto.online"
                   title="Портал міста Тисмениця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="407">
                    <img src="/static/imgs/ua/logos/407.png"
                         alt="Герб Тисмениця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тисмениця</span>
                </a>
                                <a href="//tlumach.misto.online"
                   title="Портал міста Тлумач — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="408">
                    <img src="/static/imgs/ua/logos/408.png"
                         alt="Герб Тлумач"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тлумач</span>
                </a>
                                <a href="//yaremche.misto.online"
                   title="Портал міста Яремче — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="471">
                    <img src="/static/imgs/ua/logos/471.png"
                         alt="Герб Яремче"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Яремче</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-cerkaska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Черкаська область
                <span class="text-sm font-normal text-gray-400">(16)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//vatutine.misto.online"
                   title="Портал міста Ватутіне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="67">
                    <img src="/static/imgs/ua/logos/67.png"
                         alt="Герб Ватутіне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ватутіне</span>
                </a>
                                <a href="//horodysche.misto.online"
                   title="Портал міста Городище — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="106">
                    <img src="/static/imgs/ua/logos/106.png"
                         alt="Герб Городище"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городище</span>
                </a>
                                <a href="//zhashkiv.misto.online"
                   title="Портал міста Жашків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="139">
                    <img src="/static/imgs/ua/logos/139.png"
                         alt="Герб Жашків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жашків</span>
                </a>
                                <a href="//zvenyhorodka.misto.online"
                   title="Портал міста Звенигородка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="151">
                    <img src="/static/imgs/ua/logos/151.png"
                         alt="Герб Звенигородка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Звенигородка</span>
                </a>
                                <a href="//zolotonosha.misto.online"
                   title="Портал міста Золотоноша — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="159">
                    <img src="/static/imgs/ua/logos/159.png"
                         alt="Герб Золотоноша"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Золотоноша</span>
                </a>
                                <a href="//kamianka.misto.online"
                   title="Портал міста Камянка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="180">
                    <img src="/static/imgs/ua/logos/180.png"
                         alt="Герб Камянка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянка</span>
                </a>
                                <a href="//kaniv.misto.online"
                   title="Портал міста Канів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="184">
                    <img src="/static/imgs/ua/logos/184.png"
                         alt="Герб Канів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Канів</span>
                </a>
                                <a href="//korsunshevchenkivskyi.misto.online"
                   title="Портал міста Корсунь-Шевченківський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="208">
                    <img src="/static/imgs/ua/logos/208.png"
                         alt="Герб Корсунь-Шевченківський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Корсунь-Шевченківський</span>
                </a>
                                <a href="//monastyrysche.misto.online"
                   title="Портал міста Монастирище — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="265">
                    <img src="/static/imgs/ua/logos/265.png"
                         alt="Герб Монастирище"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Монастирище</span>
                </a>
                                <a href="//smila.misto.online"
                   title="Портал міста Сміла — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="378">
                    <img src="/static/imgs/ua/logos/378.png"
                         alt="Герб Сміла"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сміла</span>
                </a>
                                <a href="//talne.misto.online"
                   title="Портал міста Тальне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="399">
                    <img src="/static/imgs/ua/logos/399.png"
                         alt="Герб Тальне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тальне</span>
                </a>
                                <a href="//uman.misto.online"
                   title="Портал міста Умань — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="423">
                    <img src="/static/imgs/ua/logos/423.png"
                         alt="Герб Умань"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Умань</span>
                </a>
                                <a href="//khrystynivka.misto.online"
                   title="Портал міста Христинівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="437">
                    <img src="/static/imgs/ua/logos/437.png"
                         alt="Герб Христинівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Христинівка</span>
                </a>
                                <a href="//сherkasy.misto.online"
                   title="Портал міста Черкаси — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="444">
                    <img src="/static/imgs/ua/logos/444.png"
                         alt="Герб Черкаси"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Черкаси</span>
                </a>
                                <a href="//chyhyryn.misto.online"
                   title="Портал міста Чигирин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="448">
                    <img src="/static/imgs/ua/logos/448.png"
                         alt="Герб Чигирин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чигирин</span>
                </a>
                                <a href="//shpola.misto.online"
                   title="Портал міста Шпола — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="459">
                    <img src="/static/imgs/ua/logos/459.png"
                         alt="Герб Шпола"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шпола</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-xmelnicka">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Хмельницька область
                <span class="text-sm font-normal text-gray-400">(13)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//volochysk.misto.online"
                   title="Портал міста Волочиськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="87">
                    <img src="/static/imgs/ua/logos/87.png"
                         alt="Герб Волочиськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Волочиськ</span>
                </a>
                                <a href="//horodok.misto.online"
                   title="Портал міста Городок — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="109">
                    <img src="/static/imgs/ua/logos/109.png"
                         alt="Герб Городок"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городок</span>
                </a>
                                <a href="//derazhnia.misto.online"
                   title="Портал міста Деражня — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="114">
                    <img src="/static/imgs/ua/logos/114.png"
                         alt="Герб Деражня"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Деражня</span>
                </a>
                                <a href="//dunaivtsi.misto.online"
                   title="Портал міста Дунаївці — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="135">
                    <img src="/static/imgs/ua/logos/135.png"
                         alt="Герб Дунаївці"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дунаївці</span>
                </a>
                                <a href="//iziaslav.misto.online"
                   title="Портал міста Ізяслав — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="166">
                    <img src="/static/imgs/ua/logos/166.png"
                         alt="Герб Ізяслав"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ізяслав</span>
                </a>
                                <a href="//kamianetspodilskyi.misto.online"
                   title="Портал міста Камянець-Подільський — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="179">
                    <img src="/static/imgs/ua/logos/179.png"
                         alt="Герб Камянець-Подільський"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянець-Подільський</span>
                </a>
                                <a href="//krasyliv.misto.online"
                   title="Портал міста Красилів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="215">
                    <img src="/static/imgs/ua/logos/215.png"
                         alt="Герб Красилів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красилів</span>
                </a>
                                <a href="//netishyn.misto.online"
                   title="Портал міста Нетішин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="272">
                    <img src="/static/imgs/ua/logos/272.png"
                         alt="Герб Нетішин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нетішин</span>
                </a>
                                <a href="//polonne.misto.online"
                   title="Портал міста Полонне — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="326">
                    <img src="/static/imgs/ua/logos/326.png"
                         alt="Герб Полонне"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Полонне</span>
                </a>
                                <a href="//slavuta.misto.online"
                   title="Портал міста Славута — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="375">
                    <img src="/static/imgs/ua/logos/375.png"
                         alt="Герб Славута"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Славута</span>
                </a>
                                <a href="//starokostiantyniv.misto.online"
                   title="Портал міста Старокостянтинів — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="389">
                    <img src="/static/imgs/ua/logos/389.png"
                         alt="Герб Старокостянтинів"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старокостянтинів</span>
                </a>
                                <a href="//khmelnytskyi.misto.online"
                   title="Портал міста Хмельницький — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="431">
                    <img src="/static/imgs/ua/logos/431.png"
                         alt="Герб Хмельницький"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хмельницький</span>
                </a>
                                <a href="//shepetivka.misto.online"
                   title="Портал міста Шепетівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="457">
                    <img src="/static/imgs/ua/logos/457.png"
                         alt="Герб Шепетівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шепетівка</span>
                </a>
                            </div>
        </div>
                            <div class="oblast-section mb-8" id="obl-poltavska">
            <h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
                <span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                Полтавська область
                <span class="text-sm font-normal text-gray-400">(16)</span>
            </h2>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
                                <a href="//hadiach.misto.online"
                   title="Портал міста Гадяч — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="91">
                    <img src="/static/imgs/ua/logos/91.png"
                         alt="Герб Гадяч"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гадяч</span>
                </a>
                                <a href="//hlobyne.misto.online"
                   title="Портал міста Глобине — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="100">
                    <img src="/static/imgs/ua/logos/100.png"
                         alt="Герб Глобине"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Глобине</span>
                </a>
                                <a href="//hrebinka.misto.online"
                   title="Портал міста Гребінка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="111">
                    <img src="/static/imgs/ua/logos/111.png"
                         alt="Герб Гребінка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гребінка</span>
                </a>
                                <a href="//zinkiv.misto.online"
                   title="Портал міста Зіньків — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="155">
                    <img src="/static/imgs/ua/logos/155.png"
                         alt="Герб Зіньків"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зіньків</span>
                </a>
                                <a href="//karlivka.misto.online"
                   title="Портал міста Карлівка — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="185">
                    <img src="/static/imgs/ua/logos/185.png"
                         alt="Герб Карлівка"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Карлівка</span>
                </a>
                                <a href="//kobeliaky.misto.online"
                   title="Портал міста Кобеляки — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="195">
                    <img src="/static/imgs/ua/logos/195.png"
                         alt="Герб Кобеляки"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кобеляки</span>
                </a>
                                <a href="//komsomolsk.misto.online"
                   title="Портал міста Комсомольськ — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="201">
                    <img src="/static/imgs/ua/logos/201.png"
                         alt="Герб Комсомольськ"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Комсомольськ</span>
                </a>
                                <a href="//kremenchug.misto.online"
                   title="Портал міста Кременчук — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="224">
                    <img src="/static/imgs/ua/logos/224.png"
                         alt="Герб Кременчук"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кременчук</span>
                </a>
                                <a href="//lokhvytsia.misto.online"
                   title="Портал міста Лохвиця — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="237">
                    <img src="/static/imgs/ua/logos/237.png"
                         alt="Герб Лохвиця"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лохвиця</span>
                </a>
                                <a href="//lubny.misto.online"
                   title="Портал міста Лубни — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="238">
                    <img src="/static/imgs/ua/logos/238.png"
                         alt="Герб Лубни"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лубни</span>
                </a>
                                <a href="//myrhorod.misto.online"
                   title="Портал міста Миргород — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="257">
                    <img src="/static/imgs/ua/logos/257.png"
                         alt="Герб Миргород"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миргород</span>
                </a>
                                <a href="//pyriatyn.misto.online"
                   title="Портал міста Пирятин — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="319">
                    <img src="/static/imgs/ua/logos/319.png"
                         alt="Герб Пирятин"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пирятин</span>
                </a>
                                <a href="//poltava.misto.online"
                   title="Портал міста Полтава — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="328">
                    <img src="/static/imgs/ua/logos/328.png"
                         alt="Герб Полтава"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Полтава</span>
                </a>
                                <a href="//khorol.misto.online"
                   title="Портал міста Хорол — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="434">
                    <img src="/static/imgs/ua/logos/434.png"
                         alt="Герб Хорол"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хорол</span>
                </a>
                                <a href="//chervonozavodske.misto.online"
                   title="Портал міста Червонозаводське — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="442">
                    <img src="/static/imgs/ua/logos/442.png"
                         alt="Герб Червонозаводське"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Червонозаводське</span>
                </a>
                                <a href="//horishniplavni.misto.online"
                   title="Портал міста Горишні плавні — новини, погода, карта"
                   class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
                   data-city-id="1357">
                    <img src="/static/imgs/ua/logos/1357.png"
                         alt="Герб Горишні плавні"
                         class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         loading="lazy"
                         onerror="this.style.display='none'">
                    <span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Горишні плавні</span>
                </a>
                            </div>
        </div>
            </section>

<!-- About Us -->
<section id="about" class="bg-white border-t border-gray-100" aria-label="Про нас">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div class="grid md:grid-cols-2 gap-12 items-center">
            <div>
                <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-2">
                    <span class="w-1.5 h-8 bg-ukraine-yellow rounded-full inline-block" aria-hidden="true"></span>
                    Про нас
                </h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    <strong class="text-gray-800">misto.online</strong> — це онлайн платформа порталів міст України.
                    Ми об'єднуємо місцеві спільноти, надаючи доступ до новин, подій, сервісів та корисної інформації
                    для кожного міста.
                </p>
                <p class="text-gray-600 leading-relaxed mb-4">
                    Наша мета — створити єдиний простір, де кожен мешканець може знайти актуальну інформацію
                    про своє місто: від місцевих новин та погоди до довідника організацій та карти міста.
                </p>
                <div class="grid grid-cols-3 gap-4 mt-8">
                    <div class="text-center">
                        <div class="text-2xl font-bold text-ukraine-blue">462</div>
                        <div class="text-xs text-gray-500 mt-1">Міст</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-ukraine-blue">25</div>
                        <div class="text-xs text-gray-500 mt-1">Областей</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-ukraine-blue">24/7</div>
                        <div class="text-xs text-gray-500 mt-1">Онлайн</div>
                    </div>
                </div>
            </div>
            <div class="flex justify-center">
                <div class="bg-gradient-to-br from-blue-50 to-yellow-50 rounded-2xl p-8 w-full max-w-sm">
                    <h3 class="font-bold text-gray-800 mb-4">Наші сервіси</h3>
                    <ul class="space-y-4">
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
                                <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"/></svg>
                            </div>
                            <div>
                                <h4 class="font-semibold text-gray-800 text-sm">Місцеві новини</h4>
                                <p class="text-xs text-gray-500">Актуальні події вашого міста</p>
                            </div>
                        </li>
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
                                <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
                            </div>
                            <div>
                                <h4 class="font-semibold text-gray-800 text-sm">Погода</h4>
                                <p class="text-xs text-gray-500">Прогноз для вашого міста</p>
                            </div>
                        </li>
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
                                <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                            </div>
                            <div>
                                <h4 class="font-semibold text-gray-800 text-sm">Карта та місця</h4>
                                <p class="text-xs text-gray-500">Довідник організацій та закладів</p>
                            </div>
                        </li>
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
                                <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>
                            </div>
                            <div>
                                <h4 class="font-semibold text-gray-800 text-sm">Відео</h4>
                                <p class="text-xs text-gray-500">Відеоматеріали з вашого регіону</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Contacts -->
<section id="contacts" class="bg-gray-50 border-t border-gray-100" aria-label="Контакти" itemscope itemtype="https://schema.org/Organization">
    <meta itemprop="name" content="misto.online">
    <meta itemprop="url" content="https://misto.online/">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div class="max-w-2xl mx-auto">
            <div class="text-center mb-8">
                <h2 class="text-2xl font-bold text-gray-900 flex items-center justify-center gap-2">
                    <span class="w-1.5 h-8 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
                    Контакти
                </h2>
                <p class="text-gray-500 mt-2 text-sm">Маєте питання або пропозиції? Зв'яжіться з нами!</p>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-center">
                <a href="/cdn-cgi/l/email-protection#462f282029062b2f3532296829282a2f2823" class="bg-white rounded-xl border border-gray-200 p-5 hover:border-ukraine-blue hover:shadow-md transition-all group block">
                    <svg class="w-7 h-7 text-ukraine-blue mx-auto mb-2 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                    </svg>
                    <div class="text-sm font-semibold text-gray-800">Email</div>
                    <div class="text-sm text-ukraine-blue mt-1" itemprop="email"><span class="__cf_email__" data-cfemail="cea7a0a8a18ea3a7bdbaa1e0a1a0a2a7a0ab">[email&#160;protected]</span></div>
                </a>
                <div class="bg-white rounded-xl border border-gray-200 p-5">
                    <svg class="w-7 h-7 text-ukraine-blue mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
                    </svg>
                    <div class="text-sm font-semibold text-gray-800">Локація</div>
                    <div class="text-sm text-gray-500 mt-1" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
                        <span itemprop="addressCountry">Україна</span>
                    </div>
                </div>
                <div class="bg-white rounded-xl border border-gray-200 p-5">
                    <svg class="w-7 h-7 text-ukraine-blue mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                    </svg>
                    <div class="text-sm font-semibold text-gray-800">Графік</div>
                    <div class="text-sm text-gray-500 mt-1">Пн–Пт, 9:00–18:00</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Footer -->
<footer class="bg-gray-900 text-gray-400" role="contentinfo">
    <div class="max-w-7xl mx-auto py-8 px-4 sm:px-6 lg:px-8">
        <div class="flex flex-col sm:flex-row justify-between items-center gap-4">
            <div class="text-sm">
                &copy; 2026 <span class="text-white font-semibold">misto.online</span> — портали міст України
            </div>
            <nav class="flex gap-6 text-sm" aria-label="Навігація в підвалі">
                <a href="https://news.misto.online" class="hover:text-white transition">Новини</a>
                <a href="#about" class="hover:text-white transition">Про нас</a>
                <a href="#contacts" class="hover:text-white transition">Контакти</a>
            </nav>
        </div>
    </div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    const cities = [{"id":1,"name":"Авдіївка","slug":"avdiivka","oblast":"Донецька","lat":48.14528,"lng":37.745},{"id":6,"name":"Амвросіївка","slug":"amvrosiivka","oblast":"Донецька","lat":47.79667,"lng":38.4925},{"id":12,"name":"Артемівськ","slug":"artemivsk","oblast":"Донецька","lat":48.60444,"lng":38.00667},{"id":14,"name":"Артемове","slug":"artemove","oblast":"Донецька","lat":48.375,"lng":37.87333},{"id":39,"name":"Білицьке","slug":"bilytske","oblast":"Донецька","lat":48.40639,"lng":37.185},{"id":41,"name":"Білозерське","slug":"bilozerske","oblast":"Донецька","lat":48.53667,"lng":37.05861},{"id":84,"name":"Волноваха","slug":"volnovakha","oblast":"Донецька","lat":47.59778,"lng":37.48361},{"id":89,"name":"Вуглегірськ","slug":"vuhlehirsk","oblast":"Донецька","lat":48.31222,"lng":38.27694},{"id":90,"name":"Вугледар","slug":"vuhledar","oblast":"Донецька","lat":47.77917,"lng":37.24833},{"id":97,"name":"Гірник","slug":"hirnyk","oblast":"Донецька","lat":48.05528,"lng":37.37083},{"id":104,"name":"Горлівка","slug":"horlivka","oblast":"Донецька","lat":48.33361,"lng":38.0925},{"id":113,"name":"Дебальцеве","slug":"debaltseve","oblast":"Донецька","lat":48.34111,"lng":38.42778},{"id":117,"name":"Дзержинськ","slug":"dzerzhynsk","oblast":"Донецька","lat":48.39167,"lng":37.87333},{"id":118,"name":"Димитров","slug":"dymytrov","oblast":"Донецька","lat":48.29111,"lng":37.26806},{"id":123,"name":"Добропілля","slug":"dobropillia","oblast":"Донецька","lat":48.46889,"lng":37.08278},{"id":124,"name":"Докучаєвськ","slug":"dokuchaevsk","oblast":"Донецька","lat":47.75194,"lng":37.67833},{"id":128,"name":"Донецьк","slug":"donetsk","oblast":"Донецька","lat":48.00889,"lng":37.80417},{"id":131,"name":"Дружківка","slug":"druzhkivka","oblast":"Донецька","lat":48.62028,"lng":37.52778},{"id":138,"name":"Єнакієве","slug":"yenakiieve","oblast":"Донецька","lat":48.23111,"lng":38.20528},{"id":140,"name":"Жданівка","slug":"zhdanivka","oblast":"Донецька","lat":48.1375,"lng":38.26083},{"id":162,"name":"Зугрес","slug":"zuhres","oblast":"Донецька","lat":48.01806,"lng":38.26472},{"id":169,"name":"Іловайськ","slug":"ilovaisk","oblast":"Донецька","lat":47.9275,"lng":38.20333},{"id":193,"name":"Кіровське","slug":"kirovske","oblast":"Донецька","lat":48.14639,"lng":38.36056},{"id":202,"name":"Комсомольське","slug":"komsomolske","oblast":"Донецька","lat":47.66528,"lng":38.07361},{"id":212,"name":"Костянтинівка","slug":"kostiantynivka","oblast":"Донецька","lat":48.52667,"lng":37.70417},{"id":214,"name":"Краматорськ","slug":"kramatorsk","oblast":"Донецька","lat":48.72083,"lng":37.55556},{"id":216,"name":"Красний Лиман","slug":"krasnyiliman","oblast":"Донецька","lat":48.98528,"lng":37.81111},{"id":218,"name":"Красноармійськ","slug":"krasnoarmiisk","oblast":"Донецька","lat":48.28083,"lng":37.17944},{"id":219,"name":"Красногорівка","slug":"krasnohorivka","oblast":"Донецька","lat":48.00944,"lng":37.51194},{"id":230,"name":"Курахове","slug":"kurakhove","oblast":"Донецька","lat":47.9875,"lng":37.27694},{"id":245,"name":"Макіївка","slug":"makiivka","oblast":"Донецька","lat":48.05556,"lng":37.96111},{"id":248,"name":"Марїнка","slug":"marinka","oblast":"Донецька","lat":47.94167,"lng":37.51278},{"id":250,"name":"Маріуполь","slug":"mariupol","oblast":"Донецька","lat":47.1225,"lng":37.57889},{"id":256,"name":"Миколаївка","slug":"mykolaivka","oblast":"Донецька","lat":48.85028,"lng":37.7675},{"id":267,"name":"Моспине","slug":"mospyne","oblast":"Донецька","lat":47.87833,"lng":38.06444},{"id":281,"name":"Новоазовськ","slug":"novoazovsk","oblast":"Донецька","lat":47.11472,"lng":38.08},{"id":285,"name":"Новогродівка","slug":"novohrodivka","oblast":"Донецька","lat":48.21056,"lng":37.33},{"id":348,"name":"Родинське","slug":"rodynske","oblast":"Донецька","lat":48.35306,"lng":37.21},{"id":361,"name":"Світлодарськ","slug":"svitlodarsk","oblast":"Донецька","lat":48.43528,"lng":38.22083},{"id":362,"name":"Святогірськ","slug":"sviatohirsk","oblast":"Донецька","lat":49.04083,"lng":37.56972},{"id":364,"name":"Селидове","slug":"selydove","oblast":"Донецька","lat":48.14806,"lng":37.29861},{"id":369,"name":"Сіверськ","slug":"siversk","oblast":"Донецька","lat":48.86306,"lng":38.09722},{"id":377,"name":"Словянськ","slug":"sloviansk","oblast":"Донецька","lat":48.85333,"lng":37.625},{"id":380,"name":"Сніжне","slug":"snizhne","oblast":"Донецька","lat":48.03944,"lng":38.76806},{"id":384,"name":"Соледар","slug":"soledar","oblast":"Донецька","lat":48.69694,"lng":38.07139},{"id":410,"name":"Торез","slug":"torez","oblast":"Донецька","lat":48.03361,"lng":38.62139},{"id":421,"name":"Українськ","slug":"ukrainsk","oblast":"Донецька","lat":48.0975,"lng":37.36333},{"id":428,"name":"Харцизьк","slug":"khartsyzk","oblast":"Донецька","lat":48.04278,"lng":38.1425},{"id":440,"name":"Часів Яр","slug":"chasivyar","oblast":"Донецька","lat":48.57556,"lng":37.82333},{"id":456,"name":"Шахтарськ","slug":"shakhtarsk","oblast":"Донецька","lat":48.0625,"lng":38.41694},{"id":466,"name":"Юнокомунарівськ","slug":"yunokomunarivsk","oblast":"Донецька","lat":48.22806,"lng":38.27444},{"id":472,"name":"Ясинувата","slug":"yasynuvata","oblast":"Донецька","lat":48.12778,"lng":37.8625},{"id":2,"name":"Алмазна","slug":"almazna","oblast":"Луганська","lat":48.52167,"lng":38.57944},{"id":5,"name":"Алчевськ","slug":"alchevsk","oblast":"Луганська","lat":48.48028,"lng":38.79778},{"id":9,"name":"Антрацит","slug":"antratsyt","oblast":"Луганська","lat":48.12972,"lng":39.10417},{"id":13,"name":"Артемівськ","slug":"artemovsk","oblast":"Луганська","lat":48.43889,"lng":38.7175},{"id":58,"name":"Брянка","slug":"brianka","oblast":"Луганська","lat":48.48472,"lng":38.67778},{"id":68,"name":"Вахрушеве","slug":"vakhrusheve","oblast":"Луганська","lat":48.16056,"lng":38.83889},{"id":98,"name":"Гірське","slug":"hirske","oblast":"Луганська","lat":48.75194,"lng":38.495},{"id":154,"name":"Зимогіря","slug":"zymohiria","oblast":"Луганська","lat":48.59111,"lng":38.91972},{"id":158,"name":"Золоте","slug":"zolote","oblast":"Луганська","lat":48.69278,"lng":38.51944},{"id":161,"name":"Зоринськ","slug":"zorynsk","oblast":"Луганська","lat":48.41444,"lng":38.61861},{"id":171,"name":"Ірміно","slug":"irmino","oblast":"Луганська","lat":48.59667,"lng":38.58278},{"id":192,"name":"Кіровськ","slug":"kirovsk","oblast":"Луганська","lat":48.6375,"lng":38.64333},{"id":217,"name":"Красний Луч","slug":"krasniyluch","oblast":"Луганська","lat":48.12722,"lng":38.91917},{"id":221,"name":"Краснодон","slug":"krasnodon","oblast":"Луганська","lat":48.29917,"lng":39.74972},{"id":225,"name":"Кремінна","slug":"kreminna","oblast":"Луганська","lat":49.05,"lng":38.22111},{"id":235,"name":"Лисичанськ","slug":"lysychansk","oblast":"Луганська","lat":48.90111,"lng":38.44583},{"id":239,"name":"Луганськ","slug":"luhansk","oblast":"Луганська","lat":48.57167,"lng":39.30806},{"id":240,"name":"Лутугине","slug":"lutuhyne","oblast":"Луганська","lat":48.40194,"lng":39.21028},{"id":260,"name":"Міусинськ","slug":"miusynsk","oblast":"Луганська","lat":48.07556,"lng":38.885},{"id":262,"name":"Молодогвардійськ","slug":"molodohvardiysk","oblast":"Луганська","lat":48.35417,"lng":39.65806},{"id":287,"name":"Новодружеськ","slug":"novodruzhesk","oblast":"Луганська","lat":48.97139,"lng":38.35667},{"id":298,"name":"Олександрівськ","slug":"oleksandrivsk","oblast":"Луганська","lat":48.57972,"lng":39.1975},{"id":308,"name":"Первомайськ","slug":"pervomaysk","oblast":"Луганська","lat":48.62972,"lng":38.56194},{"id":311,"name":"Перевальськ","slug":"perevalsk","oblast":"Луганська","lat":48.43556,"lng":38.81778},{"id":318,"name":"Петровське","slug":"petrovske","oblast":"Луганська","lat":48.3,"lng":38.87806},{"id":330,"name":"Попасна","slug":"popasna","oblast":"Луганська","lat":48.63167,"lng":38.36028},{"id":332,"name":"Привілля","slug":"pryvillia","oblast":"Луганська","lat":49.00111,"lng":38.29556},{"id":346,"name":"Ровеньки","slug":"rovenky","oblast":"Луганська","lat":48.07111,"lng":39.34278},{"id":352,"name":"Рубіжне","slug":"rubizhne","oblast":"Луганська","lat":49.01528,"lng":38.38167},{"id":358,"name":"Сватове","slug":"svatove","oblast":"Луганська","lat":49.40917,"lng":38.16194},{"id":359,"name":"Свердловськ","slug":"sverdlovsk","oblast":"Луганська","lat":48.05833,"lng":39.65833},{"id":367,"name":"Сєвєродонецьк","slug":"sievierodonetsk","oblast":"Луганська","lat":48.95639,"lng":38.48139},{"id":388,"name":"Старобільськ","slug":"starobilsk","oblast":"Луганська","lat":49.2775,"lng":38.92417},{"id":390,"name":"Стаханов","slug":"stakhanov","oblast":"Луганська","lat":48.56806,"lng":38.65861},{"id":397,"name":"Суходільськ","slug":"sukhodilsk","oblast":"Луганська","lat":48.35361,"lng":39.72167},{"id":443,"name":"Червонопартизанськ","slug":"chervonopartyzansk","oblast":"Луганська","lat":48.07139,"lng":39.79806},{"id":461,"name":"Щастя","slug":"shchastia","oblast":"Луганська","lat":48.73806,"lng":39.23111},{"id":3,"name":"Алупка","slug":"alupka","oblast":"Автономна Республіка Крим","lat":44.42167,"lng":34.04722},{"id":4,"name":"Алушта","slug":"alushta","oblast":"Автономна Республіка Крим","lat":44.66917,"lng":34.40306},{"id":11,"name":"Армянськ","slug":"armyansk","oblast":"Автономна Республіка Крим","lat":46.11139,"lng":33.69167},{"id":23,"name":"Бахчисарай","slug":"bakhchysarai","oblast":"Автономна Республіка Крим","lat":44.75,"lng":33.867},{"id":40,"name":"Білогірськ","slug":"bilohirsk","oblast":"Автономна Республіка Крим","lat":45.05722,"lng":34.6},{"id":116,"name":"Джанкой","slug":"dzhankoy","oblast":"Автономна Республіка Крим","lat":45.70944,"lng":34.39333},{"id":137,"name":"Євпаторія","slug":"yevpatoria","oblast":"Автономна Республіка Крим","lat":45.2,"lng":33.367},{"id":170,"name":"Інкерман","slug":"inkerman","oblast":"Автономна Республіка Крим","lat":44.61361,"lng":33.61},{"id":187,"name":"Керч","slug":"kerch","oblast":"Автономна Республіка Крим","lat":45.35,"lng":36.467},{"id":222,"name":"Красноперекопськ","slug":"krasnoperekopsk","oblast":"Автономна Республіка Крим","lat":45.95417,"lng":33.79194},{"id":354,"name":"Саки","slug":"saky","oblast":"Автономна Республіка Крим","lat":45.133,"lng":33.6},{"id":363,"name":"Севастополь","slug":"sevastopol","oblast":"Автономна Республіка Крим","lat":44.61639,"lng":33.52528},{"id":370,"name":"Сімферополь","slug":"simferopol","oblast":"Автономна Республіка Крим","lat":44.95,"lng":34.1},{"id":386,"name":"Старий Крим","slug":"starykrim","oblast":"Автономна Республіка Крим","lat":45.02917,"lng":35.08556},{"id":394,"name":"Судак","slug":"sudak","oblast":"Автономна Республіка Крим","lat":44.85,"lng":34.967},{"id":426,"name":"Феодосія","slug":"feodosiya","oblast":"Автономна Республіка Крим","lat":45.033,"lng":35.367},{"id":462,"name":"Щолкіне","slug":"shcholkine","oblast":"Автономна Республіка Крим","lat":45.4275,"lng":35.81528},{"id":469,"name":"Ялта","slug":"yalta","oblast":"Автономна Республіка Крим","lat":44.49889,"lng":34.16972},{"id":7,"name":"Ананьїв","slug":"ananyiv","oblast":"Одеська","lat":47.72667,"lng":29.96083},{"id":15,"name":"Арциз","slug":"artsyz","oblast":"Одеська","lat":45.99444,"lng":29.43222},{"id":17,"name":"Балта","slug":"balta","oblast":"Одеська","lat":47.94,"lng":29.62194},{"id":31,"name":"Березівка","slug":"berezivka","oblast":"Одеська","lat":47.20056,"lng":30.91722},{"id":38,"name":"Білгород-Дністровський","slug":"bilhorod-dnistrovskyi","oblast":"Одеська","lat":46.19222,"lng":30.33333},{"id":43,"name":"Біляївка","slug":"bilyayivka","oblast":"Одеська","lat":46.4725,"lng":30.22528},{"id":48,"name":"Болград","slug":"bolhrad","oblast":"Одеська","lat":45.66722,"lng":28.61278},{"id":74,"name":"Вилкове","slug":"vylkove","oblast":"Одеська","lat":45.39917,"lng":29.59361},{"id":164,"name":"Ізмаїл","slug":"izmail","oblast":"Одеська","lat":45.35111,"lng":28.84639},{"id":168,"name":"Іллічівськ","slug":"illichivsk","oblast":"Одеська","lat":46.30167,"lng":30.65694},{"id":190,"name":"Кілія","slug":"kiliya","oblast":"Одеська","lat":45.4675,"lng":29.23778},{"id":197,"name":"Кодима","slug":"kodyma","oblast":"Одеська","lat":48.09333,"lng":29.125},{"id":213,"name":"Котовськ","slug":"kotovsk","oblast":"Одеська","lat":47.74194,"lng":29.535},{"id":296,"name":"Одеса","slug":"odessa","oblast":"Одеська","lat":46.47167,"lng":30.71028},{"id":343,"name":"Рені","slug":"reni","oblast":"Одеська","lat":45.4575,"lng":28.27111},{"id":350,"name":"Роздільна","slug":"rozdilna","oblast":"Одеська","lat":46.84861,"lng":30.07917},{"id":401,"name":"Татарбунари","slug":"tatarbunary","oblast":"Одеська","lat":45.84694,"lng":29.61111},{"id":402,"name":"Теплодар","slug":"teplodar","oblast":"Одеська","lat":46.50639,"lng":30.32639},{"id":464,"name":"Южне","slug":"yuzhne","oblast":"Одеська","lat":46.62361,"lng":31.10111},{"id":8,"name":"Андрушівка","slug":"andrushivka","oblast":"Житомирська","lat":50.02833,"lng":29.02417},{"id":19,"name":"Баранівка","slug":"baranivka","oblast":"Житомирська","lat":50.29361,"lng":27.66694},{"id":26,"name":"Бердичів","slug":"berdychiv","oblast":"Житомирська","lat":49.89194,"lng":28.6},{"id":142,"name":"Житомир","slug":"zhytomyr","oblast":"Житомирська","lat":50.25444,"lng":28.65778},{"id":206,"name":"Коростень","slug":"korosten","oblast":"Житомирська","lat":50.97361,"lng":28.61444},{"id":207,"name":"Коростишів","slug":"korostyshiv","oblast":"Житомирська","lat":50.31861,"lng":29.05917},{"id":247,"name":"Малин","slug":"malyn","oblast":"Житомирська","lat":50.76889,"lng":29.27},{"id":284,"name":"Новоград-Волинський","slug":"novohradvolynskyi","oblast":"Житомирська","lat":50.58333,"lng":27.62028},{"id":295,"name":"Овруч","slug":"ovruch","oblast":"Житомирська","lat":51.32444,"lng":28.80806},{"id":297,"name":"Олевськ","slug":"olevsk","oblast":"Житомирська","lat":51.22778,"lng":27.64806},{"id":341,"name":"Радомишль","slug":"radomyshl","oblast":"Житомирська","lat":50.49306,"lng":29.25806},{"id":454,"name":"Чуднів","slug":"chudniv","oblast":"Житомирська","lat":50.05278,"lng":28.09694},{"id":10,"name":"Апостолове","slug":"apostolove","oblast":"Дніпропетровська","lat":47.65944,"lng":33.71667},{"id":71,"name":"Верхівцеве","slug":"verkhivtseve","oblast":"Дніпропетровська","lat":48.48528,"lng":34.25389},{"id":72,"name":"Верхньодніпровськ","slug":"verkhnodniprovsk","oblast":"Дніпропетровська","lat":48.6425,"lng":34.34028},{"id":79,"name":"Вільногірськ","slug":"vilnohirsk","oblast":"Дніпропетровська","lat":48.47806,"lng":34.02806},{"id":119,"name":"Дніпродзержинськ","slug":"dniprodzerzhynsk","oblast":"Дніпропетровська","lat":48.52889,"lng":34.59694},{"id":120,"name":"Дніпро","slug":"dnipro","oblast":"Дніпропетровська","lat":48.46611,"lng":35.02528},{"id":145,"name":"Жовті Води","slug":"zhovtivody","oblast":"Дніпропетровська","lat":48.36639,"lng":33.5025},{"id":153,"name":"Зеленодольськ","slug":"zelenodolsk","oblast":"Дніпропетровська","lat":47.56583,"lng":33.64639},{"id":226,"name":"Кривий Ріг","slug":"krivoyrog","oblast":"Дніпропетровська","lat":47.91028,"lng":33.39167},{"id":249,"name":"Марганець","slug":"marhanets","oblast":"Дніпропетровська","lat":47.64472,"lng":34.60417},{"id":274,"name":"Нікополь","slug":"nikopol","oblast":"Дніпропетровська","lat":47.57722,"lng":34.3575},{"id":289,"name":"Новомосковськ","slug":"novomoskovsk","oblast":"Дніпропетровська","lat":48.63778,"lng":35.22861},{"id":300,"name":"Орджонікідзе","slug":"ordzhonikidze","oblast":"Дніпропетровська","lat":47.65333,"lng":34.08417},{"id":306,"name":"Пятихатки","slug":"piatykhatky","oblast":"Дніпропетровська","lat":48.41361,"lng":33.70278},{"id":307,"name":"Павлоград","slug":"pavlohrad","oblast":"Дніпропетровська","lat":48.52,"lng":35.87},{"id":314,"name":"Перещепине","slug":"pereschepyne","oblast":"Дніпропетровська","lat":49.01444,"lng":35.365},{"id":317,"name":"Першотравенськ","slug":"pershotravensk","oblast":"Дніпропетровська","lat":48.3475,"lng":36.40167},{"id":322,"name":"Підгородне","slug":"pidhorodne","oblast":"Дніпропетровська","lat":48.575,"lng":35.10222},{"id":368,"name":"Синельникове","slug":"synelnykove","oblast":"Дніпропетровська","lat":48.31667,"lng":35.51583},{"id":404,"name":"Тернівка","slug":"ternivka","oblast":"Дніпропетровська","lat":48.52444,"lng":36.0825},{"id":16,"name":"Балаклія","slug":"balakliia","oblast":"Харківська","lat":49.45917,"lng":36.8525},{"id":20,"name":"Барвінкове","slug":"barvinkove","oblast":"Харківська","lat":48.91,"lng":37.02306},{"id":46,"name":"Богодухів","slug":"bohodukhiv","oblast":"Харківська","lat":50.16167,"lng":35.52556},{"id":64,"name":"Валки","slug":"valky","oblast":"Харківська","lat":49.83806,"lng":35.61722},{"id":82,"name":"Вовчанськ","slug":"vovchansk","oblast":"Харківська","lat":50.28778,"lng":36.94278},{"id":115,"name":"Дергачі","slug":"derhachi","oblast":"Харківська","lat":50.11167,"lng":36.12056},{"id":156,"name":"Зміїв","slug":"zmiiv","oblast":"Харківська","lat":49.68778,"lng":36.33417},{"id":165,"name":"Ізюм","slug":"izium","oblast":"Харківська","lat":49.19583,"lng":37.28028},{"id":220,"name":"Красноград","slug":"krasnohrad","oblast":"Харківська","lat":49.37167,"lng":35.45667},{"id":229,"name":"Купянськ","slug":"kupiansk","oblast":"Харківська","lat":49.70167,"lng":37.61333},{"id":236,"name":"Лозова","slug":"lozova","oblast":"Харківська","lat":48.88944,"lng":36.31139},{"id":243,"name":"Люботин","slug":"liubotyn","oblast":"Харківська","lat":49.94833,"lng":35.92944},{"id":253,"name":"Мерефа","slug":"merefa","oblast":"Харківська","lat":49.81972,"lng":36.05972},{"id":310,"name":"Первомайський","slug":"pervomaiskyi","oblast":"Харківська","lat":49.37306,"lng":36.21611},{"id":320,"name":"Південне","slug":"pivdenne","oblast":"Харківська","lat":49.87667,"lng":36.06444},{"id":427,"name":"Харків","slug":"kharkiv","oblast":"Харківська","lat":50.00583,"lng":36.22917},{"id":453,"name":"Чугуїв","slug":"chuhuiv","oblast":"Харківська","lat":49.83528,"lng":36.68111},{"id":18,"name":"Бар","slug":"bar","oblast":"Вінницька","lat":49.07806,"lng":27.68306},{"id":35,"name":"Бершадь","slug":"bershad","oblast":"Вінницька","lat":48.37278,"lng":29.5325},{"id":81,"name":"Вінниця","slug":"vinnytsia","oblast":"Вінницька","lat":49.23722,"lng":28.46722},{"id":93,"name":"Гайсин","slug":"haisyn","oblast":"Вінницька","lat":48.81028,"lng":29.38417},{"id":102,"name":"Гнівань","slug":"hnivan","oblast":"Вінницька","lat":49.09111,"lng":28.34861},{"id":143,"name":"Жмеринка","slug":"zhmerynka","oblast":"Вінницька","lat":49.03333,"lng":28.11667},{"id":177,"name":"Калинівка","slug":"kalynivka","oblast":"Вінницька","lat":49.44722,"lng":28.52306},{"id":198,"name":"Козятин","slug":"koziatyn","oblast":"Вінницька","lat":49.71667,"lng":28.83333},{"id":231,"name":"Ладижин","slug":"ladyzhyn","oblast":"Вінницька","lat":48.68972,"lng":29.24167},{"id":234,"name":"Липовець","slug":"lypovets","oblast":"Вінницька","lat":49.21611,"lng":29.05611},{"id":261,"name":"Могилів-Подільський","slug":"mohylivpodilskyi","oblast":"Вінницька","lat":48.455,"lng":27.80806},{"id":271,"name":"Немирів","slug":"nemyriv","oblast":"Вінницька","lat":48.97944,"lng":28.84389},{"id":324,"name":"Погребище","slug":"pohrebyshche","oblast":"Вінницька","lat":49.48694,"lng":29.27333},{"id":413,"name":"Тульчин","slug":"tulchyn","oblast":"Вінницька","lat":48.67444,"lng":28.84972},{"id":432,"name":"Хмільник","slug":"khmilnyk","oblast":"Вінницька","lat":49.55694,"lng":27.95722},{"id":455,"name":"Шаргород","slug":"sharhorod","oblast":"Вінницька","lat":48.75528,"lng":28.07889},{"id":470,"name":"Ямпіль","slug":"yampil","oblast":"Вінницька","lat":48.245,"lng":28.27778},{"id":21,"name":"Батурин","slug":"baturyn","oblast":"Чернівецька","lat":51.33861,"lng":32.87722},{"id":69,"name":"Вашківці","slug":"vashkivtsi","oblast":"Чернівецька","lat":48.37528,"lng":25.49778},{"id":73,"name":"Вижниця","slug":"vyzhnytsia","oblast":"Чернівецька","lat":48.24528,"lng":25.18222},{"id":96,"name":"Герца","slug":"hertsa","oblast":"Чернівецька","lat":48.14667,"lng":26.25833},{"id":148,"name":"Заставна","slug":"zastavna","oblast":"Чернівецька","lat":48.52028,"lng":25.845},{"id":194,"name":"Кіцмань","slug":"kitsman","oblast":"Чернівецька","lat":48.44111,"lng":25.76694},{"id":273,"name":"Ніжин","slug":"nizhyn","oblast":"Чернівецька","lat":51.04278,"lng":31.87361},{"id":286,"name":"Новодністровськ","slug":"novodnistrovsk","oblast":"Чернівецька","lat":48.57778,"lng":27.44139},{"id":290,"name":"Новоселиця","slug":"novoselytsia","oblast":"Чернівецька","lat":48.21917,"lng":26.26528},{"id":333,"name":"Прилуки","slug":"pryluky","oblast":"Чернівецька","lat":50.58917,"lng":32.38556},{"id":383,"name":"Сокиряни","slug":"sokyriany","oblast":"Чернівецька","lat":48.45306,"lng":27.41611},{"id":392,"name":"Сторожинець","slug":"storozhynets","oblast":"Чернівецька","lat":48.15972,"lng":25.715},{"id":436,"name":"Хотин","slug":"khotyn","oblast":"Чернівецька","lat":48.50944,"lng":26.49194},{"id":445,"name":"Чернівці","slug":"chernivtsi","oblast":"Чернівецька","lat":48.29083,"lng":25.93444},{"id":446,"name":"Чернігів","slug":"chernihiv","oblast":"Чернівецька","lat":51.49111,"lng":31.29861},{"id":24,"name":"Баштанка","slug":"bashtanka","oblast":"Миколаївська","lat":47.40278,"lng":32.44417},{"id":83,"name":"Вознесенськ","slug":"voznesensk","oblast":"Миколаївська","lat":47.5725,"lng":31.31194},{"id":254,"name":"Миколаїв","slug":"nikolaev","oblast":"Миколаївська","lat":46.97528,"lng":31.99361},{"id":276,"name":"Нова Одеса","slug":"novaodessa","oblast":"Миколаївська","lat":47.29389,"lng":31.78889},{"id":278,"name":"Новий Буг","slug":"novyibug","oblast":"Миколаївська","lat":47.68389,"lng":32.50778},{"id":305,"name":"Очаків","slug":"ochakiv","oblast":"Миколаївська","lat":46.61861,"lng":31.53917},{"id":309,"name":"Первомайськ","slug":"pervomaisk","oblast":"Миколаївська","lat":48.04389,"lng":30.85},{"id":379,"name":"Снігурівка","slug":"snihurivka","oblast":"Миколаївська","lat":47.07083,"lng":32.79972},{"id":465,"name":"Южноукраїнськ","slug":"yuzhnoukrainsk","oblast":"Миколаївська","lat":47.82167,"lng":31.175},{"id":25,"name":"Белз","slug":"belz","oblast":"Львівська","lat":50.38,"lng":24.00167},{"id":36,"name":"Бібрка","slug":"bibrka","oblast":"Львівська","lat":49.63583,"lng":24.29361},{"id":51,"name":"Борислав","slug":"boryslav","oblast":"Львівська","lat":49.28917,"lng":23.41889},{"id":56,"name":"Броди","slug":"brody","oblast":"Львівська","lat":50.07806,"lng":25.15417},{"id":61,"name":"Буськ","slug":"busk","oblast":"Львівська","lat":49.96833,"lng":24.60833},{"id":70,"name":"Великі Мости","slug":"velykimosti","oblast":"Львівська","lat":50.23917,"lng":24.14583},{"id":75,"name":"Винники","slug":"vynnyky","oblast":"Львівська","lat":49.81556,"lng":24.12972},{"id":99,"name":"Глиняни","slug":"hlyniany","oblast":"Львівська","lat":49.82472,"lng":24.51611},{"id":108,"name":"Городок","slug":"gorodok","oblast":"Львівська","lat":49.78472,"lng":23.67972},{"id":122,"name":"Добромиль","slug":"dobromyl","oblast":"Львівська","lat":49.57056,"lng":22.78944},{"id":129,"name":"Дрогобич","slug":"drohobych","oblast":"Львівська","lat":49.35389,"lng":23.51611},{"id":132,"name":"Дубляни","slug":"dubliany","oblast":"Львівська","lat":49.89611,"lng":24.0925},{"id":141,"name":"Жидачів","slug":"zhydachiv","oblast":"Львівська","lat":49.385,"lng":24.14444},{"id":144,"name":"Жовква","slug":"zhovkva","oblast":"Львівська","lat":50.055,"lng":23.97667},{"id":160,"name":"Золочів","slug":"zolochiv","oblast":"Львівська","lat":49.80611,"lng":24.89639},{"id":181,"name":"Камянка-Бузька","slug":"kamiankabuzka","oblast":"Львівська","lat":50.105,"lng":24.33778},{"id":200,"name":"Комарно","slug":"komarno","oblast":"Львівська","lat":49.63056,"lng":23.70306},{"id":244,"name":"Львів","slug":"lviv","oblast":"Львівська","lat":49.83,"lng":24.01417},{"id":255,"name":"Миколаїв","slug":"mykolaiv","oblast":"Львівська","lat":49.52028,"lng":23.99083},{"id":266,"name":"Моршин","slug":"morshyn","oblast":"Львівська","lat":49.15472,"lng":23.86861},{"id":268,"name":"Мостиська","slug":"mostyska","oblast":"Львівська","lat":49.79611,"lng":23.16028},{"id":279,"name":"Новий Калинів","slug":"novyikaliniv","oblast":"Львівська","lat":49.56056,"lng":23.30444},{"id":280,"name":"Новий Розділ","slug":"novyirozdil","oblast":"Львівська","lat":49.46972,"lng":24.13667},{"id":292,"name":"Новояворівськ","slug":"novoiavorivsk","oblast":"Львівська","lat":49.93306,"lng":23.57056},{"id":312,"name":"Перемишляни","slug":"peremyshliany","oblast":"Львівська","lat":49.67056,"lng":24.56},{"id":336,"name":"Пустомити","slug":"pustomyty","oblast":"Львівська","lat":49.72056,"lng":23.90556},{"id":338,"name":"Рава-Руська","slug":"ravaruska","oblast":"Львівська","lat":50.225,"lng":23.62417},{"id":339,"name":"Радехів","slug":"radekhiv","oblast":"Львівська","lat":50.27833,"lng":24.645},{"id":353,"name":"Рудки","slug":"rudky","oblast":"Львівська","lat":49.65278,"lng":23.48694},{"id":355,"name":"Самбір","slug":"sambir","oblast":"Львівська","lat":49.52222,"lng":23.19694},{"id":374,"name":"Сколе","slug":"skole","oblast":"Львівська","lat":49.03361,"lng":23.51167},{"id":382,"name":"Сокаль","slug":"sokal","oblast":"Львівська","lat":50.48472,"lng":24.28278},{"id":385,"name":"Соснівка","slug":"sosnivka","oblast":"Львівська","lat":50.29444,"lng":24.25361},{"id":387,"name":"Старий Самбір","slug":"staryisambir","oblast":"Львівська","lat":49.44111,"lng":23.00806},{"id":391,"name":"Стебник","slug":"stebnyk","oblast":"Львівська","lat":49.3005722,"lng":23.5545583},{"id":393,"name":"Стрий","slug":"stryi","oblast":"Львівська","lat":49.25806,"lng":23.84056},{"id":395,"name":"Судова Вишня","slug":"sudovavishnya","oblast":"Львівська","lat":49.79139,"lng":23.37139},{"id":412,"name":"Трускавець","slug":"truskavets","oblast":"Львівська","lat":49.27778,"lng":23.50778},{"id":414,"name":"Турка","slug":"turka","oblast":"Львівська","lat":49.1575,"lng":23.0225},{"id":416,"name":"Угнів","slug":"uhniv","oblast":"Львівська","lat":50.36806,"lng":23.74778},{"id":430,"name":"Хирів","slug":"khyriv","oblast":"Львівська","lat":49.53083,"lng":22.85333},{"id":433,"name":"Ходорів","slug":"khodoriv","oblast":"Львівська","lat":49.40583,"lng":24.31028},{"id":441,"name":"Червоноград","slug":"chervonohrad","oblast":"Львівська","lat":50.38667,"lng":24.22889},{"id":467,"name":"Яворів","slug":"yavoriv","oblast":"Львівська","lat":49.93972,"lng":23.38583},{"id":22,"name":"Бахмач","slug":"bakhmach","oblast":"Чернігівська","lat":51.17556,"lng":32.82722},{"id":45,"name":"Бобровиця","slug":"bobrovytsia","oblast":"Чернігівська","lat":50.75,"lng":31.38639},{"id":50,"name":"Борзна","slug":"borzna","oblast":"Чернігівська","lat":51.25306,"lng":32.42917},{"id":107,"name":"Городня","slug":"horodnia","oblast":"Чернігівська","lat":51.89306,"lng":31.59472},{"id":175,"name":"Ічня","slug":"ichnia","oblast":"Чернігівська","lat":50.85611,"lng":32.37722},{"id":209,"name":"Корюківка","slug":"koriukivka","oblast":"Чернігівська","lat":51.77278,"lng":32.27306},{"id":252,"name":"Мена","slug":"mena","oblast":"Чернігівська","lat":51.52417,"lng":32.22111},{"id":277,"name":"Новгород-Сіверський","slug":"novhorodsiverskyi","oblast":"Чернігівська","lat":52.00861,"lng":33.27361},{"id":293,"name":"Носівка","slug":"nosivka","oblast":"Чернігівська","lat":50.93,"lng":31.58056},{"id":302,"name":"Остер","slug":"oster","oblast":"Чернігівська","lat":50.94861,"lng":30.88111},{"id":365,"name":"Семенівка","slug":"semenivka","oblast":"Чернігівська","lat":52.17278,"lng":32.59222},{"id":463,"name":"Щорс","slug":"shchors","oblast":"Чернігівська","lat":51.82028,"lng":31.95083},{"id":27,"name":"Бердянськ","slug":"berdyansk","oblast":"Запорізька","lat":46.7625,"lng":36.78639},{"id":65,"name":"Василівка","slug":"vasylivka","oblast":"Запорізька","lat":47.43417,"lng":35.27639},{"id":80,"name":"Вільнянськ","slug":"vilniansk","oblast":"Запорізька","lat":47.94167,"lng":35.43111},{"id":112,"name":"Гуляйполе","slug":"huliaipole","oblast":"Запорізька","lat":47.66028,"lng":36.28167},{"id":121,"name":"Дніпрорудне","slug":"dniprorudne","oblast":"Запорізька","lat":47.38222,"lng":34.98694},{"id":136,"name":"Енергодар","slug":"enerhodar","oblast":"Запорізька","lat":47.49889,"lng":34.65583},{"id":147,"name":"Запоріжжя","slug":"zaporizhia","oblast":"Запорізька","lat":47.83778,"lng":35.13833},{"id":182,"name":"Камянка-Дніпровська","slug":"kamiankadniprovska","oblast":"Запорізька","lat":47.46278,"lng":34.42278},{"id":251,"name":"Мелітополь","slug":"melitopol","oblast":"Запорізька","lat":46.84028,"lng":35.35889},{"id":263,"name":"Молочанськ","slug":"molochansk","oblast":"Запорізька","lat":47.20444,"lng":35.59583},{"id":301,"name":"Оріхів","slug":"orikhiv","oblast":"Запорізька","lat":47.56944,"lng":35.77778},{"id":325,"name":"Пологи","slug":"polohy","oblast":"Запорізька","lat":47.47556,"lng":36.27611},{"id":334,"name":"Приморськ","slug":"prymorsk","oblast":"Запорізька","lat":46.71889,"lng":36.35667},{"id":409,"name":"Токмак","slug":"tokmak","oblast":"Запорізька","lat":47.24889,"lng":35.70306},{"id":28,"name":"Берегове","slug":"berehove","oblast":"Закарпатська","lat":48.2025,"lng":22.6375},{"id":76,"name":"Виноградів","slug":"vynohradiv","oblast":"Закарпатська","lat":48.14972,"lng":23.025},{"id":173,"name":"Іршава","slug":"irshava","oblast":"Закарпатська","lat":48.31722,"lng":23.0375},{"id":269,"name":"Мукачеве","slug":"mukachevo","oblast":"Закарпатська","lat":48.44528,"lng":22.71722},{"id":313,"name":"Перечин","slug":"perechyn","oblast":"Закарпатська","lat":48.74028,"lng":22.47278},{"id":342,"name":"Рахів","slug":"rakhiv","oblast":"Закарпатська","lat":48.05361,"lng":24.21611},{"id":357,"name":"Свалява","slug":"svaliava","oblast":"Закарпатська","lat":48.54722,"lng":22.98639},{"id":415,"name":"Тячів","slug":"tiachiv","oblast":"Закарпатська","lat":48.01611,"lng":23.57194},{"id":417,"name":"Ужгород","slug":"uzhhorod","oblast":"Закарпатська","lat":48.62389,"lng":22.295},{"id":438,"name":"Хуст","slug":"khust","oblast":"Закарпатська","lat":48.17417,"lng":23.28972},{"id":450,"name":"Чоп","slug":"chop","oblast":"Закарпатська","lat":48.43083,"lng":22.21194},{"id":30,"name":"Березань","slug":"berezan","oblast":"Київська","lat":50.3075,"lng":31.485},{"id":37,"name":"Біла Церква","slug":"bilacerkva","oblast":"Київська","lat":49.79556,"lng":30.11667},{"id":47,"name":"Богуслав","slug":"boguslav","oblast":"Київська","lat":49.54667,"lng":30.87278},{"id":52,"name":"Бориспіль","slug":"boryspil","oblast":"Київська","lat":50.35111,"lng":30.95083},{"id":54,"name":"Боярка","slug":"boyarka","oblast":"Київська","lat":50.32889,"lng":30.29556},{"id":55,"name":"Бровари","slug":"brovary","oblast":"Київська","lat":50.51139,"lng":30.79028},{"id":62,"name":"Буча","slug":"bucha","oblast":"Київська","lat":50.54639,"lng":30.235},{"id":66,"name":"Васильків","slug":"vasylkiv","oblast":"Київська","lat":50.18639,"lng":30.33056},{"id":77,"name":"Вишгород","slug":"vyshhorod","oblast":"Київська","lat":50.58722,"lng":30.48889},{"id":78,"name":"Вишневе","slug":"vyshneve","oblast":"Київська","lat":50.38694,"lng":30.35806},{"id":172,"name":"Ірпінь","slug":"irpin","oblast":"Київська","lat":50.51944,"lng":30.24472},{"id":176,"name":"Кагарлик","slug":"kaharlyk","oblast":"Київська","lat":49.85222,"lng":30.80917},{"id":188,"name":"Київ","slug":"kyiv","oblast":"Київська","lat":50.45,"lng":30.52361},{"id":258,"name":"Миронівка","slug":"myronivka","oblast":"Київська","lat":49.66278,"lng":31.00528},{"id":294,"name":"Обухів","slug":"obukhiv","oblast":"Київська","lat":50.13,"lng":30.65667},{"id":315,"name":"Переяслав-Хмельницький","slug":"pereyaslav","oblast":"Київська","lat":50.06611,"lng":31.44222},{"id":335,"name":"Припять","slug":"pripyat","oblast":"Київська","lat":51.39472,"lng":30.08528},{"id":344,"name":"Ржищів","slug":"rzhyshchiv","oblast":"Київська","lat":49.96111,"lng":31.04361},{"id":373,"name":"Сквира","slug":"skvyra","oblast":"Київська","lat":49.73222,"lng":29.65083},{"id":376,"name":"Славутич","slug":"slavutych","oblast":"Київська","lat":51.5225,"lng":30.71806},{"id":400,"name":"Тараща","slug":"tarashcha","oblast":"Київська","lat":49.56083,"lng":30.50611},{"id":406,"name":"Тетіїв","slug":"tetiiv","oblast":"Київська","lat":49.37083,"lng":29.69},{"id":418,"name":"Узин","slug":"uzyn","oblast":"Київська","lat":49.82194,"lng":30.40583},{"id":419,"name":"Українка","slug":"ukrainka","oblast":"Київська","lat":50.15,"lng":30.75194},{"id":425,"name":"Фастів","slug":"fastiv","oblast":"Київська","lat":50.07472,"lng":29.91806},{"id":451,"name":"Чорнобиль","slug":"chernobyl","oblast":"Київська","lat":51.380567,"lng":30.116272},{"id":468,"name":"Яготин","slug":"yahotyn","oblast":"Київська","lat":50.25694,"lng":31.78167},{"id":29,"name":"Бережани","slug":"berezhany","oblast":"Тернопільська","lat":49.44611,"lng":24.93861},{"id":53,"name":"Борщів","slug":"borschiv","oblast":"Тернопільська","lat":48.80139,"lng":26.04222},{"id":63,"name":"Бучач","slug":"buchach","oblast":"Тернопільська","lat":49.06333,"lng":25.37639},{"id":146,"name":"Заліщики","slug":"zalischyky","oblast":"Тернопільська","lat":48.65,"lng":25.735},{"id":149,"name":"Збараж","slug":"zbarazh","oblast":"Тернопільська","lat":49.67139,"lng":25.77083},{"id":150,"name":"Зборів","slug":"zboriv","oblast":"Тернопільська","lat":49.66167,"lng":25.14528},{"id":204,"name":"Копичинці","slug":"kopychyntsi","oblast":"Тернопільська","lat":49.10806,"lng":25.91278},{"id":223,"name":"Кременець","slug":"kremenets","oblast":"Тернопільська","lat":50.10111,"lng":25.73667},{"id":232,"name":"Ланівці","slug":"lanivtsi","oblast":"Тернопільська","lat":49.86667,"lng":26.08722},{"id":264,"name":"Монастириська","slug":"monastyryska","oblast":"Тернопільська","lat":49.08833,"lng":25.16667},{"id":321,"name":"Підгайці","slug":"pidhaitsi","oblast":"Тернопільська","lat":49.275,"lng":25.13417},{"id":331,"name":"Почаїв","slug":"pochaiv","oblast":"Тернопільська","lat":50.00639,"lng":25.51028},{"id":372,"name":"Скалат","slug":"skalat","oblast":"Тернопільська","lat":49.42889,"lng":25.97444},{"id":403,"name":"Теребовля","slug":"terebovl","oblast":"Тернопільська","lat":49.30056,"lng":25.69944},{"id":405,"name":"Тернопіль","slug":"ternopil","oblast":"Тернопільська","lat":49.55333,"lng":25.59472},{"id":435,"name":"Хоростків","slug":"khorostkiv","oblast":"Тернопільська","lat":49.20944,"lng":25.9175},{"id":452,"name":"Чортків","slug":"chortkiv","oblast":"Тернопільська","lat":49.0075,"lng":25.79056},{"id":460,"name":"Шумськ","slug":"shumsk","oblast":"Тернопільська","lat":50.11417,"lng":26.11444},{"id":32,"name":"Березне","slug":"berezne","oblast":"Рівненська","lat":50.99667,"lng":26.73944},{"id":86,"name":"Володимирець","slug":"volodymyrets","oblast":"Рівненська","lat":51.42083,"lng":26.145},{"id":133,"name":"Дубно","slug":"dubno","oblast":"Рівненська","lat":50.39306,"lng":25.735},{"id":134,"name":"Дубровиця","slug":"dubrovytsia","oblast":"Рівненська","lat":51.57583,"lng":26.55944},{"id":152,"name":"Здолбунів","slug":"zdolbuniv","oblast":"Рівненська","lat":50.50944,"lng":26.25972},{"id":167,"name":"Іллінці","slug":"illintsi","oblast":"Рівненська","lat":49.10556,"lng":29.20889},{"id":205,"name":"Корець","slug":"korets","oblast":"Рівненська","lat":50.61722,"lng":27.16083},{"id":211,"name":"Костопіль","slug":"kostopil","oblast":"Рівненська","lat":50.88333,"lng":26.44306},{"id":227,"name":"Кузнецовськ","slug":"kuznetsovsk","oblast":"Рівненська","lat":51.34444,"lng":25.85083},{"id":303,"name":"Острог","slug":"ostroh","oblast":"Рівненська","lat":50.32917,"lng":26.51972},{"id":340,"name":"Радивилів","slug":"radyvyliv","oblast":"Рівненська","lat":50.12861,"lng":25.26444},{"id":345,"name":"Рівне","slug":"rivne","oblast":"Рівненська","lat":50.61972,"lng":26.25139},{"id":356,"name":"Сарни","slug":"sarny","oblast":"Рівненська","lat":51.32694,"lng":26.63306},{"id":33,"name":"Берестечко","slug":"berestechko","oblast":"Волинська","lat":50.35722,"lng":25.11194},{"id":85,"name":"Володимир-Волинський","slug":"volodymyr-volynskyi","oblast":"Волинська","lat":50.84806,"lng":24.32222},{"id":110,"name":"Горохів","slug":"horokhiv","oblast":"Волинська","lat":50.49944,"lng":24.765},{"id":183,"name":"Камінь-Каширський","slug":"kaminkashyrskyi","oblast":"Волинська","lat":51.62,"lng":24.96528},{"id":189,"name":"Ківерці","slug":"kivertsi","oblast":"Волинська","lat":50.83306,"lng":25.46139},{"id":196,"name":"Ковель","slug":"kovel","oblast":"Волинська","lat":51.21917,"lng":24.68778},{"id":241,"name":"Луцьк","slug":"lutsk","oblast":"Волинська","lat":50.74778,"lng":25.32444},{"id":242,"name":"Любомль","slug":"liuboml","oblast":"Волинська","lat":51.22361,"lng":24.03278},{"id":282,"name":"Нововолинськ","slug":"novovolynsk","oblast":"Волинська","lat":50.73556,"lng":24.1625},{"id":349,"name":"Рожище","slug":"rozhysche","oblast":"Волинська","lat":50.91306,"lng":25.27},{"id":424,"name":"Устилуг","slug":"ustyluh","oblast":"Волинська","lat":50.86,"lng":24.15694},{"id":34,"name":"Берислав","slug":"beryslav","oblast":"Херсонська","lat":46.84139,"lng":33.42944},{"id":95,"name":"Генічеськ","slug":"henichesk","oblast":"Херсонська","lat":46.17694,"lng":34.79889},{"id":103,"name":"Гола Пристань","slug":"holaprystan","oblast":"Херсонська","lat":46.52278,"lng":32.51583},{"id":186,"name":"Каховка","slug":"kakhovka","oblast":"Херсонська","lat":46.79778,"lng":33.475},{"id":275,"name":"Нова Каховка","slug":"novakaxovka","oblast":"Херсонська","lat":46.75111,"lng":33.36056},{"id":371,"name":"Скадовськ","slug":"skadovsk","oblast":"Херсонська","lat":46.11917,"lng":32.91083},{"id":398,"name":"Таврійськ","slug":"tavriisk","oblast":"Херсонська","lat":46.75333,"lng":33.42},{"id":429,"name":"Херсон","slug":"kherson","oblast":"Херсонська","lat":46.64,"lng":32.61444},{"id":439,"name":"Цюрупинськ","slug":"tsiurupynsk","oblast":"Херсонська","lat":46.61472,"lng":32.72806},{"id":42,"name":"Білопілля","slug":"bilopillia","oblast":"Сумська","lat":51.14611,"lng":34.30528},{"id":59,"name":"Буринь","slug":"buryn","oblast":"Сумська","lat":51.19583,"lng":33.82667},{"id":88,"name":"Ворожба","slug":"vorozhba","oblast":"Сумська","lat":51.17139,"lng":34.22806},{"id":101,"name":"Глухів","slug":"hlukhiv","oblast":"Сумська","lat":51.67472,"lng":33.91333},{"id":130,"name":"Дружба","slug":"druzhba","oblast":"Сумська","lat":52.04861,"lng":33.94306},{"id":203,"name":"Конотоп","slug":"konotop","oblast":"Сумська","lat":51.24,"lng":33.20139},{"id":233,"name":"Лебедин","slug":"lebedyn","oblast":"Сумська","lat":50.57667,"lng":34.48194},{"id":304,"name":"Охтирка","slug":"okhtyrka","oblast":"Сумська","lat":50.31333,"lng":34.89889},{"id":337,"name":"Путивль","slug":"putyvl","oblast":"Сумська","lat":51.33639,"lng":33.86306},{"id":351,"name":"Ромни","slug":"romny","oblast":"Сумська","lat":50.74444,"lng":33.48417},{"id":366,"name":"Середина-Буда","slug":"seredynabuda","oblast":"Сумська","lat":52.18389,"lng":34.03611},{"id":396,"name":"Суми","slug":"sumy","oblast":"Сумська","lat":50.91194,"lng":34.80333},{"id":411,"name":"Тростянець","slug":"trostianets","oblast":"Сумська","lat":50.48667,"lng":34.98306},{"id":458,"name":"Шостка","slug":"shostka","oblast":"Сумська","lat":51.86528,"lng":33.48611},{"id":44,"name":"Бобринець","slug":"bobrynets","oblast":"Кіровоградська","lat":48.05778,"lng":32.15806},{"id":92,"name":"Гайворон","slug":"haivoron","oblast":"Кіровоградська","lat":48.34056,"lng":29.86639},{"id":127,"name":"Долинська","slug":"dolynska","oblast":"Кіровоградська","lat":48.11083,"lng":32.76472},{"id":157,"name":"Знамянка","slug":"znamianka","oblast":"Кіровоградська","lat":48.71361,"lng":32.67333},{"id":191,"name":"Кіровоград","slug":"kirovograd","oblast":"Кіровоградська","lat":48.51,"lng":32.26667},{"id":246,"name":"Мала Виска","slug":"malavyska","oblast":"Кіровоградська","lat":48.64083,"lng":31.62722},{"id":283,"name":"Новогеоргіївськ","slug":"novogeorgievsk","oblast":"Кіровоградська","lat":49.083,"lng":33.25},{"id":288,"name":"Новомиргород","slug":"novomyrhorod","oblast":"Кіровоградська","lat":48.80028,"lng":31.65139},{"id":291,"name":"Новоукраїнка","slug":"novoukrainka","oblast":"Кіровоградська","lat":48.31556,"lng":31.52694},{"id":299,"name":"Олександрія","slug":"oleksandriia","oblast":"Кіровоградська","lat":48.66417,"lng":33.08861},{"id":329,"name":"Помічна","slug":"pomichna","oblast":"Кіровоградська","lat":48.24333,"lng":31.40611},{"id":360,"name":"Світловодськ","slug":"svitlovodsk","oblast":"Кіровоградська","lat":49.0525,"lng":33.205},{"id":422,"name":"Ульяновка","slug":"ulianovka","oblast":"Кіровоградська","lat":48.33,"lng":30.23222},{"id":49,"name":"Болехів","slug":"bolekhiv","oblast":"Івано-Франківська","lat":49.06694,"lng":23.85139},{"id":60,"name":"Бурштин","slug":"burshtyn","oblast":"Івано-Франківська","lat":49.26222,"lng":24.62778},{"id":94,"name":"Галич","slug":"halych","oblast":"Івано-Франківська","lat":49.13944,"lng":24.73167},{"id":105,"name":"Городенка","slug":"horodenka","oblast":"Івано-Франківська","lat":48.67,"lng":25.5},{"id":126,"name":"Долина","slug":"dolyna","oblast":"Івано-Франківська","lat":48.98083,"lng":24.0025},{"id":163,"name":"Івано-Франківськ","slug":"ivanofrankivsk","oblast":"Івано-Франківська","lat":48.92278,"lng":24.71056},{"id":178,"name":"Калуш","slug":"kalush","oblast":"Івано-Франківська","lat":49.04417,"lng":24.35972},{"id":199,"name":"Коломия","slug":"kolomyia","oblast":"Івано-Франківська","lat":48.54167,"lng":25.03861},{"id":210,"name":"Косів","slug":"kosiv","oblast":"Івано-Франківська","lat":48.32083,"lng":25.0925},{"id":270,"name":"Надвірна","slug":"nadvirna","oblast":"Івано-Франківська","lat":48.63028,"lng":24.57917},{"id":347,"name":"Рогатин","slug":"rohatyn","oblast":"Івано-Франківська","lat":49.41194,"lng":24.61556},{"id":381,"name":"Снятин","slug":"sniatyn","oblast":"Івано-Франківська","lat":48.45111,"lng":25.57111},{"id":407,"name":"Тисмениця","slug":"tysmenytsia","oblast":"Івано-Франківська","lat":48.90194,"lng":24.84806},{"id":408,"name":"Тлумач","slug":"tlumach","oblast":"Івано-Франківська","lat":48.85278,"lng":24.99556},{"id":471,"name":"Яремче","slug":"yaremche","oblast":"Івано-Франківська","lat":48.46028,"lng":24.55861},{"id":67,"name":"Ватутіне","slug":"vatutine","oblast":"Черкаська","lat":49.01194,"lng":31.07139},{"id":106,"name":"Городище","slug":"horodysche","oblast":"Черкаська","lat":49.2925,"lng":31.45806},{"id":139,"name":"Жашків","slug":"zhashkiv","oblast":"Черкаська","lat":49.23583,"lng":30.11111},{"id":151,"name":"Звенигородка","slug":"zvenyhorodka","oblast":"Черкаська","lat":49.06972,"lng":30.96778},{"id":159,"name":"Золотоноша","slug":"zolotonosha","oblast":"Черкаська","lat":49.66889,"lng":32.0475},{"id":180,"name":"Камянка","slug":"kamianka","oblast":"Черкаська","lat":49.03111,"lng":32.0975},{"id":184,"name":"Канів","slug":"kaniv","oblast":"Черкаська","lat":49.74472,"lng":31.45583},{"id":208,"name":"Корсунь-Шевченківський","slug":"korsunshevchenkivskyi","oblast":"Черкаська","lat":49.41944,"lng":31.27722},{"id":265,"name":"Монастирище","slug":"monastyrysche","oblast":"Черкаська","lat":48.99,"lng":29.80111},{"id":378,"name":"Сміла","slug":"smila","oblast":"Черкаська","lat":49.21167,"lng":31.87306},{"id":399,"name":"Тальне","slug":"talne","oblast":"Черкаська","lat":48.88861,"lng":30.70417},{"id":423,"name":"Умань","slug":"uman","oblast":"Черкаська","lat":48.75,"lng":30.21944},{"id":437,"name":"Христинівка","slug":"khrystynivka","oblast":"Черкаська","lat":48.81472,"lng":29.96833},{"id":444,"name":"Черкаси","slug":"сherkasy","oblast":"Черкаська","lat":49.44444,"lng":32.05972},{"id":448,"name":"Чигирин","slug":"chyhyryn","oblast":"Черкаська","lat":49.07722,"lng":32.64917},{"id":459,"name":"Шпола","slug":"shpola","oblast":"Черкаська","lat":48.99972,"lng":31.39222},{"id":87,"name":"Волочиськ","slug":"volochysk","oblast":"Хмельницька","lat":49.53778,"lng":26.20056},{"id":109,"name":"Городок","slug":"horodok","oblast":"Хмельницька","lat":49.16694,"lng":26.58167},{"id":114,"name":"Деражня","slug":"derazhnia","oblast":"Хмельницька","lat":49.27028,"lng":27.43806},{"id":135,"name":"Дунаївці","slug":"dunaivtsi","oblast":"Хмельницька","lat":48.88944,"lng":26.85694},{"id":166,"name":"Ізяслав","slug":"iziaslav","oblast":"Хмельницька","lat":50.11889,"lng":26.82139},{"id":179,"name":"Камянець-Подільський","slug":"kamianetspodilskyi","oblast":"Хмельницька","lat":48.68222,"lng":26.5825},{"id":215,"name":"Красилів","slug":"krasyliv","oblast":"Хмельницька","lat":49.65083,"lng":26.96667},{"id":272,"name":"Нетішин","slug":"netishyn","oblast":"Хмельницька","lat":50.333917,"lng":26.65056},{"id":326,"name":"Полонне","slug":"polonne","oblast":"Хмельницька","lat":50.12556,"lng":27.51083},{"id":375,"name":"Славута","slug":"slavuta","oblast":"Хмельницька","lat":50.30278,"lng":26.86833},{"id":389,"name":"Старокостянтинів","slug":"starokostiantyniv","oblast":"Хмельницька","lat":49.75389,"lng":27.22028},{"id":431,"name":"Хмельницький","slug":"khmelnytskyi","oblast":"Хмельницька","lat":49.41944,"lng":26.97944},{"id":457,"name":"Шепетівка","slug":"shepetivka","oblast":"Хмельницька","lat":50.18556,"lng":27.06833},{"id":91,"name":"Гадяч","slug":"hadiach","oblast":"Полтавська","lat":50.36722,"lng":33.98889},{"id":100,"name":"Глобине","slug":"hlobyne","oblast":"Полтавська","lat":49.39028,"lng":33.25028},{"id":111,"name":"Гребінка","slug":"hrebinka","oblast":"Полтавська","lat":50.125,"lng":32.44},{"id":155,"name":"Зіньків","slug":"zinkiv","oblast":"Полтавська","lat":50.20778,"lng":34.36389},{"id":185,"name":"Карлівка","slug":"karlivka","oblast":"Полтавська","lat":49.45833,"lng":35.11167},{"id":195,"name":"Кобеляки","slug":"kobeliaky","oblast":"Полтавська","lat":49.14333,"lng":34.20028},{"id":201,"name":"Комсомольськ","slug":"komsomolsk","oblast":"Полтавська","lat":49.01388,"lng":33.61453},{"id":224,"name":"Кременчук","slug":"kremenchug","oblast":"Полтавська","lat":49.07972,"lng":33.4325},{"id":237,"name":"Лохвиця","slug":"lokhvytsia","oblast":"Полтавська","lat":50.35778,"lng":33.26583},{"id":238,"name":"Лубни","slug":"lubny","oblast":"Полтавська","lat":50.01611,"lng":32.98861},{"id":257,"name":"Миргород","slug":"myrhorod","oblast":"Полтавська","lat":49.96583,"lng":33.61139},{"id":319,"name":"Пирятин","slug":"pyriatyn","oblast":"Полтавська","lat":50.23611,"lng":32.50111},{"id":328,"name":"Полтава","slug":"poltava","oblast":"Полтавська","lat":49.58944,"lng":34.55111},{"id":434,"name":"Хорол","slug":"khorol","oblast":"Полтавська","lat":49.78278,"lng":33.25028},{"id":442,"name":"Червонозаводське","slug":"chervonozavodske","oblast":"Полтавська","lat":50.40194,"lng":33.37667},{"id":1357,"name":"Горишні плавні","slug":"horishniplavni","oblast":"Полтавська","lat":49.01388,"lng":33.61453}];

    const map = L.map('map', {
        zoomControl: true,
        scrollWheelZoom: true,
    }).setView([48.9, 31.2], 6);

    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://openstreetmap.org">OpenStreetMap</a>',
        maxZoom: 18,
    }).addTo(map);

    const markers = {};
    cities.forEach(city => {
        const icon = L.divIcon({
            className: 'city-marker',
            iconSize: [10, 10],
        });

        const marker = L.marker([city.lat, city.lng], { icon })
            .addTo(map)
            .bindPopup(`
                <div class="text-center">
                    <img src="/static/imgs/ua/logos/${city.id}.png" alt="Герб ${city.name}"
                         class="w-10 h-10 mx-auto mb-1 object-contain" onerror="this.style.display='none'">
                    <div class="font-bold text-base text-gray-900">${city.name}</div>
                    <div class="text-xs text-gray-500 mb-2">${city.oblast} обл.</div>
                    <a href="//${city.slug}.misto.online"
                       class="inline-block px-3 py-1 bg-blue-600 text-white text-xs rounded-lg hover:bg-blue-700 transition"
                       style="color:white;text-decoration:none;">
                       Відкрити портал &rarr;
                    </a>
                </div>
            `);

        markers[city.id] = { marker, city };
    });

    const searchInput = document.getElementById('citySearch');
    const searchResults = document.getElementById('searchResults');
    const clearBtn = document.getElementById('clearSearch');

    function highlightMatch(text, query) {
        const idx = text.toLowerCase().indexOf(query.toLowerCase());
        if (idx === -1) return text;
        return text.substring(0, idx) +
            '<span class="font-bold text-ukraine-blue">' + text.substring(idx, idx + query.length) + '</span>' +
            text.substring(idx + query.length);
    }

    searchInput.addEventListener('input', function() {
        const query = this.value.trim();
        clearBtn.classList.toggle('hidden', !query);

        if (query.length < 1) {
            searchResults.classList.add('hidden');
            return;
        }

        const matches = cities
            .filter(c => c.name.toLowerCase().includes(query.toLowerCase()))
            .sort((a, b) => {
                const aStarts = a.name.toLowerCase().startsWith(query.toLowerCase()) ? 0 : 1;
                const bStarts = b.name.toLowerCase().startsWith(query.toLowerCase()) ? 0 : 1;
                return aStarts - bStarts || a.name.localeCompare(b.name, 'uk');
            })
            .slice(0, 20);

        if (matches.length === 0) {
            searchResults.innerHTML = '<div class="p-4 text-sm text-gray-400 text-center">Нічого не знайдено</div>';
        } else {
            searchResults.innerHTML = matches.map(city => `
                <button class="w-full text-left px-4 py-2.5 hover:bg-blue-50 flex items-center gap-3 transition"
                        role="option" onclick="focusCity(${city.id})">
                    <img src="/static/imgs/ua/logos/${city.id}.png" alt=""
                         class="w-6 h-6 object-contain rounded-full bg-gray-50 flex-shrink-0"
                         onerror="this.style.display='none'">
                    <div>
                        <div class="text-sm font-medium text-gray-800">${highlightMatch(city.name, query)}</div>
                        <div class="text-xs text-gray-400">${city.oblast} обл.</div>
                    </div>
                </button>
            `).join('');
        }

        searchResults.classList.remove('hidden');
    });

    clearBtn.addEventListener('click', function() {
        searchInput.value = '';
        searchResults.classList.add('hidden');
        clearBtn.classList.add('hidden');
        searchInput.focus();
    });

    document.addEventListener('click', function(e) {
        if (!document.getElementById('searchContainer').contains(e.target)) {
            searchResults.classList.add('hidden');
        }
    });

    searchInput.addEventListener('focus', function() {
        if (this.value.trim().length >= 1) {
            searchResults.classList.remove('hidden');
        }
    });

    function focusCity(id) {
        const entry = markers[id];
        if (!entry) return;

        searchResults.classList.add('hidden');
        searchInput.value = entry.city.name;
        clearBtn.classList.remove('hidden');

        map.flyTo([entry.city.lat, entry.city.lng], 12, { duration: 1 });
        setTimeout(() => entry.marker.openPopup(), 600);
    }
</script>

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-2422930-74', 'auto');
    ga('send', 'pageview');
</script>
<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4c4101d79313c7f',t:'MTc5MjI5MDAxNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>

Latest requests

# Url Url Source Date
1 https://portals.misto.online/ 2026-10-18 02:20:17
2 https://auth.mediacorp.sg/u/login?… 2026-10-18 02:20:17
3 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:16
4 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:15
5 https://www.texarkanatwins.com/%25… 2026-10-18 02:20:15
6 https://www.thebolditalic.com/?gi=… 2026-10-18 02:20:15
7 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:15
8 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:14
9 https://www.texarkanatwins.com/%25… 2026-10-18 02:20:13
10 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:13
11 https://www.thebolditalic.com/?gi=… 2026-10-18 02:20:13
12 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:12
13 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:12
14 https://www.thebolditalic.com/?gi=… 2026-10-18 02:20:11
15 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:11
16 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:11
17 https://www.texarkanatwins.com/%25… 2026-10-18 02:20:10
18 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:10
19 https://auth.acog.org/OAuth/SignIn… 2026-10-18 02:20:10
20 https://www.texarkanatwins.com/%25… 2026-10-18 02:20:10