<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <!-- PWA standalone: auto-redirect to browser language on first open (no flash — runs before render) -->
  <script>(function(){
    var sa=window.matchMedia('(display-mode:standalone)').matches||navigator.standalone===true;
    if(!sa)return;
    var supported=['it','de','nl','fr','es','pt','da','sv','no','fi','ru','pl','hu','cs','sk','sl','hr','he','ar','zh','ja','ko','ro','tr'];
    if(supported.some(function(l){return location.pathname.indexOf('/'+l+'/')===0;}))return;
    var ck=document.cookie.match(/glk_lang=([a-z]+)/);
    if(ck&&ck[1]!=='en')return;
    if(ck&&ck[1]==='en')return;
    var nav=(navigator.language||'').toLowerCase().split('-')[0];
    if(supported.indexOf(nav)===-1)return;
    document.cookie='glk_lang='+nav+';path=/;max-age=2592000';
    location.replace('/'+nav+location.pathname+(location.search||''));
  })();</script>
  <!-- Google Analytics GA4 — Consent Mode v2 (GDPR compliant) -->
  
  <!-- Step 1: start downloading gtag.js immediately (async = non-blocking) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-L7PQC039HK"></script>
  <!-- Step 2: configure while it downloads — consent defaults land before first event -->
  <script nonce="DcDhPAtqLUTVeQpqnLY2AQ">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('consent', 'default', {
      'analytics_storage':    'denied',
      'ad_storage':           'denied',
      'ad_user_data':         'denied',
      'ad_personalization':   'denied',
      'wait_for_update':      500
    });
    gtag('js', new Date());
    gtag('config', 'G-L7PQC039HK', {
      'send_page_view': true,
      'anonymize_ip': true
    });
  </script>
  
  <!-- flag-icons: rectangular flag sprites (fi fi-XX) -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
  <!-- vanilla-cookieconsent v3 CSS — non-blocking (preload) -->
  <link rel="preconnect" href="https://cdn.jsdelivr.net">
  <link rel="preload" as="style"
        href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.0.1/dist/cookieconsent.css"
        onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.0.1/dist/cookieconsent.css"></noscript>
  <title>Gardalake.com — Lake Garda Hotels, Map &amp; Travel Guide</title>
  <meta name="description" content="3,766 hotels, B&amp;Bs and apartments on Lake Garda, Italy — interactive map in 22 languages. Your original Lake Garda travel guide, online since 1997.">
  <meta name="keywords" content="Lake Garda hotels, Lake Garda map, Lake Garda travel guide, Garda hotels, Sirmione hotel, Malcesine hotel, Lake Garda apartments">

  <!-- Canonical -->
  <link rel="canonical" href="https://www.gardalake.com/">
  

  <!-- Hreflang — 24 language variants + x-default, built from BARE_PATH (lang prefix stripped) -->
  <link rel="alternate" hreflang="x-default" href="https://www.gardalake.com/">
<link rel="alternate" hreflang="en" href="https://www.gardalake.com/">
<link rel="alternate" hreflang="it" href="https://www.gardalake.com/it/">
<link rel="alternate" hreflang="de" href="https://www.gardalake.com/de/">
<link rel="alternate" hreflang="nl" href="https://www.gardalake.com/nl/">
<link rel="alternate" hreflang="fr" href="https://www.gardalake.com/fr/">
<link rel="alternate" hreflang="es" href="https://www.gardalake.com/es/">
<link rel="alternate" hreflang="pt" href="https://www.gardalake.com/pt/">
<link rel="alternate" hreflang="da" href="https://www.gardalake.com/da/">
<link rel="alternate" hreflang="sv" href="https://www.gardalake.com/sv/">
<link rel="alternate" hreflang="no" href="https://www.gardalake.com/no/">
<link rel="alternate" hreflang="fi" href="https://www.gardalake.com/fi/">
<link rel="alternate" hreflang="ru" href="https://www.gardalake.com/ru/">
<link rel="alternate" hreflang="pl" href="https://www.gardalake.com/pl/">
<link rel="alternate" hreflang="hu" href="https://www.gardalake.com/hu/">
<link rel="alternate" hreflang="cs" href="https://www.gardalake.com/cs/">
<link rel="alternate" hreflang="sk" href="https://www.gardalake.com/sk/">
<link rel="alternate" hreflang="sl" href="https://www.gardalake.com/sl/">
<link rel="alternate" hreflang="hr" href="https://www.gardalake.com/hr/">
<link rel="alternate" hreflang="he" href="https://www.gardalake.com/he/">
<link rel="alternate" hreflang="ar" href="https://www.gardalake.com/ar/">
<link rel="alternate" hreflang="zh-Hans" href="https://www.gardalake.com/zh/">
<link rel="alternate" hreflang="ja" href="https://www.gardalake.com/ja/">
<link rel="alternate" hreflang="ko" href="https://www.gardalake.com/ko/">
<link rel="alternate" hreflang="ro" href="https://www.gardalake.com/ro/">
<link rel="alternate" hreflang="tr" href="https://www.gardalake.com/tr/">

  <!-- Open Graph -->
  <meta property="og:site_name" content="Gardalake.com">
  <meta property="og:locale" content="en_US">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Lake Garda Hotels, Map &amp; Travel Guide">
  <meta property="og:description" content="3,766 hotels, B&amp;Bs and apartments on Lake Garda, Italy — interactive map in 22 languages. Your original Lake Garda travel guide, online since 1997.">
  <meta property="og:url" content="https://www.gardalake.com/">
  <meta property="og:image" content="https://www.gardalake.com/static/img/og-default.jpg">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  
  <meta name="twitter:title" content="Lake Garda Hotels, Map &amp; Travel Guide">
  <meta name="twitter:description" content="3,766 hotels, B&amp;Bs and apartments on Lake Garda, Italy — interactive map in 22 languages. Your original Lake Garda travel guide, online since 1997.">
  

  <!-- PWA -->
  <link rel="manifest" href="/static/manifest.json">
  <meta name="theme-color" content="#00A3D3">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="apple-mobile-web-app-title" content="Gardalake">
  <link rel="apple-touch-icon" href="/static/img/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/static/img/icon-152.png">
  <link rel="apple-touch-icon" sizes="192x192" href="/static/img/icon-192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/static/img/icon-32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/static/img/icon-16.png">
  <link rel="shortcut icon" href="/static/img/favicon.ico">

  <!-- Feed autodiscovery — browser extensions (Feedly, Inoreader, RSS+, Feedbro) detect these -->
  <link rel="alternate" type="application/rss+xml"
        title="Lake Garda Hotels &amp; Accommodation News - Gardalake.com"
        href="https://www.gardalake.com/feed.xml">
  <link rel="alternate" type="application/atom+xml"
        title="Lake Garda Hotels &amp; Accommodation News - Gardalake.com (Atom)"
        href="https://www.gardalake.com/feed.atom">
  <link rel="alternate" type="application/feed+json"
        title="Lake Garda Hotels &amp; Accommodation News - Gardalake.com (JSON)"
        href="https://www.gardalake.com/feed.json">

  <!-- Webmaster verifications -->
  <meta name="google-site-verification" content="kfCUB0_mEI7Qse03zaVX-nmp54u0baFRLNQE1u3EpQM">
  
  
  
  
  

  <!-- Fonts — non-blocking (preload + onload swap, noscript fallback) -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" as="style"
        href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap"
        onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap"></noscript>

  <!-- Tailwind CSS (compiled static — rebuild: npm run css) -->
  <link rel="stylesheet" href="/static/css/tailwind.dist.css">

  <!-- Custom CSS -->
  <link rel="stylesheet" href="/static/css/gardalake.css">
  <!-- PWA install banner: mobile only -->
  <style>@media (min-width: 1024px) { #pwa-install-banner { display: none !important; } }</style>

  <!-- Google Tag Manager -->
  

  <!-- Schema.org / JSON-LD -->
  
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.gardalake.com/#website","name":"Gardalake.com","url":"https://www.gardalake.com","potentialAction":{"@type":"SearchAction","target":"https://www.gardalake.com/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.gardalake.com/#organization","name":"Gardalake","url":"https://www.gardalake.com","logo":{"@type":"ImageObject","url":"https://www.gardalake.com/static/img/logo-gardalake.png"},"description":"Lake Garda's hotel guide — 3729 hotels, resorts and villas in 25 languages.","areaServed":{"@type":"Place","name":"Lake Garda"}}</script>


  <!-- Facebook Pixel -->
  

  <!-- Pinterest Tag -->
  

  <!-- TikTok Pixel -->
  

  

  

  


<link rel="preload" as="image" href="https://media.gardalake.com/hotels/hotel-roma-garda.jpg" fetchpriority="high">


</head>
<body class="font-sans bg-gray-50 text-gray-800 min-h-screen flex flex-col">

  

  <!-- GTM noscript -->
  

  

  <!-- Header -->
  
<header class="bg-primary sticky z-50" style="top:0;box-shadow:0 3px 8px rgba(0,0,0,.18);">
  <div class="max-w-5xl mx-auto px-4 sm:px-6">
    <div class="flex items-center justify-between" style="height:68px;">

      <a href="/" class="flex items-center gap-2 group no-underline">
        <!-- Clover logo — desktop only, soft infinite rotation -->
        <span class="hidden md:flex items-center justify-center flex-shrink-0"
              style="width:38px; height:38px; background:#fff; border-radius:50%;
                     box-shadow:0 2px 8px rgba(0,0,0,.18);">
          <img src="/static/img/glk-clover.png" alt="Gardalake clover"
               style="width:26px; height:26px; animation:glk-spin 24s linear infinite;"
               loading="eager">
        </span>
        <span class="font-sans font-bold text-white group-hover:text-accent transition-colors" style="font-size:28px; letter-spacing:-.4px;">
          Garda<span class="text-accent">Lake</span><span style="font-size:0.72em; opacity:0.9; font-weight:700; letter-spacing:0;">.com</span>
        </span>
      </a>

      <style>
        @keyframes glk-spin {
          from { transform: rotate(0deg); }
          to   { transform: rotate(360deg); }
        }
      </style>

      <nav class="hidden md:flex items-center gap-6">
        <a href="/" class="text-white/80 hover:text-accent text-sm font-medium transition-colors">Home</a>

        <div class="relative" id="glk-lang-picker">
          <button id="glk-lang-btn" class="flex items-center gap-1.5 text-white/80 hover:text-accent text-sm font-medium transition-colors">
            <span class="fi fi-gb" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
            <span style="margin-left:8px;">EN</span>
            <svg class="w-3 h-3 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
          </button>
          <div id="glk-lang-menu" class="hidden absolute right-0 top-full mt-1 bg-white rounded-lg shadow-xl border border-gray-100 p-2 z-50" style="width:380px;">
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:0;">
              
              <a href="/"
                 onclick="document.cookie='glk_lang=en;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded font-semibold text-primary bg-primary/5"
                 style="gap:8px;">
                <span class="fi fi-gb" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">English</span>
              </a>
              
              <a href="/it/"
                 onclick="document.cookie='glk_lang=it;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-it" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Italiano</span>
              </a>
              
              <a href="/de/"
                 onclick="document.cookie='glk_lang=de;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-de" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Deutsch</span>
              </a>
              
              <a href="/nl/"
                 onclick="document.cookie='glk_lang=nl;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-nl" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Nederlands</span>
              </a>
              
              <a href="/fr/"
                 onclick="document.cookie='glk_lang=fr;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-fr" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Français</span>
              </a>
              
              <a href="/es/"
                 onclick="document.cookie='glk_lang=es;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-es" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Español</span>
              </a>
              
              <a href="/pt/"
                 onclick="document.cookie='glk_lang=pt;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-pt" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Português</span>
              </a>
              
              <a href="/da/"
                 onclick="document.cookie='glk_lang=da;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-dk" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Dansk</span>
              </a>
              
              <a href="/sv/"
                 onclick="document.cookie='glk_lang=sv;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-se" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Svenska</span>
              </a>
              
              <a href="/no/"
                 onclick="document.cookie='glk_lang=no;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-no" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Norsk</span>
              </a>
              
              <a href="/fi/"
                 onclick="document.cookie='glk_lang=fi;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-fi" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Suomi</span>
              </a>
              
              <a href="/ru/"
                 onclick="document.cookie='glk_lang=ru;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-ru" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Русский</span>
              </a>
              
              <a href="/pl/"
                 onclick="document.cookie='glk_lang=pl;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-pl" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Polski</span>
              </a>
              
              <a href="/hu/"
                 onclick="document.cookie='glk_lang=hu;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-hu" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Magyar</span>
              </a>
              
              <a href="/cs/"
                 onclick="document.cookie='glk_lang=cs;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-cz" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Čeština</span>
              </a>
              
              <a href="/sk/"
                 onclick="document.cookie='glk_lang=sk;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-sk" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Slovenčina</span>
              </a>
              
              <a href="/sl/"
                 onclick="document.cookie='glk_lang=sl;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-si" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Slovenščina</span>
              </a>
              
              <a href="/hr/"
                 onclick="document.cookie='glk_lang=hr;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-hr" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Hrvatski</span>
              </a>
              
              <a href="/he/"
                 onclick="document.cookie='glk_lang=he;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-il" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">עברית</span>
              </a>
              
              <a href="/ar/"
                 onclick="document.cookie='glk_lang=ar;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-sa" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">العربية</span>
              </a>
              
              <a href="/zh/"
                 onclick="document.cookie='glk_lang=zh;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-cn" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">中文</span>
              </a>
              
              <a href="/ja/"
                 onclick="document.cookie='glk_lang=ja;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-jp" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">日本語</span>
              </a>
              
              <a href="/ko/"
                 onclick="document.cookie='glk_lang=ko;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-kr" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">한국어</span>
              </a>
              
              <a href="/ro/"
                 onclick="document.cookie='glk_lang=ro;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-ro" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Română</span>
              </a>
              
              <a href="/tr/"
                 onclick="document.cookie='glk_lang=tr;path=/;max-age=2592000'"
                 class="flex items-center px-3 py-1.5 text-sm text-gray-700 hover:bg-primary/5 hover:text-primary rounded "
                 style="gap:8px;">
                <span class="fi fi-tr" style="width:20px;height:15px;border-radius:2px;flex-shrink:0;"></span>
                <span style="margin-left:4px;">Türkçe</span>
              </a>
              
            </div>
          </div>
        </div>
        <script>
        (function(){
          var btn=document.getElementById('glk-lang-btn');
          var menu=document.getElementById('glk-lang-menu');
          if(!btn||!menu)return;
          btn.addEventListener('click',function(e){e.stopPropagation();menu.classList.toggle('hidden');});
          document.addEventListener('click',function(){menu.classList.add('hidden');});
        })();
        </script>
      </nav>

      <button id="mobile-menu-btn" class="md:hidden text-white p-2" aria-label="Menu">
        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
        </svg>
      </button>
    </div>
  </div>

  <div id="mobile-menu" class="hidden md:hidden bg-primary-dark border-t border-white/10">
    <div class="px-4 py-3 flex flex-col gap-3">
      <a href="/" class="text-white/90 text-sm font-medium">Home</a>
    </div>
  </div>
</header>


  <!-- Full-width slot (used by chat page for banner image) -->
  

  <!-- Main content -->
  <main class="flex-1">
    
<style>
#glk-mobile-app  { display: block; }
#glk-desktop-app { display: none; }
@media (min-width: 1024px) {
  #glk-mobile-app  { display: none !important; }
  #glk-desktop-app { display: block !important; }
}
#glk-mobile-app ::-webkit-scrollbar { display: none; }
.glk-std-card .glk-mob-chips span:nth-child(n+4),
.glk-feat-card .glk-mob-chips span:nth-child(n+4),
.glk-part-card .glk-mob-chips span:nth-child(n+4) { display: none !important; }
@media (max-width: 1023px) {
  body > header, header.bg-primary { display: none !important; }
  body > footer, footer.bg-primary { display: none !important; }
  main.flex-1 { padding-top: 0 !important; }
}
@keyframes glk-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
  function applyLayout() {
    var mob  = document.getElementById('glk-mobile-app');
    var desk = document.getElementById('glk-desktop-app');
    if (!mob || !desk) return;
    if (window.innerWidth >= 1024) {
      mob.style.setProperty('display','none','important');
      desk.style.setProperty('display','block','important');
    } else {
      mob.style.setProperty('display','block','important');
      desk.style.setProperty('display','none','important');
    }
  }
  applyLayout();
  window.addEventListener('resize', applyLayout);
});
</script>

