Skip to content
200

https://hatamatata.ru/montenegro/

340.9 KB· 2106 ms· text/html· Google Tag Manager, Cloudflare
Saved copy from 22 hours ago.
More ▾

Screenshot

https://hatamatata.ru/montenegro/ · desktop 1280 × 800Download
Screenshot of https://hatamatata.ru/montenegro/

Esc or a click outside closes this. The picture is taken by our server, so the site never sees your visit.

<!DOCTYPE html>
<html lang="ru" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="csrf-token" content=taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj>


            <meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
<link rel="canonical" href="https://hatamatata.ru/montenegro/">
<link rel="sitemap" title="Sitemap" href="/sitemap.xml" type="application/xml">
<meta name="description" content="2 813 объектов недвижимости в Черногории от 11 234 $. Ипотека для нерезидентов, рассрочка от застройщика, сопровождение сделки и помощь с ВНЖ.">
<meta name="author" content="hatamatata">
<title>Купить недвижимость в Черногории, цены от 11 234 $ ┋ ХатаМатата</title>
<link href="https://hatamatata.ru/svg/logo.svg" rel="shortcut icon">
<meta property="og:title" content="Купить недвижимость в Черногории, цены от 11 234 $ ┋ ХатаМатата">
<meta property="og:description" content="2 813 объектов недвижимости в Черногории от 11 234 $. Ипотека для нерезидентов, рассрочка от застройщика, сопровождение сделки и помощь с ВНЖ.">
<meta property="og:locale" content="ru_RU">
<meta property="og:image" content="https://cdn.hatamatata.ru/pic/og/ru/38af9688cbc637b9f2a4f17074412ef8.jpg">
<meta property="og:url" content="https://hatamatata.ru/montenegro/">
<meta property="og:site_name" content="ХатаМатата">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://cdn.hatamatata.ru/pic/og/ru/38af9688cbc637b9f2a4f17074412ef8.jpg">
<meta name="twitter:title" content="Купить недвижимость в Черногории, цены от 11 234 $ ┋ ХатаМатата">
<meta name="twitter:description" content="2 813 объектов недвижимости в Черногории от 11 234 $. Ипотека для нерезидентов, рассрочка от застройщика, сопровождение сделки и помощь с ВНЖ.">
<meta name="twitter:site" content="@hatamatata_ru">
<link rel="alternate" hreflang="ru" href="https://hatamatata.ru/montenegro/">
<link rel="alternate" hreflang="en" href="https://hatamatata.com/montenegro/">
<link rel="alternate" hreflang="x-default" href="https://hatamatata.com/montenegro/">
<meta property="og:locale:alternate" content="en_US">

    
            <script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","name":"Купить недвижимость в Черногории, цены от 11 234 $ ┋ ХатаМатата","description":"2 813 объектов недвижимости в Черногории от 11 234 $. Ипотека для нерезидентов, рассрочка от застройщика, сопровождение сделки и помощь с ВНЖ.","image":"https://cdn.hatamatata.ru/pic/og/ru/38af9688cbc637b9f2a4f17074412ef8.jpg","dateModified":"2026-10-22T00:01:53+06:00","offers":{"@type":"AggregateOffer","offerCount":2813,"lowPrice":11234,"highPrice":9309617,"priceCurrency":"USD"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.7","ratingCount":103}}</script>
            <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Почему иностранцы выбирают Черногорию для покупки недвижимости?","acceptedAnswer":{"@type":"Answer","text":"Черногория привлекает стабильной экономикой, мягким климатом, безопасностью и возможностью получить ВНЖ через покупку жилья. Страна входит в список кандидатов на вступление в ЕС, что делает инвестиции особенно перспективными."}},{"@type":"Question","name":"Можно ли иностранцам купить недвижимость в Черногории?","acceptedAnswer":{"@type":"Answer","text":"Да, иностранцы могут свободно покупать квартиры, дома и коммерческую недвижимость в Черногории. Исключение — сельхозземли, которые доступны только через регистрацию компании."}},{"@type":"Question","name":"Сколько стоит квартира в Черногории?","acceptedAnswer":{"@type":"Answer","text":"Средняя цена квадратного метра в прибрежных городах — от 2 000 евро, в Будве и Которе — от 2 500 евро, а в Подгорице — от 1 200 евро. Квартиры у моря можно купить от 120 000 евро, апартаменты в новостройках премиум-класса — от 250 000 евро."}},{"@type":"Question","name":"Как проходит процесс покупки недвижимости в Черногории?","acceptedAnswer":{"@type":"Answer","text":"Процесс прост: подписание предварительного договора, проверка прав собственности, нотариальное оформление и регистрация в кадастре. Сделку можно провести дистанционно по доверенности."}},{"@type":"Question","name":"Дает ли покупка недвижимости право на ВНЖ в Черногории?","acceptedAnswer":{"@type":"Answer","text":"Да, покупатель недвижимости может получить вид на жительство в Черногории сроком на 1 год с возможностью продления. При постоянном проживании можно подать на ПМЖ, а затем — на гражданство."}},{"@type":"Question","name":"Какие налоги и расходы при покупке недвижимости в Черногории?","acceptedAnswer":{"@type":"Answer","text":"Налог на покупку недвижимости составляет 3 % от стоимости объекта. Ежегодный налог на владение — от 0,1 до 1 %. Дополнительных сборов и скрытых платежей нет."}},{"@type":"Question","name":"Можно ли оплатить недвижимость в Черногории из России или других стран СНГ?","acceptedAnswer":{"@type":"Answer","text":"Да, оплата возможна банковским переводом в евро. Черногория не входит в ЕС, но её банковская система стабильно работает с международными переводами. Главное — подтвердить происхождение средств."}},{"@type":"Question","name":"Можно ли купить недвижимость в Черногории в рассрочку или с ипотекой?","acceptedAnswer":{"@type":"Answer","text":"Да, некоторые банки выдают ипотеку иностранцам при взносе от 30–40 % и ставке около 5 % годовых. Также застройщики часто предлагают рассрочку без процентов до окончания строительства."}},{"@type":"Question","name":"В каких регионах Черногории выгоднее покупать недвижимость?","acceptedAnswer":{"@type":"Answer","text":"Наибольшим спросом пользуются Будва, Котор, Тиват и Герцег-Нови — города на побережье Адриатического моря. В Тивате расположена престижная марина Porto Montenegro, а Будва считается центром туризма и аренды с доходностью 6–8 % в год."}}]}</script>
            <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","url":"https://hatamatata.ru/montenegro/","name":"Недвижимость в Черногории","author":{"@type":"Person","@id":"https://hatamatata.ru/about/team/valerii-tarenko/#person","image":"https://cdn.hatamatata.ru/pic/authors/5/01M28GAWP56PTWE8YXXAZWTQAN.webp","name":"Валерий Таренко","jobTitle":"Эксперт по инвестициям в зарубежную недвижимость","url":"https://hatamatata.ru/about/team/valerii-tarenko/"},"publisher":{"@id":"https://hatamatata.ru/#organization"},"dateModified":"2026-10-22","reviewedBy":[{"@type":"Person","@id":"https://hatamatata.ru/about/team/deni-gerikhanov/#person","name":"Дени Гериханов","jobTitle":"Юрист по зарубежной недвижимости","url":"https://hatamatata.ru/about/team/deni-gerikhanov/","image":"https://cdn.hatamatata.ru/pic/authors/7/01M39MRX0Z4CGC1PPXCTB3KK7J.webp"},{"@type":"Person","@id":"https://hatamatata.ru/about/team/evgeniia-skripko/#person","name":"Евгения Скрипко","jobTitle":"Финансовый эксперт по зарубежной недвижимости","url":"https://hatamatata.ru/about/team/evgeniia-skripko/","image":"https://cdn.hatamatata.ru/pic/authors/6/01M39M987XVFXREQNVCBF2M70Q.webp"}],"lastReviewed":"2026-10-23"}</script>
    
        <link rel="preload" as="style" href="https://hatamatata.ru/build/assets/app-CjkUYqjx.css" /><link rel="modulepreload" as="script" href="https://hatamatata.ru/build/assets/app-C99yiMKM.js" /><link rel="stylesheet" href="https://hatamatata.ru/build/assets/app-CjkUYqjx.css" data-navigate-track="reload" /><script type="module" src="https://hatamatata.ru/build/assets/app-C99yiMKM.js" data-navigate-track="reload"></script>
    
    <script>
            (function () {
                var loaded = false;
                var events = ['scroll', 'mousemove', 'touchstart', 'keydown', 'click'];

                function loadCounters() {
                    if (loaded) return;
                    loaded = true;
                    clearTimeout(timer);
                    events.forEach(function (e) {
                        window.removeEventListener(e, loadCounters);
                    });
                    var fragment = document.createRange().createContextualFragment(" <!-- Google Tag Manager -->\n        <script>(function (w, d, s, l, i) {\n                w[l] = w[l] || [];\n                w[l].push({\n                    'gtm.start':\n                        new Date().getTime(), event: 'gtm.js'\n                });\n                var f = d.getElementsByTagName(s)[0],\n                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';\n                j.async = true;\n                j.src =\n                    'https:\/\/www.googletagmanager.com\/gtm.js?id=' + i + dl;\n                f.parentNode.insertBefore(j, f);\n            })(window, document, 'script', 'dataLayer', 'GTM-TSRK6SS');<\/script>\n        <!-- End Google Tag Manager -->\n");
                    document.head.appendChild(fragment);
                }

                var timer = setTimeout(loadCounters, 1500);

                events.forEach(function (e) {
                    window.addEventListener(e, loadCounters, { passive: true });
                });
            })();
        </script>
    
    <style>
        [x-cloak] { display: none !important; }
    </style>

            <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Зарубежная недвижимость","item":"https:\/\/hatamatata.ru\/","url":"https:\/\/hatamatata.ru\/"},{"@type":"ListItem","position":2,"name":"Черногория","item":"https:\/\/hatamatata.ru\/montenegro\/","url":"https:\/\/hatamatata.ru\/montenegro\/"}]}</script>
    
    </head>
<body x-data="{ ...asyncFavourite(), mobile_menu_status: false, registrationModal: false }" :class="mobile_menu_status ? 'no-scroll' : ''">
<header>
    <nav
        x-data="headerScroll()"
        x-init=activate(true)
        class="fixed top-0 left-0 z-50 w-full shadow transition-transform duration-300 ease-in-out"
        :style="{'transform': showTop ? 'translateY(0)' : `translateY(-${topHeight}px)`}"
    >
        <div x-ref="topBar"
        >
            <div class="w-full bg-white shadow-nav-shadow" x-data="{ isOpenCurrency: false }">
                <template x-teleport="body" @click.away="open = false">
    <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30 px-15"
         x-show="registrationModal">
        <div class="relative w-[21.5625rem] sm:w-auto sm:max-w-lg bg-white rounded-2xl mx-4 pb-30">
            <button class="absolute top-3 sm:top-4 right-4 ml-auto" x-on:click="registrationModal = false">
                <img src="https://hatamatata.ru/images/svg/cross.svg" alt="cross">
            </button>
            <div class="tab-wrapper"
                 x-data="{
                     openTab: 1,
                     activeClasses: 'text-brand-blue pb-4 border-b-2 border-b-brand-blue ',
                     inactiveClasses: 'pb-4',
                     show: true
                     }">

                <div class="flex list-none lex-col flex-wrap pl-0 gap-5 text-lg font-medium text-brand-gray-3 border-b border-b-brand-gray-7 px-6 pt-30 md:pl-30 pr-[4.25rem]">
                    <button @click="openTab = 1" :class="openTab === 1 ? activeClasses : inactiveClasses">
                        Вход
                    </button>
                    <button @click="openTab = 2" :class="openTab === 2 ? activeClasses : inactiveClasses">
                        Регистрация
                    </button>
                    <a :class="openTab === 3 ? activeClasses : inactiveClasses"
                       href="https://hatamatata.ru/register-team/"
                       target="_blank">
                        Регистрация компании
                    </a>
                </div>

                
                <div x-show="openTab === 1">
                    <form x-data="submitAuthForm()" class="p-30 space-y-5" @submit.prevent="submit()" :disabled="isLoading" novalidate>
                        <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                        <label for="username" class="flex flex-col space-y-five">
                            <span class="text-sm">
                                Email*
                            </span>
                            <input
                                nativeId="username"
                                x-model="email"
                                type="email"
                                name="email_login"
                                required
                                value=""
                                class="input-hover input-focus border border-brand-gray-6 rounded-lg outline-hidden py-3 px-5"
                                placeholder="Введите ваш e-mail"/>
                        </label>

                        <div class="alert alert-danger">
                            <div x-model="errorMessage" x-text="errorMessage" class="text-brand-red"></div>
                        </div>

                        <div class="alert alert-danger">
                            <div x-model="errorMessageEmail" x-text="errorMessageEmail" class="text-brand-red"></div>
                        </div>

                        <label for="password" class="relative flex flex-col space-y-five">
                            <span class="text-sm">
                                Пароль*
                            </span>
                            <div class="relative">

                                <input
                                    nativeId="password"
                                    x-model="password"
                                    name="password_login"
                                    type="password"
                                    :type="show ? 'password' : 'text'"
                                    class="input-hover block input-focus w-full border border-brand-gray-6 rounded-lg outline-hidden py-3 pl-5 pr-50"
                                    placeholder="Пароль"/>

                                <span class="absolute right-5 top-3.5">
                                        
                                    <span @click="show = !show"
                                          :class="{'hidden': !show, 'block':show }">
                                        <img src="https://hatamatata.ru/images/svg/show-pass.svg" alt="show-pass">
                                    </span>

                                         

                                    <span @click="show = !show"
                                          :class="{'block': !show, 'hidden':show }">
                                        <img src="https://hatamatata.ru/images/svg/hide-pass.svg" alt="show-pass">
                                    </span>
                                    </span>
                            </div>
                        </label>

                        <div class="alert alert-danger">
                            <div x-model="errorMessagePassword" x-text="errorMessagePassword" class="text-brand-red"></div>
                        </div>

                        <div class="flex items-center justify-between">
                            <div class="flex items-center gap-2.5">
                                <label htmlFor="remember" class="flex cursor-pointer gap-2.5">
                                    <div class="relative">
                                        <input type="checkbox" nativeId="remember" x-model="remember"/>
                                        <span class="absolute top-[0.2188rem] left-[0.2188rem]">
                                            <img src="https://hatamatata.ru/images/svg/checkmark.svg" alt="checkmark">
                                        </span>
                                    </div>
                                    <span class="text-base">
                                        Запомнить меня
                                    </span>
                                </label>
                            </div>
                            <a href="https://hatamatata.ru/forget-password/" class="text-brand-orange">
                                Забыли пароль?
                            </a>
                        </div>
                        <!-- Button -->
                        <button type="submit" class="btn-primary py-3 w-full" @click.prevent="submit()">
                            Войти

                            <div x-show="isLoading" role="status">
                                <img src="https://hatamatata.ru/images/svg/spinner.svg" alt="spinner">
                            </div>
                        </button>
                    </form>
                </div>

                <!-- Sign Up -->
                <div x-show="openTab === 2">
                    <form x-data="submitRegisterForm()" class="p-30 space-y-5" @submit.prevent="submit()" :disabled="isLoading" novalidate>
                        <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">
                        <div class="alert alert-danger">
                            <div x-model="errorMessageFingerprint" x-text="errorMessageFingerprint" class="text-brand-red"></div>
                        </div>

                        <label for="full-name" class="flex flex-col space-y-five">
                            <span class="text-sm">
                                Имя*
                            </span>
                            <input
                                nativeId="full-name"
                                x-model="name"
                                name="name"
                                required
                                value=""
                                type="text"
                                class="input-hover input-focus border border-brand-gray-6 rounded-lg outline-hidden py-3 px-5"
                                placeholder="Введите ваше имя"/>
                        </label>

                        <div class="alert alert-danger">
                            <div x-model="errorMessageName" x-text="errorMessageName" class="text-brand-red"></div>
                        </div>

                        <label for="email" class="flex flex-col space-y-five">
                            <span class="text-sm">
                               Email*
                            </span>
                            <input
                                nativeId="username01"
                                x-model="email"
                                type="email"
                                name="email"
                                required
                                value=""
                                placeholder="Введите ваш e-mail"
                                class="input-hover input-focus border border-brand-gray-6 rounded-lg outline-hidden py-3 px-5"/>
                        </label>

                        <div class="alert alert-danger">
                            <div x-model="errorMessageEmail" x-text="errorMessageEmail" class="text-brand-red"></div>
                        </div>


                        <label for="password" class="relative flex flex-col space-y-five">
                            <span class="text-sm">
                                Пароль*
                            </span>
                            <div class="relative">
                                <input
                                    nativeId="password2"
                                    x-model="password"
                                    name="password"
                                    required
                                    type="password"
                                    :type="show ? 'password' : 'text'"
                                    class="input-hover block input-focus w-full border border-brand-gray-6 rounded-lg outline-hidden py-3 pl-5 pr-50"
                                    placeholder="Пароль"/>
                                <span class="absolute right-5 top-3.5">

                                    <span @click="show = !show"
                                          :class="{'hidden': !show, 'block':show }">
                                        <img src="https://hatamatata.ru/images/svg/show-pass.svg" alt="show-pass">
                                    </span>

                                    

                                    <span @click="show = !show"
                                          :class="{'block': !show, 'hidden':show }">
                                        <img src="https://hatamatata.ru/images/svg/hide-pass.svg" alt="show-pass">
                                    </span>
                                </span>
                                <p class="form-text color-gray">
                                    Минимум 8 символов с 1 цифрой и 1 буквой
                                </p>
                            </div>
                        </label>

                        <div class="alert alert-danger">
                            <div x-model="errorMessagePassword" x-text="errorMessagePassword" class="text-brand-red"></div>
                        </div>

                        <!-- Button -->
                        <button type="submit" class="btn-primary py-3 w-full" @submit.prevent="submit()">
                            Зарегистрироваться

                            <div x-show="isLoading" role="status">
                                <img src="https://hatamatata.ru/images/svg/spinner.svg" alt="">
                            </div>
                        </button>
                    </form>
                </div>

            </div>

            <!-- Socials -->
            <div class="px-6 md:px-30">
                <div class="flex items-center gap-5">
                    <div class="h-px w-full bg-brand-gray-7"></div>
                    <p class="text-brand-gray-3 whitespace-nowrap">
                        или через социальные сети
                    </p>
                    <div class="h-px w-full bg-brand-gray-7"></div>
                </div>


                <div class="flex items-center justify-center gap-4 mt-5">
                    
                                            <a href="https://hatamatata.ru/login/vkontakte"
                           class="w-8 h-8 rounded-full grid place-content-center bg-[#5181B8]">
                            <img src="https://hatamatata.ru/images/svg/rounded-rectangle-with-path.svg" alt="rounded-rectangle-with-path">
                        </a>
                    
                    

                    
                    
                    
                                            <a href="https://hatamatata.ru/login/odnoklassniki"
                           class="w-8 h-8 rounded-full grid place-content-center">
                            <img src="https://hatamatata.ru/images/svg/ok.svg" alt="ok">
                        </a>
                                    </div>
            </div>
        </div>
    </div>
