<!DOCTYPE html>
<html lang="ka">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=5" name="viewport">
<title>Batumi Classifieds &amp; Marketplace — BuyMonitor</title>
<link href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.min.css" rel="stylesheet">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="SKnJhGkQZAwhYxR_znVCWJWsC03E9J1240BUQ0F3vjHsDP60JTAgHEj0zQhb6TZz53aXw_VMwXNKfOWJT7TVKw" />

<style>
  :root {
    --primary-color: #2563eb;
    --primary-hover: #1d4ed8;
  }
  body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #f8fafc;
    color: #1e293b;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }
  .item-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #ffffff;
  }
  .item-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  }
  .category-scroll {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 4px;
  }
  .category-scroll::-webkit-scrollbar {
    display: none;
  }
  .category-pill {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #334155;
    text-decoration: none;
    transition: all 0.15s ease;
    flex-shrink: 0;
  }
  .category-pill:hover, .category-pill.is-active {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
  }
  .category-pill .tag {
    background-color: #f1f5f9;
    color: #475569;
    font-weight: 600;
    transition: all 0.15s ease;
  }
  .category-pill:hover .tag, .category-pill.is-active .tag {
    background-color: #1d4ed8;
    color: #ffffff;
  }
  .hero-search-box {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-radius: 16px;
    color: #ffffff;
  }
  .stat-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
  }
  .pswp__img {
    object-fit: contain;
  }
  .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #ffffff;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.15s ease;
    opacity: 0.85;
    padding: 0;
  }
  .slider-arrow:hover {
    background: rgba(15, 23, 42, 0.85);
    transform: translateY(-50%) scale(1.1);
    opacity: 1;
  }
  .slider-arrow-prev {
    left: 8px;
  }
  .slider-arrow-next {
    right: 8px;
  }
  .slider-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
    z-index: 5;
    pointer-events: none;
  }
</style>
<link rel="alternate" hreflang="ka" href="https://buy-monitor.moov.top/ge/sitemap/items" />
<link rel="alternate" hreflang="ru" href="https://buy-monitor.moov.top/ru/sitemap/items" />
<link rel="alternate" hreflang="en" href="https://buy-monitor.moov.top/en/sitemap/items" />
<link rel="alternate" hreflang="x-default" href="https://buy-monitor.moov.top/en/sitemap/items" />
<link rel="canonical" href="https://buy-monitor.moov.top/ge/sitemap/items" />
<script type="application/ld+json">
{"@context":"https://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Sitemap","item":"https://buy-monitor.moov.top/?locale=ge"}]}
</script>

</head>
<body>
<nav aria-label="main navigation" class="navbar is-white has-shadow" role="navigation">
<div class="container px-3">
<div class="navbar-brand" style="width: 100%; display: flex; align-items: center; justify-content: space-between;">
<div class="is-flex is-align-items-center">
<a class="navbar-item px-1 has-text-weight-bold is-size-4 has-text-primary" href="/ge/sitemap/items"><i class="fa-solid fa-magnifying-glass-chart mr-2"></i>
BuyMonitor
</a><span class="tag is-light is-rounded ml-2 is-hidden-mobile">
<i class="fa-solid fa-location-dot mr-1"></i>
Batumi
</span>
</div>
<div class="is-flex is-align-items-center">
<div class="field has-addons mr-2 mb-0">
<div class="control">
<a class="button is-small is-primary has-text-weight-bold" title="Georgian Lari (₾)" href="/ge/sitemap.xml?currency=GEL">₾
</a></div>
<div class="control">
<a class="button is-small is-light" title="US Dollars ($)" href="/ge/sitemap.xml?currency=USD">$
</a></div>
</div>
<div class="field has-addons mr-2 mb-0">
<div class="control">
<a class="button is-small is-primary has-text-weight-bold" href="/ge/sitemap.xml">GE</a>
</div>
<div class="control">
<a class="button is-small is-light" href="/ru/sitemap.xml">RU</a>
</div>
<div class="control">
<a class="button is-small is-light" href="/en/sitemap.xml">EN</a>
</div>
</div>
<a class="button is-small is-primary is-outlined is-rounded" title="Sign In" href="/login?locale=ge"><i class="fa-solid fa-arrow-right-to-bracket mr-1"></i>
<span class="is-hidden-mobile">Sign In</span>
</a></div>
</div>
</div>
</nav>
<main style="flex: 1;">
<div class="container my-4 px-3">
<div class="hero-search-box p-4 p-5-tablet mb-5">
<div class="columns is-vcentered">
<div class="column is-7">
<h1 class="title is-4 is-size-3-tablet has-text-white mb-2">
Find anything in Batumi
</h1>
<p class="subtitle is-6 has-text-grey-light mb-4">
Real-time secondhand search across Telegram channels & local classifieds.
</p>
<form action="/ge/sitemap/items" accept-charset="UTF-8" method="get"><input autocomplete="off" value="WTS" type="hidden" name="intent" id="intent" />