<!-- ═══ MOBILE APP ═══ -->
<div id="glk-mobile-app">

  <!-- 1. Top bar -->
  <div style="background:#00A3D3; padding:env(safe-area-inset-top, 54px) 16px 0; display:flex; align-items:center; justify-content:space-between; gap:8px;">
    <div style="width:32px;"></div>
    <div style="text-align:center;">
      <div style="font-family:'Open Sans',sans-serif; font-size:26px; font-weight:800; color:#F5C842; letter-spacing:-0.5px; line-height:1.1;">
        Garda<span style="color:#fff;">lake</span><span style="color:rgba(255,255,255,.7); font-size:18px; font-weight:600;">.com</span>
      </div>
      <div style="font-size:9px; color:rgba(255,255,255,.55); letter-spacing:1.2px; margin-top:1px; text-transform:uppercase;">Lake Garda Hotels</div>
    </div>
    <button onclick="document.getElementById('glk-mob-menu').classList.toggle('hidden')"
            aria-label="Open menu"
            style="width:32px; height:32px; background:rgba(255,255,255,.15); border:none; border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0;">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
    </button>
  </div>
  <div id="glk-mob-menu" class="hidden" style="background:#0082a8; padding:8px 16px 12px; border-bottom:1px solid rgba(255,255,255,.1);">
    <a href="/list-your-hotel/" style="display:block; color:rgba(255,255,255,.85); font-size:14px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.08); text-decoration:none;">🏨 List Your Hotel</a>
    <a href="/about/" style="display:block; color:rgba(255,255,255,.85); font-size:14px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.08); text-decoration:none;">ℹ️ About</a>
    <a href="/contact/" style="display:block; color:rgba(255,255,255,.85); font-size:14px; padding:9px 0; text-decoration:none;">📧 Contact</a>
  </div>

  <!-- 2. Type slider -->
  <div style="background:#00A3D3; padding:10px 0 14px;">
    <div style="display:flex; gap:7px; overflow-x:auto; padding:0 16px; scrollbar-width:none; -webkit-overflow-scrolling:touch;">
      
      <a href="/?type="
         style="flex-shrink:0; background:#fff;
                color:#00A3D3;
                font-size:12px; font-weight:800;
                padding:7px 15px; border-radius:20px; text-decoration:none; white-space:nowrap;
                border:1.5px solid #fff;">
        🏠 All
      </a>
      
      <a href="/?type=hotel"
         style="flex-shrink:0; background:rgba(255,255,255,.15);
                color:#fff;
                font-size:12px; font-weight:600;
                padding:7px 15px; border-radius:20px; text-decoration:none; white-space:nowrap;
                border:1.5px solid rgba(255,255,255,.25);">
        🏨 Hotels
      </a>
      
      <a href="/?type=apartment"
         style="flex-shrink:0; background:rgba(255,255,255,.15);
                color:#fff;
                font-size:12px; font-weight:600;
                padding:7px 15px; border-radius:20px; text-decoration:none; white-space:nowrap;
                border:1.5px solid rgba(255,255,255,.25);">
        🏢 Apartments
      </a>
      
      <a href="/?type=bed-and-breakfast"
         style="flex-shrink:0; background:rgba(255,255,255,.15);
                color:#fff;
                font-size:12px; font-weight:600;
                padding:7px 15px; border-radius:20px; text-decoration:none; white-space:nowrap;
                border:1.5px solid rgba(255,255,255,.25);">
        🛏️ B&amp;B
      </a>
      
      <a href="/?type=camping"
         style="flex-shrink:0; background:rgba(255,255,255,.15);
                color:#fff;
                font-size:12px; font-weight:600;
                padding:7px 15px; border-radius:20px; text-decoration:none; white-space:nowrap;
                border:1.5px solid rgba(255,255,255,.25);">
        ⛺ Camping
      </a>
      
      <a href="/?type=farm-holiday"
         style="flex-shrink:0; background:rgba(255,255,255,.15);
                color:#fff;
                font-size:12px; font-weight:600;
                padding:7px 15px; border-radius:20px; text-decoration:none; white-space:nowrap;
                border:1.5px solid rgba(255,255,255,.25);">
        🌾 Agriturismo
      </a>
      
    </div>
  </div>

  <!-- 3. Search form -->
  <div style="background:#f4f9f6; border-bottom:1px solid #ddeee6; padding:14px 16px 16px;">
    <form method="get" action="/" id="glk-mob-search">
      <div style="background:#fff; border:1.5px solid #cce4d8; border-radius:12px; display:flex; align-items:center; gap:10px; padding:10px 14px; margin-bottom:10px;">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#00A3D3" stroke-width="2.5"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
        <input type="text" name="q" value="" placeholder="Hotel or resort name…"
               style="flex:1; border:none; outline:none; font-size:14px; color:#1a3c4d; background:transparent; font-family:'Open Sans',sans-serif;">
      </div>
      <div style="background:#fff; border:1.5px solid #cce4d8; border-radius:12px; display:flex; align-items:center; gap:10px; padding:10px 14px; margin-bottom:10px;">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#00A3D3" stroke-width="2.5"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
        <input type="text" name="city" value="" placeholder="Sirmione, Desenzano, Gardone…"
               id="glk-city-input" style="flex:1; border:none; outline:none; font-size:14px; color:#1a3c4d; background:transparent; font-family:'Open Sans',sans-serif;"
               list="glk-city-list" autocomplete="off">
        <datalist id="glk-city-list"><option value="Bardolino"><option value="Lazise"><option value="Verona"><option value="Desenzano del Garda"><option value="Sirmione"><option value="Malcesine"><option value="Riva del Garda"><option value="Peschiera del Garda"><option value="Toscolano Maderno"><option value="Salò"><option value="Manerba del Garda"><option value="Torri del Benaco"><option value="Brenzone sul Garda"><option value="San Felice del Benaco"><option value="Arco"><option value="Trento"></datalist>
        <button type="button" onclick="glkMobGeoFill()" style="background:none; border:none; cursor:pointer; font-size:16px; flex-shrink:0;">📍</button>
      </div>
      <!-- Stars pills -->
      <div style="display:flex; gap:6px; margin-bottom:10px;">
        <span style="font-size:11px; color:#888; align-self:center; flex-shrink:0; font-weight:600;">Stars:</span>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="stars" value="5"  class="glk-scb" style="display:none;">
          <div class="glk-spill" data-star="5"
               style="text-align:center; padding:8px 2px; border-radius:10px; font-size:12px; font-weight:700;
                      border:1.5px solid #d0e5db; color:#aaa; background:#fff; cursor:pointer; user-select:none;
                      ">5★</div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="stars" value="4"  class="glk-scb" style="display:none;">
          <div class="glk-spill" data-star="4"
               style="text-align:center; padding:8px 2px; border-radius:10px; font-size:12px; font-weight:700;
                      border:1.5px solid #d0e5db; color:#aaa; background:#fff; cursor:pointer; user-select:none;
                      ">4★</div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="stars" value="3"  class="glk-scb" style="display:none;">
          <div class="glk-spill" data-star="3"
               style="text-align:center; padding:8px 2px; border-radius:10px; font-size:12px; font-weight:700;
                      border:1.5px solid #d0e5db; color:#aaa; background:#fff; cursor:pointer; user-select:none;
                      ">3★</div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="stars" value="2"  class="glk-scb" style="display:none;">
          <div class="glk-spill" data-star="2"
               style="text-align:center; padding:8px 2px; border-radius:10px; font-size:12px; font-weight:700;
                      border:1.5px solid #d0e5db; color:#aaa; background:#fff; cursor:pointer; user-select:none;
                      ">2★</div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="stars" value="1"  class="glk-scb" style="display:none;">
          <div class="glk-spill" data-star="1"
               style="text-align:center; padding:8px 2px; border-radius:10px; font-size:12px; font-weight:700;
                      border:1.5px solid #d0e5db; color:#aaa; background:#fff; cursor:pointer; user-select:none;
                      ">1★</div>
        </label>
        
      </div>
      <!-- Amenity pills -->
      <div style="display:flex; gap:7px; margin-bottom:14px;">
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="amenity" value="pool"  class="glk-acb" style="display:none;">
          <div class="glk-apill"
               style="text-align:center; padding:9px 2px; border-radius:10px; font-size:12px; font-weight:600;
                      border:1.5px solid #d0e5db; color:#666; background:#fff; cursor:pointer; user-select:none;
                      ">
            🏊 Pool
          </div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="amenity" value="spa"  class="glk-acb" style="display:none;">
          <div class="glk-apill"
               style="text-align:center; padding:9px 2px; border-radius:10px; font-size:12px; font-weight:600;
                      border:1.5px solid #d0e5db; color:#666; background:#fff; cursor:pointer; user-select:none;
                      ">
            💆 Spa
          </div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="amenity" value="beach"  class="glk-acb" style="display:none;">
          <div class="glk-apill"
               style="text-align:center; padding:9px 2px; border-radius:10px; font-size:12px; font-weight:600;
                      border:1.5px solid #d0e5db; color:#666; background:#fff; cursor:pointer; user-select:none;
                      ">
            🏖️ Lake
          </div>
        </label>
        
        <label style="flex:1; cursor:pointer;">
          <input type="checkbox" name="amenity" value="restaurant"  class="glk-acb" style="display:none;">
          <div class="glk-apill"
               style="text-align:center; padding:9px 2px; border-radius:10px; font-size:12px; font-weight:600;
                      border:1.5px solid #d0e5db; color:#666; background:#fff; cursor:pointer; user-select:none;
                      ">
            🍽️ Food
          </div>
        </label>
        
      </div>
      <button type="submit"
              style="width:100%; background:#00A3D3; color:#fff; font-size:15px; font-weight:800;
                     padding:13px; border-radius:12px; border:none; cursor:pointer;
                     font-family:'Open Sans',sans-serif; box-shadow:0 3px 12px rgba(0,163,211,.35);">
        🔍 Search Garda Lake
      </button>
    </form>
    <script>
    document.querySelectorAll('.glk-spill').forEach(function(p) {
      p.addEventListener('click', function() {
        var cb = p.closest('label').querySelector('.glk-scb');
        setTimeout(function() {
          p.style.background = cb.checked ? '#00A3D3' : '#fff';
          p.style.color = cb.checked ? '#fff' : '#aaa';
          p.style.borderColor = cb.checked ? '#00A3D3' : '#d0e5db';
        }, 10);
      });
    });
    document.querySelectorAll('.glk-apill').forEach(function(p) {
      p.addEventListener('click', function() {
        var cb = p.closest('label').querySelector('.glk-acb');
        setTimeout(function() {
          p.style.background = cb.checked ? '#eaf4ef' : '#fff';
          p.style.color = cb.checked ? '#00A3D3' : '#666';
          p.style.borderColor = cb.checked ? '#00A3D3' : '#d0e5db';
        }, 10);
      });
    });
    function glkMobGeoFill() {
      if (!navigator.geolocation) return;
      navigator.geolocation.getCurrentPosition(function(pos) {
        sessionStorage.setItem('glk_lat', pos.coords.latitude);
        sessionStorage.setItem('glk_lng', pos.coords.longitude);
        glkApplyGeo(pos.coords.latitude, pos.coords.longitude);
      }, null, {timeout:8000, maximumAge:300000});
    }
    </script>
  </div>

  <!-- 4. Results count -->
  <div style="padding:12px 16px 6px; display:flex; align-items:center; justify-content:space-between;">
    <p style="font-size:13px; color:#6b7280; margin:0;">
      <span style="font-weight:700; color:#1a3c4d;">3729</span>
      properties found
    </p>
    
  </div>

  <!-- 5. Cards (single continuous grid, tier badge on individual cards) -->
  <div style="padding:4px 0 8px;" id="glk-mob-cards">
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.575251" data-lng="10.707108">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/hotel-roma-garda.jpg" alt="Hotel Roma - 3 star hotel in Garda, Lake Garda, Italy" title="Hotel Roma - 3 star hotel in Garda, Lake Garda, Italy" loading="eager" fetchpriority="high" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Hotel Roma</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/hotel-roma-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-045.7255025" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.693076" data-lng="10.668792">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/grand-hotel-a-villa-feltrinelli-gargnano.jpg" alt="Grand Hotel a Villa Feltrinelli - 5 star hotel in Gargnano, Lake Garda, Italy" title="Grand Hotel a Villa Feltrinelli - 5 star hotel in Gargnano, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Grand Hotel a Villa Feltrinelli</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Gargnano</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/grand-hotel-a-villa-feltrinelli-gargnano/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.798000" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.502001" data-lng="10.738714">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/apartments-corte-casara-lazise.jpg" alt="Apartments Corte Casara - holiday apartments in Lazise, Lake Garda, Italy" title="Apartments Corte Casara - holiday apartments in Lazise, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Apartments Corte Casara</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Lazise</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/apartments-corte-casara-lazise/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-045.6471004" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.509473" data-lng="10.435100">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/agriturismo-sangallo-bedizzole.jpg" alt="Agriturismo San Gallo - farm holidays in Bedizzole, Lake Garda, Italy" title="Agriturismo San Gallo - farm holidays in Bedizzole, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Agriturismo San Gallo</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Bedizzole</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Spa</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/agriturismo-sangallo-bedizzole/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-030.674965" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.576323" data-lng="10.747302">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/hotel-boffenigo-costermano.jpg" alt="Hotel Boffenigo - The Golden Hour - 4 star hotel in Costermano sul Garda, Lake Garda, Italy" title="Hotel Boffenigo - The Golden Hour - 4 star hotel in Costermano sul Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Hotel Boffenigo - The Golden Hour</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Costermano sul Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Spa</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/boffenigo-hotel-costermano/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-045.7200178" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.452192" data-lng="10.663950">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/residence-nettuno-peschiera-del-garda.jpg" alt="Residence Nettuno - 3 star holiday apartments in Peschiera del Garda, Lake Garda, Italy" title="Residence Nettuno - 3 star holiday apartments in Peschiera del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Residence Nettuno</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Peschiera del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/residence-nettuno-peschiera-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-045.6401934" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.561929" data-lng="10.563190">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/camping-belvedere-manerba-del-garda.jpg" alt="Camping Belvedere - 3 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping Belvedere - 3 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Camping Belvedere</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Manerba del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/camping-belvedere-manerba-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.551175" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.564775" data-lng="10.510760">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/residence-garda-valtenesi.jpg" alt="Residence Garda Valtenesi - holiday apartments in Puegnago del Garda, Lake Garda, Italy" title="Residence Garda Valtenesi - holiday apartments in Puegnago del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Residence Garda Valtenesi</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Puegnago del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/residence-garda-valtenesi/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-347.2928681" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.493736" data-lng="10.606095">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/hotel-marconi-sirmione.jpg" alt="Hotel Marconi - 3 star hotel in Sirmione, Lake Garda, Italy" title="Hotel Marconi - 3 star hotel in Sirmione, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Hotel Marconi</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Sirmione</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/hotel-marconi-sirmione/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-030.916007" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.689526" data-lng="10.635535">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/hotel-stroblhof-lake-garda-gargnano.jpg" alt="Stroblhof Lake Garda Active Family SPA Resort - 5 star hotel in Gargnano, Lake Garda, Italy" title="Stroblhof Lake Garda Active Family SPA Resort - 5 star hotel in Gargnano, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Stroblhof Lake Garda Active Family SPA Resort</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Gargnano</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Spa</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/hotel-stroblhof-lake-garda-gargnano/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.1702700" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.633404" data-lng="10.702360">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/camping-spiaggia-doro-torri-del-benaco.jpg" alt="Camping Spiaggia D&#x27;oro - 3 star campground in Torri del Benaco, Lake Garda, Italy" title="Camping Spiaggia D&#x27;oro - 3 star campground in Torri del Benaco, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Camping Spiaggia D&#x27;oro</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Torri del Benaco</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/camping-spiaggia-doro-torri-del-benaco/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-347.8936648" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.563484" data-lng="10.552186">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/camping-garden-tourist-manerba-del-garda.jpg" alt="Camping Garden Tourist - 2 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping Garden Tourist - 2 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Camping Garden Tourist</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Manerba del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/camping-garden-tourist-manerba-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.651428" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.453512" data-lng="10.647474">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/residence-garda-resort-peschiera-del-garda.jpg" alt="Residence Garda Resort - holiday apartments in Peschiera del Garda, Lake Garda, Italy" title="Residence Garda Resort - holiday apartments in Peschiera del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Residence Garda Resort</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Peschiera del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/residence-garda-resort-peschiera-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-342.3382322" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.466489" data-lng="10.546993">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/hotel-piccola-vela-desenzano-del-garda.jpg" alt="Hotel Piccola Vela - 4 star hotel in Desenzano del Garda, Lake Garda, Italy" title="Hotel Piccola Vela - 4 star hotel in Desenzano del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Hotel Piccola Vela</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Desenzano del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/hotel-piccola-vela-desenzano-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-030.9914666" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.561858" data-lng="10.563769">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/camping-la-rocca-manerba-del-garda.jpg" alt="Camping La Rocca - 4 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping La Rocca - 4 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Camping La Rocca</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Manerba del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/camping-la-rocca-manerba-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.551738" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.561008" data-lng="10.552218">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/camping-rolli-manerba-del-garda.jpg" alt="Camping Rolli - 2 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping Rolli - 2 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Camping Rolli</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Manerba del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/camping-rolli-manerba-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.651353" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.528781" data-lng="10.546356">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/residence-karina-moniga-del-garda.jpg" alt="Residence Karina - 2 star holiday apartments in Moniga del Garda, Lake Garda, Italy" title="Residence Karina - 2 star holiday apartments in Moniga del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Residence Karina</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Moniga del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/residence-karina-moniga-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.502213" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.874622" data-lng="10.766087">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/hotel-cima-doro-ledro.jpg" alt="Hotel Cima D&#x27;Oro - 2 star hotel in Lago di Ledro, Lake Garda, Italy" title="Hotel Cima D&#x27;Oro - 2 star hotel in Lago di Ledro, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Hotel Cima D&#x27;Oro</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Lago di Ledro</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/hotel-cima-doro-ledro/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0464.508110" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.442108" data-lng="10.499656">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/agriturismo-la-fattoria-lonato-del-garda.jpg" alt="Agriturismo La Fattoria - farm holidays in Lonato del Garda, Lake Garda, Italy" title="Agriturismo La Fattoria - farm holidays in Lonato del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Agriturismo La Fattoria</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Lonato del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/agriturismo-la-fattoria-lonato-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-030.9130329" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.565923" data-lng="10.548996">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/residence-oasi-manerba-del-garda.jpg" alt="Residence Oasi - holiday apartments in Manerba del Garda, Lake Garda, Italy" title="Residence Oasi - holiday apartments in Manerba del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Residence Oasi</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Manerba del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/residence-oasi-manerba-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-0365.651039" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.564545" data-lng="10.712963">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/camping-la-rocca-bardolino.jpg" alt="La Rocca Camping Village - 3 star campground in Bardolino, Lake Garda, Italy" title="La Rocca Camping Village - 3 star campground in Bardolino, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">La Rocca Camping Village</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Bardolino</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Spa</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/camping-la-rocca-bardolino/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-045.7211111" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.435111" data-lng="10.688288">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/casasperi-peschiera-del-garda.jpg" alt="Casa Speri - bedandbreakfast in Peschiera del Garda, Lake Garda, Italy" title="Casa Speri - bedandbreakfast in Peschiera del Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Casa Speri</p>
      
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Peschiera del Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      
      
      
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/casasperi-peschiera-del-garda/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-339.3206223" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.465566" data-lng="10.595745">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/residence-garda-village-sirmione.jpg" alt="The Garda Village - 4 star holiday apartments in Sirmione, Lake Garda, Italy" title="The Garda Village - 4 star holiday apartments in Sirmione, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">The Garda Village</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Sirmione</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/residence-garda-village-sirmione/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-030.9904552" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
      
        <div class="glk-feat-card" style="margin:0 16px 10px; border-radius:16px; overflow:hidden; border:2px solid #D4AF37; background:#fff; box-shadow:0 1px 8px rgba(212,175,55,.18); display:flex; height:128px;"
     data-lat="45.715496" data-lng="10.771734">
  <div style="width:128px; flex-shrink:0; position:relative;">
    <img src="https://media.gardalake.com/hotels/belfiore-park-hotel-4stars-superior-adults-only-brenzone-sul-garda.jpg" alt="Belfiore Park Hotel - Adults Only - 4 star hotel in Brenzone sul Garda, Lake Garda, Italy" title="Belfiore Park Hotel - Adults Only - 4 star hotel in Brenzone sul Garda, Lake Garda, Italy" loading="lazy" style="width:128px; height:128px; object-fit:cover; display:block;">
    
    <span style="position:absolute; top:6px; left:6px; background:rgba(212,175,55,.92); color:#fff; font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; white-space:nowrap;">◆ Premium</span>
  </div>
  <div style="flex:1; padding:11px 13px 11px; min-width:0; display:flex; flex-direction:column; gap:4px;">
    <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:4px; flex-shrink:0;">
      <p style="font-size:13px; font-weight:700; color:#1a3c4d; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Belfiore Park Hotel - Adults Only</p>
      <span style="font-size:10px; color:#D4AF37; white-space:nowrap; flex-shrink:0; margin-top:2px;">★★★★</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px; flex-shrink:0;">
      <p style="font-size:11px; color:#777; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">📍 Brenzone sul Garda</p>
      <span class="glk-dist" style="font-size:10px; color:#00A3D3; font-weight:700; white-space:nowrap; flex-shrink:0;"></span>
    </div>
    <div class="glk-mob-chips" style="display:flex; gap:4px; flex-wrap:wrap; flex:1; align-content:flex-start; overflow:hidden;">
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Restaurant</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Lake</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Pool</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Spa</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">WiFi</span>
      <span style="font-size:10px; color:#555; background:#f1f5f9; padding:2px 7px; border-radius:20px; border:1px solid #e2e8f0;">Parking</span>
    </div>
    <div style="display:flex; gap:7px;">
      <a href="/stay/belfiore-park-hotel-brenzone/" style="flex:1; background:#D4AF37; color:#fff; font-size:12px; font-weight:700; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Details</a>
      <a href="tel:+39-045.7420179" style="flex:1; border:1.5px solid #D4AF37; color:#b8952a; font-size:12px; font-weight:600; padding:7px 0; border-radius:8px; text-align:center; text-decoration:none; display:block;">Call</a>
      
    </div>
  </div>