</template>

                <div class="hidden lg:block py-2 text-sm border-b border-b-brand-gray-7">
                    <div class="max-w-base mx-auto w-full flex items-center justify-between px-15">
                        <div class="flex items-center gap-10">
                            <ul class="flex items-center gap-10 text-brand-gray-2">
                                <li class="flex items-center gap-2.5">
                                    <img src="https://hatamatata.ru/images/svg/location.svg" alt="location">

                                    <div class="bem-country-flag-24-2x is-us"></div>


                                    <div class="hover:text-brand-primary-hover">City, United States</div>
                                </li>
                                <li>
                                    
                                    <a class="hover:text-brand-primary-hover transition-all duration-200"
                                       href="https://hatamatata.ru/page/about-project/">
                                        О проекте
                                    </a>
                                </li>
                                <li>
                                    <a class="hover:text-brand-primary-hover transition-all duration-200"
                                       href="https://hatamatata.ru/contacts">
                                        Контакты
                                    </a>
                                </li>
                                <li>
                                    <a class="hover:text-brand-primary-hover transition-all duration-200"
                                       href="https://hatamatata.ru/page/offer/">
                                        Оферта
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="flex items-center gap-8">
                            <div>
                                <button class="flex items-center text-sm md:text-base gap-five"
                                        @click="isOpenCurrency = !isOpenCurrency"
                                >
                                    USD
                                    <span>
                                <img src="https://hatamatata.ru/images/svg/down-arrow.svg" alt="down-arrow">
                            </span>
                                </button>

                                <div class="absolute currency-dropdown">
                                    <div class="mt-2 left-10 w-20 rounded-md bg-white shadow-md"
                                         x-show="isOpenCurrency"
                                         @click.away="isOpenCurrency = false"
                                    >
                                        <ul class="links-dropdown-shadow bg-gray-50 rounded-xl text-sm p-2.5 mt-0.5"
                                            x-cloak>
                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded cursor-pointer hover:bg-brand-gray-12">
                                                    <span
                                                        x-on:click="window.location.href='https://hatamatata.ru/currency/EUR/'">EUR</span>
                                                </li>
                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded cursor-pointer hover:bg-brand-gray-12">
                                                    <span
                                                        x-on:click="window.location.href='https://hatamatata.ru/currency/USD/'">USD</span>
                                                </li>
                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded cursor-pointer hover:bg-brand-gray-12">
                                                    <span
                                                        x-on:click="window.location.href='https://hatamatata.ru/currency/RUB/'">RUB</span>
                                                </li>
                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded cursor-pointer hover:bg-brand-gray-12">
                                                    <span
                                                        x-on:click="window.location.href='https://hatamatata.ru/currency/GBP/'">GBP</span>
                                                </li>
                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded cursor-pointer hover:bg-brand-gray-12">
                                                    <span
                                                        x-on:click="window.location.href='https://hatamatata.ru/currency/UAH/'">UAH</span>
                                                </li>
                                                                                    </ul>

                                    </div>
                                </div>
                            </div>

                            <a class="flex items-center gap-five" href="https://hatamatata.ru/my-favorite/">
                        <span>
                            <img src="https://hatamatata.ru/images/svg/favorite.svg" alt="favorite">
                        </span>
                                <span
                                    class="text-brand-gray-3 text-sm sm:text-base"
                                                                            x-init="startCount()"
                                                                        x-text="favouriteCount"></span>
                            </a>

                            
                                <button class="flex items-center gap-2.5" @click="registrationModal = true">
                    <span>
                        <img src="https://hatamatata.ru/assets/images/user.svg" width="20" height="20" alt="user">
                    </span>
                                    <p>Войти / Регистрация</p>
                                </button>
                                                    </div>
                    </div>
                </div>

                <div class="max-w-base mx-auto flex items-center justify-between font-medium py-2 px-15">
                    <div class="flex items-center gap-30">
                        <a href="/" class="h-[3.125rem] w-[3.8125rem] md:h-[3.375rem] md:w-[4.125rem]">
                            <img src="/svg/logo.svg" alt="Logo" class="w-full h-full"/>
                        </a>
                        <ul class="hidden lg:flex items-center gap-30">
                            <li>
                                <div class="flex flex-end">
                                    <div class="relative" x-data="{ open: false }">
                                        <button
                                            class="flex items-center gap-five hover:text-brand-primary-hover transition-all duration-200"
                                            @click="open = !open"
                                            :aria-expanded="open ? 'true' : 'false'">
                                            Страны
                                            <img
                                                :src="open ? 'https://hatamatata.ru/images/svg/arrow-open.svg' : 'https://hatamatata.ru/images/svg/arrow-close.svg'"
                                                alt="">
                                        </button>
                                        <div
                                            x-show="open"
                                            @click.away="open = false"
                                            x-transition.origin.top.left
                                            style="display: none; max-height: 700px; overflow-y: auto;"
                                            class="absolute left-0 mt-2 w-40 rounded-md bg-white shadow-md">

                                            <div class="dropdown-header">
                                                <ul class="links-dropdown-shadow bg-white rounded-xl text-sm p-2.5 mt-0.5">
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/bulgaria/">
                                                                Болгария
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/spain/">
                                                                Испания
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/turkey/">
                                                                Турция
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/montenegro/">
                                                                Черногория
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/indonesia/">
                                                                Индонезия
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/italy/">
                                                                Италия
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/tailand/">
                                                                Таиланд
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/portugal/">
                                                                Португалия
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/cyprus/">
                                                                Кипр
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/greece/">
                                                                Греция
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/france/">
                                                                Франция
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/usa/">
                                                                США
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/uae/">
                                                                ОАЭ
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/georgia/">
                                                                Грузия
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/croatia/">
                                                                Хорватия
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/serbia/">
                                                                Сербия
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/egypt/">
                                                                Египет
                                                            </a>
                                                        </li>
                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                            <a class="block" href="https://hatamatata.ru/slovenia/">
                                                                Словения
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                                                                <li>
                                        <div class="flex flex-end">
                                            <div class="relative" x-data="{ open: false }">
                                                <button
                                                    class="flex items-center gap-five hover:text-brand-primary-hover transition-all duration-200"
                                                    @click="open = !open"
                                                    :aria-expanded="open ? 'true' : 'false'">
                                                    Регионы
                                                    <img
                                                        :src="open ? 'https://hatamatata.ru/images/svg/arrow-open.svg' : 'https://hatamatata.ru/images/svg/arrow-close.svg'"
                                                        alt="">
                                                </button>
                                                <div
                                                    x-show="open"
                                                    @click.away="open = false"
                                                    x-transition.origin.top.left
                                                    style="display: none; max-height: 500px; overflow-y: auto;"
                                                    class="absolute left-0 mt-2 w-48 rounded-md bg-white shadow-md">
                                                    <ul class="links-dropdown-shadow bg-white rounded-xl text-sm p-2.5 mt-0.5">
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/budva-region/">
                                                                    Будва
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/tivat-region/">
                                                                    Тиват
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/kotor-region/">
                                                                    Котор
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/bar-region/">
                                                                    Бар
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/herceg-novi/">
                                                                    Херцег-Нови
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/ulcinj/">
                                                                    Улцинь
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/podgorica-region/">
                                                                    Подгорица
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/kolasin-region/">
                                                                    Колашин
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/zabljak-region/">
                                                                    Жабляк
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/danilovgrad-region/">
                                                                    Даниловград
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/cetinje/">
                                                                    Цетине
                                                                </a>
                                                            </li>
                                                                                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a href="https://hatamatata.ru/montenegro/niksic-region/">
                                                                    Никшич
                                                                </a>
                                                            </li>
                                                                                                            </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                                        <li>
                                <div class="flex flex-end">
                                    <div
                                        class="relative"
                                        x-data="{ open: false }">
                                        <button
                                            class="flex items-center gap-five hover:text-brand-primary-hover transition-all duration-200"
                                            @click="open = !open"
                                            :aria-expanded="open ? 'true' : 'false'">
                                            Купить
                                            <img
                                                :src="open ? 'https://hatamatata.ru/images/svg/arrow-open.svg' : 'https://hatamatata.ru/images/svg/arrow-close.svg'"
                                                alt="">
                                        </button>
                                        <div
                                            x-show="open"
                                            @click.away="open = false"
                                            x-transition.origin.top.left
                                            style="display: none; max-height: 500px; overflow-y: auto;"
                                            class="absolute left-0 mt-2 w-40 rounded-md bg-white shadow-md">
                                            <div class="dropdown-header">
                                                <ul class="links-dropdown-shadow  bg-white rounded-xl text-sm p-2.5 mt-0.5">
                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                        <a class="block" href="https://hatamatata.ru/buy/"
                                                           title="Купить недвижимость">
                                                            Недвижимость
                                                        </a>
                                                    </li>
                                                                                                                                                                        <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/flat/"
                                                                   title="Купить квартиру">
                                                                    Квартира
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/penthouse/"
                                                                   title="Купить пентхаус">
                                                                    Пентхаус
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/duplex/"
                                                                   title="Купить дуплекс">
                                                                    Дуплекс
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/house/"
                                                                   title="Купить дом">
                                                                    Дом
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/townhouse/"
                                                                   title="Купить таунхаус">
                                                                    Таунхаус
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/villa/"
                                                                   title="Купить виллу">
                                                                    Вилла
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/chalets-cottages/"
                                                                   title="Купить шале">
                                                                    Шале
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/castle/"
                                                                   title="Купить замок">
                                                                    Замок
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/cafes-restaurants/"
                                                                   title="Купить ресторан">
                                                                    Ресторан
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/hotels/"
                                                                   title="Купить отель">
                                                                    Отель
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/shop/"
                                                                   title="Купить магазин">
                                                                    Магазин
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/office/"
                                                                   title="Купить офис">
                                                                    Офис
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/building/"
                                                                   title="Купить здание">
                                                                    Здание
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/buy/land/"
                                                                   title="Купить земельный участок">
                                                                    Земельный участок
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="flex flex-end">
                                    <div
                                        class="relative"
                                        x-data="{ open: false }">
                                        <button
                                            class="flex items-center gap-five hover:text-brand-primary-hover transition-all duration-200"
                                            @click="open = !open"
                                            :aria-expanded="open ? 'true' : 'false'">
                                            Снять
                                            <img
                                                :src="open ? 'https://hatamatata.ru/images/svg/arrow-open.svg' : 'https://hatamatata.ru/images/svg/arrow-close.svg'"
                                                alt="">
                                        </button>
                                        <div
                                            x-show="open"
                                            @click.away="open = false"
                                            x-transition.origin.top.left
                                            style="display: none; max-height: 500px; overflow-y: auto;"
                                            class="absolute left-0 mt-2 w-40 rounded-md bg-white shadow-md">

                                            <div class="dropdown-header">
                                                <ul class="links-dropdown-shadow  bg-white rounded-xl text-sm p-2.5 mt-0.5">
                                                    <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                        <a class="block" href="https://hatamatata.ru/rent/"
                                                           title="Снять недвижимость">
                                                            Недвижимость
                                                        </a>
                                                    </li>
                                                                                                                                                                        <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/flat/"
                                                                   title="Снять квартиру">
                                                                    Квартира
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/penthouse/"
                                                                   title="Снять пентхаус">
                                                                    Пентхаус
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/house/"
                                                                   title="Снять дом">
                                                                    Дом
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/townhouse/"
                                                                   title="Снять таунхаус">
                                                                    Таунхаус
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/villa/"
                                                                   title="Снять виллу">
                                                                    Вилла
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/office/"
                                                                   title="Снять офис">
                                                                    Офис
                                                                </a>
                                                            </li>
                                                                                                                                                                                                                                                                                                                                            <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                                <a class="block" href="https://hatamatata.ru/rent/land/"
                                                                   title="Снять земельный участок">
                                                                    Земельный участок
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="relative">
                                <div class="flex flex-end">
                                    <div
                                        class="relative"
                                        x-data="{ open: false }">
                                        <button
                                            class="flex items-center gap-five hover:text-brand-primary-hover transition-all duration-200"
                                            @click="open = !open"
                                            :aria-expanded="open ? 'true' : 'false'">
                                            Еще
                                            <img
                                                :src="open ? 'https://hatamatata.ru/images/svg/arrow-open.svg' : 'https://hatamatata.ru/images/svg/arrow-close.svg'"
                                                alt="">
                                        </button>
                                        <div
                                            x-show="open"
                                            @click.away="open = false"
                                            x-transition.origin.top.left
                                            style="display: none; max-height: 500px; overflow-y: auto;"
                                            class="absolute left-0 mt-2 w-40 rounded-md bg-white shadow-md">

                                            <ul class="links-dropdown-shadow  bg-white rounded-xl text-sm p-2.5 mt-0.5">
                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                    <a class="block" href="https://hatamatata.ru/developer/"
                                                       title="Застройщики">
                                                        Застройщики
                                                    </a>
                                                </li>

                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                    <a class="block" href="https://hatamatata.ru/agency/"
                                                       title="Агентства">
                                                        Агентства
                                                    </a>
                                                </li>

                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                    <a class="block" href="https://hatamatata.ru/b/"
                                                       title="Блог">
                                                        Блог
                                                    </a>
                                                </li>

                                                <li class="px-15 py-2.5 hover:text-brand-blue rounded hover:bg-brand-gray-8">
                                                    <a class="block" href="https://hatamatata.ru/review/"
                                                       title="Отзывы">
                                                        Отзывы
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="flex items-center gap-30">
                        <div class="hidden lg:block">
                            <a
                                href="https://wa.me/905077058082?text=%D0%94%D0%BE%D0%B1%D1%80%D1%8B%D0%B9+%D0%B4%D0%B5%D0%BD%D1%8C%2C+%D1%85%D0%BE%D1%82%D0%B5%D0%BB%D0%BE%D1%81%D1%8C+%D0%B1%D1%8B+%D1%83+%D0%B2%D0%B0%D1%81+%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B8%D1%82%D1%8C+%D0%BA%D0%BE%D0%BD%D1%81%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%86%D0%B8%D1%8E.+https%3A%2F%2Fhatamatata.ru%2Fmontenegro%2F"
                                target="_blank"
                                rel="nofollow noopener"
                                class="flex items-center gap-2.5 font-medium whitespace-nowrap">
                                <span>
                                    <img src="https://hatamatata.ru/images/svg/63.svg" alt="">
                                </span>

                                <span class="hidden lg:block">
                                    +90(507)705-80-82 
                                </span>
                            </a>
                        </div>
                        <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'header-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center" @click="writeSellerModal = true" type="button">
        Оставить заявку
    </button>