<div class="field has-addons mb-3">
<div class="control is-expanded has-icons-left">
<input placeholder="Search for iPhone, monitor, bicycle, sofa..." class="input is-medium" style="border-radius: 8px 0 0 8px; border: none;" type="text" name="q" id="q" />
<span class="icon is-left is-medium">
<i class="fa-solid fa-magnifying-glass"></i>
</span>
</div>
<div class="control">
<input type="submit" name="commit" value="Search" class="button is-primary is-medium has-text-weight-semibold" style="border-radius: 0 8px 8px 0;" data-disable-with="Search" />
</div>
</div>
</form><div class="is-flex is-align-items-center is-flex-wrap-wrap" style="gap: 6px;">
<span class="is-size-7 has-text-grey-light mr-1">Popular:</span>
<a class="tag is-dark is-rounded is-clickable" style="background: rgba(255,255,255,0.15); color: #fff;" href="/ge/sitemap/items?intent=WTS&amp;q=iPhone">iPhone</a>
<a class="tag is-dark is-rounded is-clickable" style="background: rgba(255,255,255,0.15); color: #fff;" href="/ge/sitemap/items?intent=WTS&amp;q=MacBook">MacBook</a>
<a class="tag is-dark is-rounded is-clickable" style="background: rgba(255,255,255,0.15); color: #fff;" href="/ge/sitemap/items?intent=WTS&amp;q=Monitor">Monitor</a>
<a class="tag is-dark is-rounded is-clickable" style="background: rgba(255,255,255,0.15); color: #fff;" href="/ge/sitemap/items?intent=WTS&amp;q=Bicycle">Bicycle</a>
<a class="tag is-dark is-rounded is-clickable" style="background: rgba(255,255,255,0.15); color: #fff;" href="/ge/sitemap/items?intent=WTS&amp;q=PlayStation">PlayStation</a>
<a class="tag is-dark is-rounded is-clickable" style="background: rgba(255,255,255,0.15); color: #fff;" href="/ge/sitemap/items?intent=WTS&amp;q=Car">Car</a>
</div>
</div>
<div class="column is-5 is-hidden-mobile">
<div class="box p-3" style="background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px;">
<p class="is-size-7 has-text-weight-bold has-text-primary is-uppercase mb-1">
<i class="fa-solid fa-bolt mr-1"></i>
Instant Aggregator
</p>
<p class="is-size-7 has-text-grey-lighter">
Monitors 11+ channels in Batumi 24/7. Duplicates are merged so you always get the best seller contacts and newest reposts.
</p>
</div>
</div>
</div>
</div>
<div class="columns mb-5 is-variable is-2 is-multiline">
<div class="column is-3-tablet is-6-mobile">
<div class="stat-card" style="text-align: left; height: 100%; display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div class="is-flex is-align-items-center mb-2">
<span class="icon is-medium has-text-info mr-2">
<i class="fa-brands fa-telegram fa-2x"></i>
</span>
<h3 class="has-text-weight-bold is-size-6">1. Real-Time Aggregator</h3>
</div>
<p class="is-size-7 has-text-grey">
Crawls 13+ Batumi Telegram channels and classified groups automatically.
</p>
</div>
</div>
</div>
<div class="column is-3-tablet is-6-mobile">
<div class="stat-card" style="text-align: left; height: 100%; display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div class="is-flex is-align-items-center mb-2">
<span class="icon is-medium has-text-primary mr-2">
<i class="fa-solid fa-brain fa-2x"></i>
</span>
<h3 class="has-text-weight-bold is-size-6">2. AI Deduplicated</h3>
</div>
<p class="is-size-7 has-text-grey">
Extracts prices, specs, and merges duplicate reposts into combined photo galleries.
</p>
</div>
</div>
</div>
<div class="column is-3-tablet is-6-mobile">
<div class="stat-card" style="text-align: left; height: 100%; display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div class="is-flex is-align-items-center mb-2">
<span class="icon is-medium has-text-success mr-2">
<i class="fa-solid fa-comments fa-2x"></i>
</span>
<h3 class="has-text-weight-bold is-size-6">3. Direct Contact</h3>
</div>
<p class="is-size-7 has-text-grey">
Tap to open the seller's original Telegram profile or chat directly with zero fees.
</p>
</div>
</div>
</div>
<div class="column is-3-tablet is-6-mobile">
<div class="stat-card" style="text-align: left; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-color: #bae6fd; background: #f0f9ff;">
<div>
<div class="is-flex is-align-items-center mb-2">
<span class="icon is-medium has-text-info-dark mr-2">
<i class="fa-solid fa-bell fa-2x"></i>
</span>
<h3 class="has-text-weight-bold is-size-6">4. Instant Alerts</h3>
</div>
<p class="is-size-7 has-text-grey-dark mb-2">
Set live alerts in our Telegram bot to get notified the second a deal is posted.
</p>
</div>
<a target="_blank" rel="noopener" class="button is-small is-info is-light is-rounded has-text-weight-semibold mt-2" style="width: fit-content;" href="https://t.me/baraholka_login_bot"><i class="fa-brands fa-telegram mr-1"></i>
Open Alert Bot
</a></div>
</div>
</div>
<div class="columns is-mobile is-multiline mb-5">
<div class="column is-6-mobile is-3-tablet">
<div class="stat-card">
<p class="title is-4 has-text-primary mb-1">464</p>
<p class="is-size-7 has-text-grey">Active Listings</p>
</div>
</div>
<div class="column is-6-mobile is-3-tablet">
<div class="stat-card">
<p class="title is-4 has-text-info mb-1">11</p>
<p class="is-size-7 has-text-grey">Channels Monitored</p>
</div>
</div>
<div class="column is-6-mobile is-3-tablet">
<div class="stat-card">
<p class="title is-4 has-text-success mb-1">123</p>
<p class="is-size-7 has-text-grey">Reposts Tracked</p>
</div>
</div>
<div class="column is-6-mobile is-3-tablet">
<div class="stat-card">
<p class="title is-4 has-text-warning-dark mb-1">117</p>
<p class="is-size-7 has-text-grey">Catalog Products</p>
</div>
</div>
</div>
<div class="category-scroll mb-4">
<a class="category-pill is-active" href="/ge/sitemap/items?intent=WTS"><i class="fa-solid fa-layer-group mr-2"></i>
All Categories
<span class="tag is-rounded is-light ml-2 is-size-7">464</span>
</a><a class="category-pill " href="/ge/sitemap/items?category=electronics&amp;intent=WTS"><i class="fa-solid fa-mobile-screen-button mr-2"></i>
ელექტრონიკა
</a><a class="category-pill " href="/ge/sitemap/items?category=vehicles_transport&amp;intent=WTS"><i class="fa-solid fa-car mr-2"></i>
ტრანსპორტი
</a><a class="category-pill " href="/ge/sitemap/items?category=home_living&amp;intent=WTS"><i class="fa-solid fa-couch mr-2"></i>
სახლი და ბაღი
</a><a class="category-pill " href="/ge/sitemap/items?category=real_estate&amp;intent=WTS"><i class="fa-solid fa-house mr-2"></i>
უძრავი ქონება
</a><a class="category-pill " href="/ge/sitemap/items?category=sport_outdoor&amp;intent=WTS"><i class="fa-solid fa-person-biking mr-2"></i>
სპორტი
</a><a class="category-pill " href="/ge/sitemap/items?category=clothing&amp;intent=WTS"><i class="fa-solid fa-shirt mr-2"></i>
ტანსაცმელი
</a><a class="category-pill " href="/ge/sitemap/items?category=kids_baby&amp;intent=WTS"><i class="fa-solid fa-baby-carriage mr-2"></i>
საბავშვო
</a><a class="category-pill " href="/ge/sitemap/items?category=pets&amp;intent=WTS"><i class="fa-solid fa-paw mr-2"></i>
ცხოველები
</a><a class="category-pill " href="/ge/sitemap/items?category=services_jobs&amp;intent=WTS"><i class="fa-solid fa-screwdriver-wrench mr-2"></i>
სერვისები
</a></div>
<div class="level is-mobile mb-3">
<div class="level-left">
<div class="tabs is-toggle is-small is-rounded mb-0">
<ul>
<li class="is-active">
<a href="/ge/sitemap/items?intent=WTS"><span>For Sale</span>
</a></li>
<li class="">
<a href="/ge/sitemap/items?intent=WTB"><span>Wanted</span>
</a></li>
<li class="">
<a href="/ge/sitemap/items?intent=GIFT"><span>Free / Gift</span>
</a></li>
</ul>
</div>
</div>
<div class="level-right is-hidden-mobile">
</div>
</div>
<div class="notification is-light has-text-centered py-6" style="border-radius: 12px;">
<i class="fa-regular fa-face-frown fa-3x has-text-grey-light mb-3"></i>
<p class="is-size-5 has-text-grey">No listings found matching your search.</p>
</div>
</div>