</div>

      
    
  </div>

  <!-- 6. Mobile footer -->
  <div style="background:#00A3D3; margin-top:20px; padding:24px 20px calc(env(safe-area-inset-bottom, 24px) + 28px);">
    <div style="text-align:center; margin-bottom:16px;">
      <p style="font-size:22px; font-weight:800; color:#F5C842; margin:0 0 3px;">Gardalake<span style="color:#fff; font-size:15px; font-weight:600;">.com</span></p>
      <p style="font-size:11px; color:rgba(255,255,255,.55); margin:0;">3729 hotels · 25 languages · Lake Garda</p>
    </div>
    <div style="display:flex; justify-content:center; flex-wrap:wrap; gap:6px 20px; margin-bottom:14px;">
      <a href="/about/" style="color:rgba(255,255,255,.65); text-decoration:none; font-size:12px;">About</a>
      <a href="/contact/" style="color:rgba(255,255,255,.65); text-decoration:none; font-size:12px;">Contact</a>
      <a href="/privacy/" style="color:rgba(255,255,255,.65); text-decoration:none; font-size:12px;">Privacy</a>
      <a href="/list-your-hotel/" style="color:rgba(255,255,255,.65); text-decoration:none; font-size:12px;">List Hotel</a>
    </div>
    <p style="text-align:center; font-size:10px; color:rgba(255,255,255,.35); margin:0;">© 2026 Gardalake.com</p>
  </div>

  <!-- Geo + distance sort JS -->
  <script>
  (function(){
    function haversine(a,b,c,d){var R=6371,dL=(c-a)*Math.PI/180,dG=(d-b)*Math.PI/180;var x=Math.sin(dL/2)*Math.sin(dL/2)+Math.cos(a*Math.PI/180)*Math.cos(c*Math.PI/180)*Math.sin(dG/2)*Math.sin(dG/2);return R*2*Math.atan2(Math.sqrt(x),Math.sqrt(1-x));}
    function fmtDist(km){ return km<1?(km*1000).toFixed(0)+'m':km.toFixed(1)+'km'; }
    window.glkApplyGeo = function(lat, lng) {
      var cards = Array.from(document.querySelectorAll('.glk-std-card'));
      var hasGeo = false;
      cards.forEach(function(c){var clat=parseFloat(c.dataset.lat),clng=parseFloat(c.dataset.lng);if(!isNaN(clat)&&!isNaN(clng)){c._dist=haversine(lat,lng,clat,clng);var el=c.querySelector('.glk-dist');if(el)el.textContent=fmtDist(c._dist);hasGeo=true;}else{c._dist=99999;}});
      if(!hasGeo) return;
      cards.sort(function(a,b){return a._dist-b._dist;});
      var box=document.getElementById('glk-mob-cards');
      var lbl=document.getElementById('glk-std-label');
      if(lbl)lbl.textContent='📍 Nearest to You';
      cards.forEach(function(c){box.appendChild(c);});
    };
    var slat=sessionStorage.getItem('glk_lat'),slng=sessionStorage.getItem('glk_lng');
    if(slat&&slng) glkApplyGeo(parseFloat(slat),parseFloat(slng));
    if(navigator.geolocation){navigator.geolocation.getCurrentPosition(function(p){sessionStorage.setItem('glk_lat',p.coords.latitude);sessionStorage.setItem('glk_lng',p.coords.longitude);glkApplyGeo(p.coords.latitude,p.coords.longitude);},null,{timeout:7000,maximumAge:300000});}
  })();
  </script>