</div>
                        <div class="flex items-center">
                            <div class="hidden lg:flex items-center mr-5">
                                                                    <button class="btn-primary px-15 text-sm py-[0.6875rem]"
                                            @click="registrationModal = true">
                                    <span>
                                        <img src="https://hatamatata.ru/images/svg/65.svg" alt="">
                                    </span>
                                        <span class="hidden md:inline-block">Добавить объявление</span>
                                    </button>
                                                            </div>

                            <button x-on:click="mobile_menu_status = ! mobile_menu_status"
                                    aria-label="Menu"
                                    class="mobile-menu-btn-hamburger lg:hidden w-8 h-8 grid place-content-center">
                            <span>
                                <img src="https://hatamatata.ru/images/svg/66.svg" alt="" width="24" height="24">
                            </span>
                            </button>

                            <button x-on:click="mobile_menu_status = ! mobile_menu_status"
                                    aria-label="Menu"
                                    class="mobile-menu-btn-close hidden lg:hidden w-8 h-8 grid place-content-center">
                            <span>
                                <img src="https://hatamatata.ru/images/svg/67.svg" alt="" width="24" height="24">
                            </span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div x-cloak
             x-show="showLowBar"
             x-transition:enter="transition ease-out duration-300"
             x-transition:enter-start="opacity-0 -translate-y-4"
             x-transition:enter-end="opacity-100 translate-y-0"
             x-transition:leave="transition ease-in duration-300"
             x-transition:leave-start="opacity-100 translate-y-0"
             x-transition:leave-end="opacity-0 -translate-y-4">
            <div class="bg-brand-gray-9">
    <div class="max-w-base mx-auto w-full flex items-center justify-between px-15 py-2 text-center">
        <button class="w-8 h-8 grid place-content-center transition-transform duration-300 ease-in-out"
                @click.prevent="window.scrollTo({ top: 0, behavior: 'smooth' })">
            <span>
                <img src="https://hatamatata.ru/images/svg/arrow-open.svg" alt="">
            </span>
        </button>
        <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'header-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center" @click="writeSellerModal = true" type="button">
        Оставить заявку
    </button>
</div>
    </div>
</div>
        </div>
    </nav>

    <div class="mobile-menu fixed mobile-menu-shadow hidden w-full h-screen top-0 z-40 bg-white mt-10 text-center font-medium">
    <div class="h-[42rem] md:h-auto overflow-y-scroll space-y-8 px-5 pt-8 pb-40">
        <div class="flex items-center justify-center text-brand-gray-1 font-normal gap-2.5 pt-5">
            <img width="24" height="24" src="https://hatamatata.ru/images/svg/icons/mobile-menu-location.svg" alt="">
            <div class="bem-country-flag-24-2x is-us"></div>
            <span class="hover:text-brand-primary-hover transition-all duration-200">
                City, United States
            </span>
        </div>
        <ul class="font-medium text-brand-black divide-y divide-brand-gray-7">
            <li class="hover:text-brand-primary-hover transition-all duration-200 py-4">
                <a href="https://hatamatata.ru/b/"
                   title="Блог">
                    Блог
                </a>
            </li>

            <li class="hover:text-brand-primary-hover transition-all duration-200 py-4">
                <a href="https://hatamatata.ru/review/">Отзывы</a>
            </li>

            <li class="hover:text-brand-primary-hover transition-all duration-200 py-4">
                <a href="https://hatamatata.ru/developer/"
                   title="Застройщики">
                    Застройщики
                </a>
            </li>

            <li class="hover:text-brand-primary-hover transition-all duration-200 py-4">
                <a href="https://hatamatata.ru/agency/"
                   title="Агентства">
                    Агентства
                </a>
            </li>

            <li class="flex items-center gap-2.5 justify-center hover:text-brand-primary-hover transition-all duration-200 py-8">
                <span><img src="https://hatamatata.ru/images/svg/icons/mobile-menu-phone.svg" alt=""></span>
                <a href="https://wa.me/905077058082?text=%D0%94%D0%BE%D0%B1%D1%80%D1%8B%D0%B9+%D0%B4%D0%B5%D0%BD%D1%8C%2C+%D1%85%D0%BE%D1%82%D0%B5%D0%BB%D0%BE%D1%81%D1%8C+%D0%B1%D1%8B+%D1%83+%D0%B2%D0%B0%D1%81+%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B8%D1%82%D1%8C+%D0%BA%D0%BE%D0%BD%D1%81%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%86%D0%B8%D1%8E.+https%3A%2F%2Fhatamatata.ru%2Fmontenegro%2F"
                   target="_blank"
                   rel="nofollow noopener">
                    +90(507)705-80-82 </a>
            </li>
        </ul>

        <div class="max-w-3xl mx-auto grid sm:grid-cols-2 text-sm gap-4 sm:px-5">
                            <button class="btn-primary px-15 text-sm py-[0.6875rem]" @click="registrationModal = true">
                  <span>
                    <img src="https://hatamatata.ru/images/svg/plus.svg" alt="plus">
                  </span>
                    <span>Добавить объявление</span>
                </button>

                <button class="flex items-center justify-center text-brand-gray-1 bg-brand-gray-8 gap-2.5 py-3 rounded-lg" @click="registrationModal = true">
                    <span>
                        <img src="https://hatamatata.ru/images/svg/user-2.svg" alt="user">
                    </span>
                    <p>Войти / Регистрация</p>
                </button>
                    </div>
    </div>
</div>

<div class="mobile-bottom-menu-shadow lg:hidden fixed bottom-0 left-0 z-40 w-full bg-white flex items-center justify-between gap-30 text-xs sm:text-sm font-medium px-15 sm:px-9 py-2.5">
    <a href="https://hatamatata.ru/"
       class="btn flex flex-col items-center space-y-five clickable">

        <span><img width="32" height="32" src="https://hatamatata.ru/images/svg/icons/bottom-menu-main.svg" alt=""></span>
        <span>Главная</span>
    </a>

    
    <span
       class="flex flex-col items-center space-y-five clickable">

        <span><img width="32" height="32" src="https://hatamatata.ru/images/svg/icons/bottom-menu-country.svg" alt=""></span>
        <span>Страны</span>
    </span>

    <span
       class="flex flex-col items-center space-y-five clickable">

        <span><img width="32" height="32" src="https://hatamatata.ru/images/svg/icons/bottom-menu-buy.svg" alt=""></span>
        <span>Купить</span>
    </span>

    <span
       class="flex flex-col items-center space-y-five clickable">

        <span><img width="32" height="32" src="https://hatamatata.ru/images/svg/icons/bottom-menu-rent.svg" alt=""></span>
        <span>Снять</span>
    </span>

            <button class="flex flex-col items-center space-y-five clickable" @click="registrationModal = true">
            <span> <img width="32" height="32" src="https://hatamatata.ru/images/svg/icons/bottom-menu-profile.svg" alt=""></span>
            <span>Войти</span>
        </button>
    </div>
    <a href="https://wa.me/905077058082?text=%D0%94%D0%BE%D0%B1%D1%80%D1%8B%D0%B9+%D0%B4%D0%B5%D0%BD%D1%8C%2C+%D1%85%D0%BE%D1%82%D0%B5%D0%BB%D0%BE%D1%81%D1%8C+%D0%B1%D1%8B+%D1%83+%D0%B2%D0%B0%D1%81+%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B8%D1%82%D1%8C+%D0%BA%D0%BE%D0%BD%D1%81%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%86%D0%B8%D1%8E.+https%3A%2F%2Fhatamatata.ru%2Fmontenegro%2F"
   target="_blank"
   rel="nofollow noopener"
   aria-label="WhatsApp"
   class="fixed bottom-20 right-10 bg-whatsapp text-white flex justify-center items-center text-4xl p-4 w-14 h-14 z-50 rounded-full shadow-pulse">
	<i class="fab fa-whatsapp"></i>
</a>
    </header>

<main class="mt-20 lg:mt-[8.75rem]">

    <div class="hidden sm:block">
        <main class="mt-8 lg:mt-24">
    <div style=" background-image: url('https://hatamatata.ru/assets/images/main-banners/main-banner-2.webp');"
         class="relative bg-no-repeat bg-cover before:absolute before:inset-0 top-0 bottom-0 before:bg-[#1D232F]/60 pt-10 lg:pt-20">
        <div class="max-w-base mx-auto relative flex flex-col lg:flex-row gap-5 pb-10 lg:pt-0">
            <div class="flex-1 relative z-20 md:pl-2.5 pb-1 space-y-5">
                <div class="flex justify-between">
                    <div class="lg:max-w-4xl xl:pr-24 relative space-y-5 pt-2.5">
                        <!-- Hero Flag -->
                        <div class="w-7 h-5 md:w-10 md:h-30 lg:w-60 lg:h-[2.8125rem] rounded-lg overflow-hidden mb-30 ml-4">
                            <img
                                    width="60" height="45"
                                    src="https://cdn.hatamatata.ru/pic/property/flags/montenegro.svg"
                                    alt="Flag of Turkey"
                                    class="w-auto h-full object-cover"
                            />
                        </div>

                                                    <h1 class="md:max-w-xl text-white md:leading-10 md:pr-3.5 pl-4">
                                Недвижимость в Черногории
                            </h1>
                        
                        <div class="text-brand-gray-8 text-sm md:text-base md:leading-6 pl-4">
                            Покупайте недвижимость в Черногории! Уникальная возможность получить надежные объекты для проживания и инвестиций. Преимущества включают пляжи, природу, низкие налоги, растущую туристическую индустрию и стабильный рынок недвижимости.
                        </div>

                        <div class="space-y-2.5 sm:px-15 hidden sm:block">

                            <div class="grid">
                                <div x-data="{}"
                                     x-init="days = [{&quot;datetime&quot;:&quot;22\/10&quot;,&quot;conditions&quot;:&quot;Rain, Partially cloudy&quot;,&quot;tempmax&quot;:26},{&quot;datetime&quot;:&quot;23\/10&quot;,&quot;conditions&quot;:&quot;Rain, Overcast&quot;,&quot;tempmax&quot;:27},{&quot;datetime&quot;:&quot;24\/10&quot;,&quot;conditions&quot;:&quot;Rain, Overcast&quot;,&quot;tempmax&quot;:23},{&quot;datetime&quot;:&quot;25\/10&quot;,&quot;conditions&quot;:&quot;Rain, Overcast&quot;,&quot;tempmax&quot;:19},{&quot;datetime&quot;:&quot;26\/10&quot;,&quot;conditions&quot;:&quot;Rain, Partially cloudy&quot;,&quot;tempmax&quot;:20}]"
                                     class="weather-card flex sm:grid grid-cols-5 gap-2.5 overflow-auto">

                                    <template x-for="item in days">
                                        <div class="min-w-[5.5rem] sm:w-auto rounded-10 space-y-five bg-white py-2.5 text-center md:py-4 lg:space-y-5 lg:py-5 mr-4 sm:mr-0">
                                            <p x-text="item.datetime" class="text-brand-gray-1"></p>

                                            <template
                                                    x-if="item.conditions.includes('Clear') && !item.conditions.includes('Partially cloudy') && !item.conditions.includes('Overcast')">
                                                <span class="flex w-full items-center justify-center">
                                                    <img src="https://hatamatata.ru/images/svg/58.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="item.conditions.includes('Overcast') || item.conditions.includes('Partially cloudy') && !item.conditions.includes('Rain') ">
                                                <span class="flex w-full items-center justify-center">
                                                   <img src="https://hatamatata.ru/images/svg/59.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="!item.conditions.includes('Partially cloudy') && item.conditions.includes('Rain') && !item.conditions.includes('Overcast') && !item.conditions.includes('Snow')">
                                                <span class="flex w-full items-center justify-center">
                                                   <img src="https://hatamatata.ru/images/svg/60.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="item.conditions.includes('Rain') && item.conditions.includes('Partially cloudy') && !item.conditions.includes('Overcast') && !item.conditions.includes('Snow')">
                                                <span class="flex w-full items-center justify-center">
                                                   <img src="https://hatamatata.ru/images/svg/60.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="item.conditions.includes('Rain') && item.conditions.includes('Partially cloudy') && !item.conditions.includes('Overcast') && item.conditions.includes('Snow')">
                                                <span class="flex w-full items-center justify-center">
                                                    <img src="https://hatamatata.ru/images/svg/61.svg" alt="">
                                                </span>
                                            </template>

                                            <p x-text="item.tempmax" class="text-lg font-bold md:text-2xl">
                                                <sup class="text-brand-gray-4 text-sm">℃</sup>
                                            </p>
                                        </div>
                                    </template>
                                </div>
                            </div>

                            <p class="text-sm md:text-base text-brand-gray-7 ml-4 sm:ml-0">
                                
                                Погода в Черногории
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Hero Form & Currency -->
            <div class="space-y-5">
                <!-- Hero Form -->
                <div
    class="hidden lg:flex flex-col w-80 p-6 z-0 bg-gradient-to-b bg-white to-gray-50 rounded-2xl shadow-xl border border-gray-100">
    <div class="text-center mb-6">
        <div class="text-xl font-bold text-brand-black leading-snug">
            Подберём недвижимость в Черногории под ваш запрос
        </div>
    </div>

            <ul class="space-y-4 text-sm text-gray-700">
                            <li class="flex items-start gap-3">
                    <span>🔸 Надежные новостройки и готовые квартиры</span>
                </li>
                            <li class="flex items-start gap-3">
                    <span>🔸 Без комиссий и посредников</span>
                </li>
                            <li class="flex items-start gap-3">
                    <span>🔸 Онлайн-показ и дистанционная сделка</span>
                </li>
                    </ul>
        <div class="mt-auto pt-6">
            <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'banner-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 btn-orange" @click="writeSellerModal = true" type="button">
        Подобрать объект
    </button>
