Гостевой дом "Аист"

<article class="rg-marine-wrapper" itemscope itemtype="https://schema.org/LodgingBusiness">
  <style>
    /* ===== REST-GURU — Морской стиль с анимациями ===== */
    .rg-marine-wrapper {
      --primary-color: #1B5D7D;
      --secondary-color: #0077B6;
      --accent-color: #00B4D8;
      --nature-color: #2D6A4F;
      --bg-light: #F0F8FF;
      --text-main: #2B2D42;
      --text-muted: #4A4E69;
      --white: #ffffff;
      
      font-family: 'Helvetica Neue', Arial, sans-serif;
      background: linear-gradient(135deg, var(--white) 0%, var(--bg-light) 100%);
      border-radius: 24px;
      padding: 24px;
      color: var(--text-main);
      box-shadow: 0 10px 30px rgba(27, 93, 125, 0.08);
      max-width: 100%;
      box-sizing: border-box;
      line-height: 1.6;
      overflow: hidden;
      position: relative;
    }

    /* Анимация появления */
    @keyframes rgFadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .rg-animate {
      animation: rgFadeUp 0.6s ease forwards;
      opacity: 0;
    }

    .rg-delay-1 { animation-delay: 0.1s; }
    .rg-delay-2 { animation-delay: 0.2s; }
    .rg-delay-3 { animation-delay: 0.3s; }

    .rg-marine-wrapper::before {
      content: '';
      position: absolute;
      top: -50px;
      right: -50px;
      width: 180px;
      height: 180px;
      background: radial-gradient(circle, var(--accent-color) 0%, transparent 70%);
      opacity: 0.1;
      border-radius: 50%;
    }

    .rg-marine-header {
      text-align: center;
      margin-bottom: 30px;
      border-bottom: 2px solid var(--primary-color);
      padding-bottom: 20px;
      position: relative;
      z-index: 2;
    }

    .rg-marine-header h1 {
      margin: 0;
      font-size: 1.8rem;
      color: var(--primary-color);
      font-weight: 800;
      text-transform: uppercase;
    }

    .rg-marine-header p {
      margin: 10px 0 0 0;
      color: var(--text-muted);
      font-size: 1.1rem;
    }

    .rg-section-title {
      font-size: 1.4rem;
      color: var(--primary-color);
      margin: 35px 0 20px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 700;
      position: relative;
      z-index: 2;
    }

    /* Сетка параметров */
    .rg-info-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 12px;
      margin-bottom: 24px;
      position: relative;
      z-index: 2;
    }

    .rg-info-card {
      background: var(--white);
      padding: 15px;
      border-radius: 12px;
      text-align: center;
      border: 1px solid rgba(27, 93, 125, 0.1);
      box-shadow: 0 4px 10px rgba(0,0,0,0.02);
      transition: transform 0.3s ease;
    }

    .rg-info-card:hover { transform: translateY(-5px); }

    .rg-info-card strong {
      display: block;
      color: var(--secondary-color);
      font-size: 1.1rem;
    }

    .rg-info-card span {
      font-size: 0.8rem;
      color: var(--text-muted);
      text-transform: uppercase;
    }

    /* Блок-акцент (Бассейн) */
    .rg-highlight-box {
      background: linear-gradient(90deg, rgba(0, 180, 216, 0.1) 0%, rgba(0, 180, 216, 0.02) 100%);
      border-left: 4px solid var(--secondary-color);
      padding: 18px 24px;
      border-radius: 0 16px 16px 0;
      margin: 24px 0;
      position: relative;
      z-index: 2;
    }

    .rg-highlight-box strong {
      color: var(--primary-color);
      font-size: 1.15rem;
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
    }

    .rg-highlight-box svg {
      width: 22px;
      height: 22px;
      stroke: var(--primary-color);
      fill: none;
      stroke-width: 2;
    }

    /* Карточки размещения */
    .rg-rooms-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 20px;
      margin-bottom: 24px;
      position: relative;
      z-index: 2;
    }

    .rg-room-card {
      background: var(--white);
      border-radius: 16px;
      padding: 24px;
      border: 1px solid rgba(27, 93, 125, 0.1);
      box-shadow: 0 4px 15px rgba(0,0,0,0.02);
      transition: transform 0.3s ease;
      display: flex;
      flex-direction: column;
    }

    .rg-room-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(27, 93, 125, 0.1); }

    .rg-room-card h3 {
      margin: 0 0 10px 0;
      color: var(--primary-color);
      font-size: 1.25rem;
      border-bottom: 1px dashed var(--accent-color);
      padding-bottom: 10px;
    }

    .rg-room-list {
      margin: 10px 0 15px 0;
      padding: 0;
      list-style: none;
      font-size: 0.95rem;
      color: var(--text-main);
      flex-grow: 1;
    }

    .rg-room-list li {
      position: relative;
      padding-left: 20px;
      margin-bottom: 8px;
    }

    .rg-room-list li::before {
      content: "•";
      position: absolute;
      left: 0;
      color: var(--accent-color);
      font-weight: bold;
    }

    .rg-price-box {
      background: linear-gradient(90deg, #F0F8FF 0%, #ffffff 100%);
      padding: 12px;
      border-radius: 8px;
      text-align: left;
      font-weight: 500;
      color: var(--text-main);
      font-size: 0.95rem;
      border: 1px solid rgba(27, 93, 125, 0.1);
      margin-top: auto;
    }
    
    .rg-price-box strong {
      color: var(--secondary-color);
      font-weight: 800;
      font-size: 1.15rem;
    }

    /* Сетка удобств */
    .rg-features-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-bottom: 24px;
      position: relative;
      z-index: 2;
    }

    .rg-feature-card {
      display: flex;
      align-items: center;
      gap: 12px;
      background: var(--white);
      padding: 14px;
      border-radius: 12px;
      border: 1px solid rgba(27, 93, 125, 0.05);
      font-size: 0.95rem;
      font-weight: 500;
    }

    .rg-feature-card svg {
      width: 20px;
      height: 20px;
      stroke: var(--secondary-color);
      stroke-width: 2;
      fill: none;
      flex-shrink: 0;
    }

    /* FAQ */
    .rg-faq-container {
      margin-top: 40px;
      position: relative;
      z-index: 2;
    }

    .rg-faq-item {
      background: var(--white);
      border: 1px solid rgba(27, 93, 125, 0.1);
      border-radius: 12px;
      margin-bottom: 10px;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .rg-faq-item summary {
      padding: 18px 20px;
      font-weight: 700;
      color: var(--primary-color);
      cursor: pointer;
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .rg-faq-item summary::-webkit-details-marker { display: none; }
    .rg-faq-item summary::after { content: '+'; font-size: 1.4rem; color: var(--accent-color); }
    .rg-faq-item[open] summary::after { content: '−'; }

    .rg-faq-item p {
      padding: 0 20px 20px 20px;
      margin: 0;
      font-size: 0.95rem;
      color: var(--text-muted);
      border-top: 1px solid var(--bg-light);
      padding-top: 15px;
    }

    /* Контакты */
    .rg-contacts-panel {
      background: linear-gradient(135deg, #1B5D7D 0%, #0077B6 100%);
      color: var(--white);
      padding: 30px;
      border-radius: 20px;
      text-align: center;
      margin-top: 32px;
      position: relative;
      z-index: 2;
    }

    .rg-tel-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: var(--white);
      color: var(--primary-color) !important;
      text-decoration: none !important;
      padding: 14px 28px;
      border-radius: 10px;
      font-weight: 800;
      margin: 8px 5px;
      font-size: 1.1rem;
      transition: transform 0.3s, box-shadow 0.3s;
      box-shadow: 0 4px 15px rgba(0,0,0,0.15);
      width: 100%;
      max-width: 380px;
    }

    .rg-tel-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    }

    .rg-messenger-icons {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-left: 8px;
      padding-left: 10px;
      border-left: 1px solid rgba(27, 93, 125, 0.2);
    }
    
    .rg-messenger-icons svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: var(--primary-color);
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 0.2s ease;
    }

    .rg-messenger-icons svg:hover { transform: scale(1.15); }

    .rg-link-light {
      color: var(--white);
      text-decoration: underline;
      font-weight: 600;
      transition: opacity 0.2s;
    }
    .rg-link-light:hover { opacity: 0.8; }

    @media (min-width: 768px) {
      .rg-rooms-container { grid-template-columns: repeat(2, 1fr); }
      .rg-marine-wrapper { padding: 40px; }
      .rg-marine-header h1 { font-size: 2.2rem; }
    }
  </style>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "LodgingBusiness",
        "name": "Гостевой дом Аист",
        "description": "Комфортный отдых в курортном районе Слободка. 100 метров до моря, подогреваемый бассейн, номера Люкс, магазин на первом этаже и охраняемая парковка.",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "ул. Мичурина 109 / ул. Толстого 64",
          "addressLocality": "Бердянск",
          "addressRegion": "Запорожская область",
          "addressCountry": "RU"
        },
        "telephone": "+79900093144",
        "email": "lenacolopova26@mail.ru",
        "priceRange": "от 4000 RUB",
        "amenityFeature": [
          {"@type": "LocationFeatureSpecification", "name": "WiFi", "value": true},
          {"@type": "LocationFeatureSpecification", "name": "Подогреваемый бассейн", "value": true},
          {"@type": "LocationFeatureSpecification", "name": "Парковка с видеонаблюдением", "value": true},
          {"@type": "LocationFeatureSpecification", "name": "Кондиционер", "value": true},
          {"@type": "LocationFeatureSpecification", "name": "Кухня", "value": true}
        ]
      },
      {
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Где находится гостевой дом «Аист»?",
            "acceptedAnswer": { "@type": "Answer", "text": "Мы расположены в курортном районе «Слободка» (ориентир — остановка «Дельфин») по адресу: ул. Мичурина 109 / ул. Толстого 64." }
          },
          {
            "@type": "Question",
            "name": "Как далеко от вас до моря и центра?",
            "acceptedAnswer": { "@type": "Answer", "text": "До пляжа и берега моря всего 100 метров (2 минуты пешей прогулки). До Набережной также 2 минуты, а до Центра города и Приморской площади — 15 минут." }
          },
          {
            "@type": "Question",
            "name": "Есть ли у вас бассейн?",
            "acceptedAnswer": { "@type": "Answer", "text": "Да! В этом году мы построили абсолютно новый бассейн с подогревом для наших гостей." }
          },
          {
            "@type": "Question",
            "name": "Какие номера вы предлагаете?",
            "acceptedAnswer": { "@type": "Answer", "text": "К вашим услугам 2-х, 3-х и 4-х местные комфортабельные номера класса «Люкс» с индивидуальными входами и выходом на солнечную террасу с видом на море." }
          },
          {
            "@type": "Question",
            "name": "Что есть в каждом номере?",
            "acceptedAnswer": { "@type": "Answer", "text": "Каждый номер оборудован кондиционером (сплит-система), телевизором, холодильником, двуспальными кроватями с ортопедическими матрасами, а также собственным санузлом с душевой (круглосуточная подача горячей и холодной воды)." }
          },
          {
            "@type": "Question",
            "name": "Где можно питаться?",
            "acceptedAnswer": { "@type": "Answer", "text": "У нас есть оборудованная общая кухня для самостоятельного приготовления пищи. На первом этаже комплекса работает продуктовый магазин. А неподалеку есть недорогие столовые домашней кухни." }
          },
          {
            "@type": "Question",
            "name": "Есть ли парковка?",
            "acceptedAnswer": { "@type": "Answer", "text": "Да, для гостей предусмотрена охраняемая стоянка для автомобилей с видеонаблюдением." }
          },
          {
            "@type": "Question",
            "name": "Встречаете ли вы гостей с вокзала?",
            "acceptedAnswer": { "@type": "Answer", "text": "Да, мы предоставляем услугу встречи: встретим вас на вокзале, отвезем и с комфортом поселим." }
          }
        ]
      }
    ]
  }
  </script>

  <header class="rg-marine-header rg-animate">
    <h1 itemprop="name">Гостевой дом «Аист»</h1>
    <p>Отдых на побережье Азовского моря в 100 метрах от пляжа</p>
  </header>

  <div class="rg-highlight-box rg-animate rg-delay-1">
    <strong>
      <svg viewBox="0 0 24 24"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
      Новинка этого года: Бассейн с подогревом!
    </strong>
    <p style="margin: 0; font-size: 0.95rem; color: var(--text-main);">Мы постоянно улучшаем условия для наших гостей. В этом сезоне на ухоженной территории гостевого дома заработал современный подогреваемый бассейн для купания в любую погоду!</p>
  </div>

  <div class="rg-info-grid rg-animate rg-delay-2">
    <div class="rg-info-card">
      <span>до моря</span> <strong>100 м (2 мин)</strong>
    </div>
    <div class="rg-info-card">
      <span>локация</span> <strong>р-н Слободка</strong>
    </div>
    <div class="rg-info-card">
      <span>магазин</span> <strong>На 1-м этаже</strong>
    </div>
    <div class="rg-info-card">
      <span>формат</span> <strong>Номера Люкс</strong>
    </div>
  </div>

  <div class="rg-marine-content rg-animate rg-delay-2" itemprop="description" style="position: relative; z-index: 2;">
    <p>
      Дорогие отдыхающие! Приглашаем Вас провести незабываемый отпуск в курортном районе «Слободка». В пешей доступности от нас находится вся инфраструктура: Набережная (2 мин), Аквапарк, Дельфинарий, Зоопарк, Луна-парк, кафе и столовые. До Центра города и Приморской площади — всего 15 минут.
    </p>
  </div>

  <h2 class="rg-section-title rg-animate rg-delay-3">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 24px; height: 24px;"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
    Комфортабельные номера «Люкс»
  </h2>
  
  <div class="rg-marine-content rg-animate rg-delay-3">
    <p>
      К вашим услугам 2-х, 3-х и 4-х местные номера с индивидуальным входом и выходом на солнечную террасу (балкон) с потрясающим <strong>видом на море</strong> и столиками для отдыха.
    </p>
  </div>
  
  <div class="rg-rooms-container rg-animate rg-delay-3">
    <div class="rg-room-card" itemprop="containsPlace" itemscope itemtype="https://schema.org/Room">
      <h3 itemprop="name">Оснащение спальни</h3>
      <ul class="rg-room-list">
        <li>Двуспальные кровати с качественными ортопедическими матрасами</li>
        <li>Мягкая и стильная плетеная мебель</li>
        <li>Кондиционеры (сплит-система)</li>
        <li>Современные телевизоры и холодильники</li>
        <li>Бесплатный высокоскоростной Wi-Fi</li>
      </ul>
      <div class="rg-price-box">Цена за проживание: <strong>от 4 000 ₽</strong></div>
    </div>
    
    <div class="rg-room-card" itemprop="containsPlace" itemscope itemtype="https://schema.org/Room">
      <h3 itemprop="name">Удобства и территория</h3>
      <ul class="rg-room-list">
        <li>В каждом номере свой санузел и душевая</li>
        <li><strong>Круглосуточная подача</strong> горячей и холодной воды</li>
        <li>Южные растения, скамейки и столики во дворе</li>
        <li>Мангал-шашлычница для приятных летних вечеров</li>
        <li>Охраняемая территория и видеонаблюдение</li>
      </ul>
      <div class="rg-price-box">Цена за проживание: <strong>от 4 000 ₽</strong></div>
    </div>
  </div>

  <h2 class="rg-section-title rg-animate rg-delay-3">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 24px; height: 24px;"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
    Инфраструктура и питание
  </h2>
  
  <div class="rg-features-grid rg-animate rg-delay-3">
    <div class="rg-feature-card">
      <svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      Новый бассейн с подогревом
    </div>
    <div class="rg-feature-card">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/></svg>
      Общая оборудованная кухня
    </div>
    <div class="rg-feature-card">
      <svg viewBox="0 0 24 24"><path d="M5 12.55a11 11 0 0 1 14.08 0M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12" y2="20"></line></svg>
      Магазин продуктов на 1-м этаже
    </div>
    <div class="rg-feature-card">
      <svg viewBox="0 0 24 24"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"></path></svg>
      Террасы с видом на море
    </div>
    <div class="rg-feature-card">
      <svg viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
      Охраняемая автостоянка
    </div>
    <div class="rg-feature-card">
      <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg>
      Трансфер с вокзала (встретим/отвезем)
    </div>
  </div>

  <h2 class="rg-section-title rg-animate rg-delay-3">Часто задаваемые вопросы</h2>
  <div class="rg-faq-container rg-animate rg-delay-3">
    <details class="rg-faq-item" open>
      <summary>Где находится гостевой дом «Аист»?</summary>
      <p>Мы расположены в курортном районе «Слободка» (ориентир — остановка «Дельфин») по адресу: ул. Мичурина 109 / ул. Толстого 64.</p>
    </details>
    <details class="rg-faq-item">
      <summary>Как далеко от вас до моря и центра?</summary>
      <p>До пляжа и берега моря всего 100 метров (2 минуты пешей прогулки). До Набережной также 2 минуты, а до Центра города и Приморской площади — 15 минут.</p>
    </details>
    <details class="rg-faq-item">
      <summary>Есть ли у вас бассейн?</summary>
      <p>Да! В этом году мы построили абсолютно новый бассейн с подогревом для наших гостей.</p>
    </details>
    <details class="rg-faq-item">
      <summary>Какие номера вы предлагаете?</summary>
      <p>К вашим услугам 2-х, 3-х и 4-х местные комфортабельные номера класса «Люкс» с индивидуальными входами и выходом на солнечную террасу с видом на море.</p>
    </details>
    <details class="rg-faq-item">
      <summary>Что есть в каждом номере?</summary>
      <p>Каждый номер оборудован кондиционером (сплит-система), телевизором, холодильником, двуспальными кроватями с ортопедическими матрасами, а также собственным санузлом с душевой (круглосуточная подача горячей и холодной воды).</p>
    </details>
    <details class="rg-faq-item">
      <summary>Где можно питаться?</summary>
      <p>У нас есть оборудованная общая кухня для самостоятельного приготовления пищи. На первом этаже комплекса работает продуктовый магазин со свежими продуктами. А неподалеку есть недорогие столовые домашней кухни.</p>
    </details>
    <details class="rg-faq-item">
      <summary>Есть ли парковка?</summary>
      <p>Да, для гостей предусмотрена охраняемая стоянка для автомобилей с круглосуточным видеонаблюдением.</p>
    </details>
    <details class="rg-faq-item">
      <summary>Встречаете ли вы гостей с вокзала?</summary>
      <p>Да, мы предоставляем услугу встречи: встретим вас на вокзале, отвезем и с комфортом поселим в номере.</p>
    </details>
  </div>

  <div class="rg-contacts-panel rg-animate rg-delay-3" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <h3>Бронирование номеров</h3>
    <p style="margin-bottom: 10px;">Цены договорные в зависимости от сезонности. Для бронирования свяжитесь с нами напрямую:</p>
    
    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 20px;">
      <a href="tel:+79900093144" class="rg-tel-btn" itemprop="telephone">
        +7 (990) 009-31-44
        <span class="rg-messenger-icons">
          <svg viewBox="0 0 24 24" title="MAX"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path><polyline points="9 14 9 10 12 12 15 10 15 14"></polyline></svg>
          <svg viewBox="0 0 24 24" title="Telegram"><path d="M21.5 2L2 10.5l7 3 10.5-9-8 10.5 4.5 7 6-20z"></path></svg>
        </span>
      </a>
    </div>
    
    <p style="margin-top: 25px; font-size: 0.95rem; line-height: 1.8;">
      Email: <a href="mailto:lenacolopova26@mail.ru" class="rg-link-light">lenacolopova26@mail.ru</a><br>
      Адрес: г. Бердянск, р-н Слободка, <span itemprop="streetAddress">ул. Мичурина 109 / ул. Толстого 64</span><br>
      <em>(Ориентир — остановка «Дельфин»)</em>
    </p>
  </div>
</article>