</div><!-- /mobile -->

<!-- ═══ DESKTOP ═══ -->
<div id="glk-desktop-app">

<!-- Search bar -->
<div class="bg-primary" style="padding-top:30px; padding-bottom:30px;">
  <div class="max-w-5xl mx-auto px-4 sm:px-6">
    <h1 class="text-white text-center font-bold text-2xl sm:text-3xl mb-3 leading-tight">
      Lake Garda Hotels, Map &amp; Travel Guide
    </h1>
    <form method="get" action="/" class="flex gap-2 bg-white rounded-2xl shadow-xl p-2">
      <div class="flex-1 flex items-center gap-3 px-3">
        <svg class="w-4 h-4 text-gray-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
        <input type="text" name="q" value="" id="glk-search-input"
               placeholder="Sirmione 5-star hotel with pool…"
               data-ph="Sirmione 5-star hotel with pool…|Apartment with lake view in Desenzano…|Farm holiday near Salò…|Camping in Riva del Garda…|B&amp;B in Malcesine…|4-star hotel Sirmione with spa…|Camping with bungalows in Bardolino…|Hotel near Gardaland…|Lakefront apartment in Garda…|Luxury resort Limone sul Garda…|Family hotel Peschiera del Garda…|Agriturismo with pool Valtenesi…|Budget hotel Riva del Garda…|Villa with private pool Lake Garda…|Adults only hotel Gargnano…|Apartment with terrace Malcesine…|Romantic B&amp;B Sirmione…|5-star hotel Desenzano del Garda…|Camping with beach Manerba del Garda…|Lake view residence Toscolano…|Hotel with thermal baths Sirmione…|Family farm holiday Bardolino…|Hotel with free parking Lazise…|3-star hotel Garda with wifi…|Hotel with breakfast Limone sul Garda…|Bungalow on the lake Salò…|Pet-friendly hotel Torbole…|Resort with private beach Gardone Riviera…|Hotel in historic centre Sirmione…|2-bedroom apartment Desenzano…"
               class="w-full py-2 text-gray-800 placeholder-gray-400 focus:outline-none text-sm" style="transition:opacity .2s;">
      </div>
      <button type="submit" class="bg-primary hover:bg-primary-dark text-white font-semibold px-5 py-2.5 rounded-xl text-sm transition-colors">Search Garda Lake</button>
    </form>
    <!-- Locality chips -->
    <div style="display:flex; align-items:center; gap:6px; margin-top:1rem; padding-right:16px;">
      <div class="flex gap-2 overflow-x-auto px-4" id="glk-loc-strip" style="flex:1; min-width:0; flex-wrap:nowrap; scrollbar-width:none; -webkit-overflow-scrolling:touch;">
        <a href="/" class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap bg-accent border-accent">
          All Lake Garda
        </a>
        
        <a href="/?locality=sirmione"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Sirmione
        </a>
        
        <a href="/?locality=bardolino"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Bardolino
        </a>
        
        <a href="/?locality=riva-del-garda"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Riva del Garda
        </a>
        
        <a href="/?locality=malcesine"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Malcesine
        </a>
        
        <a href="/?locality=limone-sul-garda"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Limone sul Garda
        </a>
        
        <a href="/?locality=desenzano-del-garda"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Desenzano del Garda
        </a>
        
        <a href="/?locality=peschiera-del-garda"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Peschiera del Garda
        </a>
        
        <a href="/?locality=gardone-riviera"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Gardone Riviera
        </a>
        
        <a href="/?locality=lonato-del-garda"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Lonato del Garda
        </a>
        
        <a href="/?locality=barghe"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Barghe
        </a>
        
        <a href="/?locality=castel-goffredo"
           class="flex-shrink-0 bg-white/10 hover:bg-accent text-white border border-white/20 text-xs px-3 py-1.5 rounded-full transition-all whitespace-nowrap ">
          Castel Goffredo
        </a>
        
      </div>
      <button id="glk-scroll-hint" aria-label="Scroll localities" type="button" style="flex-shrink:0; align-self:center; width:26px; height:26px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.25); border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0;">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
      </button>
    </div>
  </div>
</div>