</div>
        </div>
    </div>


<div class="hidden sm:block px-15 lg:px-0">
    <div
        class="lg:hidden sm:flex items-center justify-between space-y-4 sm:space-y-0 text-center sm:text-start px-30 py-5 relative z-0 bg-white rounded-10">
        <div class="text-sm space-y-1">
            <div class="font-bold">Нужна помощь в выборе объекта?</div>
            <p class="text-brand-gray-2">Оставьте заявку и наш менеджер свяжется с вами.</p>
        </div>
        <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'banner-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 btn-orange" @click="writeSellerModal = true" type="button">
        Подобрать объект
    </button>
</div>
    </div>
</div>

                <!-- Currency -->

                <div x-data="{ open: false }">
                    <div
                            x-data="currencyFunc()"
                            x-init="startCurrency({&quot;EUR&quot;:{&quot;value&quot;:&quot;91.14 ₽&quot;,&quot;text&quot;:&quot;евро&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;USD&quot;:{&quot;value&quot;:&quot;81.13 ₽&quot;,&quot;text&quot;:&quot;доллар США&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;GBP&quot;:{&quot;value&quot;:&quot;108.58 ₽&quot;,&quot;text&quot;:&quot;фунт стерлинг&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;UAH&quot;:{&quot;value&quot;:&quot;18.01 ₽&quot;,&quot;text&quot;:&quot;гривна&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;}}, 'USD')"

                            x-bind:class="{ 'h-full': open && lang === 'ru' }"
                            x-bind:style="open && lang === 'en' ? 'height: 160px;' : ''"

                            class="hidden lg:block h-20 w-full shrink-0 p-2.5 gap-five border rounded-10 border-[#ffffff33] bg-[#ffffff26]/20"
                            id="currencySelect">

                        <div>
                            <button x-on:click="open = ! open" class="w-full flex items-center justify-between">

                                <div class="flex items-center gap-2.5">
                                    <div class="w-8 h-8 rounded-full overflow-hidden">
                                        <img
                                                x-bind:src="getFlagPath(mainBankCode)"
                                                x-bind:alt="getFlagAltText(mainBankCode)"
                                                width="40" height="32" class="w-full h-full"
                                        />
                                    </div>
                                    <div class="text-xs">
                                        <p x-text="mainBankCode"
                                           class="text-white font-medium text-start"></p>
                                        <p x-text="mainCurrencyText"
                                           class="text-brand-gray-8 mt-1"></p>
                                    </div>
                                </div>
                                <span>
                                            <img src="https://hatamatata.ru/images/svg/downward-arrow.svg"
                                                 alt="downward-arrow">
                                        </span>
                            </button>

                            <div class="pb-4 flex items-center justify-between mt-five">
                                <p x-text="mainBank"
                                   class="text-xs text-brand-gray-7">

                                </p>
                                <p x-text="mainExchangeRate"
                                   class="text-sm font-medium text-white"></p>
                            </div>
                        </div>

                        <div x-cloak x-show="open" x-transition>

                            <template x-for="(currency, bankCode) in currenciesArrayJs">

                                <div>
                                    <button x-on:click="open = ! open" class="w-full flex items-center justify-between"
                                            @click="selectCurrency({&quot;EUR&quot;:{&quot;value&quot;:&quot;91.14 ₽&quot;,&quot;text&quot;:&quot;евро&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;USD&quot;:{&quot;value&quot;:&quot;81.13 ₽&quot;,&quot;text&quot;:&quot;доллар США&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;GBP&quot;:{&quot;value&quot;:&quot;108.58 ₽&quot;,&quot;text&quot;:&quot;фунт стерлинг&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;UAH&quot;:{&quot;value&quot;:&quot;18.01 ₽&quot;,&quot;text&quot;:&quot;гривна&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;}}, bankCode)">

                                        <div class="flex items-center gap-2.5">
                                            <div class="w-8 h-8 rounded-full overflow-hidden">
                                                <img
                                                        x-bind:src="getFlagPath(bankCode)"
                                                        x-bind:alt="getFlagAltText(bankCode)"
                                                        width="40" height="32" class="w-full h-full"
                                                />
                                            </div>
                                            <div class="text-xs">
                                                <p x-text="bankCode"
                                                   class="text-white font-medium text-start">

                                                </p>
                                                <p x-text="currency.text"
                                                   class="text-brand-gray-8 mt-1">
                                                </p>
                                            </div>
                                        </div>
                                    </button>

                                    <div class="pb-4 flex items-center justify-between mt-five">
                                        <p x-text="currency.bank"
                                           class="text-xs text-brand-gray-7"></p>
                                        <p x-text="currency.value"
                                           class="text-sm font-medium text-white"></p>
                                    </div>
                                </div>

                            </template>

                        </div>
                    </div>
                </div>
            </div>
            <div class="px-15 lg:px-0"></div>
        </div>
    </div>
</main>
    </div>

    <div class="max-w-base mx-auto px-15">
        <div class="author-byline flex flex-wrap items-center gap-x-2 gap-y-1 py-2 text-xs md:text-sm text-brand-gray-2">
            <span class="inline-flex items-center gap-1.5">
                                    <img
                        src="https://cdn.hatamatata.ru/pic/authors/5/01M28GAWP56PTWE8YXXAZWTQAN.webp"
                        alt="Валерий Таренко, Эксперт по инвестициям в зарубежную недвижимость"
                        width="24" height="24" loading="lazy"
                        class="w-6 h-6 rounded-full object-cover shrink-0"
                    />
                                <span>
                    <a href="https://hatamatata.ru/about/team/valerii-tarenko/"
                       class="text-brand-blue font-semibold hover:underline">Валерий Таренко</a>, Эксперт по инвестициям в зарубежную недвижимость                </span>
            </span>
                            <span class="text-brand-gray-4" aria-hidden="true">//</span>
                <span class="text-[0.625rem] md:text-xs text-brand-gray-3">Обновлено:
                    <time datetime="2026-10-22">22 октября 2026</time>
                </span>
                    </div>
    </div>

    <div class="max-w-base mx-auto">
        <div class="pt-5"><div class="pb-0
    ">

    <div class="max-w-base mx-auto flex flex-wrap items-center gap-five text-sm text-brand-gray-3 px-15">
                    <div>
                <a href="https://hatamatata.ru/">
                    <span>Зарубежная недвижимость </span>
                </a>
            </div>

            <div>
                <img src="https://hatamatata.ru/images/svg/icons/breadcrumbs-arrow.svg" alt="">
            </div>
        
            <div>
                <span>Черногория</span>
            </div>
    </div>


</div>
</div>
    </div>

    <!-- Interesting & Best Properties -->
    <div class="flex flex-col-reverse lg:flex-col mb-7">
    <!-- Interesting -->
    <section class="w-full p-0 lg:mt-12 md:mt-2 my-2 sm:mt-16">
    <div class="max-w-base mx-auto px-15">
        <!-- Pictures -->
        <div class="lg:flex lg:flex-row-reverse space-y-30 lg:space-y-0 lg:gap-10 mt-3">
            <!-- Cities -->
            <div class="lg:flex-1 grid grid-cols-2 md:grid-cols-3 lg:grid-rows-5 gap-2.5">
                                                    <div class="relative lg:row-span-2 rounded-lg overflow-hidden relative col-span-2 lg:row-span-3 rounded-lg overflow-hidden">
                        <a href="https://hatamatata.ru/montenegro/budva-region/">

    <img src="https://cdn.hatamatata.ru/pic/property/regions/01HNWYRAZ0302K9SWDKSTEHZ1T.webp"
         alt="Будва"
         class="w-full h-full object-cover" style="max-height: 400px;"/>
</a>

<div class="w-full h-full">
    <div class="text-white absolute bottom-4 left-4 md:left-5 md:bottom-5">
        <a href="https://hatamatata.ru/montenegro/budva-region/">
            
            <span class="block text-lg md:text-2xl lg:text-28 font lg:leading-[38px]">
                Будва
            </span>
            <p class="text-sm md:text-base mt-1">
                <span>1024</span> объявлений
            </p>
        </a>
    </div>
</div>


                    </div>
                                                                            <div class="relative lg:row-span-2 rounded-lg overflow-hidden relative lg:row-span-3 rounded-lg overflow-hidden">
                        <a href="https://hatamatata.ru/montenegro/tivat-region/">

    <img src="https://cdn.hatamatata.ru/pic/property/regions/01HNWZ6AD6E2HG66H7CMCGGR1E.webp"
         alt="Тиват"
         class="w-full h-full object-cover" style="max-height: 400px;"/>
</a>

<div class="w-full h-full">
    <div class="text-white absolute bottom-4 left-4 md:left-5 md:bottom-5">
        <a href="https://hatamatata.ru/montenegro/tivat-region/">
            
            <span class="block text-lg md:text-2xl lg:text-28 font lg:leading-[38px]">
                Тиват
            </span>
            <p class="text-sm md:text-base mt-1">
                <span>647</span> объявлений
            </p>
        </a>
    </div>
</div>


                    </div>
                                                                            <div class="relative lg:row-span-2 rounded-lg overflow-hidden">
                        <a href="https://hatamatata.ru/montenegro/kotor-region/">

    <img src="https://cdn.hatamatata.ru/pic/property/regions/01HNWZ1CFE1S3E7DHJX0G7EYG3.webp"
         alt="Котор"
         class="w-full h-full object-cover" style="max-height: 400px;"/>
</a>

<div class="w-full h-full">
    <div class="text-white absolute bottom-4 left-4 md:left-5 md:bottom-5">
        <a href="https://hatamatata.ru/montenegro/kotor-region/">
            
            <span class="block text-lg md:text-2xl lg:text-28 font lg:leading-[38px]">
                Котор
            </span>
            <p class="text-sm md:text-base mt-1">
                <span>485</span> объявлений
            </p>
        </a>
    </div>
</div>


                    </div>
                                                                            <div class="relative lg:row-span-2 rounded-lg overflow-hidden">
                        <a href="https://hatamatata.ru/montenegro/bar-region/">

    <img src="https://cdn.hatamatata.ru/pic/property/regions/01HNWYMVM7P90CD02M2RQE8M0E.webp"
         alt="Бар"
         class="w-full h-full object-cover" style="max-height: 400px;"/>
</a>

<div class="w-full h-full">
    <div class="text-white absolute bottom-4 left-4 md:left-5 md:bottom-5">
        <a href="https://hatamatata.ru/montenegro/bar-region/">
            
            <span class="block text-lg md:text-2xl lg:text-28 font lg:leading-[38px]">
                Бар
            </span>
            <p class="text-sm md:text-base mt-1">
                <span>441</span> объявлений
            </p>
        </a>
    </div>
</div>


                    </div>
                                                                            <div class="relative lg:row-span-2 rounded-lg overflow-hidden">
                        <a href="https://hatamatata.ru/montenegro/herceg-novi/">

    <img src="https://cdn.hatamatata.ru/pic/property/regions/01HNWYYKJ3AC5A033V5JPMWP8F.webp"
         alt="Херцег-Нови"
         class="w-full h-full object-cover" style="max-height: 400px;"/>
</a>

<div class="w-full h-full">
    <div class="text-white absolute bottom-4 left-4 md:left-5 md:bottom-5">
        <a href="https://hatamatata.ru/montenegro/herceg-novi/">
            
            <span class="block text-lg md:text-2xl lg:text-28 font lg:leading-[38px]">
                Херцег-Нови
            </span>
            <p class="text-sm md:text-base mt-1">
                <span>319</span> объявлений
            </p>
        </a>
    </div>
</div>


                    </div>
                                                        </div>

            <!-- Texts -->
            <div class="lg:w-80 space-y-2.5">
                
                <p class="text-lg font-bold">Погода в Черногории</p>
                <div class="text-brand-gray-1 space-y-7">
                    В Черногории гармоничное сочетание благоприятной погоды, уникального климата и привлекательного жилого фонда создает идеальные условия для покупки недвижимости. Активный небо и ласковое Средиземноморское море гарантируют теплые летние дни. Мягкая зима и множество солнечных дней делают Черногорию привлекательным местом для всегодишнего проживания. Культурные особенности этой страны, насыщенные историей и традициями, добавляют неповторимости и чарма. Полевые и горные пейзажи, пляжи с прозрачной водой и заповедными парками радуют глаз и душу. Не упустите возможность обладать недвижимостью в месте, где природа и культура сливаются в идеальном сочетании.
                </div>
            </div>
        </div>
    </div>