</main>
<footer class="footer has-background-white mt-6 py-5" style="border-top: 1px solid #e2e8f0;">
<div class="container px-3">
<div class="columns">
<div class="column is-6">
<h3 class="has-text-weight-bold is-size-5 has-text-primary mb-2">
<i class="fa-solid fa-magnifying-glass-chart mr-2"></i>
BuyMonitor Batumi
</h3>
<p class="is-size-7 has-text-grey mb-2">
Smart secondhand classifieds & marketplace aggregator for Georgia. Real-time monitoring of Telegram channels, chats, and classified boards with AI deduplication.
</p>
</div>
<div class="column is-6 has-text-right-tablet">
<p class="is-size-7 has-text-grey">
&copy; 2026 BuyMonitor. All rights reserved.
</p>
<p class="is-size-7 has-text-grey mt-1">
<i class="fa-solid fa-shield-halved mr-1"></i>
Direct seller contact &bull; No middleman commissions
</p>
</div>
</div>
</div>
</footer>
<div class="modal" id="location-map-modal" style="z-index: 1050;">
<div class="modal-background" data-action="close-location-modal"></div>
<div class="modal-card" style="max-width: 440px; margin: 1.5rem auto; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 8px 10px -6px rgba(0, 0, 0, 0.1);">
<header class="modal-card-head" style="background-color: #ffffff; border-bottom: 1px solid #f1f5f9; padding: 16px 20px;">
<div class="modal-card-title is-size-5 has-text-weight-bold is-flex is-align-items-center">
<i class="fa-solid fa-location-dot has-text-danger mr-2"></i>
<span id="modal-location-title">Item Location</span>
</div>
<button aria-label="close" class="delete" data-action="close-location-modal"></button>
</header>
<section class="modal-card-body" style="padding: 20px 24px;">
<div class="notification is-light mb-4" style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px;">
<div class="is-flex is-align-items-center mb-1">
<i class="fa-solid fa-map-pin has-text-danger mr-2"></i>
<span class="has-text-weight-bold is-size-6" id="modal-location-text">—</span>
</div>
<div class="is-size-7 has-text-grey" id="modal-city-text">Batumi, Georgia</div>
</div>
<p class="is-size-7 has-text-grey mb-3">Open this landmark or district in your preferred map application:</p>
<div class="is-flex is-flex-direction-column" style="gap: 10px;">
<a class="button is-fullwidth is-medium" href="#" id="modal-google-maps-btn" rel="noopener" style="background-color: #ffffff; border: 1.5px solid #e2e8f0; color: #1e293b; font-weight: 600; border-radius: 10px; justify-content: flex-start;" target="_blank">
<span class="icon mr-2" style="color: #4285F4;">
<i class="fa-brands fa-google fa-lg"></i>
</span>
<span>Open in Google Maps</span>
<i class="fa-solid fa-arrow-up-right-from-square is-size-7 has-text-grey-light" style="margin-left: auto;"></i>
</a>
<a class="button is-fullwidth is-medium" href="#" id="modal-yandex-maps-btn" rel="noopener" style="background-color: #ffffff; border: 1.5px solid #e2e8f0; color: #1e293b; font-weight: 600; border-radius: 10px; justify-content: flex-start;" target="_blank">
<span class="icon mr-2" style="color: #fc3f1d;">
<i class="fa-brands fa-yandex-international fa-lg"></i>
</span>
<span>Open in Yandex Maps</span>
<i class="fa-solid fa-arrow-up-right-from-square is-size-7 has-text-grey-light" style="margin-left: auto;"></i>
</a>
<button class="button is-fullwidth is-light" id="modal-copy-btn" style="border-radius: 10px; font-weight: 500;" type="button">
<i class="fa-regular fa-copy mr-2"></i>
<span id="modal-copy-text">Copy Location Name</span>
</button>
</div>
</section>
</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe-lightbox.umd.min.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Universal card image sliders (feed, products, recommendations)
    document.querySelectorAll('.card-slider[data-slider="true"]').forEach(function(slider) {
      const scriptData = slider.querySelector('.slider-data');
      if (!scriptData) return;
  
      let images = [];
      try {
        images = JSON.parse(scriptData.textContent);
      } catch (e) {
        return;
      }
      if (!images || images.length <= 1) return;
  
      let currentIndex = 0;
      const imgElement = slider.querySelector('.card-main-img');
      const curBadge = slider.querySelector('.slider-cur');
      const prevBtn = slider.querySelector('.slider-arrow-prev');
      const nextBtn = slider.querySelector('.slider-arrow-next');
  
      function showImage(idx) {
        currentIndex = (idx + images.length) % images.length;
        const target = images[currentIndex];
        if (imgElement && target) {
          imgElement.src = target.src;
          if (target.srcset) {
            imgElement.srcset = target.srcset;
          }
        }
        if (curBadge) {
          curBadge.textContent = (currentIndex + 1);
        }
      }
  
      if (prevBtn) {
        prevBtn.addEventListener('click', function(e) {
          e.preventDefault();
          e.stopPropagation();
          showImage(currentIndex - 1);
        });
      }
  
      if (nextBtn) {
        nextBtn.addEventListener('click', function(e) {
          e.preventDefault();
          e.stopPropagation();
          showImage(currentIndex + 1);
        });
      }
  
      // Mobile touch swipe support
      let touchStartX = 0;
      let touchStartY = 0;
      slider.addEventListener('touchstart', function(e) {
        if (e.touches && e.touches.length === 1) {
          touchStartX = e.touches[0].clientX;
          touchStartY = e.touches[0].clientY;
        }
      }, { passive: true });
  
      slider.addEventListener('touchend', function(e) {
        if (!e.changedTouches || e.changedTouches.length === 0) return;
        const diffX = e.changedTouches[0].clientX - touchStartX;
        const diffY = e.changedTouches[0].clientY - touchStartY;
        if (Math.abs(diffX) > 35 && Math.abs(diffX) > Math.abs(diffY)) {
          if (diffX < 0) {
            showImage(currentIndex + 1);
          } else {
            showImage(currentIndex - 1);
          }
        }
      });
    });
  
    // Interactive Location Map Modal logic
    document.addEventListener('click', function(e) {
      const btn = e.target.closest('.location-badge-btn');
      if (btn) {
        e.preventDefault();
        e.stopPropagation();
  
        const loc = btn.dataset.location || '';
        const city = btn.dataset.city || 'Batumi';
  
        const modal = document.getElementById('location-map-modal');
        const locText = document.getElementById('modal-location-text');
        const cityText = document.getElementById('modal-city-text');
        const gBtn = document.getElementById('modal-google-maps-btn');
        const yBtn = document.getElementById('modal-yandex-maps-btn');
        const copyBtn = document.getElementById('modal-copy-btn');
        const copyText = document.getElementById('modal-copy-text');
  
        if (!modal) return;
  
        if (locText) locText.textContent = loc;
        if (cityText) cityText.textContent = city.charAt(0).toUpperCase() + city.slice(1) + ', Georgia';
  
        const fullQuery = loc + ', ' + city + ', Georgia';
        if (gBtn) gBtn.href = 'https://www.google.com/maps/search/?api=1&query=' + encodeURIComponent(fullQuery);
        if (yBtn) yBtn.href = 'https://yandex.com/maps/?text=' + encodeURIComponent(city + ', ' + loc);
  
        if (copyBtn && copyText) {
          copyText.textContent = 'Copy Location Name';
          copyBtn.onclick = function() {
            navigator.clipboard.writeText(loc + ', ' + city).then(function() {
              copyText.textContent = 'Copied to clipboard!';
              setTimeout(function() { copyText.textContent = 'Copy Location Name'; }, 2000);
            });
          };
        }
  
        modal.classList.add('is-active');
        document.documentElement.classList.add('is-clipped');
      }
  
      if (e.target.closest('[data-action="close-location-modal"]') || e.target.classList.contains('modal-background')) {
        const modal = document.getElementById('location-map-modal');
        if (modal) {
          modal.classList.remove('is-active');
          document.documentElement.classList.remove('is-clipped');
        }
      }
    });
  
    document.addEventListener('keydown', function(e) {
      if (e.key === 'Escape') {
        const modal = document.getElementById('location-map-modal');
        if (modal && modal.classList.contains('is-active')) {
          modal.classList.remove('is-active');
          document.documentElement.classList.remove('is-clipped');
        }
      }
    });
  });
</script>

</body>
</html>