<!-- Main layout: sidebar + results -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
  <div class="lg:grid lg:grid-cols-4 lg:gap-8">
    <!-- Sidebar -->
    <aside class="lg:col-span-1 mb-8 lg:mb-0">
      <form method="get" action="/" id="glk-filter-form">
        
        <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden">
          <div style="background:#00A3D3; padding:14px 18px; display:flex; align-items:center; justify-content:space-between;">
            <span style="color:#fff; font-size:13px; font-weight:700;">🎯 Filter Properties</span>
            
          </div>

          <div style="padding:0 4px;">

            <!-- ══ 1. AMENITIES ═══════════════════════════════════════════════ -->
            <div class="glk-filter-section" style="padding:14px 14px 10px;">
              <button type="button" onclick="glkToggleSection(this)"
                      aria-label="Toggle filter section"
                      style="width:100%; display:flex; align-items:center; justify-content:space-between;
                             background:none; border:none; cursor:pointer; padding:0 0 10px;">
                <span style="font-size:11px; font-weight:700; color:#00A3D3; text-transform:uppercase; letter-spacing:.6px;">
                  🏖️ Amenities
                  
                </span>
                <svg class="glk-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
              </button>
              <div class="glk-section-body" style="display:block;">
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="pool"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏊</span>
                  <span style="font-size:13px; color:#374151;">Swimming Pool</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">1429</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="beach"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏖️</span>
                  <span style="font-size:13px; color:#374151;">Lake Access</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">490</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="wifi"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">📶</span>
                  <span style="font-size:13px; color:#374151;">Free WiFi</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">3470</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="restaurant"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🍽️</span>
                  <span style="font-size:13px; color:#374151;">Restaurant</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">906</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="breakfast"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🍳</span>
                  <span style="font-size:13px; color:#374151;">Breakfast Included</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">1525</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="bar"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🍸</span>
                  <span style="font-size:13px; color:#374151;">Bar</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">964</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="room_service"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🛎️</span>
                  <span style="font-size:13px; color:#374151;">Room Service</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">283</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="spa"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">💆</span>
                  <span style="font-size:13px; color:#374151;">Spa &amp; Wellness</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">604</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="gym"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏋️</span>
                  <span style="font-size:13px; color:#374151;">Gym / Fitness</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">253</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="parking_free"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🅿️</span>
                  <span style="font-size:13px; color:#374151;">Free Parking</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">2179</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="airport_shuttle"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🚌</span>
                  <span style="font-size:13px; color:#374151;">Airport Shuttle</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">372</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="air_con"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">❄️</span>
                  <span style="font-size:13px; color:#374151;">Air Conditioning</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">1237</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="reception_24h"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🕐</span>
                  <span style="font-size:13px; color:#374151;">24h Front Desk</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">111</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="amenity" value="accessible"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">♿</span>
                  <span style="font-size:13px; color:#374151;">Accessible</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">483</span>
                </label>
                
              </div>
            </div>

            <div style="height:1px; background:#f3f4f6; margin:0 14px;"></div>

            <!-- ══ 2. PROPERTY TYPE ════════════════════════════════════════════ -->
            <div class="glk-filter-section" style="padding:14px 14px 10px;">
              <button type="button" onclick="glkToggleSection(this)"
                      aria-label="Toggle filter section"
                      style="width:100%; display:flex; align-items:center; justify-content:space-between;
                             background:none; border:none; cursor:pointer; padding:0 0 10px;">
                <span style="font-size:11px; font-weight:700; color:#00A3D3; text-transform:uppercase; letter-spacing:.6px;">
                  🏨 Property Type
                  
                </span>
                <svg class="glk-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
              </button>
              <div class="glk-section-body" style="display:block;">
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="hotel"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏨</span>
                  <span style="font-size:13px; color:#374151;">Hotels</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">1828</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="apartment"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏢</span>
                  <span style="font-size:13px; color:#374151;">Apartments</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">568</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="bed-and-breakfast"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🛏️</span>
                  <span style="font-size:13px; color:#374151;">B&amp;B</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">319</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="farm-holiday"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🌾</span>
                  <span style="font-size:13px; color:#374151;">Agriturismo</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">234</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="camping"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">⛺</span>
                  <span style="font-size:13px; color:#374151;">Camping</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">75</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="resort"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🌴</span>
                  <span style="font-size:13px; color:#374151;">Resorts</span>
                  
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="villa"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏡</span>
                  <span style="font-size:13px; color:#374151;">Villas</span>
                  
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="type" value="residence"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:14px; flex-shrink:0;">🏠</span>
                  <span style="font-size:13px; color:#374151;">Residences</span>
                  
                </label>
                
              </div>
            </div>

            <div style="height:1px; background:#f3f4f6; margin:0 14px;"></div>

            <!-- ══ 3. DESTINATIONS ═════════════════════════════════════════════ -->
            <div class="glk-filter-section" style="padding:14px 14px 10px;">
              <button type="button" onclick="glkToggleSection(this)"
                      aria-label="Toggle filter section"
                      style="width:100%; display:flex; align-items:center; justify-content:space-between;
                             background:none; border:none; cursor:pointer; padding:0 0 10px;">
                <span style="font-size:11px; font-weight:700; color:#00A3D3; text-transform:uppercase; letter-spacing:.6px;">
                  📍 Top Destinations
                  
                </span>
                <svg class="glk-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
              </button>
              <div class="glk-section-body" style="display:block;">
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="bardolino"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Bardolino</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">139</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="lazise"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Lazise</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">124</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="verona"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Verona</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">124</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="desenzano-del-garda"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Desenzano del Garda</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">122</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="sirmione"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Sirmione</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">121</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="malcesine"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Malcesine</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">119</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="riva-del-garda"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Riva del Garda</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">118</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="peschiera-del-garda"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Peschiera del Garda</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">116</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="toscolano-maderno"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Toscolano Maderno</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">108</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="salo"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Salò</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">105</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="manerba-del-garda"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Manerba del Garda</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">102</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="torri-del-benaco"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Torri del Benaco</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">101</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="brenzone-sul-garda"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Brenzone sul Garda</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">97</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="san-felice-del-benaco"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">San Felice del Benaco</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">85</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="arco"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Arco</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">85</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="locality" value="trento"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  <span style="font-size:13px; color:#374151;">Trento</span>
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">84</span>
                </label>
                
              </div>
            </div>

            <div style="height:1px; background:#f3f4f6; margin:0 14px;"></div>

            <!-- ══ 4. STARS ════════════════════════════════════════════════════ -->
            <div class="glk-filter-section" style="padding:14px 14px 14px;">
              <button type="button" onclick="glkToggleSection(this)"
                      style="width:100%; display:flex; align-items:center; justify-content:space-between;
                             background:none; border:none; cursor:pointer; padding:0 0 10px;">
                <span style="font-size:11px; font-weight:700; color:#00A3D3; text-transform:uppercase; letter-spacing:.6px;">
                  ⭐ Star Rating
                  
                </span>
                <svg class="glk-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
              </button>
              <div class="glk-section-body" style="display:block;">
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="stars" value="5"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  
                  <span style="font-size:13px; color:#f5a623; letter-spacing:1px;">★★★★★</span>
                  
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">37</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="stars" value="4"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  
                  <span style="font-size:13px; color:#f5a623; letter-spacing:1px;">★★★★</span>
                  
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">316</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="stars" value="3"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  
                  <span style="font-size:13px; color:#f5a623; letter-spacing:1px;">★★★</span>
                  
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">527</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="stars" value="2"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  
                  <span style="font-size:13px; color:#f5a623; letter-spacing:1px;">★★</span>
                  
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">96</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="stars" value="1"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  
                  <span style="font-size:13px; color:#f5a623; letter-spacing:1px;">★</span>
                  
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">14</span>
                </label>
                
                <label style="display:flex; align-items:center; gap:9px; padding:5px 2px; cursor:pointer;
                               border-radius:8px; transition:background .12s;"
                       onmouseover="this.style.background='#f0f9ff'" onmouseout="this.style.background=''">
                  <input type="checkbox" name="stars" value="0"
                         
                         style="width:16px; height:16px; accent-color:#00A3D3; cursor:pointer; flex-shrink:0;">
                  
                  <span style="font-size:13px; color:#9ca3af;">Unrated</span>
                  
                  <span style="font-size:11px; color:#bbb; margin-left:auto;">2541</span>
                </label>
                
              </div>
            </div>

          </div><!-- end inner padding -->

          <!-- ── Apply button — hidden when JS active, fallback for no-JS ── -->
          <div style="padding:12px 14px 14px; border-top:1px solid #f3f4f6;">
            <button type="submit" id="glk-apply-btn"
                    style="width:100%; background:#00A3D3; color:#fff; font-size:14px; font-weight:700;
                           padding:11px; border-radius:10px; border:none; cursor:pointer;
                           transition:background .15s; font-family:'Open Sans',sans-serif;"
                    onmouseover="this.style.background='#0085ad'"
                    onmouseout="this.style.background='#00A3D3'">Apply Filters</button>
          </div>
        </div>
      </form>
      <script>
      function glkToggleSection(btn){
        var body=btn.parentElement.querySelector('.glk-section-body');
        var chev=btn.querySelector('.glk-chevron');
        if(body.style.display==='none'){
          body.style.display='block';
          if(chev) chev.style.transform='rotate(0deg)';
        } else {
          body.style.display='none';
          if(chev) chev.style.transform='rotate(-90deg)';
        }
      }
      (function(){
        var form=document.getElementById('glk-filter-form');
        var btn=document.getElementById('glk-apply-btn');
        if(btn) btn.style.display='none';
        form.querySelectorAll('input[type="checkbox"]').forEach(function(cb){cb.addEventListener('change',function(){form.submit();});});
      })();
      </script>

      <!-- Map download link -->
      <a href="/download/garda-map/"
         style="display:flex; align-items:center; gap:8px; margin-top:16px; padding:10px 14px;
                border-radius:10px; border:1px solid #e0f4fd; background:#f0faff;
                text-decoration:none; color:#00A3D3; font-size:13px; font-weight:600;
                transition:background .15s;"
         onmouseover="this.style.background='#d9f0fb'"
         onmouseout="this.style.background='#f0faff'">
        <span style="font-size:15px; flex-shrink:0;">🗺️</span>
        <span>Download the Lake Garda Map</span>
      </a>

    </aside>
    <!-- Results -->
    <div class="lg:col-span-3">
      <div class="mb-5">
        <p class="text-sm text-gray-500">
          <span class="font-semibold text-gray-900">3729</span>
          properties found
        </p>
      </div>
      