</section>

    <!-- Best Properties -->
    <section class="w-full pb-2 pt-3">
        <div class="max-w-base mx-auto px-15" id="property-card">
            <div class="text-center mb-2 sm:pt-10 md:mt-10">
                <h2>Продажа недвижимости в Черногории</h2>
                <!--todo вернуть после выполнения реального времени-->
                
                
                
                
            </div>

            <div class="lg:flex space-y-30 lg:space-y-0 lg:gap-10 max-sm:mt-5">
                <!-- Recommended links -->
                <div class="lg:flex-1 space-y-8 my-3">
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/bar-region/house/">
                        Дома в Баре
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/bar-region/house/'">
                        3 из 167 Домов в Баре
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-trex-komnatnogo-doma-v-cernogorii-stoimostiu-442-715-60387/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60387/cover.webp"
                 alt="Купить дом в Черногории 395000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60387" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60387)" x-init="checkState(60387)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">443 743 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>3</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>165 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-cetyrex-komnatnogo-doma-v-cernogorii-stoimostiu-111-769-60283/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60283/cover.webp"
                 alt="Купить дом в Черногории 100000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60283" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60283)" x-init="checkState(60283)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">112 340 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/sutomore/">
                        Сутоморе
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>4</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>90 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-vosmi-komnatnogo-doma-v-cernogorii-stoimostiu-502-964-60281/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60281/cover.webp"
                 alt="Купить дом в Черногории 450000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60281" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60281)" x-init="checkState(60281)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">505 530 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>8</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>295 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/budva-region/flat/">
                        Квартиры в Будве
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/budva-region/flat/'">
                        3 из 780 Квартир в Будве
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-303-284-59586/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/59586/cover.webp"
                 alt="Купить квартиру в Черногории 262561€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60411" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60411)" x-init="checkState(60411)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">294 961 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/budva-region/tudorovici/">
                        Тудоровичи
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>53 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-171-283-60376/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60376/cover.webp"
                 alt="Купить квартиру в Черногории 153000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60376" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60376)" x-init="checkState(60376)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">171 880 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/budva-region/budva/">
                        Будва
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>42 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-kvartiry-v-cernogorii-stoimostiu-531-334-60308/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60308/cover.webp"
                 alt="Купить квартиру в Черногории 475000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60308" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60308)" x-init="checkState(60308)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">533 615 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/budva-region/przno/">
                        Пржно
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>1 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                            <div class="text-sm space-y-1 border border-brand-gray-5/80 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-200 bg-white/90 p-5">
                    
                    <p class="font-bold text-brand-black mb-3">
                        Подберём недвижимость в Черногории под ваш запрос
                    </p>

                                            <ul class="py-4 text-sm text-gray-700">
                                                            <li class="flex items-start gap-2">
                                    <span>🔸 Надежные новостройки и готовые квартиры</span>
                                </li>
                                                            <li class="flex items-start gap-2">
                                    <span>🔸 Без комиссий и посредников</span>
                                </li>
                                                            <li class="flex items-start gap-2">
                                    <span>🔸 Онлайн-показ и дистанционная сделка</span>
                                </li>
                                                    </ul>
                    
                    <div>
                        <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'property-collections-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 btn-orange" @click="writeSellerModal = true" type="button">
        Подобрать объект
    </button>
</div>
                    </div>
                </div>
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/kotor-region/flat/">
                        Квартиры в Которе
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/kotor-region/flat/'">
                        3 из 193 Квартир в Которе
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-253-395-59469/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/59469/cover.webp"
                 alt="Купить квартиру в Черногории 217600€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60383" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60383)" x-init="checkState(60383)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">244 451 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/kotor-region/radanovici/">
                        Радановичи
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>3</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>6345 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-kvartiry-v-cernogorii-stoimostiu-117-452-60324/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60324/cover.webp"
                 alt="Купить квартиру в Черногории 105000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60324" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60324)" x-init="checkState(60324)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">117 957 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/kotor-region/stolovici/">
                        Столовичи
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>39 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-249-435-59473/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/59473/cover.webp"
                 alt="Купить квартиру в Черногории 214200€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60313" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60313)" x-init="checkState(60313)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">240 632 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/kotor-region/radanovici/">
                        Радановичи
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>6345 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/bar-region/land/">
                        Земельные участки в Баре
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/bar-region/land/'">
                        3 из 13 Земельных участков в Баре
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-zemelnogo-ucastka-v-cernogorii-stoimostiu-193-741-60323/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60323/cover.webp"
                 alt="Купить земельный участок в Черногории 173200€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60323" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60323)" x-init="checkState(60323)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">194 572 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>1 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-zemelnogo-ucastka-v-cernogorii-stoimostiu-156-477-60270/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60270/cover.webp"
                 alt="Купить земельный участок в Черногории 140000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60270" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60270)" x-init="checkState(60270)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">157 276 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/sutomore/">
                        Сутоморе
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>58 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-zemelnogo-ucastka-v-cernogorii-stoimostiu-67-533-53564/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/53564/cover.webp"
                 alt="Купить земельный участок в Черногории 60000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="53564" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(53564)" x-init="checkState(53564)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">67 404 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/dobra-voda/">
                        Добра Вода
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>1 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/herceg-novi/house/">
                        Дома в Херцег-Нови
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/herceg-novi/house/'">
                        3 из 33 Домов в Херцег-Нови
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-doma-v-cernogorii-stoimostiu-83-894-60322/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60322/cover.webp"
                 alt="Купить дом в Черногории 75000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60322" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60322)" x-init="checkState(60322)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">84 255 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/herceg-novi/herceg-novi/">
                        Херцег-Нови
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>4</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>121 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-dvux-komnatnogo-doma-v-cernogorii-stoimostiu-174-669-60244/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60244/cover.webp"
                 alt="Купить дом в Черногории 155000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60244" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60244)" x-init="checkState(60244)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">174 127 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/herceg-novi/herceg-novi/">
                        Херцег-Нови
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>143 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-dvux-komnatnogo-doma-v-cernogorii-stoimostiu-185-938-60242/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60242/cover.webp"
                 alt="Купить дом в Черногории 165000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60242" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60242)" x-init="checkState(60242)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">185 361 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/herceg-novi/herceg-novi/">
                        Херцег-Нови
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>58 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/kotor-region/house/">
                        Дома в Которе
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/kotor-region/house/'">
                        3 из 82 Домов в Которе
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-doma-v-cernogorii-stoimostiu-1-510-109-60321/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60321/cover.webp"
                 alt="Купить дом в Черногории 1350000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60321" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60321)" x-init="checkState(60321)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">1 516 590 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/kotor-region/dobrota/">
                        Доброта
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>5</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>185 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-doma-v-cernogorii-stoimostiu-1-448-874-58437/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/58437/cover.webp"
                 alt="Купить дом в Черногории 1250000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="58437" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(58437)" x-init="checkState(58437)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">1 404 250 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/kotor-region/prcan/">
                        Прчань
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>4</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>124 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-doma-v-cernogorii-stoimostiu-580-255-58040/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/58040/cover.webp"
                 alt="Купить дом в Черногории 470000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="58040" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(58040)" x-init="checkState(58040)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">527 998 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/kotor-region/kavac/">
                        Кавач
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>110 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/tivat-region/house/">
                        Дома в Тивате
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/tivat-region/house/'">
                        3 из 62 Домов в Тивате
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-doma-v-cernogorii-stoimostiu-704-717-60314/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60314/cover.webp"
                 alt="Купить дом в Черногории 630000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60314" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60314)" x-init="checkState(60314)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">707 742 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/tivat-region/krasici/">
                        Крашичи
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>8</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>380 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-house-in-montenegro-price-651-773-57960/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/57960/cover.webp"
                 alt="Купить дом в Черногории 550000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="57961" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(57961)" x-init="checkState(57961)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">617 870 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/tivat-region/stoliv/">
                        Столив
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>100 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-other-properties-in-montenegro-price-451-124-55193/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/55193/cover.webp"
                 alt="Купить дом в Черногории 390000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="55462" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(55462)" x-init="checkState(55462)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">438 126 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/tivat-region/tivat/">
                        Тиват
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>44 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/bar-region/flat/">
                        Квартиры в Баре
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/bar-region/flat/'">
                        3 из 195 Квартир в Баре
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-odno-komnatnoi-kvartiry-v-cernogorii-stoimostiu-128-535-60282/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60282/cover.webp"
                 alt="Купить квартиру в Черногории 115000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60282" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60282)" x-init="checkState(60282)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">129 191 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>35 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-kvartiry-v-cernogorii-stoimostiu-267-130-60276/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60276/cover.webp"
                 alt="Купить квартиру в Черногории 239000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60276" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60276)" x-init="checkState(60276)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">268 492 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>65 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-dvux-komnatnoi-kvartiry-v-cernogorii-stoimostiu-173-243-60274/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60274/cover.webp"
                 alt="Купить квартиру в Черногории 155000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60274" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60274)" x-init="checkState(60274)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">174 127 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>57 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/bar-region/villa/">
                        Виллы в Баре
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/bar-region/villa/'">
                        3 из 35 Вилл в Баре
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/prodaza-villy-v-cernogorii-stoimostiu-1-727-516-60280/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/60280/cover.webp"
                 alt="Купить виллу в Черногории 1545600€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60280" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60280)" x-init="checkState(60280)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">1 736 327 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/dobra-voda/">
                        Добра Вода
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>4</span>
                </div>
            
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>644 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-house-in-montenegro-price-539-921-54808/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/54808/cover.webp"
                 alt="Купить виллу в Черногории 500000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="54808" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(54808)" x-init="checkState(54808)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">561 700 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>6</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>3</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>240 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-villa-in-montenegro-price-809-882-54665/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/54665/cover.webp"
                 alt="Купить виллу в Черногории 750000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="54665" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(54665)" x-init="checkState(54665)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">842 550 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/bar-region/bar/">
                        Бар
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>4</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>5</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>215 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
            <div>
            <div class="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-1 mb-3">
                <h3 class="font-bold text-lg">
                    <a class="hover:underline" href="https://hatamatata.ru/montenegro/tivat-region/flat/">
                        Квартиры в Тивате
                    </a>
                </h3>

                <div class="sm:flex sm:flex-row items-start">
                    <span class="inline-block text-sm text-blue-500 cursor-pointer hover:underline"
                          @click.prevent="window.location.href='https://hatamatata.ru/montenegro/tivat-region/flat/'">
                        3 из 276 Квартир в Тивате
                    </span>
                </div>
            </div>

            <div class="flex gap-4 overflow-x-auto sm:grid sm:grid-cols-3 sm:gap-6 sm:overflow-visible">

                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-229-145-58347/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/58347/cover.webp"
                 alt="Купить квартиру в Черногории 198000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60386" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60386)" x-init="checkState(60386)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">222 433 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/tivat-region/tivat/">
                        Тиват
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>51 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-732-790-58329/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/58329/cover.webp"
                 alt="Купить квартиру в Черногории 681000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60371" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60371)" x-init="checkState(60371)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">765 035 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/tivat-region/tivat/">
                        Тиват
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>2</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>3</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>212 </span>
                </div>
                    </div>
    </div>
</div>
                                    <div class="shrink-0 w-72 sm:w-auto sm:shrink">
    <div class="border border-brand-gray-7 rounded-10 overflow-hidden cursor-pointer"
         x-data="{ redirectProperty: 'https://hatamatata.ru/properties/sale-flat-in-montenegro-price-199-055-58338/' }"
         @click.prevent="window.open(redirectProperty, '_blank')">

        <div class="relative h-32 sm:h-40 md:h-44">
            <img src="https://cdn.hatamatata.ru/pic/property/58338/cover.webp"
                 alt="Купить квартиру в Черногории 172000€"
                 class="absolute inset-0 w-full h-full object-cover">

            <button class="favorite favoriteAction absolute top-3 right-3 border border-brand-gray-6 rounded-full bg-white/70 p-1 pointer-events-auto"
                    data-propertyid="60349" onclick="event.stopPropagation()"
                    x-on:click="favouriteAsync(60349)" x-init="checkState(60349)">
                <img class="notInCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/not-in-cart-icon.svg" alt="">
                <img class="addToCartIcon w-4 h-4" src="https://hatamatata.ru/images/svg/icons/add-cart-icon.svg" alt="">
            </button>

            <div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white">
                <div class="text-sm font-bold leading-none">193 224 $</div>
                <div class="text-xs leading-none mt-1">
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/">
                        Черногория,
                    </a>
                    <a
                        @click.stop
                        class="hover:text-brand-primary-hover transition-all duration-200"
                        href="https://hatamatata.ru/montenegro/tivat-region/tivat/">
                        Тиват
                    </a>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-between text-xs px-3 py-2 bg-white">
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bedroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/bathroom.svg" alt="" class="w-4 h-4">
                    <span>1</span>
                </div>
            
                            <div class="flex items-center gap-1">
                    <img src="https://hatamatata.ru/images/svg/icons/area.svg" alt="" class="w-4 h-4">
                    <span>32 </span>
                </div>
                    </div>
    </div>