<style>.glk-am span:nth-child(n+4){display:none!important}</style>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-5">
  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/hotel-roma-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/hotel-roma-garda.jpg" alt="Hotel Roma - 3 star hotel in Garda, Lake Garda, Italy" title="Hotel Roma - 3 star hotel in Garda, Lake Garda, Italy" loading="eager" fetchpriority="high"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/hotel-roma-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Hotel Roma</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Bar</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Hotel Roma is a 3-star hotel located in Garda, a charming town on the eastern shore of Lake Garda, offering comfortable air-conditioned rooms and convenient access to local attractions. This property provides a welcoming base for exploring the Lake Garda region, with amenities designed for a pleasa…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/hotel-roma-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/hotel-roma-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/grand-hotel-a-villa-feltrinelli-gargnano/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/grand-hotel-a-villa-feltrinelli-gargnano.jpg" alt="Grand Hotel a Villa Feltrinelli - 5 star hotel in Gargnano, Lake Garda, Italy" title="Grand Hotel a Villa Feltrinelli - 5 star hotel in Gargnano, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/grand-hotel-a-villa-feltrinelli-gargnano/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Grand Hotel a Villa Feltrinelli</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Gargnano
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Grand Hotel a Villa Feltrinelli is a five-star hotel located on the picturesque western shore of Lake Garda in Gargnano, offering a luxurious and historic retreat amidst lush private parkland and stunning Italianate gardens. This stately villa provides magnificent lake views and a tranquil ambiance…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/grand-hotel-a-villa-feltrinelli-gargnano/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/grand-hotel-a-villa-feltrinelli-gargnano/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/apartments-corte-casara-lazise/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/apartments-corte-casara-lazise.jpg" alt="Apartments Corte Casara - holiday apartments in Lazise, Lake Garda, Italy" title="Apartments Corte Casara - holiday apartments in Lazise, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/apartments-corte-casara-lazise/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Apartments Corte Casara</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Lazise
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free WiFi</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Apartments Corte Casara is a peaceful apartment complex situated in Lazise, offering a green and tranquil setting just a 5-minute walk from the town&#x27;s charming historic centre and approximately 400 metres from the shores of Lake Garda. This lodging business provides an ideal base for travellers see…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/apartments-corte-casara-lazise/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/apartments-corte-casara-lazise/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/agriturismo-sangallo-bedizzole/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/agriturismo-sangallo-bedizzole.jpg" alt="Agriturismo San Gallo - farm holidays in Bedizzole, Lake Garda, Italy" title="Agriturismo San Gallo - farm holidays in Bedizzole, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/agriturismo-sangallo-bedizzole/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Agriturismo San Gallo</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Bedizzole
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Spa</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Agriturismo San Gallo is a charming farm stay located in Bedizzole, offering an elegant accommodation experience with a welcoming sun terrace, a serene garden, and an inviting restaurant, ideal for guests seeking a tranquil retreat near Lake Garda. This property provides a distinctive opportunity t…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/agriturismo-sangallo-bedizzole/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/agriturismo-sangallo-bedizzole/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/boffenigo-hotel-costermano/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/hotel-boffenigo-costermano.jpg" alt="Hotel Boffenigo - The Golden Hour - 4 star hotel in Costermano sul Garda, Lake Garda, Italy" title="Hotel Boffenigo - The Golden Hour - 4 star hotel in Costermano sul Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/boffenigo-hotel-costermano/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Hotel Boffenigo - The Golden Hour</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Costermano sul Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Spa</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Hotel Boffenigo - The Golden Hour is a 4-star hotel situated on a hilltop in Costermano sul Garda, approximately 3 km above the scenic shores of Lake Garda. This property offers guests a serene retreat with expansive panoramic views, complemented by a sprawling 5,000 m² park featuring a sun terrace…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/boffenigo-hotel-costermano/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/boffenigo-hotel-costermano/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/residence-nettuno-peschiera-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/residence-nettuno-peschiera-del-garda.jpg" alt="Residence Nettuno - 3 star holiday apartments in Peschiera del Garda, Lake Garda, Italy" title="Residence Nettuno - 3 star holiday apartments in Peschiera del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/residence-nettuno-peschiera-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Residence Nettuno</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Peschiera del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Bar</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Residence Nettuno is a 3-star lodging business in Peschiera del Garda, offering air-conditioned apartments with balconies and kitchenettes. Overlooking Lake Garda, this property provides guests with an outdoor pool for summer relaxation and free WiFi. It is conveniently located 3 km from the town c…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/residence-nettuno-peschiera-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/residence-nettuno-peschiera-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/camping-belvedere-manerba-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/camping-belvedere-manerba-del-garda.jpg" alt="Camping Belvedere - 3 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping Belvedere - 3 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/camping-belvedere-manerba-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Camping Belvedere</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Manerba del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Camping Belvedere is a 3-star campground located in Manerba del Garda, on the scenic shores of Lake Garda, offering comfortable holiday park accommodations with kitchenettes, an outdoor swimming pool, and direct lake access. This property provides a welcoming setting for guests seeking a relaxed st…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/camping-belvedere-manerba-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/camping-belvedere-manerba-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/residence-garda-valtenesi/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/residence-garda-valtenesi.jpg" alt="Residence Garda Valtenesi - holiday apartments in Puegnago del Garda, Lake Garda, Italy" title="Residence Garda Valtenesi - holiday apartments in Puegnago del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/residence-garda-valtenesi/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Residence Garda Valtenesi</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Puegnago del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free WiFi</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Residence Garda Valtenesi is an aparthotel located in Puegnago del Garda, offering self-catering accommodation with modern amenities. Guests can enjoy an outdoor swimming pool, a sun terrace, and a garden, alongside units featuring private balconies, kitchenettes, and air-conditioning. This propert…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/residence-garda-valtenesi/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/residence-garda-valtenesi/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/hotel-marconi-sirmione/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/hotel-marconi-sirmione.jpg" alt="Hotel Marconi - 3 star hotel in Sirmione, Lake Garda, Italy" title="Hotel Marconi - 3 star hotel in Sirmione, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/hotel-marconi-sirmione/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Hotel Marconi</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Sirmione
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Parking</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Hotel Marconi is a 3-star hotel situated in the historical centre of Sirmione, offering a prime lakeside location with panoramic views of Lake Garda. Guests can enjoy a tranquil setting surrounded by palm trees and conifers, providing a Mediterranean atmosphere right on the water&#x27;s edge. This prope…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/hotel-marconi-sirmione/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/hotel-marconi-sirmione/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/hotel-stroblhof-lake-garda-gargnano/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/hotel-stroblhof-lake-garda-gargnano.jpg" alt="Stroblhof Lake Garda Active Family SPA Resort - 5 star hotel in Gargnano, Lake Garda, Italy" title="Stroblhof Lake Garda Active Family SPA Resort - 5 star hotel in Gargnano, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/hotel-stroblhof-lake-garda-gargnano/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Stroblhof Lake Garda Active Family SPA Resort</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Gargnano
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Spa</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Stroblhof Lake Garda Active Family SPA Resort is a 5-star hotel located in Gargnano, Italy, providing a comprehensive wellness and family-friendly experience on Lake Garda. Guests can enjoy a rooftop swimming pool, an indoor pool, a dedicated spa and wellness centre, and a fitness centre, complemen…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/hotel-stroblhof-lake-garda-gargnano/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/hotel-stroblhof-lake-garda-gargnano/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/camping-spiaggia-doro-torri-del-benaco/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/camping-spiaggia-doro-torri-del-benaco.jpg" alt="Camping Spiaggia D&#x27;oro - 3 star campground in Torri del Benaco, Lake Garda, Italy" title="Camping Spiaggia D&#x27;oro - 3 star campground in Torri del Benaco, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/camping-spiaggia-doro-torri-del-benaco/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Camping Spiaggia D&#x27;oro</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Torri del Benaco
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Camping Spiaggia D&#x27;oro is a 3-star campground in Torri del Benaco, offering direct beachfront access to Lake Garda, family-friendly accommodations with kitchenettes, and a restaurant with panoramic mountain views. Situated directly on the shores of Lake Garda, this property provides guests with the…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/camping-spiaggia-doro-torri-del-benaco/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/camping-spiaggia-doro-torri-del-benaco/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/camping-garden-tourist-manerba-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/camping-garden-tourist-manerba-del-garda.jpg" alt="Camping Garden Tourist - 2 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping Garden Tourist - 2 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/camping-garden-tourist-manerba-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Camping Garden Tourist</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Manerba del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free WiFi</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Camping Garden Tourist is a 2-star campground in Manerba del Garda, offering comfortable family accommodations with kitchenettes and a seasonal outdoor swimming pool, ideal for guests exploring the Lake Garda region. This property provides a welcoming base for those seeking a self-catering stay ami…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/camping-garden-tourist-manerba-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/camping-garden-tourist-manerba-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/residence-garda-resort-peschiera-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/residence-garda-resort-peschiera-del-garda.jpg" alt="Residence Garda Resort - holiday apartments in Peschiera del Garda, Lake Garda, Italy" title="Residence Garda Resort - holiday apartments in Peschiera del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/residence-garda-resort-peschiera-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Residence Garda Resort</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Peschiera del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Residence Garda Resort offers comfortable apartment accommodation in Peschiera del Garda, providing a convenient base for exploring the Lake Garda region. This lodging business features spacious apartments designed with a two-bedroom, one-bathroom layout, complemented by a dedicated living room for…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/residence-garda-resort-peschiera-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/residence-garda-resort-peschiera-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/hotel-piccola-vela-desenzano-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/hotel-piccola-vela-desenzano-del-garda.jpg" alt="Hotel Piccola Vela - 4 star hotel in Desenzano del Garda, Lake Garda, Italy" title="Hotel Piccola Vela - 4 star hotel in Desenzano del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/hotel-piccola-vela-desenzano-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Hotel Piccola Vela</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Desenzano del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Hotel Piccola Vela is a 4-star hotel located in Desenzano del Garda, offering a comfortable retreat just a short walk from the historic town centre and the scenic shores of Lake Garda. This property provides a welcoming atmosphere for guests exploring the largest lake in Italy, combining convenient…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/hotel-piccola-vela-desenzano-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/hotel-piccola-vela-desenzano-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/camping-la-rocca-manerba-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/camping-la-rocca-manerba-del-garda.jpg" alt="Camping La Rocca - 4 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping La Rocca - 4 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/camping-la-rocca-manerba-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Camping La Rocca</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Manerba del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Camping La Rocca is a 4-star campground in Manerba del Garda, offering direct access to Lake Garda and a seasonal outdoor pool. Guests can enjoy fully equipped units with kitchens and private bathrooms, some featuring a furnished patio. This property provides a relaxed lakeside stay with essential …
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/camping-la-rocca-manerba-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/camping-la-rocca-manerba-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/camping-rolli-manerba-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/camping-rolli-manerba-del-garda.jpg" alt="Camping Rolli - 2 star campground in Manerba del Garda, Lake Garda, Italy" title="Camping Rolli - 2 star campground in Manerba del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/camping-rolli-manerba-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Camping Rolli</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Manerba del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Camping Rolli is a 2-star campground located in Manerba del Garda, offering comfortable mobilehome accommodations with air-conditioning, kitchenettes, and private terraces, complemented by an outdoor swimming pool and family-friendly facilities. Situated in the scenic Lake Garda region, this proper…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/camping-rolli-manerba-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/camping-rolli-manerba-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/residence-karina-moniga-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/residence-karina-moniga-del-garda.jpg" alt="Residence Karina - 2 star holiday apartments in Moniga del Garda, Lake Garda, Italy" title="Residence Karina - 2 star holiday apartments in Moniga del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/residence-karina-moniga-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Residence Karina</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Moniga del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Bar</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Residence Karina is a welcoming 2-star lodging business situated in Moniga del Garda, providing comfortable self-catering apartments designed for a relaxing stay on Lake Garda. Guests at this property can enjoy a range of amenities, including a refreshing outdoor pool, a dedicated fitness centre, a…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/residence-karina-moniga-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/residence-karina-moniga-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/hotel-cima-doro-ledro/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/hotel-cima-doro-ledro.jpg" alt="Hotel Cima D&#x27;Oro - 2 star hotel in Lago di Ledro, Lake Garda, Italy" title="Hotel Cima D&#x27;Oro - 2 star hotel in Lago di Ledro, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/hotel-cima-doro-ledro/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Hotel Cima D&#x27;Oro</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Lago di Ledro
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Hotel Cima D&#x27;Oro is a 2-star hotel in Lago di Ledro, offering a picturesque lakeside setting with a swimming pool, a large garden, and genuine regional cuisine. Situated overlooking the tranquil waters of Lake Ledro, this family-run property provides a welcoming base just 200 metres from Molina di …
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/hotel-cima-doro-ledro/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/hotel-cima-doro-ledro/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/agriturismo-la-fattoria-lonato-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/agriturismo-la-fattoria-lonato-del-garda.jpg" alt="Agriturismo La Fattoria - farm holidays in Lonato del Garda, Lake Garda, Italy" title="Agriturismo La Fattoria - farm holidays in Lonato del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/agriturismo-la-fattoria-lonato-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Agriturismo La Fattoria</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Lonato del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Agriturismo La Fattoria is an adults-only farm stay located in Lonato del Garda, offering spacious accommodations with private balconies and serene garden views. This property provides a tranquil retreat in the Lake Garda region, where guests can enjoy a traditional Italian restaurant, an inviting …
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/agriturismo-la-fattoria-lonato-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/agriturismo-la-fattoria-lonato-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/residence-oasi-manerba-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/residence-oasi-manerba-del-garda.jpg" alt="Residence Oasi - holiday apartments in Manerba del Garda, Lake Garda, Italy" title="Residence Oasi - holiday apartments in Manerba del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/residence-oasi-manerba-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Residence Oasi</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Manerba del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Bar</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Residence Oasi is a self-catering lodging business located in Manerba del Garda, offering fully-furnished apartments with an outdoor swimming pool and convenient proximity to the long beach on the Pieve di Manerba del Garda Gulf. This property provides an ideal setting for guests seeking a relaxed …
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/residence-oasi-manerba-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/residence-oasi-manerba-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/camping-la-rocca-bardolino/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/camping-la-rocca-bardolino.jpg" alt="La Rocca Camping Village - 3 star campground in Bardolino, Lake Garda, Italy" title="La Rocca Camping Village - 3 star campground in Bardolino, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/camping-la-rocca-bardolino/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">La Rocca Camping Village</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Bardolino
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      La Rocca Camping Village is a 3-star campground situated in a peaceful location directly on the shores of Lake Garda, positioned 2.5 km north of the charming town of Bardolino. This property offers a range of modern accommodation options, including comfortable mobile homes and well-appointed apartm…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/camping-la-rocca-bardolino/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/camping-la-rocca-bardolino/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/casasperi-peschiera-del-garda/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/casasperi-peschiera-del-garda.jpg" alt="Casa Speri - bedandbreakfast in Peschiera del Garda, Lake Garda, Italy" title="Casa Speri - bedandbreakfast in Peschiera del Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/casasperi-peschiera-del-garda/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Casa Speri</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Peschiera del Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free Parking</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Free WiFi</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Casa Speri is a welcoming bed and breakfast in Peschiera del Garda, offering comfortable accommodations with garden views and modern amenities for a relaxing stay on Lake Garda. This charming property provides a serene retreat for travelers exploring the picturesque lakeside town of Peschiera del G…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/casasperi-peschiera-del-garda/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/casasperi-peschiera-del-garda/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/residence-garda-village-sirmione/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/residence-garda-village-sirmione.jpg" alt="The Garda Village - 4 star holiday apartments in Sirmione, Lake Garda, Italy" title="The Garda Village - 4 star holiday apartments in Sirmione, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/residence-garda-village-sirmione/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">The Garda Village</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Sirmione
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Residence Garda Village is a 4-star lodging business located directly on the shores of Lake Garda in Sirmione, offering a comprehensive resort experience with multiple swimming pools, extensive sports facilities, and diverse accommodation options. This expansive property provides an ideal setting f…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/residence-garda-village-sirmione/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/residence-garda-village-sirmione/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
    