</div>
                
            </div>
        </div>
        <div class="block md:hidden">
                    </div>
        </div>
                <!-- Sidebar -->
                <div>
                    <div class="lg:sticky lg:top-32 lg:w-[18.875rem] space-y-5">
    <div class="block sm:hidden my-4">
        <main class="mt-8 lg:mt-24">
    <div style=" background-image: url('https://hatamatata.ru/assets/images/main-banners/main-banner-2.webp');"
         class="relative bg-no-repeat bg-cover before:absolute before:inset-0 top-0 bottom-0 before:bg-[#1D232F]/60 pt-10 lg:pt-20">
        <div class="max-w-base mx-auto relative flex flex-col lg:flex-row gap-5 pb-10 lg:pt-0">
            <div class="flex-1 relative z-20 md:pl-2.5 pb-1 space-y-5">
                <div class="flex justify-between">
                    <div class="lg:max-w-4xl xl:pr-24 relative space-y-5 pt-2.5">
                        <!-- Hero Flag -->
                        <div class="w-7 h-5 md:w-10 md:h-30 lg:w-60 lg:h-[2.8125rem] rounded-lg overflow-hidden mb-30 ml-4">
                            <img
                                    width="60" height="45"
                                    src="https://cdn.hatamatata.ru/pic/property/flags/montenegro.svg"
                                    alt="Flag of Turkey"
                                    class="w-auto h-full object-cover"
                            />
                        </div>

                                                    
                            <p class="md:max-w-xl text-white md:leading-10 md:pr-3.5 pl-4 text-2xl md:text-3xl font-bold">
                                Недвижимость в Черногории
                            </p>
                        
                        <div class="text-brand-gray-8 text-sm md:text-base md:leading-6 pl-4">
                            Покупайте недвижимость в Черногории! Уникальная возможность получить надежные объекты для проживания и инвестиций. Преимущества включают пляжи, природу, низкие налоги, растущую туристическую индустрию и стабильный рынок недвижимости.
                        </div>

                        <div class="space-y-2.5 sm:px-15 hidden sm:block">

                            <div class="grid">
                                <div x-data="{}"
                                     x-init="days = [{&quot;datetime&quot;:&quot;22\/10&quot;,&quot;conditions&quot;:&quot;Rain, Partially cloudy&quot;,&quot;tempmax&quot;:26},{&quot;datetime&quot;:&quot;23\/10&quot;,&quot;conditions&quot;:&quot;Rain, Overcast&quot;,&quot;tempmax&quot;:27},{&quot;datetime&quot;:&quot;24\/10&quot;,&quot;conditions&quot;:&quot;Rain, Overcast&quot;,&quot;tempmax&quot;:23},{&quot;datetime&quot;:&quot;25\/10&quot;,&quot;conditions&quot;:&quot;Rain, Overcast&quot;,&quot;tempmax&quot;:19},{&quot;datetime&quot;:&quot;26\/10&quot;,&quot;conditions&quot;:&quot;Rain, Partially cloudy&quot;,&quot;tempmax&quot;:20}]"
                                     class="weather-card flex sm:grid grid-cols-5 gap-2.5 overflow-auto">

                                    <template x-for="item in days">
                                        <div class="min-w-[5.5rem] sm:w-auto rounded-10 space-y-five bg-white py-2.5 text-center md:py-4 lg:space-y-5 lg:py-5 mr-4 sm:mr-0">
                                            <p x-text="item.datetime" class="text-brand-gray-1"></p>

                                            <template
                                                    x-if="item.conditions.includes('Clear') && !item.conditions.includes('Partially cloudy') && !item.conditions.includes('Overcast')">
                                                <span class="flex w-full items-center justify-center">
                                                    <img src="https://hatamatata.ru/images/svg/58.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="item.conditions.includes('Overcast') || item.conditions.includes('Partially cloudy') && !item.conditions.includes('Rain') ">
                                                <span class="flex w-full items-center justify-center">
                                                   <img src="https://hatamatata.ru/images/svg/59.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="!item.conditions.includes('Partially cloudy') && item.conditions.includes('Rain') && !item.conditions.includes('Overcast') && !item.conditions.includes('Snow')">
                                                <span class="flex w-full items-center justify-center">
                                                   <img src="https://hatamatata.ru/images/svg/60.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="item.conditions.includes('Rain') && item.conditions.includes('Partially cloudy') && !item.conditions.includes('Overcast') && !item.conditions.includes('Snow')">
                                                <span class="flex w-full items-center justify-center">
                                                   <img src="https://hatamatata.ru/images/svg/60.svg" alt="">
                                                </span>
                                            </template>

                                            <template
                                                    x-if="item.conditions.includes('Rain') && item.conditions.includes('Partially cloudy') && !item.conditions.includes('Overcast') && item.conditions.includes('Snow')">
                                                <span class="flex w-full items-center justify-center">
                                                    <img src="https://hatamatata.ru/images/svg/61.svg" alt="">
                                                </span>
                                            </template>

                                            <p x-text="item.tempmax" class="text-lg font-bold md:text-2xl">
                                                <sup class="text-brand-gray-4 text-sm">℃</sup>
                                            </p>
                                        </div>
                                    </template>
                                </div>
                            </div>

                            <p class="text-sm md:text-base text-brand-gray-7 ml-4 sm:ml-0">
                                
                                Погода в Черногории
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Hero Form & Currency -->
            <div class="space-y-5">
                <!-- Hero Form -->
                <div
    class="hidden lg:flex flex-col w-80 p-6 z-0 bg-gradient-to-b bg-white to-gray-50 rounded-2xl shadow-xl border border-gray-100">
    <div class="text-center mb-6">
        <div class="text-xl font-bold text-brand-black leading-snug">
            Подберём недвижимость в Черногории под ваш запрос
        </div>
    </div>

            <ul class="space-y-4 text-sm text-gray-700">
                            <li class="flex items-start gap-3">
                    <span>🔸 Надежные новостройки и готовые квартиры</span>
                </li>
                            <li class="flex items-start gap-3">
                    <span>🔸 Без комиссий и посредников</span>
                </li>
                            <li class="flex items-start gap-3">
                    <span>🔸 Онлайн-показ и дистанционная сделка</span>
                </li>
                    </ul>
        <div class="mt-auto pt-6">
            <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'banner-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 btn-orange" @click="writeSellerModal = true" type="button">
        Подобрать объект
    </button>
</div>
        </div>
    </div>


<div class="hidden sm:block px-15 lg:px-0">
    <div
        class="lg:hidden sm:flex items-center justify-between space-y-4 sm:space-y-0 text-center sm:text-start px-30 py-5 relative z-0 bg-white rounded-10">
        <div class="text-sm space-y-1">
            <div class="font-bold">Нужна помощь в выборе объекта?</div>
            <p class="text-brand-gray-2">Оставьте заявку и наш менеджер свяжется с вами.</p>
        </div>
        <div x-data="{ writeSellerModal: false }">
    <template x-teleport="body">
        <div class="fixed z-50 inset-0 grid place-content-center bg-brand-black/30"
             x-show="writeSellerModal">
            <div x-on:click.away="writeSellerModal = false"
                 class="w-80 md:w-[28rem] p-5 space-y-3.5 relative bg-white rounded-10">
                <div class="text-lg font-bold text-center leading-7">Наши менеджеры помогут с выбором объекта</div>
                <button class="absolute top-1 right-1" type="button" x-on:click="writeSellerModal = false">
                    <img src="https://hatamatata.ru/images/svg/close.svg" alt="close">
                </button>
                <div class="flex items-center gap-2.5">
                    <div class="w-[3.75rem] h-[3.75rem] shrink-0 rounded-full overflow-hidden">
                        <img src="https://hatamatata.ru/assets/images/avatar.webp" alt="Avatar" class="w-full h-full" />
                    </div>
                    <div>
                        <div class="font-bold">Лилия</div>
                        <p class="text-xs text-brand-gray-3 leading-[18px]">Консультант по зарубежной недвижимости</p>
                    </div>
                </div>
                <form x-data="writeSellerForm()"
                      x-init="formData.source = 'banner-cta'"
                      @submit.prevent="submitForm()"
                      class="space-y-2.5">
                    <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
                    <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                    <input
    type="email"
    name="email"
    id="email"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">                    <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="write-seller-popup-agreement" x-model="formData.agreement" required>

    <label for="write-seller-popup-agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    <button class="write-seller-close btn-orange w-full" id="write-seller-popup-submit">
                        Оставить заявку
                    </button>
                </form>
            </div>
        </div>
    </template>
    <button class="w-full sm:px-6 btn-orange" @click="writeSellerModal = true" type="button">
        Подобрать объект
    </button>
</div>
    </div>
</div>

                <!-- Currency -->

                <div x-data="{ open: false }">
                    <div
                            x-data="currencyFunc()"
                            x-init="startCurrency({&quot;EUR&quot;:{&quot;value&quot;:&quot;91.14 ₽&quot;,&quot;text&quot;:&quot;евро&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;USD&quot;:{&quot;value&quot;:&quot;81.13 ₽&quot;,&quot;text&quot;:&quot;доллар США&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;GBP&quot;:{&quot;value&quot;:&quot;108.58 ₽&quot;,&quot;text&quot;:&quot;фунт стерлинг&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;UAH&quot;:{&quot;value&quot;:&quot;18.01 ₽&quot;,&quot;text&quot;:&quot;гривна&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;}}, 'USD')"

                            x-bind:class="{ 'h-full': open && lang === 'ru' }"
                            x-bind:style="open && lang === 'en' ? 'height: 160px;' : ''"

                            class="hidden lg:block h-20 w-full shrink-0 p-2.5 gap-five border rounded-10 border-[#ffffff33] bg-[#ffffff26]/20"
                            id="currencySelect">

                        <div>
                            <button x-on:click="open = ! open" class="w-full flex items-center justify-between">

                                <div class="flex items-center gap-2.5">
                                    <div class="w-8 h-8 rounded-full overflow-hidden">
                                        <img
                                                x-bind:src="getFlagPath(mainBankCode)"
                                                x-bind:alt="getFlagAltText(mainBankCode)"
                                                width="40" height="32" class="w-full h-full"
                                        />
                                    </div>
                                    <div class="text-xs">
                                        <p x-text="mainBankCode"
                                           class="text-white font-medium text-start"></p>
                                        <p x-text="mainCurrencyText"
                                           class="text-brand-gray-8 mt-1"></p>
                                    </div>
                                </div>
                                <span>
                                            <img src="https://hatamatata.ru/images/svg/downward-arrow.svg"
                                                 alt="downward-arrow">
                                        </span>
                            </button>

                            <div class="pb-4 flex items-center justify-between mt-five">
                                <p x-text="mainBank"
                                   class="text-xs text-brand-gray-7">

                                </p>
                                <p x-text="mainExchangeRate"
                                   class="text-sm font-medium text-white"></p>
                            </div>
                        </div>

                        <div x-cloak x-show="open" x-transition>

                            <template x-for="(currency, bankCode) in currenciesArrayJs">

                                <div>
                                    <button x-on:click="open = ! open" class="w-full flex items-center justify-between"
                                            @click="selectCurrency({&quot;EUR&quot;:{&quot;value&quot;:&quot;91.14 ₽&quot;,&quot;text&quot;:&quot;евро&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;USD&quot;:{&quot;value&quot;:&quot;81.13 ₽&quot;,&quot;text&quot;:&quot;доллар США&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;GBP&quot;:{&quot;value&quot;:&quot;108.58 ₽&quot;,&quot;text&quot;:&quot;фунт стерлинг&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;},&quot;UAH&quot;:{&quot;value&quot;:&quot;18.01 ₽&quot;,&quot;text&quot;:&quot;гривна&quot;,&quot;bank&quot;:&quot;ЦБ РФ&quot;}}, bankCode)">

                                        <div class="flex items-center gap-2.5">
                                            <div class="w-8 h-8 rounded-full overflow-hidden">
                                                <img
                                                        x-bind:src="getFlagPath(bankCode)"
                                                        x-bind:alt="getFlagAltText(bankCode)"
                                                        width="40" height="32" class="w-full h-full"
                                                />
                                            </div>
                                            <div class="text-xs">
                                                <p x-text="bankCode"
                                                   class="text-white font-medium text-start">

                                                </p>
                                                <p x-text="currency.text"
                                                   class="text-brand-gray-8 mt-1">
                                                </p>
                                            </div>
                                        </div>
                                    </button>

                                    <div class="pb-4 flex items-center justify-between mt-five">
                                        <p x-text="currency.bank"
                                           class="text-xs text-brand-gray-7"></p>
                                        <p x-text="currency.value"
                                           class="text-sm font-medium text-white"></p>
                                    </div>
                                </div>

                            </template>

                        </div>
                    </div>
                </div>
            </div>
            <div class="px-15 lg:px-0"></div>
        </div>
    </div>
</main>
    </div>
    <!-- Need Consultant Form  -->

    <div class="max-w-base sm:mx-3 md:mx-1 lg:w-80 space-y-5 my-10">

    <div class="p-4 space-y-2 relative z-20 bg-brand-gray-9 border border-brand-gray-7 rounded-10">
        
        <p class="text-lg font-bold text-center">
            Индивидуальный подбор недвижимость в Черногории
        </p>
        <p class="text-sm text-gray-700">
            Сэкономьте время — &nbsp;<b><u>бесплатно</u></b>&nbsp; подберём объекты под ваш бюджет и цели
        </p>

        <form x-data="writeSellerForm()" x-init="formData.source = 'sidebar-cta'" @submit.prevent="submitForm()" class="space-y-2">
            <input
    type="text"
    name="name"
    id="name"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>
            <input
    type="text"
    minlength="6"
    name="phone"
    class="input-hover input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
            <input
    type="email"
    name="email"
    id="email"
    class="input-hover sm:col-span-2 lg:col-span-1 input-focus w-full py-2.5 px-5 rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="E-mail"
    x-model="formData.email"
    
/>
            <textarea
    x-init="formData.text = 'Подберите для меня недвижимость в Черногории'"
    id="interest"
    name="text"
    class="sm:col-span-2 lg:col-span-1 w-full h-24 py-3 px-5 text-brand-black resize-none rounded-lg outline-hidden border border-brand-gray-6"
    placeholder="Что вас интересует"
    x-model="formData.text"
></textarea>
            <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">            <button class="btn-orange w-full">Получить подборку</button>
            <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="sidebar_agreement" x-model="formData.agreement" required>

    <label for="sidebar_agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
        </form>
    </div>
</div>
    <!-- todo вернуть после redoing post filtering -->































</div>
                </div>
            </div>
        </div>
        <!-- News -->
        <div>
            
        </div>
    </section>
</div>

    <div class="max-w-base mx-auto px-15 -mb-30">
        <div class="page-reviewers flex flex-col gap-y-2 py-3 text-xs md:text-sm text-brand-gray-2">
                            <span class="inline-flex items-center gap-1.5">
                    <img
                        src="https://cdn.hatamatata.ru/pic/authors/7/01M39MRX0Z4CGC1PPXCTB3KK7J.webp"
                        alt="Дени Гериханов, Юрист по зарубежной недвижимости"
                        width="24" height="24" loading="lazy"
                        class="w-6 h-6 rounded-full object-cover shrink-0"
                    />
                    <span>Юридическая проверка:
                        <a href="https://hatamatata.ru/about/team/deni-gerikhanov/"
                           class="text-brand-blue hover:underline">Дени Гериханов</a>, Юрист по зарубежной недвижимости                    </span>
                </span>
                                        <span class="inline-flex items-center gap-1.5">
                    <img
                        src="https://cdn.hatamatata.ru/pic/authors/6/01M39M987XVFXREQNVCBF2M70Q.webp"
                        alt="Евгения Скрипко, Финансовый эксперт по зарубежной недвижимости"
                        width="24" height="24" loading="lazy"
                        class="w-6 h-6 rounded-full object-cover shrink-0"
                    />
                    <span>Финансовая проверка:
                        <a href="https://hatamatata.ru/about/team/evgeniia-skripko/"
                           class="text-brand-blue hover:underline">Евгения Скрипко</a>, Финансовый эксперт по зарубежной недвижимости                    </span>
                </span>
                                        <span class="text-[0.625rem] md:text-xs text-brand-gray-3">Проверено:
                    <time datetime="2026-10-23">23 октября 2026</time>
                </span>
                    </div>
    </div>

    <section class="pt-4 pb-4">
        <div class="max-w-base mx-auto px-15">
            <div class="bg-brand-gray-9 py-5 md:py-10 lg:py-16 px-30 space-y-4 rounded-10 mt-50">
                                    <h2 class="text-xl md:text-2xl font-bold">
                        🇲🇪 Где лучше купить недвижимость в Черногории: Будва, Тиват или Котор?
                    </h2>
                
                                    <div class="text-brand-gray-1 text-sm md:text-base prose max-w-none">
                        <p>Черногория — страна, где море, горы и история создают редкое сочетание уюта и свободы. Это место для тех, кто ценит природу, безопасность и возможность владеть недвижимостью у Адриатического побережья по доступным европейским ценам. Недвижимость в Черногории сегодня выбирают инвесторы, семьи, фрилансеры и экспаты со всего мира — страна предлагает европейское качество жизни, прозрачные правила покупки и простую процедуру получения ВНЖ.</p><p>Площадь страны — <strong>13 800 км²</strong>, население — около <strong>620 000 человек</strong>, столица — <strong>Подгорица</strong>, но «неофициальная столица жизни» — приморский <strong>Будва</strong>. Валюта — <strong>евро</strong>, хотя Черногория не входит в ЕС, что делает покупки особенно удобными и понятными для иностранцев.</p><p>Черногория граничит с Хорватией, Боснией и Герцеговиной, Сербией, Албанией и Косово, а на западе омывается Адриатическим морем. В стране действует два международных аэропорта — <strong>Тиват</strong> и <strong>Подгорица</strong>, откуда летают прямые рейсы в десятки стран Европы, Ближнего Востока и СНГ.</p><h3><strong>☀️ Почему выбирают недвижимость в Черногории</strong></h3><p>Черногория сочетает европейские стандарты с средиземноморским ритмом жизни. Здесь чистейшее море, мягкий климат и безопасность, а процесс покупки жилья прост и прозрачен.</p><p><strong>Преимущества покупки недвижимости в Черногории:</strong></p><ul><li>- можно приобрести жилье в собственность без ограничений;</li><li>- ВНЖ предоставляется владельцам недвижимости любой стоимости;</li><li>- оформление сделки — за <strong>1–3 дня</strong> через нотариуса;</li><li>- налог на покупку — <strong>3%</strong>, ежегодный налог — около <strong>0,25%</strong>;</li><li>- доходность от аренды до <strong>8–10% годовых</strong>;</li><li>- отсутствует налог на роскошь и на наследование.</li></ul><p>Черногория входит в список стран с одной из самых чистых экологий в Европе. Средняя продолжительность жизни здесь превышает <strong>76 лет</strong>, а число солнечных дней достигает <strong>280 в году</strong>.</p><h3><strong>💡 Преимущества жизни и инвестиций</strong></h3><p>Черногория сочетает в себе преимущества ЕС и простоту ведения дел в южной Европе. Стоимость жизни на <strong>30–40% ниже</strong>, чем в Испании или Италии, при этом качество — на уровне.</p><p><strong>Экономические преимущества:</strong></p><ul><li>- единая валюта — евро;</li><li>- плоский налог на доход — <strong>9–15%</strong> (один из самых низких в Европе);</li><li>- корпоративный налог — <strong>9%</strong>;</li><li>- отсутствуют валютные ограничения;</li><li>- открытие компании занимает <strong>1–2 дня</strong>, подходит для digital nomads.</li></ul><p>Черногория привлекает покупателей из Европы, России, Украины, Казахстана, Израиля и ОАЭ, а также жителей ЕС, ищущих второй дом у моря.</p><h3><strong>📈 Почему рынок недвижимости Черногории растет</strong></h3><p>За последние годы Черногория стала одним из самых быстроразвивающихся направлений для инвестиций в недвижимость на Адриатике. После завершения пандемии и начала притока релокантов цены выросли в среднем на <strong>30–40%</strong>, но остаются ниже, чем в соседней Хорватии или Италии.</p><ul><li>- Средняя доходность аренды в прибрежных городах — <strong>7–9% годовых</strong>;</li><li>- В курортных зонах, как Будва и Тиват, рост цен — <strong>до 10% ежегодно</strong>;</li><li>- Туристический поток — более <strong>2 млн человек в год</strong> при населении менее миллиона.</li></ul><p>Черногория активно инвестирует в развитие инфраструктуры: строятся новые дороги, яхтенные марины, отели и апартаменты международного класса.</p><h3><strong>📍 Где выгодно купить недвижимость в Черногории</strong></h3><p><strong>Будва</strong> — главный курорт страны и лидер по инвестициям.</p><ul><li>- Апартаменты — от <strong>180 000 €</strong>, пентхаусы — от <strong>300 000 €</strong>;</li><li>- Доходность аренды — <strong>8–10%</strong>;</li><li>- Востребованы ЖК с видом на море — Old Bakery, The Old Town, Tre Canne.</li></ul><p><strong>Тиват</strong> — престижный город с яхтенной мариной <strong>Porto Montenegro</strong>, одной из лучших в Европе.</p><ul><li>- Квартиры от <strong>250 000 €</strong>, люксовые апартаменты — от <strong>400 000 €</strong>;</li><li>- Виллы с видом на бухту — от <strong>600 000 €</strong>;</li><li>- Высокая ликвидность и спрос на долгосрочную аренду.</li></ul><p><strong>Котор</strong> — исторический город с объектами культурного наследия.</p><ul><li>- Апартаменты от <strong>150 000 €</strong>, дома у моря — от <strong>300 000 €</strong>;</li><li>- Доходность — <strong>6–8% годовых</strong>, высокий спрос круглый год.</li></ul><p><strong>Бар и Сутоморе</strong> — доступное побережье для семей и спокойного отдыха.</p><ul><li>- Квартиры от <strong>120 000 €</strong>, новостройки — от <strong>140 000 €</strong>;</li><li>- Аренда приносит <strong>6–8% годовых</strong>.</li></ul><p><strong>Херцег-Нови</strong> — город зелени, термальных источников и спа-отелей.</p><ul><li>- Апартаменты — от <strong>130 000 €</strong>, виллы — от <strong>250 000 €</strong>.</li></ul><p><strong>Подгорица</strong> — столица и центр деловой активности. Цены на 30% ниже, чем на побережье, что делает её интересной для долгосрочных инвестиций.</p><h3><strong>🏗️ Застройщики и популярные жилые комплексы</strong></h3><p>Черногория активно развивает рынок новостроек, где работают как местные, так и международные девелоперы.<br>&nbsp;Среди ведущих застройщиков — <strong>Dukley Gardens, Adriatic Marinas, Harmonia, Krolbay, Zetagradnja и Limenka Group</strong>.</p><p><strong>Популярные комплексы:</strong></p><ul><li><strong>- Dukley Gardens (Будва)</strong> — один из самых престижных комплексов на Адриатике с частным пляжем и яхтенной мариной.</li><li><strong>- Porto Montenegro (Тиват)</strong> — флагманский проект премиум-класса с отелями, бутиками и резиденциями мирового уровня.</li><li><strong>- Portonovi (Херцег-Нови)</strong> — закрытый жилой комплекс с виллами, яхтенной мариной и отелем One&amp;Only.</li><li><strong>- The Old Bakery (Будва)</strong> — современный комплекс с развитой инфраструктурой и высоким арендным потенциалом.</li><li><strong>- Tre Canne (Будва)</strong> — жилой проект в 100 метрах от моря с рестораном, спа и бассейном.</li></ul><p>Большинство застройщиков предлагают рассрочку на 12–36 месяцев, а некоторые — даже до 5 лет после сдачи объекта. Проценты — от 0 до 4% годовых, в зависимости от стадии строительства.</p><h3><strong>🌤️ Климат и качество жизни</strong></h3><p>Черногория — страна с мягким средиземноморским климатом:</p><ul><li>- лето тёплое и солнечное (+30°C), зима мягкая (+10°C);</li><li>- море прогревается до +26°C, купальный сезон длится с мая по октябрь;</li><li>- до 280 солнечных дней в году.</li></ul><p>Это одна из самых экологически чистых стран Европы: горная вода, национальные парки и отсутствие промышленных зон на побережье. Тем, кто ищет спокойствие и природу, Черногория предлагает редкий баланс — море, горы и европейскую инфраструктуру в одном месте.</p><h3><strong>🏠 ВНЖ и гражданство через покупку недвижимости</strong></h3><p>Черногория предлагает понятные и доступные условия получения <strong>вида на жительство</strong>.</p><ul><li>- ВНЖ можно оформить при покупке недвижимости любой стоимости;</li><li>- срок — <strong>1 год</strong> с продлением;</li><li>- через <strong>5 лет проживания</strong> можно подать на <strong>ПМЖ</strong>, а через <strong>10 лет</strong> — на <strong>гражданство</strong>;</li><li>- оформление занимает <strong>2–4 недели</strong>.</li></ul><p>Ранее действовала программа гражданства за инвестиции (CIP), которая позволяла получить паспорт за вложения от 250 000 €, и правительство рассматривает её обновлённый формат.</p><h3><strong>🎯 Мы помогаем с разными целями покупки недвижимости в Черногории</strong></h3><p>Мы сотрудничаем с проверенными агентствами, юристами и застройщиками в Будве, Тивате, Которе и других городах. Подбираем объекты под разные задачи:</p><ul><li>- инвестиции с доходом от аренды;</li><li>- покупка для ВНЖ и отдыха;</li><li>- виллы и апартаменты у моря;</li><li>- доходные объекты под краткосрочную аренду;</li><li>- премиальные проекты.&nbsp;</li></ul><p>Мы объясняем, как проходит процесс покупки, какие налоги учесть и как оформить ВНЖ.</p><h3><strong>📝 Как проходит покупка недвижимости в Черногории</strong></h3><ol><li>Определяем цели и бюджет.</li><li>Подбираем объекты и проводим показы.</li><li>Партнеры проверяют документы и готовят договор.</li><li>Сделка проходит через нотариуса, регистрация занимает 3–5 дней.</li><li>После сделки можно подавать на ВНЖ.</li></ol><p>Комиссию оплачивает продавец или застройщик. Для покупателя сопровождение через нашу платформу — бесплатно.</p><h3><strong>🤝 Почему покупать недвижимость в Черногории через нас выгодно</strong></h3><p>Мы знаем рынок, сотрудничаем с надежными застройщиками и партнерами, сопровождаем сделки на каждом этапе. Помогаем подобрать жилье или инвестиционный проект под ваши цели — от апартаментов у моря до премиальных вилл с доходом от аренды. Мы сопровождаем клиента от первой консультации до регистрации собственности, делая процесс прозрачным, безопасным и выгодным. Все услуги платформы бесплатны для покупателя: вы платите ту же цену, что и при прямом обращении, но получаете аналитику и поддержку на каждом шаге.</p><p><br></p>
                    </div>
                
                            </div>
        </div>
    </section>

            <div class="max-w-4xl mb-14 mt-5 mx-auto overflow-hidden md:px-6 space-y-2.5 px-6">
    <h2 class="py-5">Ответы на часто задаваемые вопросы</h2>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Почему иностранцы выбирают Черногорию для покупки недвижимости?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Черногория привлекает стабильной экономикой, мягким климатом, безопасностью и возможностью получить ВНЖ через покупку жилья. Страна входит в список кандидатов на вступление в ЕС, что делает инвестиции особенно перспективными.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Можно ли иностранцам купить недвижимость в Черногории?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Да, иностранцы могут свободно покупать квартиры, дома и коммерческую недвижимость в Черногории. Исключение — сельхозземли, которые доступны только через регистрацию компании.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Сколько стоит квартира в Черногории?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Средняя цена квадратного метра в прибрежных городах — от 2 000 евро, в Будве и Которе — от 2 500 евро, а в Подгорице — от 1 200 евро. Квартиры у моря можно купить от 120 000 евро, апартаменты в новостройках премиум-класса — от 250 000 евро.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Как проходит процесс покупки недвижимости в Черногории?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Процесс прост: подписание предварительного договора, проверка прав собственности, нотариальное оформление и регистрация в кадастре. Сделку можно провести дистанционно по доверенности.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Дает ли покупка недвижимости право на ВНЖ в Черногории?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Да, покупатель недвижимости может получить вид на жительство в Черногории сроком на 1 год с возможностью продления. При постоянном проживании можно подать на ПМЖ, а затем — на гражданство.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Какие налоги и расходы при покупке недвижимости в Черногории?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Налог на покупку недвижимости составляет 3 % от стоимости объекта. Ежегодный налог на владение — от 0,1 до 1 %. Дополнительных сборов и скрытых платежей нет.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Можно ли оплатить недвижимость в Черногории из России или других стран СНГ?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Да, оплата возможна банковским переводом в евро. Черногория не входит в ЕС, но её банковская система стабильно работает с международными переводами. Главное — подтвердить происхождение средств.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    Можно ли купить недвижимость в Черногории в рассрочку или с ипотекой?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Да, некоторые банки выдают ипотеку иностранцам при взносе от 30–40 % и ставке около 5 % годовых. Также застройщики часто предлагают рассрочку без процентов до окончания строительства.
                </p>
            </div>
        </div>
            <div  x-data="{ open: false }"
              :class="{ 'border border-brand-gray-7 rounded-10 bg-white group': open,
                                                                                     'rounded-10 outline-hidden bg-brand-gray-9 group focus:bg-white': !open }"
             >
            <div class="flex items-center gap-3 group-focus:border-b group-focus:pb-4 justify-between py-4 transition duration-300 cursor-pointer group ease px-5 md:px-30"
                 @click="open = !open">
                <h3 class="transition md:text-lg font-medium duration-300 ease m-0">
                    В каких регионах Черногории выгоднее покупать недвижимость?
                </h3>

                <div class="cursor-pointer inline-flex items-center">
                    <img style="max-width: none;" :src="open ? 'https://hatamatata.ru/images/svg/arrow-faq-close.svg' : 'https://hatamatata.ru/images/svg/arrow-faq-open.svg'" alt="">
                </div>
            </div>

            <div class="overflow-hidden transition duration-300"
                 x-show="open"
                 x-transition.duration.300ms
                 @click.away="open = false"
                 style="border-top: 2px solid #f6f7fc;">
                <p class="py-4 pl-10 pr-5 md:py-5 md:px-50">
                    Наибольшим спросом пользуются Будва, Котор, Тиват и Герцег-Нови — города на побережье Адриатического моря. В Тивате расположена престижная марина Porto Montenegro, а Будва считается центром туризма и аренды с доходностью 6–8 % в год.
                </p>
            </div>
        </div>
    </div>
    
    <section class="px-15 pt-0">
    <div class="max-w-base mx-auto space-y-4 md:space-y-30 mt-10 px-15">
        
                    <div class="space-y-5">
                <h3 class="text-lg md:text-xl lg:text-2xl font-bold">
                    Недвижимость в городах Черногории
                </h3>

                <div
                    class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:text-lg text-brand-primary-normal">
                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/budva/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(616)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/tivat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(403)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/bar/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(287)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/kotor/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(209)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/herceg-novi/herceg-novi/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Херцег-Нови
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(200)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/becici/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Бечичах
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(185)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/dobrota/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Доброте
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(85)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/dobra-voda/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Добре Вода
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(72)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/sutomore/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Сутоморе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(70)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/petrovac/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Петроваце
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(57)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/rafailovici/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Рафаиловичах
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(46)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kolasin-region/kolasin/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Колашине
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(43)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/przno/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Пржно
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(43)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/prcan/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Прчане
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(43)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/podgorica-region/podgorica/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Подгорице
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(39)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/herceg-novi/kumbor/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Кумборе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(39)</span
                >
                    </li>
    </ul>

                                    </div>
            </div>
        
        
        
                    <div class="space-y-5">
                <h3 class="text-lg md:text-xl lg:text-2xl font-bold">
                    Типы недвижимости в Черногории
                </h3>

                <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:text-lg text-brand-primary-normal">
                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1770)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(437)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/villa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Виллы в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(333)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/land/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Земельные участки в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(74)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/hotels/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Отели в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(73)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/penthouse/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Пентхаусы в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(47)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/townhouse/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Таунхаусы в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(32)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/duplex/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дуплексы в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(5)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/office/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Офисы в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(2)</span
                >
                    </li>
    </ul>

                                    </div>
            </div>
        
        
                                            <div class="space-y-5">
                <h3 class="text-lg md:text-xl lg:text-2xl font-bold">
                    Типы недвижимости по регионам Черногории
                </h3>

                <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:text-lg text-brand-primary-normal">
                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(780)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(276)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/herceg-novi/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Херцег-Нови
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(243)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(195)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(193)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(167)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/villa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Виллы в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(103)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/villa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Виллы в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(94)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(82)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(62)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/villa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Виллы в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(60)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(55)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/villa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Виллы в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(35)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/podgorica-region/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Подгорице
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(34)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/herceg-novi/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Херцег-Нови
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(33)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/herceg-novi/villa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Виллы в Херцег-Нови
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(28)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kolasin-region/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Колашине
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(28)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/hotels/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Отели в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(27)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/land/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Земельные участки в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(25)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/penthouse/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Пентхаусы в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(20)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/hotels/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Отели в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(19)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/ulcinj/flat/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Квартиры в Улцине
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(17)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/ulcinj/house/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Дома в Улцине
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(17)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/penthouse/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Пентхаусы в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(13)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/land/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Земельные участки в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(13)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/townhouse/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Таунхаусы в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(11)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/penthouse/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Пентхаусы в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(11)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/hotels/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Отели в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(10)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/land/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Земельные участки в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(9)</span
                >
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/land/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Земельные участки в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(9)</span
                >
                    </li>
    </ul>

                                    </div>
            </div>
        
                    <div class="space-y-5">
                <h3 class="text-lg md:text-xl lg:text-2xl font-bold">
                    Недвижимость по регионам
                </h3>

                <div
                    class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:text-lg text-brand-primary-normal text-start">
                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/budva-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Будве
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1018)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/tivat-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Тивате
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(447)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kotor-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Которе
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(429)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/bar-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Баре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(440)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/herceg-novi/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Херцег-Нови
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(319)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/ulcinj/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Улцине
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(48)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/podgorica-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Подгорице
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(47)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/kolasin-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Колашине
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(43)</span
                >
                    </li>
    </ul>

                                                                    <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/zabljak-region/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Жабляке
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(10)</span
                >
                    </li>
    </ul>

                                    </div>
            </div>
        
                    <div class="space-y-5">
                <h3 class="text-lg md:text-xl lg:text-2xl font-bold">
                    Сервисы в Черногории
                </h3>
                <div
                    class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:text-lg text-brand-primary-normal text-start">
                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/rent/montenegro/car/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Аренда машины в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/rent/montenegro/yacht/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Аренда яхты в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/chauffeured-transfers/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Трансфер в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/naturalisation/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Гражданство и ВНЖ в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/legal-services-and-translations/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Юридическая поддержка и переводы в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/estate-management/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Управление недвижимостью в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/work-abroad/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Работа за рубежом в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/guides-and-tours/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Гиды и экскурсии в Черногории
            </a>
                    </li>
    </ul>

                                            <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/packed-tours/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Туры и путевки в Черногории
            </a>
                    </li>
    </ul>

                                    </div>
            </div>
        
        

                    <h3 class="text-lg md:text-xl lg:text-2xl font-bold">
                Недвижимость по странам
            </h3>

            <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:text-lg text-brand-primary-normal">
                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/bulgaria/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Болгарии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(9470)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/spain/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Испании
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(4843)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/turkey/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Турции
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(3303)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/montenegro/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Черногории
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(3076)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/indonesia/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Индонезии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(2337)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/italy/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Италии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1628)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/tailand/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Таиланде
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1593)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/portugal/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Португалии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1519)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/cyprus/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость на Кипре
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1209)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/greece/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Греции
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1088)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/france/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость во Франции
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(1052)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/usa/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в США
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(809)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/uae/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в ОАЭ
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(619)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/georgia/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Грузии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(543)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/croatia/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Хорватии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(370)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/serbia/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Сербии
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(256)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/egypt/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Египте
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(37)</span
                >
                    </li>
    </ul>

                                                        <ul class="space-y-4" style="align-items: center; display: flex">
        <li>
            <a
                href="https://hatamatata.ru/slovenia/"
                class="border-b border-white hover:border-b-brand-primary-hover"
            >
                Недвижимость в Словении
            </a>
                            <span class="text-brand-gray-3 text-sm sm:text-base">&nbsp(35)</span
                >
                    </li>
    </ul>

                            </div>
        
            </div>