<article style="background:#fffdf5;
                border-radius:14px;
                border:2px solid #D4AF37;
                box-shadow:0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06);
                overflow:hidden;
                font-family:'Open Sans',sans-serif;
                transition:box-shadow .2s, transform .2s; display:flex; flex-direction:column;"
         onmouseover="this.style.boxShadow='0 8px 36px rgba(212,175,55,.38), 0 2px 10px rgba(0,0,0,.08)'; this.style.transform='translateY(-2px)'"
         onmouseout="this.style.boxShadow='0 4px 24px rgba(212,175,55,.22), 0 1px 6px rgba(0,0,0,.06)'; this.style.transform='translateY(0)'">

  <div style="height:3px; background:linear-gradient(90deg,#b8952a,#D4AF37,#f0d060,#D4AF37,#b8952a);"></div>

  <a href="/stay/belfiore-park-hotel-brenzone/" style="display:block; position:relative; overflow:hidden; aspect-ratio:4/3;">
    
    <img src="https://media.gardalake.com/hotels/belfiore-park-hotel-4stars-superior-adults-only-brenzone-sul-garda.jpg" alt="Belfiore Park Hotel - Adults Only - 4 star hotel in Brenzone sul Garda, Lake Garda, Italy" title="Belfiore Park Hotel - Adults Only - 4 star hotel in Brenzone sul Garda, Lake Garda, Italy" loading="lazy"
         width="400" height="300"
         style="width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;"
         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'"
         onerror="this.style.display='none'">
    
    <span style="position:absolute; top:10px; left:10px;
                 background:linear-gradient(135deg,#b8952a,#D4AF37,#f0d060);
                 color:#fff; font-size:10px; font-weight:800;
                 padding:4px 10px; border-radius:20px; text-transform:uppercase;
                 letter-spacing:.6px; box-shadow:0 2px 8px rgba(180,140,30,.45);
                 text-shadow:0 1px 2px rgba(0,0,0,.25);">◆ Premium</span>
    
    <span style="position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.45);
                 color:#f5a623; font-size:11px; padding:2px 6px; border-radius:6px; letter-spacing:1px;">
      ★★★★
    </span>
    
  </a>

  <div style="padding:14px 14px 13px; display:flex; flex-direction:column; flex:1;">
    <h3 style="font-size:14px; font-weight:700; color:#1a3c4d; margin:0 0 4px; line-height:1.35; font-family:'Open Sans',sans-serif;
               display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;">
      <a href="/stay/belfiore-park-hotel-brenzone/" style="color:inherit; text-decoration:none; font-family:'Open Sans',sans-serif;">Belfiore Park Hotel - Adults Only</a>
    </h3>
    
    <p style="font-size:12px; color:#888; margin:0 0 8px; display:flex; align-items:center; gap:4px;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
      <svg width="10" height="10" viewBox="0 0 20 20" fill="#00A3D3" style="flex-shrink:0;"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
      Brenzone sul Garda
    </p>
    
    <div class="glk-am" style="display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:8px; min-height:22px;">
      <span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Restaurant</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Pool</span><span style="font-size:11px; color:#9a7c2e; background:#fdf8e8; padding:2px 8px; border-radius:20px; border:1px solid #e8d89a; white-space:nowrap;">Lake</span>
    </div>
    
    <p style="font-size:12px; color:#6b7e88; margin:0 0 10px; line-height:1.5;
              min-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;">
      Belfiore Park Hotel - Adults Only is a 4-star hotel in Brenzone sul Garda, Lake Garda, offering a serene lakeside retreat with a private beach, a heated pool, and a dedicated wellness center. This property provides a tranquil environment designed for adult guests seeking relaxation and sophisticate…
    </p>
    
    <div style="display:flex; gap:6px; margin-top:auto; padding-top:10px;">
      <a href="/stay/belfiore-park-hotel-brenzone/"
         style="flex:1; background:linear-gradient(135deg,#b8952a,#D4AF37); color:#fff;
                font-size:12px; font-weight:800; padding:8px 6px; border-radius:8px;
                text-align:center; text-decoration:none; font-family:'Open Sans',sans-serif;
                box-shadow:0 2px 8px rgba(180,140,30,.35);">Book Now</a>
      <a href="/stay/belfiore-park-hotel-brenzone/"
         style="flex:1; border:1.5px solid #D4AF37; color:#9a7c2e; font-size:12px; font-weight:600;
                padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
                font-family:'Open Sans',sans-serif; background:#fffdf5;">Details</a>
    </div>
  </div>
</article>





  
</div>


<div class="flex justify-center items-center gap-2 mt-10">
  
  <span class="text-sm text-gray-500">Page 1 of 156</span>
  <a href="?page=2" class="px-4 py-2 rounded-xl border border-gray-200 text-sm hover:border-primary hover:text-primary transition-colors">Next →</a>
</div>


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

<script>
(function(){
  /* ── Placeholder rotation ── */
  var inp = document.getElementById('glk-search-input');
  if(inp && !inp.value && inp.dataset.ph){
    var phs = inp.dataset.ph.split('|').filter(Boolean);
    if(phs.length > 1){
      var idx = 0;
      setInterval(function(){
        if(inp.value) return;
        idx = (idx + 1) % phs.length;
        inp.style.opacity = '0.15';
        setTimeout(function(){ inp.placeholder = phs[idx]; inp.style.opacity = '1'; }, 180);
      }, 3800);
    }
  }
  /* ── Scroll hint ── */
  var strip = document.getElementById('glk-loc-strip');
  var hint  = document.getElementById('glk-scroll-hint');
  if(strip && hint){
    function updateHint(){
      var atEnd = strip.scrollLeft + strip.clientWidth >= strip.scrollWidth - 4;
      hint.style.display = atEnd ? 'none' : 'flex';
    }
    hint.addEventListener('click', function(){
      strip.scrollBy({left: 180, behavior: 'smooth'});
    });
    strip.addEventListener('scroll', updateHint, {passive:true});
    updateHint();
  }
})();
</script>

</div><!-- /desktop -->


  </main>

  <!-- Footer -->
  
<style>
@media (max-width: 767px) {
  .glk-footer-grid { grid-template-columns: 1fr 1fr !important; }
  .glk-footer-logo { grid-column: 1 / -1 !important; text-align: center; padding-bottom: 0.5rem; }
  .glk-footer-slogan { grid-column: 1 / -1 !important; }
  .glk-footer-spacer { display: none !important; }
  .glk-footer-copyright { grid-column: 1 / -1 !important; }
}
</style>

<footer class="bg-primary text-white mt-16" role="contentinfo">

<div class="max-w-6xl mx-auto px-4 sm:px-6 pb-10" style="padding-top:20px;">

  <div class="glk-footer-grid" style="display:grid; grid-template-columns: 10rem 1fr 1fr 1fr 1fr; column-gap:1rem;">

    
    <div class="glk-footer-logo" style="display:flex; align-items:center; gap:6px;">
      <span class="fi fi-gb" style="width:22px;height:16px;border-radius:2px;flex-shrink:0;margin-right:6px;"></span><a href="/" style="text-decoration:none;" aria-label="GardaLake.com homepage">
        <span class="font-sans font-bold text-white" style="font-size:20px; letter-spacing:-.4px; line-height:1;">
          Garda<span class="text-accent">Lake</span><span style="font-size:0.72em; opacity:0.9; font-weight:700; letter-spacing:0;">.com</span>
        </span>
      </a>
    </div>
    <div class="glk-footer-slogan" style="grid-column:2/6; text-align:center;" class="text-white/60 text-sm leading-relaxed">
      <em class="text-white/60 text-sm leading-relaxed">&ldquo;Come and experience Lake Garda, and create memories that will stay with you long after your journey ends.&rdquo;</em>
    </div>

    
    <div style="grid-column:1/-1; border-top:1px solid rgba(255,255,255,0.1); margin:0.75rem 0;" aria-hidden="true"></div>

    
    <div class="glk-footer-spacer" aria-hidden="true"></div>

    <nav aria-label="Stay Types">
      <h3 class="text-accent font-semibold text-sm uppercase tracking-wider mb-3">Stay Types</h3>
      <ul class="space-y-1 text-white/70 text-sm" style="list-style:'◆ ' inside;">
        <li><a href="/type-of-accomodation/hotel/" class="hover:text-accent transition-colors">Hotels</a></li>
        <li><a href="/type-of-accomodation/apartment/" class="hover:text-accent transition-colors">Apartments</a></li>
        <li><a href="/type-of-accomodation/bed-and-breakfast/" class="hover:text-accent transition-colors">B&B</a></li>
        <li><a href="/type-of-accomodation/camping/" class="hover:text-accent transition-colors">Campings</a></li>
        <li><a href="/type-of-accomodation/farm-holiday/" class="hover:text-accent transition-colors">Farm Holidays</a></li>
      </ul>
    </nav>

    <nav aria-label="Top Destinations">
      <h3 class="text-accent font-semibold text-sm uppercase tracking-wider mb-3">Top Destinations</h3>
      <ul class="space-y-1 text-white/70 text-sm" style="list-style:'◆ ' inside;">
        
        <li><a href="/bardolino/" class="hover:text-accent transition-colors">Bardolino</a></li>
        
        <li><a href="/castelnuovo-del-garda/" class="hover:text-accent transition-colors">Castelnuovo del Garda</a></li>
        
        <li><a href="/lazise/" class="hover:text-accent transition-colors">Lazise</a></li>
        
        <li><a href="/moniga-del-garda/" class="hover:text-accent transition-colors">Moniga del Garda</a></li>
        
        <li><a href="/toscolano-maderno/" class="hover:text-accent transition-colors">Toscolano Maderno</a></li>
        
      </ul>
    </nav>

    <nav aria-label="Company">
      <h3 class="text-accent font-semibold text-sm uppercase tracking-wider mb-3">Company</h3>
      <ul class="space-y-1 text-white/70 text-sm" style="list-style:'◆ ' inside;">
        <li><a href="/methodology/" class="hover:text-accent transition-colors">How We Work</a></li>
        <li><a href="/about/" class="hover:text-accent transition-colors">About Us</a></li>
        <li><a href="/list-your-hotel/" class="hover:text-accent transition-colors">Add your Hotel</a></li>
        <li><a href="/contact/" class="hover:text-accent transition-colors">Contact</a></li>
        <li><a href="/privacy/" class="hover:text-accent transition-colors">Privacy Policy</a></li>
      </ul>
    </nav>

    <nav aria-label="Social">
      <h3 class="text-accent font-semibold text-sm uppercase tracking-wider mb-3">Social</h3>
      <ul class="space-y-1 text-white/70 text-sm" style="list-style:'◆ ' inside;">
        <li><a href="https://www.facebook.com/lagodigarda/" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-accent transition-colors">Facebook Lago di Garda</a></li>
        <li><a href="https://www.facebook.com/lakegarda/" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-accent transition-colors">Facebook Garda Lake</a></li>
        <li><a href="https://www.facebook.com/gardasee/" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-accent transition-colors">Facebook Gardasee</a></li>
      </ul>
    </nav>

    
    <div style="grid-column:1/-1; border-top:1px solid rgba(255,255,255,0.1); margin:1.5rem 0 0;" aria-hidden="true"></div>

    
    <div class="glk-footer-spacer" aria-hidden="true"></div>
    <div class="glk-footer-copyright" style="grid-column:2/6; text-align:center; padding-top:1rem;" class="text-white/40 text-xs pb-2">
      <small class="text-white/40">© 1997-2026 Gardalake.com - All rights reserved - Accommodation information is for reference only. Always verify directly with the property.</small>
    </div>

  </div>

</div>
</footer>


  <!-- Informazioni turistiche — LagoBot widget (admin /chat/ only — disabled on public pages) -->
  

  <!-- PWA Install Banner -->
  <div id="pwa-install-banner"
       class="hidden fixed bottom-0 left-0 right-0 z-50 bg-white border-t border-gray-200 shadow-2xl"
       style="padding-bottom: env(safe-area-inset-bottom, 0px);">

    <!-- Main row -->
    <div class="max-w-lg mx-auto px-4 py-3 flex items-center gap-3">
      <img src="/static/img/icon-72.png"
           onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22><circle cx=%2236%22 cy=%2236%22 r=%2236%22 fill=%22%2300A3D3%22/><text x=%2236%22 y=%2244%22 font-size=%2228%22 text-anchor=%22middle%22 fill=%22white%22>🏨</text></svg>'"
           alt="Gardalake.com" class="w-12 h-12 rounded-xl flex-shrink-0">
      <div class="flex-1 min-w-0">
        <p class="text-sm font-semibold text-gray-800">Install Gardalake.com</p>
        <p class="text-xs text-gray-500">4,000+ hotels · 25 languages · Free</p>
      </div>
      <div class="flex gap-2 flex-shrink-0">
        <button id="pwa-install-dismiss"
                class="px-3 py-1.5 text-xs text-gray-500 hover:text-gray-700 font-medium">
          Not now
        </button>
        <button id="pwa-install-btn"
                class="px-4 py-1.5 bg-primary text-white text-xs font-semibold
                       rounded-lg hover:bg-primary-dark transition-colors">
          Install
        </button>
      </div>
    </div>

    <!-- iOS step-by-step instructions (hidden by default, shown on iOS Safari) -->
    <div id="pwa-ios-steps" class="hidden max-w-lg mx-auto px-4 pb-4">
      <div class="bg-gray-50 rounded-xl p-3 flex items-center gap-3 text-xs text-gray-600">
        <div class="flex items-center gap-2 flex-1">
          <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary text-white flex items-center justify-center font-bold text-xs">1</span>
          <span>Tap <strong>Share</strong>
            <svg style="display:inline;vertical-align:middle;" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#00A3D3" stroke-width="2.5"><path d="M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </span>
        </div>
        <div class="text-gray-300">→</div>
        <div class="flex items-center gap-2 flex-1">
          <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary text-white flex items-center justify-center font-bold text-xs">2</span>
          <span>Tap <strong>"Add to Home Screen"</strong></span>
        </div>
        <div class="text-gray-300">→</div>
        <div class="flex items-center gap-2 flex-shrink-0">
          <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary text-white flex items-center justify-center font-bold text-xs">3</span>
          <span>Tap <strong>"Add"</strong></span>
        </div>
      </div>
    </div>
  </div>

  <!-- Main JS -->
  <script src="/static/js/gardalake.js"></script>

  <!-- PWA Registration -->
  <script nonce="DcDhPAtqLUTVeQpqnLY2AQ">
  (() => {
    'use strict';

    // ── Register Service Worker ────────────────────────────────────────────
    // Skip SW on localhost (dev) — prevents stale cache masking template changes
    if ('serviceWorker' in navigator && location.hostname !== '127.0.0.1' && location.hostname !== 'localhost') {
      window.addEventListener('load', () => {
        navigator.serviceWorker
          .register('/service-worker.js', { scope: '/' })
          .then(reg => {
            console.log('[Gardalake] SW registered, scope:', reg.scope);
          })
          .catch(err => {
            console.warn('[Gardalake] SW registration failed:', err);
          });
      });
    }

    // ── Install Prompt ─────────────────────────────────────────────────────
    let deferredPrompt = null;
    const banner       = document.getElementById('pwa-install-banner');
    const installBtn   = document.getElementById('pwa-install-btn');
    const dismissBtn   = document.getElementById('pwa-install-dismiss');

    // Dismiss expires after 7 days — user gets reminded again
    const DISMISS_KEY = 'glk_pwa_dismissed_at';
    const dismissedAt = parseInt(localStorage.getItem(DISMISS_KEY) || '0', 10);
    const wasDismissed = dismissedAt && (Date.now() - dismissedAt) < 7 * 24 * 60 * 60 * 1000;

    // Already installed (standalone mode) — never show banner
    const isStandalone = window.matchMedia('(display-mode: standalone)').matches
                      || window.navigator.standalone === true;
    if (isStandalone) { banner?.classList.add('hidden'); }

    // Only show on mobile (< 1024px) — desktop users don't install PWAs
    const isMobileViewport = () => window.innerWidth < 1024;

    // ── Android / Chrome: native install prompt ────────────────────────────
    window.addEventListener('beforeinstallprompt', e => {
      e.preventDefault();
      deferredPrompt = e;
      if (!wasDismissed && !isStandalone && isMobileViewport()) {
        setTimeout(() => banner?.classList.remove('hidden'), 3000);
      }
    });

    installBtn?.addEventListener('click', async () => {
      if (!deferredPrompt) return;
      deferredPrompt.prompt();
      const { outcome } = await deferredPrompt.userChoice;
      deferredPrompt = null;
      banner?.classList.add('hidden');
      if (outcome === 'accepted') localStorage.setItem(DISMISS_KEY, String(Date.now() * 10)); // long expiry on accept
    });

    dismissBtn?.addEventListener('click', () => {
      banner?.classList.add('hidden');
      localStorage.setItem(DISMISS_KEY, String(Date.now()));
    });

    // ── iOS Safari: visual step-by-step (no beforeinstallprompt support) ──
    const isIOS    = /iPad|iPhone|iPod/.test(navigator.userAgent);
    const isSafari = /Safari/.test(navigator.userAgent) && !/CriOS|FxiOS|Chrome/.test(navigator.userAgent);

    if (isIOS && isSafari && !isStandalone && !wasDismissed) {
      setTimeout(() => {
        if (!banner) return;
        // Swap "Install" button text for iOS
        if (installBtn) {
          installBtn.textContent = 'Add to iPhone';
          installBtn.addEventListener('click', () => {
            // Reveal inline step-by-step instructions
            const steps = document.getElementById('pwa-ios-steps');
            steps?.classList.toggle('hidden');
            installBtn.textContent = steps?.classList.contains('hidden') ? 'Add to iPhone' : 'Got it ✓';
          });
        }
        banner.classList.remove('hidden');
      }, 4000);
    }
  })();
  </script>

  

  <!-- Gardalake Analytics Events -->
  <script src="/static/js/analytics.js" defer></script>
  <!-- Smart Affiliate — DISABLED: banner UX too aggressive, removed per Fabrizio request -->
  <!-- <script src="/static/js/smart-affiliate.js" defer></script> -->

  <!-- vanilla-cookieconsent v3 — GDPR banner -->
  <script src="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.0.1/dist/cookieconsent.umd.js"></script>
  <script nonce="DcDhPAtqLUTVeQpqnLY2AQ">
  CookieConsent.run({
    guiOptions: {
      consentModal: {
        layout: 'bar',
        position: 'bottom',
        equalWeightButtons: false,
        flipButtons: false
      },
      preferencesModal: {
        layout: 'box',
        position: 'right',
        equalWeightButtons: true,
        flipButtons: false
      }
    },
    categories: {
      necessary: { enabled: true, readOnly: true },
      analytics: {
        enabled: false,
        autoClear: { cookies: [{ name: /^(_ga|_gid|_gat)/ }] },
        onAccept: function() {
          gtag('consent', 'update', {
            'analytics_storage': 'granted'
          });
        },
        onChange: function(cookie, changedCategories) {
          if (!CookieConsent.acceptedCategory('analytics')) {
            gtag('consent', 'update', { 'analytics_storage': 'denied' });
          }
        }
      }
    },
    language: {
      default: 'en',
      autoDetect: 'browser',
      translations: {
        en: {
          consentModal: {
            title: 'We use cookies',
            description: 'Gardalake.com uses analytics cookies to understand how you use the site and improve your experience. No data is sold to third parties.',
            acceptAllBtn: 'Accept all',
            acceptNecessaryBtn: 'Reject',
            showPreferencesBtn: 'Manage'
          },
          preferencesModal: {
            title: 'Cookie preferences',
            acceptAllBtn: 'Accept all',
            acceptNecessaryBtn: 'Reject all',
            savePreferencesBtn: 'Save',
            sections: [
              { title: 'Strictly necessary', description: 'Required for the site to work. Cannot be disabled.', linkedCategory: 'necessary' },
              { title: 'Analytics', description: 'Help us understand which pages are most visited and how users navigate the site. Data is anonymous and processed by Google Analytics 4.', linkedCategory: 'analytics' }
            ]
          }
        },
        it: {
          consentModal: {
            title: 'Utilizziamo i cookie',
            description: 'Gardalake.com usa cookie analitici per capire come usi il sito e migliorare l\'esperienza. Nessun dato viene venduto a terzi.',
            acceptAllBtn: 'Accetta tutti',
            acceptNecessaryBtn: 'Rifiuta',
            showPreferencesBtn: 'Gestisci'
          },
          preferencesModal: {
            title: 'Preferenze cookie',
            acceptAllBtn: 'Accetta tutti',
            acceptNecessaryBtn: 'Rifiuta tutti',
            savePreferencesBtn: 'Salva',
            sections: [
              { title: 'Strettamente necessari', description: 'Necessari per il funzionamento del sito. Non disattivabili.', linkedCategory: 'necessary' },
              { title: 'Analitici', description: 'Ci aiutano a capire quali pagine sono più visitate e come gli utenti navigano. Dati anonimi elaborati da Google Analytics 4.', linkedCategory: 'analytics' }
            ]
          }
        },
        de: {
          consentModal: {
            title: 'Wir verwenden Cookies',
            description: 'Gardalake.com verwendet Analyse-Cookies, um die Nutzung der Website zu verstehen und das Erlebnis zu verbessern.',
            acceptAllBtn: 'Alle akzeptieren',
            acceptNecessaryBtn: 'Ablehnen',
            showPreferencesBtn: 'Einstellungen'
          },
          preferencesModal: {
            title: 'Cookie-Einstellungen',
            acceptAllBtn: 'Alle akzeptieren',
            acceptNecessaryBtn: 'Alle ablehnen',
            savePreferencesBtn: 'Speichern',
            sections: [
              { title: 'Notwendig', description: 'Für den Betrieb der Website erforderlich.', linkedCategory: 'necessary' },
              { title: 'Analytisch', description: 'Helfen uns, die meistbesuchten Seiten zu verstehen. Anonyme Daten über Google Analytics 4.', linkedCategory: 'analytics' }
            ]
          }
        },
        fr: {
          consentModal: {
            title: 'Nous utilisons des cookies',
            description: 'Gardalake.com utilise des cookies analytiques pour comprendre votre utilisation du site.',
            acceptAllBtn: 'Tout accepter',
            acceptNecessaryBtn: 'Refuser',
            showPreferencesBtn: 'Gérer'
          },
          preferencesModal: {
            title: 'Préférences cookies',
            acceptAllBtn: 'Tout accepter',
            acceptNecessaryBtn: 'Tout refuser',
            savePreferencesBtn: 'Enregistrer',
            sections: [
              { title: 'Nécessaires', description: 'Requis pour le fonctionnement du site.', linkedCategory: 'necessary' },
              { title: 'Analytiques', description: 'Nous aident à comprendre les pages les plus visitées. Données anonymes via Google Analytics 4.', linkedCategory: 'analytics' }
            ]
          }
        },
        es: {
          consentModal: {
            title: 'Usamos cookies',
            description: 'Gardalake.com usa cookies analíticas para entender cómo usas el sitio.',
            acceptAllBtn: 'Aceptar todo',
            acceptNecessaryBtn: 'Rechazar',
            showPreferencesBtn: 'Gestionar'
          },
          preferencesModal: {
            title: 'Preferencias de cookies',
            acceptAllBtn: 'Aceptar todo',
            acceptNecessaryBtn: 'Rechazar todo',
            savePreferencesBtn: 'Guardar',
            sections: [
              { title: 'Necesarias', description: 'Requeridas para el funcionamiento del sitio.', linkedCategory: 'necessary' },
              { title: 'Analíticas', description: 'Nos ayudan a entender las páginas más visitadas. Datos anónimos vía Google Analytics 4.', linkedCategory: 'analytics' }
            ]
          }
        },
        ru: {
          consentModal: {
            title: 'Мы используем cookies',
            description: 'Gardalake.com использует аналитические cookies для понимания того, как вы пользуетесь сайтом.',
            acceptAllBtn: 'Принять всё',
            acceptNecessaryBtn: 'Отклонить',
            showPreferencesBtn: 'Настройки'
          },
          preferencesModal: {
            title: 'Настройки cookies',
            acceptAllBtn: 'Принять всё',
            acceptNecessaryBtn: 'Отклонить всё',
            savePreferencesBtn: 'Сохранить',
            sections: [
              { title: 'Необходимые', description: 'Необходимы для работы сайта.', linkedCategory: 'necessary' },
              { title: 'Аналитические', description: 'Помогают понять, какие страницы посещаются чаще всего. Анонимные данные через Google Analytics 4.', linkedCategory: 'analytics' }
            ]
          }
        }
      }
    }
  });
  </script>


</body>
</html>