</section>

    <div class="max-w-base mx-auto mb-3">
    <section
        class="relative rounded-2xl bg-brand-gray-9 px-5 py-14 sm:px-10 md:px-16 lg:px-24 xl:px-32 mt-4 lg:mt-16 overflow-hidden"
    >
        <div class="flex flex-col md:flex-row md:items-center justify-between relative z-10 gap-10 md:gap-8 lg:gap-12">
            <!-- Left text + form -->
            <div class="w-full md:flex-1 md:max-w-2xl space-y-5">
                <h2 class="text-left font-bold sm:text-3xl leading-snug text-brand-black px-2">
                    Не знаете, с чего начать покупку недвижимости в Черногории?
                </h2>

                <p class="text-left text-brand-gray-2 text-sm leading-relaxed px-2">
                    Оставьте заявку — получите &nbsp;<b><u>бесплатную</u></b>&nbsp; консультацию по ценам, налогам, ВНЖ и рынку недвижимости в Черногории.
                </p>

                <form
                    x-data="writeSellerForm()"
                    x-init="formData.source = 'footer-cta'"
                    @submit.prevent="submitForm()"
                >
                    <input type="hidden" name="_token" value="taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj" autocomplete="off">
                    <div class="flex flex-wrap items-start mt-6 gap-3">
                        <div class="flex flex-col sm:flex-row gap-3 flex-1 min-w-[220px]">
                            <input
    type="text"
    name="name"
    id="name"
    class="w-full min-w-0 border border-brand-gray-6 rounded-lg py-3 px-5 outline-hidden text-base focus:border-brand-orange transition duration-200 bg-white"
    placeholder="Ваше имя"
    x-model="formData.name"
    required
/>

                            <input
    type="text"
    minlength="6"
    name="phone"
    class="w-full min-w-0 border border-brand-gray-6 rounded-lg py-3 px-5 outline-hidden text-base focus:border-brand-orange transition duration-200 bg-white"
    placeholder="Ваш телефон"
    maxlength="20"
    x-model="formData.phone"
/>
                        </div>

                        <button
                            type="submit"
                            class="w-full sm:w-auto shrink-0 px-7 py-3 bg-brand-orange text-white font-semibold rounded-lg hover:bg-brand-orange/90 transition duration-200"
                        >
                            Нужна консультация
                        </button>
                    </div>
                    <div class="text-xs text-brand-gray-3 text-center md:text-left mt-3 sm:mt-4 w-full">
                        <div class="flex md:flex-row items-center form-group form-check text-xs text-brand-gray-3">
    <input type="checkbox" class="form-checkbox h-4 w-4 mr-2" id="lower_agreement" x-model="formData.agreement" required>

    <label for="lower_agreement" class="text-left">
        Я соглашаюсь с 
        <a class="text-brand-blue" href="https://hatamatata.ru/page/agreement/" target="_blank">
            правилами обработки персональных данных
        </a>
        и
        <a class="text-brand-blue" href="https://hatamatata.ru/page/personal-data/" target="_blank">
            политикой конфиденциальности
        </a>
        ХатаМатата
    </label>
</div>
                    </div>
                </form>
            </div>

            <div class="w-full md:w-[260px] lg:w-[320px] xl:w-[380px] md:shrink-0">
                
                <div class="relative mx-auto w-full max-w-[320px] sm:max-w-[380px] md:max-w-none">
                    <img
                        src="https://hatamatata.ru/assets/images/write-seller-bg.webp"
                        alt=""
                        class="object-contain w-full"
                    />
                    <div
                        class="bg-white rounded-lg py-2.5 px-4 shadow-lg border border-brand-gray-6/10 block absolute right-[6%] bottom-6 max-w-[calc(100%-2rem)]"
                    >
                        
                        <p class="font-bold text-base lg:text-xl">
                            Мария Гювен
                        </p>
                        <div class="text-brand-gray-2 text-xs md:text-sm leading-snug">
                            <p>Руководитель отдела прямых продаж</p>
                            <p>+90-507-705-8082</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
</main>

<!-- Footer -->
<footer class="bg-brand-gray-9 pt-30 pb-[5.375rem] md:pt-30 md:pb-24 lg:pb-30 space-y-30 lg:space-y-5">
    <div class="max-w-base mx-auto grid sm:grid-cols-2 lg:grid-cols-3 gap-y-30 lg:gap-20 px-15">
        <div class="space-y-5">
            <div class="flex items-center gap-5">
                <a href="https://hatamatata.ru/" class="w-[4.5625rem] h-60 md:w-[4.125rem] md:h-[3.375rem] lg:w-24 lg:h-20" aria-label="ХатаМатата">
                    <img src="/svg/logo.svg" alt="ХатаМатата" class="w-full h-full"/>
                </a>
                <p class="font-medium lg:text-lg">
                    Недвижимость за рубежом
                </p>
            </div>
            <div class="space-y-2.5">
                <p class="text-sm text-brand-gray-2">
                    Мы в социальных сетях
                </p>
                <div class="flex flex-wrap items-center gap-4">

                                            <a href="https://hatamatata.ru/to/aHR0cHM6Ly92ay5jb20vL2hhdGFtYXRhdGFfcnU"
                           rel="nofollow noopener"
                           aria-label="VK"
                           class="group social-link w-11 h-11 rounded-full overflow-hidden grid place-content-center bg-white"
                           target="_blank">
                            <i class="fab fa-vk footer-icon"></i>
                        </a>
                    
                    
                    
                                            <a href="https://hatamatata.ru/to/aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS9oYXRhbWF0YXRhLnJ1Lw"
                           rel="nofollow noopener"
                           aria-label="Instagram"
                           class="group social-link w-11 h-11 rounded-full overflow-hidden grid place-content-center bg-white"
                           target="_blank">
                            <i class="fab fa-instagram footer-icon"></i>
                        </a>
                    
                    
                                    </div>
            </div>
        </div>

        <div class="sm:flex lg:justify-between space-y-2.5 md:space-y-0 sm:gap-10 md:gap-32 lg:gap-0 font-medium text-sm lg:text-base">
            <ul class="space-y-2.5 md:space-y-4">
                
                
                
                
                
                
                
                
                
                
                
            </ul>
            <ul class="space-y-2.5 md:space-y-4">
                <li>
                    <a href="https://hatamatata.ru/b/" class="hover:text-brand-primary-hover">
                        Блог
                    </a>
                </li>
                <li>
                    <a href="https://hatamatata.ru/contacts" class="hover:text-brand-primary-hover">
                        Контакты
                    </a>
                </li>
                <li>
                    <a href="https://hatamatata.ru/page/about-project/" class="hover:text-brand-primary-hover">
                        О нас
                    </a>
                </li>
                <li>
                    <a href="https://hatamatata.ru/about/team/" class="hover:text-brand-primary-hover">
                        Наша команда
                    </a>
                </li>
                <li>
                    <a href="https://hatamatata.ru/page/offer/" class="hover:text-brand-primary-hover">
                        Оферта
                    </a>
                </li>
                <li>
                    <a href="https://hatamatata.ru/page/personal-data/" class="hover:text-brand-primary-hover">
                        Политика в отношении обработки персональных данных Hatamatata.ru
                    </a>
                </li>
            </ul>
        </div>
        <div class="flex flex-col md:flex-row lg:flex-col md:col-span-2 lg:col-span-1 gap-5 md:gap-5 lg:gap-5">
            <div class="md:w-2/4 lg:w-auto flex gap-2.5">
                <div class="w-9 h-9 rounded-full grid place-content-center bg-brand-orange/5">
                    <img src="https://hatamatata.ru/images/svg/warning.svg" alt="warning">
                </div>

                                    <div class="space-y-five">
                        <p class="text-sm text-brand-gray-3">
                            Адрес:
                        </p>
                        <p class="text-sm lg:text-base font-medium cursor-pointer">
                            Турусбекова 109/3, Бишкек, Кыргызстан
                        </p>
                    </div>
                            </div>
            <!-- Phone -->
            <div class="md:w-1/4 lg:w-auto flex gap-2.5">
                <div class="w-9 h-9 rounded-full grid place-content-center bg-brand-orange/5">
                    <img src="https://hatamatata.ru/images/svg/alert.svg" alt="alert">
                </div>
                                    <div class="space-y-five">
                        <p class="text-sm text-brand-gray-3">
                            Телефон:
                        </p>
                        <a
                            class="text-sm lg:text-base font-medium"
                            href="https://wa.me/905077058082?text=%D0%94%D0%BE%D0%B1%D1%80%D1%8B%D0%B9+%D0%B4%D0%B5%D0%BD%D1%8C%2C+%D1%85%D0%BE%D1%82%D0%B5%D0%BB%D0%BE%D1%81%D1%8C+%D0%B1%D1%8B+%D1%83+%D0%B2%D0%B0%D1%81+%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B8%D1%82%D1%8C+%D0%BA%D0%BE%D0%BD%D1%81%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%86%D0%B8%D1%8E.+https%3A%2F%2Fhatamatata.ru%2Fmontenegro%2F"
                            target="_blank"
                            rel="nofollow noopener">+90(507)705-80-82 
                        </a>
                    </div>
                            </div>

            <div class="md:w-1/4 lg:w-auto flex gap-2.5">
                <div class="w-9 h-9 rounded-full grid place-content-center bg-brand-orange/5">
                    <img src="https://hatamatata.ru/images/svg/alert-circle.svg" alt="alert-circle">
                </div>
                <div class="space-y-five">
                    <p class="text-sm text-brand-gray-3">
                        Почта:
                    </p>
                    <a class="text-sm lg:text-base font-medium cursor-pointer" href="mailto:info@hatamatata.com">info@hatamatata.com</a>
                </div>
            </div>
        </div>
    </div>
    <p class="max-w-base mx-auto text-sm text-brand-gray-3 px-15">
        © 2026 Hatamatata.ru – Портал зарубежной недвижимости
    </p>
</footer>


            <script>
            window.addEventListener('load', function () {
                setTimeout(function () {
                    var fragment = document.createRange().createContextualFragment("\n<!-- Yandex.Metrika counter -->\n<script type=\"text\/javascript\">\n    (function(m,e,t,r,i,k,a){\n        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};\n        m[i].l=1*new Date();\n        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}\n        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)\n    })(window, document,'script','https:\/\/mc.yandex.ru\/metrika\/tag.js', 'ym');\n\n    ym(57147271, 'init', {webvisor:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});\n<\/script>\n<noscript><div><img src=\"https:\/\/mc.yandex.ru\/watch\/57147271\" style=\"position:absolute; left:-9999px;\" alt=\"\" \/><\/div><\/noscript>\n<!-- \/Yandex.Metrika counter -->");
                    document.body.appendChild(fragment);
                }, 3000);
            });
        </script>
    

<script>
    window.Laravel = {"csrfToken":"taDTxbj3gtoGf1G3CDleff2kWa4HfVyTfXUCsmUj","locale":"ru"};
</script>


</body>

</html>

Shown as plain text. Nothing from hatamatata.ru runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.