<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Выполненные работы</title>
    <link>https://artonmebel.ru</link>
    <description/>
    <language>ru</language>
    <lastBuildDate>Tue, 12 May 2026 13:50:08 +0300</lastBuildDate>
    <item turbo="true">
      <title>Дом 139 м² с идеальной планировкой</title>
      <link>https://artonmebel.ru/tpost/1</link>
      <amplink>https://artonmebel.ru/tpost/1?amp=true</amplink>
      <pubDate>Sat, 20 Sep 2025 09:49:00 +0300</pubDate>
      <category>Новый проект</category>
      <enclosure url="https://static.tildacdn.com/tild3463-6439-4139-a333-666165303262/DSC02234.jpg" type="image/jpeg"/>
      <description>2 детских, спальня, кухня-гостиная, гардеробная и 2 санузла</description>
      <turbo:content><![CDATA[<header><h1>Дом 139 м² с идеальной планировкой</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3463-6439-4139-a333-666165303262/DSC02234.jpg"/></figure><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Этот дом мы построили для профессионального дизайнера, и он действительно выделяется. Необычная форма в виде креста, индивидуальная планировка, яркий фасад, продуманные детали и внимание к каждому элементу — здесь всё продиктовано вкусом и функциональностью.<br /><br />В доме есть все для комфортной жизни: отдельные зоны для детей и взрослых, два санузла, большая прихожая, гардеробная, панорамные окна, широкое крыльцо и даже учтен будущий газ.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 10 месяцев</li><li data-list="bullet"><strong>Комплектация: </strong>«Теплый контур»</li><li data-list="bullet"><strong>Общая площадь: </strong>139 м2 по внешнему контуру, жилая 89,9 м2</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>


  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Ж/Б сваи;</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х145, 45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024, все доборные элементы также RAL 7024;</li>
      <li>Цоколь зашит — профлист, матовый, RAL 7024 (дополнительно утеплён);</li>
      <li>Уголок 30х30, металлические отливы матовые, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), белый/белый;</li>
      <li>Откосы снаружи — дерево, окрашено в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр, декоративный антисептик Люксенс (2 слоя);</li>
      <li>Свесы и потолок на террасе — имитация бруса 180мм Кедр, окраска в 2 слоя Люксенс;</li>
      <li>Углы дома — имитация бруса 180мм Кедр, окраска в 2 слоя Люксенс;</li>
      <li>Входная дверь с терморазрывом;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — ПВХ плитка, в прихожей и котельной — плитка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре, разводка в котельной «под ключ» (по дому разводка не осуществлялась);</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Отопление — электрический котёл Зота, тёплый пол Valtec, подведён газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 150л, радиаторы в гостиной;</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Вентиляция в санузлах и котельной;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456240248" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<!-- Слайдер с автоплеем -->
<div class="slider" id="slider" data-autoplay="true" data-interval="4000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3465-3932-4164-b436-353237373730/DJI_0035.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6364-3730-4661-a535-643365366238/DSC02211.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3831-6363-4033-b466-613938356534/DSC02234_1.jpg" alt="Фото 3">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  // читаем настройки
  const AUTOPLAY = slider.dataset.autoplay === "true";
  const INTERVAL_MS = parseInt(slider.dataset.interval) || 4000;

  let index = 0;
  let timer = null;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  function nextSlide() { showSlide(index + 1); }
  function prevSlide() { showSlide(index - 1); }

  function startAutoplay() {
    if (!AUTOPLAY) return;
    stopAutoplay();
    timer = setInterval(nextSlide, INTERVAL_MS);
  }
  function stopAutoplay() {
    if (timer) {
      clearInterval(timer);
      timer = null;
    }
  }

  // кнопки
  prevBtn.addEventListener('click', () => { prevSlide(); });
  nextBtn.addEventListener('click', () => { nextSlide(); });

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => {
      showSlide(idx);
      startAutoplay(); // перезапуск при ручном выборе
    });
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => {
    startX = e.touches[0].clientX;
    stopAutoplay();
  }, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) prevSlide();
    else if (dx < -50) nextSlide();
    startAutoplay();
  }, {passive:true});

  // пауза при наведении
  slider.addEventListener('mouseenter', stopAutoplay);
  slider.addEventListener('mouseleave', startAutoplay);

  // запуск
  showSlide(0);
  startAutoplay();
</script>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3637-3863-4236-b932-336137303930/__page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3035-3263-4035-b861-366363633332/__page-0006.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3065-3834-4437-a133-373462666635/__page-0007.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Яркий каркасный дом 125 м²</title>
      <link>https://artonmebel.ru/tpost/fx2nazaag1-yarkii-karkasnii-dom-125-m</link>
      <amplink>https://artonmebel.ru/tpost/fx2nazaag1-yarkii-karkasnii-dom-125-m?amp=true</amplink>
      <pubDate>Sat, 20 Sep 2025 09:00:00 +0300</pubDate>
      <category>Новый проект</category>
      <enclosure url="https://static.tildacdn.com/tild3761-6238-4836-a365-326364663462/DSC02180.jpg" type="image/jpeg"/>
      <description>2 спальни, комната для енота Тёмы, кухня-гостиная и выход в лес</description>
      <turbo:content><![CDATA[<header><h1>Яркий каркасный дом 125 м²</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3761-6238-4836-a365-326364663462/DSC02180.jpg"/></figure><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Этот дом построен по индивидуальному проекту для девушки-блогера с учетом всех пожеланий: много солнечного света, панорамные окна, высокие потолки, просторные комнаты, выход на большую террасу и команта для любимого енота.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 6 месяцев</li><li data-list="bullet">Построили каркасный дом в комплектации «Теплый контур»</li><li data-list="bullet"><strong>Общая площадь:</strong> 125 м2 по внешнему контуру, жилая 86, м2</li><li data-list="bullet">2 жилых комнаты+гаредероб</li></ul></div><hr style="color: #000000;"><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент и каркас:</h3>
    <ul>
      <li>Фундамент — Ж/Б сваи 150х150;</li>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024 матовая + все доборные элементы;</li>
      <li>Цоколь зашит — профлист волна С8, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), белый/белый со шпросами;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр с горизонтальным расположением и покраской в 2 слоя;</li>
      <li>Входная дверь с терморазрывом (производитель — Новосибирск);</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре; котельная с полной разводкой «под ключ» (по дому разводка не осуществлялась);</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec; дополнительно заведён газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 200л, радиаторы в гостиной;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение к скважине;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

    <h3>Дополнительные услуги:</h3>
    <ul>
      <li>Установка датчика от протечки воды;</li>
      <li>Монтаж выводов под батареи под окнами (для отсечки холода и предотвращения конденсата);</li>
    </ul>

  </details>

</body>
</html>
</div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456240237" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<!-- Слайдер с настройками -->
<div class="slider" id="slider" data-autoplay="true" data-interval="4000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3434-3637-4133-a337-386565653931/DSC02113.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3831-3738-4261-b734-313838313266/DSC02108.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3834-6536-4835-a331-653834653261/DSC02084.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild6366-3065-4361-b762-353930316130/DSC02073.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3132-6339-4230-a235-623739623364/DSC02063.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3039-3363-4634-b431-393937643863/DJI_0998.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild6661-3761-4838-b036-633862363265/DJI_0993.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3362-3166-4036-a630-316633626332/DJI_0992.jpg" alt="Фото 8">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  // читаем настройки
  const AUTOPLAY = slider.dataset.autoplay === "true";
  const INTERVAL_MS = parseInt(slider.dataset.interval) || 4000;

  let index = 0;
  let timer = null;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  function nextSlide() { showSlide(index + 1); }
  function prevSlide() { showSlide(index - 1); }

  function startAutoplay() {
    if (!AUTOPLAY) return;
    stopAutoplay();
    timer = setInterval(nextSlide, INTERVAL_MS);
  }
  function stopAutoplay() {
    if (timer) {
      clearInterval(timer);
      timer = null;
    }
  }

  // кнопки
  prevBtn.addEventListener('click', () => { prevSlide(); startAutoplay(); });
  nextBtn.addEventListener('click', () => { nextSlide(); startAutoplay(); });

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => {
      showSlide(idx);
      startAutoplay();
    });
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => {
    startX = e.touches[0].clientX;
    stopAutoplay();
  }, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) prevSlide();
    else if (dx < -50) nextSlide();
    startAutoplay();
  }, {passive:true});

  // пауза при наведении
  slider.addEventListener('mouseenter', stopAutoplay);
  slider.addEventListener('mouseleave', startAutoplay);

  // запуск
  showSlide(0);
  startAutoplay();
</script>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3035-6463-4538-b535-326363363664/____page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3730-6634-4134-a462-386533333935/____page-0003.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3930-6664-4139-a338-663133373465/____page-0006.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3530-6266-4736-a464-336233373461/____page-0007.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Современный дом 174 м² с большой террасой</title>
      <link>https://artonmebel.ru/tpost/2</link>
      <amplink>https://artonmebel.ru/tpost/2?amp=true</amplink>
      <pubDate>Fri, 19 Sep 2025 10:45:00 +0300</pubDate>
      <category>Новый проект</category>
      <enclosure url="https://static.tildacdn.com/tild6266-6430-4363-b862-613161616331/DSC00829.jpg" type="image/jpeg"/>
      <description>3 спальни, просторная терраса и кухня-гостиная</description>
      <turbo:content><![CDATA[<header><h1>Современный дом 174 м² с большой террасой</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild6266-6430-4363-b862-613161616331/DSC00829.jpg"/></figure><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Дом расположен на крайнем участке с уникальной треугольной формой. Благодаря грамотно спроектированному плану на участке легко разместить баню, бассейн, зону барбекю.<br /><br />В доме продумано абсолютно всё: от уникального фасада с вертикальной имитацией бруса, придающей дому современный и статусный вид, до просторной террасы из натуральной лиственницы с удобной зоной для отдыха и навесом.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 8 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> – 174 м2 по внешнему контуру, жилая 92, м2</li><li data-list="bullet"><strong>Количество комнат:</strong> 3 жилых комнаты</li><li data-list="bullet"><strong>Фундамент:</strong> Ж/Б сваи 150х150</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024 матовая + все доборные элементы;</li>
      <li>Цоколь зашит — профлист волна С8, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), графит/графит;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр с вертикальным расположением и нанесением декоративного лака в 2 слоя;</li>
      <li>Входная дверь с терморазрывом (производитель — Новосибирск);</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — ламинат 33 класс (выбран заказчиком);</li>
      <li>Отделка санузлов «под ключ»;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре, котельная и дом с полной разводкой «под ключ»;</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec, дополнительно заведен газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 200л, радиаторы в гостиной;</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Вентиляция в санузлах и котельной (под газ);</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

    <h3>Дополнительные услуги:</h3>
    <ul>
      <li>Установка датчика от протечки воды;</li>
      <li>Регулировка тёплых полов по контурам (каждая комната со своим термодатчиком);</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456240184" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6662-3339-4064-a638-666234316632/DSC00833.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6565-6631-4531-b936-613638626164/DSC00826.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3835-3863-4332-b534-666538306364/DSC00811.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild6532-3533-4365-b263-363731393138/DJI_0768.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3833-3162-4564-b435-623463353335/DJI_0759.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6665-3063-4161-b363-396162373463/DSC00829.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3163-3536-4431-b931-653539633733/DSC00775.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3239-3230-4338-b832-316130666464/DSC00760.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6162-3566-4839-b563-386135313135/DSC00757.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3131-3135-4664-a633-343131336338/DSC00750.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6138-6362-4336-b237-393265333432/DSC00748.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3635-3762-4665-b634-623063343034/DSC00734.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3033-3632-4935-b463-313062393361/DSC00732.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3264-3361-4665-b761-666463663630/DSC00726.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3633-6561-4639-a564-383936633565/DSC00720.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild6533-3935-4664-b563-363138366465/DSC00703.jpg" alt="Фото 10">      
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3838-3333-4933-a537-616466326264/AH7_174____108___138.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3931-3464-4934-b433-303539646137/AH7_174____108___138.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3662-3964-4566-b331-363035363638/AH7_174____108___138.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3964-3736-4839-a137-646233616664/AH7_174____108___138.jpg" alt="Фото 7">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 150 м² в теплом контуре</title>
      <link>https://artonmebel.ru/tpost/3</link>
      <amplink>https://artonmebel.ru/tpost/3?amp=true</amplink>
      <pubDate>Fri, 19 Sep 2025 10:44:00 +0300</pubDate>
      <category>Новый проект</category>
      <enclosure url="https://static.tildacdn.com/tild6262-3735-4566-b766-633536643136/__150_2____1.png" type="image/png"/>
      <description>3 комнаты, кухня-гостиная, котельная и большая терраса</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 150 м² в теплом контуре</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild6262-3735-4566-b766-633536643136/__150_2____1.png"/></figure><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Этот современный дом выполнен в комплектации «Тёплый контур», что означает полностью готовые коммуникации и качественную внешнюю отделку, но без внутренней чистовой отделки — идеальный вариант для тех, кто хочет сделать интерьер по своему вкусу.<br /><br />Внутри дом с просторной гостиной с потолками высотой 4,5 метра, кухней с удобной столешницей у окна, тремя спальнями с высокими окнами и выходом на террасу. Особое внимание уделено современным инженерным решениям: системе водяного отопления, умной системе перекрытия воды при протечках и продуманным техническим коммуникациям.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 6 месяцев</li><li data-list="bullet"><strong>Комплектация: </strong>«Теплый контур»</li><li data-list="bullet"><strong>Общая площадь:</strong> 150 м2 по внешнему контуру, жилая 101, м2</li><li data-list="bullet"><strong>Количество комнат:</strong> 3 жилых комнаты + гаредероб</li><li data-list="bullet"><strong>Фундамент:</strong> Ж/Б сваи 150х150</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024 матовая + все доборные элементы;</li>
      <li>Цоколь зашит — профлист волна С8, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), графит/графит со шпросами;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр с горизонтальным расположением и покраской в 2 слоя;</li>
      <li>Входная дверь с терморазрывом (производитель — Новосибирск);</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре; котельная с полной разводкой «под ключ» (по дому разводка не осуществлялась);</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec; дополнительно заведен газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 200л, радиаторы в гостиной;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение к скважине;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

    <h3>Дополнительные услуги:</h3>
    <ul>
      <li>Установка датчика от протечки воды;</li>
      <li>Монтаж усиленного тёплого контура под окнами (для отсечки холода и предотвращения конденсата);</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456240204" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<!-- Слайдер с автоплеем -->
<div class="slider" id="slider" data-autoplay="true" data-interval="4000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3764-3435-4266-a238-313138663165/DSC00892.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3263-3731-4364-b636-633662303631/DSC00949.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3031-3034-4339-a361-326566623366/DSC00910.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3566-6132-4334-b866-306465623339/DSC00896.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3937-3630-4166-b938-623331666333/DSC00882.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6134-3431-4537-b139-333732323366/DJI_0790.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3131-6331-4335-b663-623131313434/DJI_0778.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3137-3737-4038-a164-373939336661/DJI_0776.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild6361-3161-4366-a664-653131653364/DJI_0785.jpg" alt="Фото 9">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  // настройки
  const AUTOPLAY = slider.dataset.autoplay === "true";
  const INTERVAL_MS = parseInt(slider.dataset.interval) || 4000;

  let index = 0;
  let timer = null;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  function nextSlide() { showSlide(index + 1); }
  function prevSlide() { showSlide(index - 1); }

  function startAutoplay() {
    if (!AUTOPLAY) return;
    stopAutoplay();
    timer = setInterval(nextSlide, INTERVAL_MS);
  }
  function stopAutoplay() {
    if (timer) {
      clearInterval(timer);
      timer = null;
    }
  }

  // кнопки
  prevBtn.addEventListener('click', () => { prevSlide(); startAutoplay(); });
  nextBtn.addEventListener('click', () => { nextSlide(); startAutoplay(); });

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => {
      showSlide(idx);
      startAutoplay();
    });
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => {
    startX = e.touches[0].clientX;
    stopAutoplay();
  }, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) prevSlide();
    else if (dx < -50) nextSlide();
    startAutoplay();
  }, {passive:true});

  // пауза при наведении
  slider.addEventListener('mouseenter', stopAutoplay);
  slider.addEventListener('mouseleave', startAutoplay);

  // запуск
  showSlide(0);
  startAutoplay();
</script>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3962-3563-4339-a661-616662616464/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6566-3830-4263-b033-343064373235/2.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6635-3130-4562-b165-663537326265/5.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3238-3964-4137-a139-316638663136/6.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 150 м² под ключ для большой семьи</title>
      <link>https://artonmebel.ru/tpost/4</link>
      <amplink>https://artonmebel.ru/tpost/4?amp=true</amplink>
      <pubDate>Fri, 19 Sep 2025 10:43:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3033-3834-4666-a231-646666623263/_DSC4012.jpg" type="image/jpeg"/>
      <description>3 спальни, кухня-гостиная с высоким потолком и выходом на террасу</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 150 м² под ключ для большой семьи</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3033-3834-4666-a231-646666623263/_DSC4012.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Дом построен на участке со сложным рельефом: перепад высоты более 4 метров позволил создать несколько уровней, благодаря которым из панорамных окон гостиной открывается редкий для частного дома вид не на заборы и соседей, а на кроны сосен и елей.<br /><br />Внутри продуманная до мелочей планировка: три спальни, просторная кухня-гостиная с высоким потолком и вторым светом, несколько выходов на террасу, включая один прямо из спальни. Это не просто красиво, но и очень удобно: проснулся, вышел на свежий воздух, сделал вдох и день задался.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 7 месяцев</li><li data-list="bullet"><strong>Комплектация: </strong>«Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> – 149, 5 кв. м.</li><li data-list="bullet"><strong>Срок строительства:</strong> – Ноябрь 2022 - Июнь 2023</li></ul></div><hr style="color: #000000;"><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Забивные железобетонные сваи;</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Каркас — сухая строганная доска;</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), цвет графит, все доборные элементы также цвет графит;</li>
      <li>Цоколь зашит — профлист, цвет графит;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU;</li>
      <li>Отделка снаружи — имитация бруса Кедр сорт АВ, покраска Tikkurila в 2 слоя;</li>
      <li>Отделка внутри — вагонка штиль Кедр АВ, горизонтальная раскладка, покраска Tikkurila в 2 слоя;</li>
      <li>Входная дверь с терморазрывом DOMANI100 Колоре Гриджио (синий);</li>
      <li>Межкомнатные двери — МДФ плёнка;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — ламинат, плитка;</li>
      <li>Потолок — натяжной белый матовый;</li>
      <li>Террасная доска — лиственница Вельвет, покрытие Tikkurila Valetti Plus;</li>
      <li>Лестница — металлический каркас, ступени из лиственницы Вельвет;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — кабель ВВГнг-LS в гофре;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec;</li>
      <li>Бойлер косвенного нагрева;</li>
      <li>Два водяных радиатора;</li>
      <li>Система водоочистки;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Завели в дом интернет;</li>
      <li>Канализационные трубы утеплены и дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239454" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6532-3735-4535-b232-313266656264/_DSC4011.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3562-3366-4566-b362-363834396264/_DSC4012.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3535-6132-4539-a230-363330353839/_DSC4021.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild6232-3936-4431-b630-316663356336/_DSC4030.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3566-3033-4061-b866-373366336263/_DSC4034.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6161-3837-4137-a333-653537306531/_DSC4041.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3938-3031-4161-b931-616265353463/_DSC4051.jpg" alt="Фото 7">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6136-3735-4339-b134-393139353733/_DSC4085.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6637-3363-4434-b166-616666656132/_DSC4094.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6330-3565-4065-b135-373534383532/_DSC4070.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3736-3163-4863-a631-636532303035/_DSC4065.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6330-3331-4633-b530-653034306632/_DSC4059.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3066-6230-4438-a361-616564633964/_DSC4056.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Современный загородный дом 134 м² для круглогодичного проживания</title>
      <link>https://artonmebel.ru/tpost/5</link>
      <amplink>https://artonmebel.ru/tpost/5?amp=true</amplink>
      <pubDate>Fri, 19 Sep 2025 10:42:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3063-6132-4437-a139-323930376632/photo_2024-07-15_19-.jpg" type="image/jpeg"/>
      <description>3 спальни, терраса, гардеробная и большая кухня-гостиная</description>
      <turbo:content><![CDATA[<header><h1>Современный загородный дом 134 м² для круглогодичного проживания</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3063-6132-4437-a139-323930376632/photo_2024-07-15_19-.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Этот уютный дом идеально подходит для круглогодичного проживания и комфортной семейной жизни. Внешне он выглядит компактным и аккуратным, но стоит войти и вас удивит просторная, продуманная до мелочей планировка. <br /><br />Дом построен с учётом всех инженерных тонкостей: умные выключатели, приточные клапаны, продуманная электрика, противопожарные системы.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Комплектация "под ключ"</strong></li><li data-list="bullet"><strong>Срок строительства</strong> - 8 месяцев</li><li data-list="bullet">Построили каркасный дом в комплектации «Под ключ»</li><li data-list="bullet"><strong>Общая площадь</strong> – 132 м2 по внешнему контуру, жилая 92, м2</li><li data-list="bullet"><strong>3 комнаты</strong></li></ul></div><hr style="color: #000000;"><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Ж/Б сваи;</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х145, 45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024, все доборные элементы также RAL 7024;</li>
      <li>Цоколь зашит — профлист, матовый, RAL 7024 (дополнительно утеплён);</li>
      <li>Уголок 30х30, металлические отливы матовые, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), белый/белый;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр, антисептик Люксенс в 2 слоя;</li>
      <li>Свесы и потолок на террасе — имитация бруса 180мм Кедр, антисептик Люксенс в 2 слоя;</li>
      <li>Углы дома — имитация бруса 180мм Кедр, антисептик Люксенс в 2 слоя;</li>
      <li>Входная дверь с терморазрывом;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — ПВХ плитка; в прихожей и котельной — плитка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре; котельная с полной разводкой «под ключ» (по дому разводка не осуществлялась);</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec; дополнительно заведен газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 150л, радиаторы в гостиной;</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Вентиляция в санузлах и котельной;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239868" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3735-6162-4261-b233-363035303738/DSC04116.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6430-6632-4130-b662-343862626631/DSC04114.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3732-3835-4237-b238-303239623033/DSC04089.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3134-6131-4831-b530-313362623730/DJI_0824.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6462-6533-4931-a233-336263303032/DJI_0820.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6332-3964-4863-b533-323637316263/DJI_0814.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3632-3330-4665-a534-323236393364/DJI_0813.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3234-3237-4833-b363-663039353339/DJI_0812.jpg" alt="Фото 8">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3261-3161-4630-a531-386532633063/DSC07204.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3037-3762-4232-b362-323839653463/DSC07211.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3336-3134-4235-a166-343963633163/DSC07212.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild6362-3230-4663-a565-343237303961/DSC07214.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6165-3964-4636-b331-646562396165/DSC07221.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3266-3739-4238-b666-396237633936/DSC07222.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3462-3763-4133-a562-303863386535/DSC07224.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3534-3764-4539-b538-353832383834/DSC07229.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild6435-3333-4965-a535-303038623763/DSC07231.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild6130-3531-4038-a131-636331323566/DSC07235.jpg" alt="Фото 10">
    <img src="https://static.tildacdn.com/tild3466-3137-4437-b935-373739383938/DSC07236.jpg" alt="Фото 11">
    <img src="https://static.tildacdn.com/tild6338-6565-4066-b764-663161643964/DSC07237.jpg" alt="Фото 12">
    <img src="https://static.tildacdn.com/tild6262-3539-4335-a431-623734363761/DSC07243.jpg" alt="Фото 13">
    <img src="https://static.tildacdn.com/tild3631-6638-4462-b634-343639306636/DSC07252.jpg" alt="Фото 14">
    <img src="https://static.tildacdn.com/tild3132-6165-4538-a130-373939343430/DSC07257.jpg" alt="Фото 15">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6565-6564-4864-b734-323639396431/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3061-6634-4331-a131-656136316137/2.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3366-6661-4865-b936-393361653933/5.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6234-6334-4562-b933-303239386463/6.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Семейный каркасный дом 150 м² с мебелью</title>
      <link>https://artonmebel.ru/tpost/6</link>
      <amplink>https://artonmebel.ru/tpost/6?amp=true</amplink>
      <pubDate>Tue, 19 Aug 2025 07:26:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3064-3462-4362-a634-656230383665/DJI_0263.jpg" type="image/jpeg"/>
      <description>Две детских, спальня, гардеробная, голубая кухня-гостиная с выходом на террасу</description>
      <turbo:content><![CDATA[<header><h1>Семейный каркасный дом 150 м² с мебелью</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3064-3462-4362-a634-656230383665/DJI_0263.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Современный дом для семьи из четырёх человек. В нём предусмотрено всё для комфортной жизни: просторная кухня-гостиная с выходом на большую террасу, три спальни, отдельная гардеробная, санузел и котельная. Планировка разрабатывалась совместно с заказчиками, чтобы учесть потребности семьи с детьми. Дом сдан под ключ — с инженерными коммуникациями, встроенной мебелью, тёплыми полами и современной отделкой.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства: </strong>7 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> 150 м<sup>2</sup> по внешнему контуру</li><li data-list="bullet"><strong>Жилая площадь: </strong>101 м<sup>2</sup></li><li data-list="bullet"><strong>Количество комнат:</strong> 3 жилых комнаты + гаредероб</li></ul></div><hr style="color: #000000;"><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>
    
    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (Утепление стен 200мм, потолок 250мм, м/к перегородки 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024 матовая + все доборные элементы;</li>
      <li>Цоколь зашит — профлист волна С8, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм) белый/белый;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр с горизонтальным расположением и покраской в 2 слоя;</li>
      <li>Входная дверь с терморазрывом;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе с покраской в 2 слоя;</li>
    </ul>

    <h3>Внутренняя отделка:</h3>
    <ul>
      <li>Имитация бруса 140мм Кедр с горизонтальным расположением и покраской в 2 слоя;</li>
      <li>Монтаж натяжного потолка;</li>
      <li>Монтаж напольного покрытия (кварцевый ламинат, «ёлочкой»);</li>
      <li>Монтаж м/к дверей;</li>
      <li>Монтаж плинтуса напольного;</li>
      <li>Монтаж светильников, розеток и выключателей;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре, полная разводка «под ключ»;</li>
      <li>Сантехника — разводка воды в стяжке, монтаж трапа душевого, ванны, душевого ограждения, унитаза;</li>
      <li>Отопление — электрический котёл Зота, тёплый пол Valtec (система теплоноситель) + подведён газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 200л;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

    <h3>Дополнительные услуги:</h3>
    <ul>
      <li>Установка датчика от протечки воды;</li>
      <li>Регулировка по контурам — тёплые полы;</li>
      <li>Выводы под раковину в котельной;</li>
      <li>Монтаж бризеров;</li>
      <li>Поднятие скваженной трубы (из-за обильных грунтовых вод);</li>
      <li>Вывод горячей уличной воды;</li>
    </ul>

  </details>

</body>
</html></div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456240115" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<!-- Слайдер с автоплеем -->
<div class="slider" id="slider" data-autoplay="true" data-interval="4000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6563-3738-4165-b263-393564663937/image_9.png" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3565-6439-4336-b130-636561373461/DJI_0267.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3861-6537-4065-b366-376431663130/image_6.png" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3365-6633-4264-b638-373639366633/DSC00189.jpg" alt="Фото 4">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  // настройки
  const AUTOPLAY = slider.dataset.autoplay === "true";
  const INTERVAL_MS = parseInt(slider.dataset.interval) || 4000;

  let index = 0;
  let timer = null;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  function nextSlide() { showSlide(index + 1); }
  function prevSlide() { showSlide(index - 1); }

  function startAutoplay() {
    if (!AUTOPLAY) return;
    stopAutoplay();
    timer = setInterval(nextSlide, INTERVAL_MS);
  }
  function stopAutoplay() {
    if (timer) {
      clearInterval(timer);
      timer = null;
    }
  }

  // кнопки
  prevBtn.addEventListener('click', () => { prevSlide(); startAutoplay(); });
  nextBtn.addEventListener('click', () => { nextSlide(); startAutoplay(); });

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => {
      showSlide(idx);
      startAutoplay();
    });
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => {
    startX = e.touches[0].clientX;
    stopAutoplay();
  }, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) prevSlide();
    else if (dx < -50) nextSlide();
    startAutoplay();
  }, {passive:true});

  // пауза при наведении
  slider.addEventListener('mouseenter', stopAutoplay);
  slider.addEventListener('mouseleave', startAutoplay);

  // запуск
  showSlide(0);
  startAutoplay();
</script>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3166-3737-4336-b534-323233326663/DSC00163.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3331-6538-4332-b834-616139363933/DSC00160.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6332-3338-4432-b364-306164356464/DSC00153.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3132-6464-4464-b436-303964336464/DSC00136.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6537-3464-4235-b639-383038643363/DSC00127.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3866-3062-4234-b066-313831303635/DSC00123.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3339-3632-4666-a232-643730356630/DSC00116.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3765-3736-4165-a536-616263636462/DSC00102.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild6336-6465-4731-b162-666466333037/DSC00094.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3430-3765-4539-b936-646561323835/DSC00082.jpg" alt="Фото 10">
    <img src="https://static.tildacdn.com/tild6165-6330-4565-b532-353834343331/DSC00066.jpg" alt="Фото 11">
    <img src="https://static.tildacdn.com/tild3732-6565-4431-b330-613039386464/DSC00054.jpg" alt="Фото 12">
    <img src="https://static.tildacdn.com/tild3732-6565-4431-b330-613039386464/DSC00054.jpg" alt="Фото 13">
    <img src="https://static.tildacdn.com/tild6138-3336-4063-a638-383332303566/DSC00040.jpg" alt="Фото 14">     
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3962-3563-4339-a661-616662616464/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6566-3830-4263-b033-343064373235/2.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6635-3130-4562-b165-663537326265/5.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3238-3964-4137-a139-316638663136/6.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Современный дом 125 м² в комплектации «Под ключ»</title>
      <link>https://artonmebel.ru/tpost/7</link>
      <amplink>https://artonmebel.ru/tpost/7?amp=true</amplink>
      <pubDate>Tue, 19 Aug 2025 07:24:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3464-3665-4362-b564-313436383762/IMG_6898_1.jpg" type="image/jpeg"/>
      <description>Две спальни, просторная кухня-гостиная с широкой террасой, котельная и санузел</description>
      <turbo:content><![CDATA[<header><h1>Современный дом 125 м² в комплектации «Под ключ»</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3464-3665-4362-b564-313436383762/IMG_6898_1.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Этот уютный дом построен по типовому проекту и выполнен в полной комплектации «Под ключ» — вы просто заезжаете с вещами и начинаете новую главу загородной жизни. Всё продумано до мелочей: от цвета фасада, выбранного заказчиком, до розеток под гирлянду на террасе.<br /><br />Просторная терраса с видом на лес и полным остеклением создаёт ощущение уединения и открытости одновременно. Графитовые окна, фасад из имитации бруса, лаконичные акценты — дом выглядит современно и гармонично вписывается в природное окружение.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 8 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> 125 м2 по внешнему контуру, жилая 86, м2</li><li data-list="bullet"><strong>Количество комнат:</strong> 2 жилых комнаты+гаредероб</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>


  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Ж/Б сваи 150х150;</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024 матовая + все доборные элементы;</li>
      <li>Цоколь зашит — профлист волна С8, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), графит/графит;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр с горизонтальным расположением и покраской в 2 слоя;</li>
      <li>Входная дверь с терморазрывом (производитель — Новосибирск);</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Внутренняя отделка:</h3>
    <ul>
      <li>Имитация бруса 140мм Кедр, горизонтальное расположение, покраска в 2 слоя;</li>
      <li>Монтаж натяжного потолка;</li>
      <li>Монтаж напольного покрытия (ламинат);</li>
      <li>Монтаж межкомнатных дверей;</li>
      <li>Монтаж напольного плинтуса;</li>
      <li>Монтаж светильников, розеток и выключателей;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре, разводка «под ключ» по всему дому;</li>
      <li>Сантехника — скрытая разводка воды в стяжке, монтаж ванной, унитаза, душевого смесителя;</li>
      <li>Отопление — электрический котёл Зота, тёплый пол Valtec (система теплоноситель); дополнительно заведен газовый котёл (сторонний подрядчик);</li>
      <li>Бойлер косвенного нагрева 200л;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

    <h3>Дополнительные услуги:</h3>
    <ul>
      <li>Установка датчика от протечки воды;</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456240042" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3832-6361-4138-b233-643764363337/IMG_6898.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6231-3963-4635-b665-373631356137/IMG_6903.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3566-3464-4332-b630-633934616236/IMG_6920.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3061-6431-4138-b430-316161346231/DJI_0137.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3038-3465-4362-a537-666531663433/DJI_0128.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6565-3065-4131-b636-393562383364/DJI_0118.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3461-6636-4562-a662-323864636638/DSC09827.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3136-3466-4330-a236-633935656231/DSC09808.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3834-3237-4434-a665-303539616462/DSC09806.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3135-3535-4630-a130-623438313864/DSC09799.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6239-3565-4264-b430-626633613438/DSC09782.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6239-3565-4264-b430-626633613438/DSC09782.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild6561-3537-4336-a461-303561396630/DSC09773.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild6365-3333-4335-b730-376561613531/DSC09759.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3537-3336-4337-a533-653235383666/DSC09757.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3930-6134-4762-b961-316538363130/DSC09746.jpg" alt="Фото 10">
    <img src="https://static.tildacdn.com/tild3963-3136-4365-a435-663135396133/DSC09743.jpg" alt="Фото 11">
    <img src="https://static.tildacdn.com/tild3837-3335-4261-a462-383666633331/DSC09734.jpg" alt="Фото 12">
    <img src="https://static.tildacdn.com/tild3933-3834-4134-b336-346531373166/DSC09731.jpg" alt="Фото 13">
    <img src="https://static.tildacdn.com/tild3235-3236-4733-a331-653832626536/DSC09724.jpg" alt="Фото 14">
    <img src="https://static.tildacdn.com/tild3536-3039-4132-b538-656435613562/DSC09709.jpg" alt="Фото 15">
    <img src="https://static.tildacdn.com/tild3439-3432-4233-a663-313337383766/DSC09708.jpg" alt="Фото 16">
    <img src="https://static.tildacdn.com/tild3530-3835-4335-a538-303136653237/DSC09698.jpg" alt="Фото 17">
    <img src="https://static.tildacdn.com/tild3831-3936-4664-b833-393666653963/DSC09694.jpg" alt="Фото 18">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6265-3339-4239-a333-313535646165/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6530-3761-4363-b436-383864666633/3.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3663-3535-4231-b763-323732623232/5.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3031-6333-4334-b330-373837646435/6.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 118 м² с мансардой</title>
      <link>https://artonmebel.ru/tpost/8</link>
      <amplink>https://artonmebel.ru/tpost/8?amp=true</amplink>
      <pubDate>Tue, 19 Aug 2025 07:21:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3665-3963-4363-a564-663264373533/photo_64_of_74.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная с выходом на террасу, детская, мансарда с дополнительным спальным местом и санузел</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 118 м² с мансардой</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3665-3963-4363-a564-663264373533/photo_64_of_74.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Идеальный дом для семьи из трёх человек: просторная кухня-гостиная с панорамными окнами с видом на сосны, современный дизайн с потолками выше 4,5 м и продуманная планировка с уютной мансардой для отдыха. Терраса выполнена из композитной доски, которая не требует ежегодного ухода, а интернет работает стабильно даже в лесу благодаря спутниковой системе и усилителям.<br /><br /></div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 8 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> 118 м2 по внешнему контуру, общая 69 м2</li><li data-list="bullet"><strong>Количество комнат:</strong> 1 жилая комната+мансардный этаж</li><li data-list="bullet"><strong>Фундамент: </strong>–Ж/Б сваи 150х150</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024 матовая + все доборные элементы;</li>
      <li>Цоколь зашит — профлист волна С8, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), белый/белый;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр с горизонтальным расположением и покраской в 2 слоя;</li>
      <li>Входная дверь с терморазрывом (производитель — Новосибирск);</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Террасная доска — ДПК + уголок из ДПК;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
    </ul>

    <h3>Внутренняя отделка:</h3>
    <ul>
      <li>Имитация бруса 140мм Кедр с вертикальным расположением и покраской в 2 слоя;</li>
      <li>Монтаж натяжного потолка;</li>
      <li>Монтаж напольного покрытия (ламинат);</li>
      <li>Монтаж межкомнатных дверей;</li>
      <li>Монтаж напольного плинтуса;</li>
      <li>Монтаж светильников, розеток и выключателей;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре, полная разводка «под ключ» по всему дому;</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Монтаж душевого ограждения, смесителя душа, унитаза, батарей (2 этаж);</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec;</li>
      <li>Бойлер косвенного нагрева 150л, радиаторы на 2 этаже;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

    <h3>Дополнительные услуги:</h3>
    <ul>
      <li>Установка датчика от протечки воды;</li>
      <li>Монтаж выводов под батареи под окнами (для отсечки холода и предотвращения конденсата);</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239902" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<!-- добавляем атрибуты -->
<div class="slider" id="slider" data-autoplay="true" data-interval="4000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6235-3331-4131-a231-636265653537/photo_74_of_74.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3934-3761-4636-b965-333136666539/photo_70_of_74.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3966-3966-4865-a536-366238333965/photo_63_of_74.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3663-3338-4066-b939-656362393232/photo_66_of_74.jpg" alt="Фото 4">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  // читаем настройки
  const AUTOPLAY = slider.dataset.autoplay === "true";
  const INTERVAL_MS = parseInt(slider.dataset.interval) || 4000;

  let index = 0;
  let timer = null;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  function nextSlide() { showSlide(index + 1); }
  function prevSlide() { showSlide(index - 1); }

  function startAutoplay() {
    if (!AUTOPLAY) return;
    stopAutoplay();
    timer = setInterval(nextSlide, INTERVAL_MS);
  }
  function stopAutoplay() {
    if (timer) {
      clearInterval(timer);
      timer = null;
    }
  }

  // кнопки
  prevBtn.addEventListener('click', () => { prevSlide(); startAutoplay(); });
  nextBtn.addEventListener('click', () => { nextSlide(); startAutoplay(); });

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => {
      showSlide(idx);
      startAutoplay();
    });
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => {
    startX = e.touches[0].clientX;
    stopAutoplay();
  }, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) prevSlide();
    else if (dx < -50) nextSlide();
    startAutoplay();
  }, {passive:true});

  // пауза при наведении
  slider.addEventListener('mouseenter', stopAutoplay);
  slider.addEventListener('mouseleave', startAutoplay);

  // запуск
  showSlide(0);
  startAutoplay();
</script>

</body>
</html>
</div><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3232-6635-4564-b061-316361383139/photo_57_of_74.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3933-3162-4139-a330-373831356234/photo_55_of_74.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3733-3466-4165-a164-356433616662/photo_51_of_74.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3065-6661-4439-a264-613965653333/photo_46_of_74.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3961-6466-4231-a665-396631663465/photo_43_of_74.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6334-6333-4435-a630-643338343638/photo_42_of_74.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild6337-3034-4336-b433-353038633632/photo_41_of_74.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3163-3036-4236-a264-383232366133/photo_38_of_74.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild6533-6331-4631-a430-636337363866/photo_34_of_74.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3163-6663-4665-a633-616366623334/photo_32_of_74.jpg" alt="Фото 10">  
    <img src="https://static.tildacdn.com/tild3335-6632-4239-b964-396634376566/photo_29_of_74.jpg" alt="Фото 11">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
   <img src="https://static.tildacdn.com/tild6562-3663-4133-a536-363536643834/HS_A32_PRF_page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3261-3361-4663-b033-383136623438/HS_A32_PRF_page-0003.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3966-3637-4931-b838-316338643835/10.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3938-3931-4562-a336-343731313331/11.jpg" alt="Фото 4">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 125 м² для молодой семьи</title>
      <link>https://artonmebel.ru/tpost/9z8y86zd11-karkasnii-dom-125-m-dlya-molodoi-semi</link>
      <amplink>https://artonmebel.ru/tpost/9z8y86zd11-karkasnii-dom-125-m-dlya-molodoi-semi?amp=true</amplink>
      <pubDate>Thu, 26 Dec 2024 13:58:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6137-3931-4833-b263-343964353162/DSC04998.jpg" type="image/jpeg"/>
      <description>Просторная кухня-гостиная 30 м², две спальни, санузел с полной отделкой, гардеробная и котельная</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 125 м² для молодой семьи</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6137-3931-4833-b263-343964353162/DSC04998.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Дом в комплектации «Под ключ» — это готовое решение для семьи. Высокие потолки, большие окна и тёплые светлые оттенки отделки делают дом визуально ещё больше и светлее.<br /><br />Уже выполнены все инженерные системы: отопление, электрика, водоснабжение и канализация. Установлены тёплые полы, система защиты от протечек и выводы под кондиционеры. Дом полностью готов к проживанию, остаётся только завезти мебель и создать в нём свой уют.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong>  7 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> 125 м2 по внешнему контуру, жилая 86,6 м2</li></ul></div><hr style="color: #000000;"><div class="t-redactor__embedcode"><iframe src="https://skandi.atom-dev.ru/360-artemkino-2/index.html" width="100%" height="600"></iframe></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Забивные железобетонные сваи 150х150, длина 4 м;</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Каркас — доска сухая строганная сосна (45х145, 45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, пол/потолок — 250мм, м/к перегородки — 150мм);</li>
      <li>Обработка нижних лаг антисептиком;</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица 0,5, RAL 7024 (графит), все доборные элементы в том же цвете;</li>
      <li>Цоколь зашит — профлист, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и двери:</h3>
    <ul>
      <li>Окна — GEALAN (5 камер, профиль 70мм), ламинация графит снаружи; внутри — откосы белый пластик, снаружи дерево, окраска RAL 7024;</li>
      <li>Металлические отливы — RAL 7024;</li>
      <li>Входная дверь с терморазрывом;</li>
      <li>Межкомнатные двери — МДФ плёнка;</li>
    </ul>

    <h3>Отделка снаружи:</h3>
    <ul>
      <li>Имитация бруса 180мм Кедр, окраска Tikkurila Valti Ultra в 2 слоя;</li>
      <li>Рейки на террасе;</li>
      <li>Террасная доска — ДПК, цвет Grigio;</li>
    </ul>

    <h3>Отделка внутри:</h3>
    <ul>
      <li>Имитация бруса 180мм Кедр, горизонтальная раскладка;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — кварцевый ламинат, плитка;</li>
      <li>Потолок — натяжной белый матовый; гостиная — имитация бруса, трековые и точечные светильники;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec; газовый котёл Copa (установка сторонней организацией);</li>
      <li>Бойлер косвенного нагрева 200л, два водяных радиатора;</li>
      <li>Система водоочистки (доп. услуга);</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Принудительная вентиляция на кухне и в санузлах;</li>
      <li>Котельная — естественная вентиляция;</li>
      <li>Дверца в чердаке для дополнительной вентиляции чердачного помещения;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Скважина — прокол (КП Артёмкино);</li>
      <li>Септик — бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239739" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6437-6237-4135-b234-353939616138/DSC05081.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6635-6365-4535-b966-623066323538/DSC05036.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3139-3763-4635-b631-343462386135/DSC05023.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3634-3031-4231-b032-303263353961/DSC04997.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3231-6634-4963-a230-656133346631/DSC04991.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6135-3739-4638-b034-316464306238/DSC04987.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild6536-3937-4530-a536-663138336464/DSC04983.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3338-3133-4062-b061-386461626534/DJI_0085.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3566-3761-4931-b965-393565353234/DJI_0080.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3363-3232-4466-b061-353663646466/DJI_0077.jpg" alt="Фото 10">
    <img src="https://static.tildacdn.com/tild3164-6164-4437-b161-663234343662/DJI_0072.jpg" alt="Фото 11">
    <img src="https://static.tildacdn.com/tild6263-3333-4964-a661-653365633062/DJI_0069.jpg" alt="Фото 12">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6162-3265-4838-b362-323765336261/DSC05203.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6435-3139-4463-a263-366337646235/DSC05197.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3333-3430-4561-a232-313739653562/DSC05180.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3734-6131-4362-b831-326436393035/DSC05172.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6366-3432-4837-a635-303334343438/DSC05164.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3931-6336-4437-a239-386363396234/DSC05159.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3936-6465-4365-a630-336137333766/DSC05152.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild6633-3639-4764-a465-393264386232/DSC05145.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3432-3633-4236-b637-653437633431/DSC05141.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3635-3930-4661-b061-396134343864/DSC05135.jpg" alt="Фото 10">
    <img src="https://static.tildacdn.com/tild3635-3930-4661-b061-396134343864/DSC05135.jpg" alt="Фото 11">
    <img src="https://static.tildacdn.com/tild3662-3365-4233-b638-313666393532/DSC05130.jpg" alt="Фото 12">
    <img src="https://static.tildacdn.com/tild3731-6666-4034-a137-393630656433/DSC05127.jpg" alt="Фото 13">
    <img src="https://static.tildacdn.com/tild3064-3037-4562-b531-303564643862/DSC05123.jpg" alt="Фото 14">
    <img src="https://static.tildacdn.com/tild6132-3562-4365-b938-303863646164/DSC05118.jpg" alt="Фото 15">
    <img src="https://static.tildacdn.com/tild3737-3239-4039-b062-333638363930/DSC05114.jpg" alt="Фото 16">
    <img src="https://static.tildacdn.com/tild3866-3732-4166-a434-326264313739/DSC05109.jpg" alt="Фото 17">
    <img src="https://static.tildacdn.com/tild6564-3032-4836-a462-363764323636/DSC05104.jpg" alt="Фото 18">
    <img src="https://static.tildacdn.com/tild3562-6563-4632-b431-643232343766/DSC05096.jpg" alt="Фото 19">
    <img src="https://static.tildacdn.com/tild3837-6262-4265-b938-386163373137/DSC05094.jpg" alt="Фото 20">
    <img src="https://static.tildacdn.com/tild3064-6234-4432-b733-306166376539/DSC05090.jpg" alt="Фото 21">
    <img src="https://static.tildacdn.com/tild6566-3063-4430-a336-636362363833/DSC05089.jpg" alt="Фото 22">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3836-3331-4135-b664-643236336332/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3230-3233-4132-a330-656165393435/2.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6135-3163-4531-b139-633566346665/5.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3837-6434-4238-a134-333235666138/6.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Уютный дом 125 м² с террасой и вторым светом: тёплый контур для семьи</title>
      <link>https://artonmebel.ru/tpost/9</link>
      <amplink>https://artonmebel.ru/tpost/9?amp=true</amplink>
      <pubDate>Thu, 19 Dec 2024 19:18:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6331-3435-4832-a366-663061326433/DSC06939.jpg" type="image/jpeg"/>
      <description>Две спальни, кухня-гостиная с выходом на террасу, мансарда, котельная и хозблок в цоколе</description>
      <turbo:content><![CDATA[<header><h1>Уютный дом 125 м² с террасой и вторым светом: тёплый контур для семьи</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6331-3435-4832-a366-663061326433/DSC06939.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Каркасный дом построен по типовой планировке в комплектации «Тёплый контур». Дом стоит на свайном фундаменте с утеплённым цоколем и хозблоком — удобно и практично. <br /><br />Высокие потолки до 4,5 м, второй свет с видом на лес, стильный фасад в оливково-графитовом цвете, терраса из лиственницы и современная металлическая лестница создают гармонию эстетики и надежности. Здесь хочется встречать рассветы, собирать друзей за ужином и создавать воспоминания на долгие годы — настоящий дом для жизни.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства: </strong> 7 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Теплый контур»</li><li data-list="bullet"><strong>Общая площадь:</strong> 125 м2 по внешнему контуру, жилая 82, м2</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Забивные железобетонные сваи 150х150 (с перепадом рельефа длина подбирается индивидуально);</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Каркас — доска сухая строганная сосна (45х145, 45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, пол/потолок — 250мм, м/к перегородки — 150мм);</li>
      <li>Обработка нижних лаг антисептиком;</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица 0,5, RAL 7024 (графит), все доборные элементы того же цвета;</li>
      <li>Цоколь зашит — профлист, матовый, RAL 7024;</li>
    </ul>

    <h3>Окна и двери:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), ламинация графит снаружи;</li>
      <li>Откосы внутри — белый пластик, снаружи дерево окрашено в RAL 7024;</li>
      <li>Металлические отливы — RAL 7024;</li>
      <li>Входная дверь с терморазрывом;</li>
    </ul>

    <h3>Отделка снаружи:</h3>
    <ul>
      <li>Имитация бруса 180мм Кедр, покраска Tikkurila Valti Ultra в 2 слоя;</li>
      <li>Террасная доска — лиственница Вельвет;</li>
      <li>Рейки на террасе;</li>
      <li>Металлическое крыльцо (дополнительно);</li>
    </ul>

    <h3>Отделка внутри:</h3>
    <ul>
      <li>Имитация бруса 180мм Кедр, горизонтальная раскладка;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — кварцевый ламинат, плитка;</li>
      <li>Потолок — натяжной белый матовый; в гостиной — имитация бруса с трековыми и точечными светильниками;</li>
      <li>Межкомнатные двери — МДФ плёнка;</li>
      <li>Котельная — огнеупорный гипсокартон, шпаклевка + покраска;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec;</li>
      <li>Бойлер косвенного нагрева 200л, вертикальные радиаторы;</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Принудительная вентиляция на кухне и в санузлах, в котельной;</li>
      <li>Дверца в чердаке для дополнительной вентиляции;</li>
    </ul>

    <h3>Дополнительно:</h3>
    <ul>
      <li>Сделаны двери в цоколе;</li>
      <li>Металлическое крыльцо;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Скважина — бетонные кольца + люк;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239914" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6436-3236-4338-b236-356563376261/DSC06939.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3461-3338-4833-a339-316532323131/DSC06919.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3334-3331-4265-b363-353961356463/DSC06915.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3562-3965-4236-b663-393837313334/DSC06905.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6339-3266-4431-b166-616163323266/DSC06902.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3335-3638-4738-a564-323661333661/DSC06893.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3430-3364-4663-b662-386662396662/DSC06881.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3530-6434-4336-b334-383730616265/DSC06873.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3334-6534-4435-a162-663137313235/DJI_0691.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild6530-3131-4135-b837-323236636363/DJI_0685.jpg" alt="Фото 10">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3836-3331-4135-b664-643236336332/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3230-3233-4132-a330-656165393435/2.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6135-3163-4531-b139-633566346665/5.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3837-6434-4238-a134-333235666138/6.jpg" alt="Фото 4">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Просторный дом 278 м² с террасой и гаражом на 2 авто</title>
      <link>https://artonmebel.ru/tpost/10</link>
      <amplink>https://artonmebel.ru/tpost/10?amp=true</amplink>
      <pubDate>Fri, 06 Dec 2024 14:32:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6634-3833-4137-b465-303361613233/DSC07337.jpg" type="image/jpeg"/>
      <description>Гостиная с кухней-островом, три спальни, мастер-спальня с гардеробной и отдельным санузлом, большой санузел с ванной и душевой, гостевой санузел, прачечная зона, гараж на две машины, просторная терраса</description>
      <turbo:content><![CDATA[<header><h1>Просторный дом 278 м² с террасой и гаражом на 2 авто</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6634-3833-4137-b465-303361613233/DSC07337.jpg"/><img src="https://static.tildacdn.com/tild6632-3037-4266-a266-666265373261/DSC07356.jpg"/><img src="https://static.tildacdn.com/tild6238-3138-4464-b430-386638316264/DJI_0769.jpg"/><img src="https://static.tildacdn.com/tild3234-6237-4161-a536-313839613639/DJI_0772.jpg"/><img src="https://static.tildacdn.com/tild6162-6131-4366-a331-336437663331/DJI_0777.jpg"/><img src="https://static.tildacdn.com/tild6233-3736-4737-b539-386163363165/DJI_0778.jpg"/><img src="https://static.tildacdn.com/tild3365-3637-4631-b133-623337616136/DJI_0785.jpg"/><img src="https://static.tildacdn.com/tild3961-3230-4662-b132-366338303562/DSC07267.jpg"/><img src="https://static.tildacdn.com/tild6161-6130-4431-a664-343465376333/DSC07268.jpg"/><img src="https://static.tildacdn.com/tild3832-3266-4533-b935-633664373732/DSC07277.jpg"/><img src="https://static.tildacdn.com/tild3832-3236-4365-b831-366531303066/DSC07298.jpg"/><img src="https://static.tildacdn.com/tild3561-3837-4437-b261-623133303130/DSC07328.jpg"/></div><div class="t-redactor__text">Дом стоит на мощном плитном фундаменте, что делает его надёжным, тёплым и долговечным. Просторное зонирование продумано до мелочей: здесь отдельная гостиная с выходом на большую террасу, зона для отдыха и сна, гараж на две машины и технические помещения. Каждый уголок создан так, чтобы жильцы не мешали друг другу и могли наслаждаться тишиной даже в большом доме.<br /><br />Большой участок в 20+ соток и огромная терраса делают этот проект по-настоящему семейным — здесь будет место и для уединения, и для тёплых встреч с близкими. Этот дом о масштабности, надёжности и уюте, воплощённых в одном проекте.</div><div class="t-redactor__text"><strong>Краткая информация:</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства: </strong>9 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Теплый контур» на плите</li><li data-list="bullet"><strong>Общая площадь:</strong> – 278 м2 по внешнему контуру, жилая 154 м2</li><li data-list="bullet">Гараж на 2 машины площадью 48м2</li><li data-list="bullet">Греющий кабель</li></ul></div><div class="t-redactor__embedcode"><iframe src="https://skandi.atom-dev.ru/360-zhur/index.html" width="100%" height="600"></iframe></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Фундаментная монолитная плита;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Обработка нижних досок антисептиком;</li>
    <li>Каркас — доска сухая строганная сосна (45х145, 45х195);</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, межкомнатные перегородки — 150мм);</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица (0,5), RAL 7024, все доборные элементы также RAL 7024;</li>
    <li>Цоколь зашит — профлист, матовый, RAL 7024 (дополнительно утеплён);</li>
    <li>Уголок 30х30, металлические отливы матовые, RAL 7024;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU (5 камер, профиль 70мм), ламинация графит с внешней стороны;</li>
    <li>Откосы снаружи — дерево с покраской в RAL 7024 + металлические элементы;</li>
    <li>Отделка снаружи — имитация бруса 180мм Кедр, пропитка Tikkurila Valtti Colour (2 слоя);</li>
    <li>Свесы и потолок террасы — имитация бруса 180мм Кедр, пропитка Tikkurila Valtti Colour (2 слоя);</li>
    <li>Углы дома — имитация бруса 180мм Кедр, пропитка Tikkurila Valtti Colour (2 слоя);</li>
    <li>Входная дверь с терморазрывом;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Террасная доска — ДПК;</li>
    <li>Рейки на террасе — покраска в RAL 7024;</li>
  </ul>

  <h3>Отопление, сантехника, электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре, котельная с полной разводкой «под ключ» (по дому разводка не осуществлялась);</li>
    <li>Сантехника — скрытая разводка воды в стяжке;</li>
    <li>Отопление — электрический котёл ZOTA, водяной тёплый пол Valtec, дополнительно заведён газовый котёл (сторонний подрядчик);</li>
    <li>Бойлер косвенного нагрева 200л, радиаторы в гараже, внутрипольные радиаторы в гостиной;</li>
  </ul>

  <h3>Вентиляция:</h3>
  <ul>
    <li>Приточные клапаны в жилых помещениях;</li>
    <li>Вентиляция в крышу с мотором;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Вода — подключение к центральному водоснабжению по ТУ;</li>
    <li>Септик — переливной, бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239797" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3761-3334-4035-b365-336262396533/HS_A27___page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3663-6431-4661-a130-363231383966/HS_A27___page-0003.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3063-6565-4331-a333-303934643639/HS_A27___page-0007.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3366-3435-4836-a266-656339363235/HS_A27___page-0008.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 132 м² с тремя комнатами и сауной</title>
      <link>https://artonmebel.ru/tpost/11</link>
      <amplink>https://artonmebel.ru/tpost/11?amp=true</amplink>
      <pubDate>Fri, 06 Dec 2024 14:32:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6161-6162-4761-b333-323434653137/DSC06981.jpg" type="image/jpeg"/>
      <description>3 спальни, кухня-гостиная, санузел, терраса, котельная, чердак, гардеробная или сауна по желанию</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 132 м² с тремя комнатами и сауной</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6161-6162-4761-b333-323434653137/DSC06981.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Просторный, светлый и очень продуманный дом. В планировке — три полноценные комнаты, большая кухня-гостиная с выходом на террасу, где так приятно встречать утро или проводить вечера с семьёй. <br /><br />Особое внимание здесь уделено деталям. Пятикамерные окна, качественные материалы, возможность выбора формата остекления «в пол» или с порожком. В доме предусмотрены все современные инженерные решения. А в одном из помещений заказчики реализовали необычное решение — вместо гардеробной оборудовали сауну с отделкой из кедра и липы.<br /><br />Этот проект одинаково хорошо подойдёт как для постоянного проживания, так и для загородного отдыха. Дом подстраивается под потребности семьи: можно сделать гардеробную, кабинет или зону релакса. </div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 8 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> – 132 м2 по внешнему контуру, жилая 92, м2</li><li data-list="bullet"><strong>Количество комнат: </strong>3 комнаты</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Ж/Б сваи;</li>
    </ul>

    <h3>Каркас и утепление:</h3>
    <ul>
      <li>Обработка нижних досок антисептиком;</li>
      <li>Каркас — доска сухая строганная сосна (45х145, 45х195);</li>
      <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, потолок — 250мм, м/к перегородки — 150мм);</li>
    </ul>

    <h3>Кровля и цоколь:</h3>
    <ul>
      <li>Крыша — металлочерепица (0,5), RAL 7024, все доборные элементы также RAL 7024;</li>
      <li>Цоколь зашит — профлист, матовый, RAL 7024 (дополнительно утеплён);</li>
      <li>Уголок 30х30, металлические отливы матовые, RAL 7024;</li>
    </ul>

    <h3>Окна и отделка:</h3>
    <ul>
      <li>Окна — REHAU (5 камер, профиль 70мм), белый/белый;</li>
      <li>Откосы снаружи — дерево с покраской в 2 слоя;</li>
      <li>Отделка снаружи — имитация бруса 180мм Кедр, декоративный антисептик Люксенс в 2 слоя;</li>
      <li>Свесы и потолок на террасе — имитация бруса 180мм Кедр, декоративный антисептик Люксенс в 2 слоя;</li>
      <li>Углы дома — имитация бруса 180мм Кедр, антисептик Люксенс в 2 слоя;</li>
      <li>Входная дверь с терморазрывом;</li>
      <li>Черновой пол — полусухая стяжка;</li>
      <li>Чистовой пол — ламинат; прихожая и котельная — плитка;</li>
      <li>Террасная доска — лиственница Вельвет с покрытием маслом в 2 слоя;</li>
      <li>Рейки на террасе — окрашены в 2 слоя;</li>
      <li>Отделка сауны — Экстра Кедр, полки Липа, пол плитка;</li>
    </ul>

    <h3>Отопление, сантехника, электрика:</h3>
    <ul>
      <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре; котельная с полной разводкой «под ключ» (по дому разводка не осуществлялась);</li>
      <li>Сантехника — скрытая разводка воды в стяжке;</li>
      <li>Отопление — электрический котёл Зота, водяной тёплый пол Valtec; дополнительно заведен газовый котёл (сторонний подрядчик);</li>
      <li>Сделана регулировка тёплых полов по контурам и установлены термодатчики;</li>
      <li>Бойлер косвенного нагрева 200л, радиаторы в гостиной;</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Вентиляция в санузлах и котельной;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Вода — бурение скважины, подключение;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239852" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3835-3966-4637-b063-356262653538/DSC07012.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3836-3833-4265-b331-396366343932/DSC07007.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6661-3163-4939-b261-616162376565/DSC06999.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild6635-3531-4863-b235-313236636536/DSC06993.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3933-6637-4334-a261-336633333739/DSC06989.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3966-3536-4035-a161-313031366361/DSC06981.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3836-3030-4836-b663-663634306162/DJI_0706.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3730-3037-4231-b162-646565396534/DJI_0700.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3565-3435-4261-b732-636331363639/DJI_0699.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3133-3631-4930-b430-323463326239/DJI_0696.jpg" alt="Фото 10">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6137-3666-4565-b063-303937616564/DSC06977.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6261-3330-4966-b566-323066656665/DSC06976.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild6637-3435-4130-a434-303830376465/DSC06967.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3338-6236-4530-a431-666566343932/DSC06966.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild3461-6132-4131-b364-356433386563/DSC06960.jpg" alt="Фото 5">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3838-3830-4631-a562-383936383063/277___pdf_page-0001.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6438-3436-4330-a438-306163626265/277___pdf_page-0008.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild6463-3939-4163-a238-323231356130/277___pdf_page-0009.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6663-3366-4435-a539-343539356331/277___pdf_page-0010.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3963-3166-4232-a633-396662356634/277___pdf_page-0011.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Дом мечты 115 м²  в комплектации «Под ключ»</title>
      <link>https://artonmebel.ru/tpost/12</link>
      <amplink>https://artonmebel.ru/tpost/12?amp=true</amplink>
      <pubDate>Mon, 30 Sep 2024 13:59:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3834-3365-4134-b137-313365343161/DSC04215.jpg" type="image/jpeg"/>
      <description>Гостиная со вторым светом, кухня-столовая с выходом на террасу, две спальни, просторная детская, два санузла, котельная с постирочной</description>
      <turbo:content><![CDATA[<header><h1>Дом мечты 115 м²  в комплектации «Под ключ»</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3834-3365-4134-b137-313365343161/DSC04215.jpg"/><img src="https://static.tildacdn.com/tild3433-6434-4362-a338-656161383435/DJI_0916.jpg"/><img src="https://static.tildacdn.com/tild6163-3536-4334-b865-636430363032/DJI_0917.jpg"/><img src="https://static.tildacdn.com/tild3461-6461-4431-a438-363833343034/DJI_0921.jpg"/><img src="https://static.tildacdn.com/tild3266-3663-4731-b537-623962393361/DSC04195.jpg"/><img src="https://static.tildacdn.com/tild3364-3437-4165-a532-393931636234/DSC04217.jpg"/><img src="https://static.tildacdn.com/tild3133-3130-4235-b731-343932383665/DSC04219.jpg"/><img src="https://static.tildacdn.com/tild6161-3062-4736-b339-613130363636/DSC04226.jpg"/><img src="https://static.tildacdn.com/tild3533-6132-4461-b934-653537343132/DSC04230.jpg"/><img src="https://static.tildacdn.com/tild6337-6365-4332-a234-333936356138/DSC04237.jpg"/><img src="https://static.tildacdn.com/tild6265-6361-4434-a166-633066353730/DSC04251.jpg"/><img src="https://static.tildacdn.com/tild3639-3138-4239-a639-663839393134/DSC04258.jpg"/><img src="https://static.tildacdn.com/tild3062-6533-4730-b037-346361376536/DSC04266.jpg"/><img src="https://static.tildacdn.com/tild3932-3737-4131-b936-386334353466/DSC04281.jpg"/><img src="https://static.tildacdn.com/tild6566-6238-4864-a566-373737306633/DSC04285.jpg"/><img src="https://static.tildacdn.com/tild6233-6634-4664-b261-633339643162/DSC04290.jpg"/><img src="https://static.tildacdn.com/tild3935-3964-4437-b034-383133363338/DSC04297.jpg"/><img src="https://static.tildacdn.com/tild6236-3633-4364-a133-616263663865/DSC04298.jpg"/><img src="https://static.tildacdn.com/tild3365-6661-4536-b633-643764373366/DSC04309.jpg"/><img src="https://static.tildacdn.com/tild3232-3965-4964-a138-363464623233/DSC04314.jpg"/><img src="https://static.tildacdn.com/tild3065-3065-4830-b637-633766613334/DSC04316.jpg"/><img src="https://static.tildacdn.com/tild6664-6434-4430-b562-326138303934/DSC04325.jpg"/><img src="https://static.tildacdn.com/tild6139-3163-4531-a639-666233616339/DSC04327.jpg"/><img src="https://static.tildacdn.com/tild3035-6233-4635-a366-363530343563/DSC04334.jpg"/><img src="https://static.tildacdn.com/tild6361-3833-4432-b562-323664643031/DSC04339.jpg"/><img src="https://static.tildacdn.com/tild6133-6639-4062-b539-613531363437/DSC04342.jpg"/><img src="https://static.tildacdn.com/tild6230-3964-4238-a464-653463613136/DSC04344.jpg"/><img src="https://static.tildacdn.com/tild6133-3733-4466-b464-356632383262/DSC04355.jpg"/><img src="https://static.tildacdn.com/tild6630-3337-4139-b565-653934306661/DSC04358.jpg"/><img src="https://static.tildacdn.com/tild6539-3334-4635-b532-306234373333/DSC04368.jpg"/><img src="https://static.tildacdn.com/tild3063-6661-4731-b462-366534323438/DSC04379.jpg"/><img src="https://static.tildacdn.com/tild3964-3035-4538-b666-353663343233/DSC04382.jpg"/><img src="https://static.tildacdn.com/tild3636-6564-4737-a365-616437616330/DSC04388.jpg"/><img src="https://static.tildacdn.com/tild6535-6662-4362-a564-646235363164/DSC04391.jpg"/><img src="https://static.tildacdn.com/tild6661-6434-4130-b461-663138646130/DSC04393.jpg"/><img src="https://static.tildacdn.com/tild3762-6462-4033-b638-376438636365/DSC04401.jpg"/><img src="https://static.tildacdn.com/tild3336-6231-4263-b332-373939366264/DSC04412.jpg"/><img src="https://static.tildacdn.com/tild3762-3663-4265-a665-313834383530/DSC04413.jpg"/><img src="https://static.tildacdn.com/tild3837-6538-4465-a630-656435336236/DSC04418.jpg"/><img src="https://static.tildacdn.com/tild6637-3733-4264-b332-663130653962/DSC04425.jpg"/><img src="https://static.tildacdn.com/tild6238-3130-4239-b330-626465363732/DSC04432.jpg"/><img src="https://static.tildacdn.com/tild6131-6439-4161-a336-336536363735/DSC04440.jpg"/><img src="https://static.tildacdn.com/tild6535-3736-4362-b632-366432633438/DSC04444.jpg"/><img src="https://static.tildacdn.com/tild3436-3433-4161-b333-663764613631/DSC04446.jpg"/><img src="https://static.tildacdn.com/tild3639-6337-4431-b961-643363313862/DSC04449.jpg"/><img src="https://static.tildacdn.com/tild3833-3461-4665-a362-656536363430/DSC04453.jpg"/><img src="https://static.tildacdn.com/tild6437-6430-4136-a331-376230366535/DSC04461.jpg"/><img src="https://static.tildacdn.com/tild3934-3737-4561-a462-346431313231/DSC04464.jpg"/><img src="https://static.tildacdn.com/tild3033-6362-4236-b363-666266393130/DSC04474.jpg"/></div><div class="t-redactor__text">В этом доме каждый штрих продуман ещё на этапе проекта: от выбора оттенков фасада до расположения розеток под новогоднюю ёлку. Мы вместе с заказчиком работали над каждой деталью, чтобы результат был не просто домом, а настоящим отражением его мечты. Просторная гостиная со вторым светом, уютные спальни, современная кухня и внимание к каждой мелочи создают комфорт и атмосферу.<br /><br />Дом полностью готов к жизни: проведены все коммуникации, продумана вентиляция, установлены тёплые полы, котельная с современным оборудованием и даже кухня с каменной столешницей. Всё сделано так, чтобы новые хозяева могли заехать и сразу наслаждаться своим домом, наполненным светом, воздухом и уютом.</div><div class="t-redactor__text"><strong>Краткая информация: </strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> 8 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> 115 м2 по внешнему контуру, жилая 83,3 м2</li></ul></div><div class="t-redactor__embedcode"><iframe src="https://skandi.atom-dev.ru/360-novostroika/index.html" width="100%" height="600"></iframe></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Забивные железобетонные сваи 150×150, длина 4м;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Каркас — доска сухая строганная сосна (45×145, 45×195);</li>
    <li>Обработка нижних лаг антисептиком;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master (стены — 200мм, пол/потолок — 250мм, межкомнатные перегородки — 150мм);</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, RAL 7024 (графит), все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, матовый, RAL 7024;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — GEALAN (5 камер, профиль 70мм), ламинация графит с внешней стороны;</li>
    <li>Откосы: внутри — белый пластик, снаружи — дерево с покраской в RAL 7024;</li>
    <li>Металлические отливы — RAL 7024;</li>
    <li>Отделка снаружи — имитация бруса 180мм Кедр, покраска в 2 слоя пропиткой PINOTEX (цвет «Тиковое дерево»);</li>
    <li>Отделка внутри — вагонка «Штиль» Кедр 140мм, вертикальная раскладка;</li>
    <li>Входная дверь с терморазрывом и греющим кабелем;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат 33 класса и плитка;</li>
    <li>Потолок — натяжной, белый матовый, трековые светильники и световые линии;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет», покрытие террасным маслом NEOMID (цвет «Палисандр»);</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление, сантехника, электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA, водяной тёплый пол Valtec, газовый котёл Copa (установка подрядной организацией);</li>
    <li>Бойлер косвенного нагрева 200л, два водяных радиатора;</li>
    <li>Система водоочистки — Waterboss;</li>
  </ul>

  <h3>Вентиляция:</h3>
  <ul>
    <li>Приточные клапаны в жилых помещениях;</li>
    <li>Принудительная вентиляция на кухне и в санузле;</li>
    <li>Котельная — естественная вентиляция;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Скважина — бетонные кольца с люком;</li>
    <li>Септик — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239694" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6466-6334-4439-b766-343866393733/HS26_PR__page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6461-6332-4163-b765-613832653237/HS26_PR__page-0003.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3734-3466-4263-b832-316361313363/HS26_PR__page-0006.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3738-3835-4363-b838-646439353536/HS26_PR__page-0007.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Дом A-FRAME с сауной 125 м² для круглогодичного проживания</title>
      <link>https://artonmebel.ru/tpost/13</link>
      <amplink>https://artonmebel.ru/tpost/13?amp=true</amplink>
      <pubDate>Tue, 10 Sep 2024 14:48:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6462-6163-4436-a366-376337323033/DSC05375.jpg" type="image/jpeg"/>
      <description>Широкая терраса, спальня, кухня-гостиная с панорамным остеклением, сауна, котельная, дополнительное пространство на втором этаже</description>
      <turbo:content><![CDATA[<header><h1>Дом A-FRAME с сауной 125 м² для круглогодичного проживания</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6462-6163-4436-a366-376337323033/DSC05375.jpg"/></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Такой дом подойдет и для жизни и для сдачи в аренду. Просторная терраса со ступенями во всю ширину сразу задаёт атмосферу загородного уюта: здесь можно расположиться с друзьями, провести вечер у мангала или просто наслаждаться тишиной. Дом выполнен в комплектации «Под ключ» с надёжным фундаментом, системой отопления и продуманными инженерными решениями.<br /><br />В доме есть собственная сауна с большим окном: сидя в парной, вы не только отдыхаете, но и любуетесь видами участка. Современный и комфортный дом для круглогодичного проживания.</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Срок строительства:</strong> 7 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь: </strong>125 м2 по внешнему контуру, жилая 82, м2</li></ul></div><hr style="color: #000000;"><div class="t-redactor__embedcode"><iframe src="https://skandi.atom-dev.ru/360-solnechnaya/index.html" width="100%" height="600"></iframe></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические детали проекта</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-ExtraBold.ttf') format('truetype');
      font-weight: 800;
      font-style: normal;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

  <details>
    <summary>Технические характеристики</summary>

    <h3>Фундамент:</h3>
    <ul>
      <li>Забивные железобетонные сваи 150х150;</li>
    </ul>

    <h3>Каркас:</h3>
    <ul>
      <li>Доска сухая строганная сосна (45х145, 45х195);</li>
    </ul>

    <h3>Крыша:</h3>
    <ul>
      <li>Профлист 0,5, RAL 7024 (графит), все доборные элементы также RAL 7024;</li>
    </ul>

    <h3>Утепление:</h3>
    <ul>
      <li>Каменная вата Технониколь Роклайт Master;</li>
      <li>Стены — 200мм, пол/потолок — 250мм, м/к перегородки — 150мм;</li>
    </ul>

    <h3>Отделка снаружи:</h3>
    <ul>
      <li>Имитация бруса 180мм Кедр, покраска в 2 слоя (цвет Палисандр);</li>
      <li>Цоколь — профлист С8, толщина 0,5, матовый, RAL 7024;</li>
      <li>Окна — REHAU (5 камер, профиль 70мм), окрашены в графит снаружи;</li>
      <li>Откосы: внутри — белый пластик, снаружи — дерево, покраска RAL 7024;</li>
      <li>Металлические отливы — RAL 7024;</li>
    </ul>

    <h3>Электрика:</h3>
    <ul>
      <li>Дифференциальный автоматический выключатель (дифавтомат);</li>
      <li>Кабель ВВГнг-LS в гофре;</li>
    </ul>

    <h3>Отопление и вода:</h3>
    <ul>
      <li>Разводка воды скрытая в стяжке;</li>
      <li>Электрический котёл Зота;</li>
      <li>Водяной тёплый пол Valtec;</li>
      <li>Бойлер косвенного нагрева 150л;</li>
      <li>Вывод летней воды;</li>
    </ul>

    <h3>Внутренняя отделка:</h3>
    <ul>
      <li>Стены — вагонка 140мм Кедр, покраска в 2 слоя Tikkurila, интерьерный лак;</li>
      <li>Котельная — вагонка 140мм Кедр, покраска в 2 слоя Tikkurila, интерьерный лак;</li>
      <li>Сауна — вагонка Экстра Кедр, полки из Липы;</li>
      <li>Чистовой пол — кварцевый ламинат, плитка;</li>
    </ul>

    <h3>Двери:</h3>
    <ul>
      <li>Входная дверь с терморазрывом;</li>
      <li>Межкомнатные двери — МДФ плёнка;</li>
    </ul>

    <h3>Терраса:</h3>
    <ul>
      <li>Террасная доска — лиственница Вельвет, покрыта маслом в 2 слоя;</li>
      <li>Обработка нижних лаг антисептиком;</li>
    </ul>

    <h3>Вентиляция:</h3>
    <ul>
      <li>Приточные клапаны в жилых помещениях;</li>
      <li>Принудительная вентиляция на кухне, в санузлах и котельной;</li>
    </ul>

    <h3>Технические моменты:</h3>
    <ul>
      <li>Скважина — бетонные кольца + люк;</li>
      <li>Септик — переливной, бетонные кольца плюс люк;</li>
      <li>Подключение дома к электричеству под землёй;</li>
      <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    </ul>

  </details>

</body>
</html>
</div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239710" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Экстерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Слайдер</title>
<style>
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fafafa;
  }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }

  /* Точки */
  .dots {
    text-align: center;
    margin-top: 12px;
  }
  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }
  .dot.active { background: #333; }
</style>
</head>
<body>

<div class="slider" id="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6263-6566-4536-a632-363834396634/DSC05415.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3866-6637-4762-a462-303161636163/DSC05407.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3233-6465-4664-b534-636138336565/DSC05401.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3030-3734-4532-b866-653335313336/DSC05395.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6363-6134-4332-a465-383961383330/DSC05384.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6232-3830-4361-a261-303834336434/DSC05381.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3336-3666-4337-a463-343633313363/DJI_0106.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild6538-3834-4231-a536-616137333239/DJI_0099.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild6464-3137-4263-b361-383963383435/DJI_0096.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3935-6164-4232-a565-326133303538/DJI_0095.jpg" alt="Фото 10">
  </div>
  <button class="slider__btn prev">⟨</button>
  <button class="slider__btn next">⟩</button>
</div>

<div class="dots" id="dots"></div>

<script>
  const slider = document.getElementById('slider');
  const slides = slider.querySelector('.slides');
  const images = slides.querySelectorAll('img');
  const prevBtn = slider.querySelector('.prev');
  const nextBtn = slider.querySelector('.next');
  const dotsContainer = document.getElementById('dots');

  let index = 0;

  function showSlide(i) {
    if (i < 0) index = images.length - 1;
    else if (i >= images.length) index = 0;
    else index = i;

    slides.style.transform = `translateX(${-index * 100}%)`;

    document.querySelectorAll('.dot').forEach((dot, idx) => {
      dot.classList.toggle('active', idx === index);
    });
  }

  // кнопки
  prevBtn.addEventListener('click', () => showSlide(index - 1));
  nextBtn.addEventListener('click', () => showSlide(index + 1));

  // точки
  images.forEach((_, idx) => {
    const dot = document.createElement('span');
    dot.classList.add('dot');
    if (idx === 0) dot.classList.add('active');
    dot.addEventListener('click', () => showSlide(idx));
    dotsContainer.appendChild(dot);
  });

  // свайп на мобилке
  let startX = 0;
  slider.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive:true});
  slider.addEventListener('touchend', e => {
    const dx = e.changedTouches[0].clientX - startX;
    if (dx > 50) showSlide(index - 1);
    else if (dx < -50) showSlide(index + 1);
  }, {passive:true});

  showSlide(0);
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Интерьер</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- Один слайдер -->
<div class="slider">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6264-3530-4439-a339-633861626336/DSC05362.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6633-3136-4431-a139-393364663436/DSC05350.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3139-6266-4837-a661-646136343938/DSC05343.jpg" alt="Фото 3">
    <img src="https://static.tildacdn.com/tild3438-3831-4364-a634-666661333037/DSC05337.jpg" alt="Фото 4">
    <img src="https://static.tildacdn.com/tild6631-3738-4431-b763-653639353730/DSC05333.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6637-3034-4361-b235-323562353163/DSC05330.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3866-3738-4661-a133-333034653064/DSC05326.jpg" alt="Фото 7">
    <img src="https://static.tildacdn.com/tild3464-3434-4431-a336-353862333135/DSC05318.jpg" alt="Фото 8">
    <img src="https://static.tildacdn.com/tild3833-3939-4361-b366-386561326333/DSC05313.jpg" alt="Фото 9">
    <img src="https://static.tildacdn.com/tild3034-3865-4263-b864-346439313861/DSC05309.jpg" alt="Фото 10"> 
    <img src="https://static.tildacdn.com/tild6163-3031-4235-a562-646138303164/DSC05302.jpg" alt="Фото 11">
    <img src="https://static.tildacdn.com/tild3734-3734-4134-a630-323435616137/DSC05296.jpg" alt="Фото 12">
    <img src="https://static.tildacdn.com/tild3232-6266-4466-a232-323263366364/DSC05292.jpg" alt="Фото 13">
    <img src="https://static.tildacdn.com/tild3361-3263-4437-b562-323864323633/DSC05283.jpg" alt="Фото 14">
    <img src="https://static.tildacdn.com/tild3561-3539-4666-b738-393132343662/DSC05277.jpg" alt="Фото 15">
    <img src="https://static.tildacdn.com/tild6263-3732-4533-a262-633362393961/DSC05273.jpg" alt="Фото 16">
    <img src="https://static.tildacdn.com/tild3435-6662-4237-b566-323166356466/DSC05267.jpg" alt="Фото 17">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  const AUTOPLAY = true;
  const INTERVAL_MS = 4000;

  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    prevBtn.addEventListener('click', () => { prev(); });
    nextBtn.addEventListener('click', () => { next(); });

    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html></div><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3265-3832-4633-a364-633139313739/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6562-6632-4330-b037-366162646137/2.jpg" alt="Фото 2">
    <img src="https://static.tildacdn.com/tild3065-3162-4437-b436-323763626234/5.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6565-3935-4732-b461-323636666531/6.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3638-3064-4238-b861-663765306236/7.jpg" alt="Фото 7">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Загородный дом 132 м² со вторым светом</title>
      <link>https://artonmebel.ru/tpost/14</link>
      <amplink>https://artonmebel.ru/tpost/14?amp=true</amplink>
      <pubDate>Wed, 13 Mar 2024 11:57:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3930-3830-4536-b430-653734303437/image.png" type="image/png"/>
      <description>Гостиная со вторым светом, кухня-столовая, 3 спальни, гардероб, санузел и двойная терраса</description>
      <turbo:content><![CDATA[<header><h1>Загородный дом 132 м² со вторым светом</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3930-3830-4536-b430-653734303437/image.png"/><img src="https://static.tildacdn.com/tild3534-3433-4639-b736-353662623232/DSC00376.jpg"/><img src="https://static.tildacdn.com/tild3831-3132-4838-a232-363036663739/DJI_0776.jpg"/><img src="https://static.tildacdn.com/tild6463-6132-4137-a165-656132323238/DJI_0780.jpg"/><img src="https://static.tildacdn.com/tild3032-6637-4466-a133-613337633330/DJI_0785.jpg"/><img src="https://static.tildacdn.com/tild6331-3835-4332-b266-303665323438/DSC00303.jpg"/><img src="https://static.tildacdn.com/tild6365-3132-4933-b632-396362343965/DSC00305.jpg"/><img src="https://static.tildacdn.com/tild6238-3532-4361-b062-383666326662/DSC00314.jpg"/><img src="https://static.tildacdn.com/tild6462-6535-4663-b035-626330353239/DSC00318.jpg"/><img src="https://static.tildacdn.com/tild3761-6634-4963-b535-313635393930/DSC00322.jpg"/><img src="https://static.tildacdn.com/tild3765-6162-4638-a563-613635613031/DSC00327.jpg"/><img src="https://static.tildacdn.com/tild6364-3164-4964-b535-316534346132/DSC00331.jpg"/><img src="https://static.tildacdn.com/tild3132-3233-4066-a161-383764353132/DSC00337.jpg"/><img src="https://static.tildacdn.com/tild6134-6665-4863-b038-633166313563/DSC00341.jpg"/><img src="https://static.tildacdn.com/tild3462-3161-4439-a431-656332343663/DSC00342.jpg"/><img src="https://static.tildacdn.com/tild6633-3765-4439-b466-343638646564/DSC00346.jpg"/><img src="https://static.tildacdn.com/tild3633-6565-4230-b938-373764373461/DSC00351.jpg"/><img src="https://static.tildacdn.com/tild6362-6430-4938-b766-353431316165/DSC00352.jpg"/><img src="https://static.tildacdn.com/tild3736-6430-4461-a330-363761613463/DSC00354.jpg"/><img src="https://static.tildacdn.com/tild3237-3433-4663-b936-306539643636/DSC00356.jpg"/><img src="https://static.tildacdn.com/tild3164-3538-4366-a134-633065353261/DSC00360.jpg"/><img src="https://static.tildacdn.com/tild6162-3835-4233-a437-396366663436/DSC00361.jpg"/><img src="https://static.tildacdn.com/tild3030-3663-4432-b237-353737313033/DSC00364.jpg"/><img src="https://static.tildacdn.com/tild3835-3235-4630-a332-333134343937/DSC00369.jpg"/><img src="https://static.tildacdn.com/tild6239-3036-4534-b662-633638376630/DSC00370.jpg"/><img src="https://static.tildacdn.com/tild6234-3532-4334-b265-386535613733/DSC00375.jpg"/></div><div class="t-redactor__text">Этот дом начинался как мечта семьи. Они хотели, чтобы в доме было много света, тёплый пол под ногами, удобная кухня и пространство, где можно собираться всей семьёй. Мы услышали их желания и сделали больше, чем просто стены и крышу.<br /><br />Здесь появился второй свет в гостиной, чтобы утренние лучи наполняли пространство светом. Продумали расположение розеток и выводов ещё до установки мебели, чтобы хозяевам не пришлось ничего переделывать. В каждой комнате сделали закладные под кондиционеры, а в котельной предусмотрели аварийный слив и систему защиты техники от скачков напряжения. <br /><br />Сначала это был уникальный проект, созданный по пожеланиям заказчиков, но он получился настолько гармоничным, что лёг в основу нашей типовой линейки. </div><div class="t-redactor__text"><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> - 7 месяцев</li><li data-list="bullet"><strong>Общая площадь:</strong> 132 кв м по внешнему контуру</li></ul></div><div class="t-redactor__embedcode"><iframe src="https://skandi.atom-dev.ru/360-andreevka/index.html" width="100%" height="600"></iframe></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Забивные железобетонные сваи 150×150, длина 4м;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Обработка всего каркаса антисептиком 3в1 NEOMID;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU;</li>
    <li>Отделка снаружи — имитация бруса 180мм, кедр, сорт АВ;</li>
    <li>Покраска снаружи — Tikkurila, 2 слоя, цвет AR56-6;</li>
    <li>Отделка внутри — вагонка «Штиль» кедр 140мм, сорт АВ, вертикальная раскладка;</li>
    <li>Входная дверь с терморазрывом;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — кварцевый ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет», террасное масло Tikkurila, цвет 5063;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление, сантехника, электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA, водяной тёплый пол Valtec;</li>
    <li>Бойлер косвенного нагрева 200л, два водяных радиатора;</li>
    <li>Система водоочистки;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Скважина — бетонные кольца с люком;</li>
    <li>Септик — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239587" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6565-6564-4864-b734-323639396431/1.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3061-6634-4331-a131-656136316137/2.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3366-6661-4865-b936-393361653933/5.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild6234-6334-4562-b933-303239386463/6.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Уютный дом 150 м²  с мансардным этажом в Шерегеше</title>
      <link>https://artonmebel.ru/tpost/i5jsdz88j1-uyutnii-dom-150-m-s-mansardnim-etazhom-v</link>
      <amplink>https://artonmebel.ru/tpost/i5jsdz88j1-uyutnii-dom-150-m-s-mansardnim-etazhom-v?amp=true</amplink>
      <pubDate>Tue, 30 Jan 2024 10:58:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3731-6533-4139-b833-376461656235/_DSC7851.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная с панорамными окнами, спальная, мансарда со спальным местом, котельная, санузел и терраса</description>
      <turbo:content><![CDATA[<header><h1>Уютный дом 150 м²  с мансардным этажом в Шерегеше</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3731-6533-4139-b833-376461656235/_DSC7851.jpg"/><img src="https://static.tildacdn.com/tild3836-6235-4564-a261-616638653732/_DSC7843.jpg"/><img src="https://static.tildacdn.com/tild3966-6134-4732-b464-623833393130/_DSC7844.jpg"/><img src="https://static.tildacdn.com/tild6333-3938-4166-b362-353738373237/_DSC7846.jpg"/><img src="https://static.tildacdn.com/tild3165-3966-4338-b131-386430613465/_DSC7859.jpg"/><img src="https://static.tildacdn.com/tild6531-3636-4263-b235-636561376563/_DSC7860.jpg"/><img src="https://static.tildacdn.com/tild3765-3864-4363-a439-313434346237/_DSC7864.jpg"/><img src="https://static.tildacdn.com/tild3434-3336-4266-b439-636438353530/_DSC7867.jpg"/><img src="https://static.tildacdn.com/tild3232-6564-4030-b966-653561306565/_DSC7869.jpg"/><img src="https://static.tildacdn.com/tild3834-6337-4530-b731-303431363833/_DSC7870.jpg"/><img src="https://static.tildacdn.com/tild6138-3832-4839-a339-626665316661/_DSC7872.jpg"/><img src="https://static.tildacdn.com/tild3639-6164-4732-b238-666361643564/_DSC7873.jpg"/><img src="https://static.tildacdn.com/tild3336-3132-4462-a238-326434373261/_DSC7890.jpg"/><img src="https://static.tildacdn.com/tild3835-6161-4332-a137-336338333631/_DSC7902.jpg"/><img src="https://static.tildacdn.com/tild3261-3762-4664-a138-326263363936/_DSC7910.jpg"/><img src="https://static.tildacdn.com/tild3230-6137-4433-b531-616363356531/_DSC7911.jpg"/><img src="https://static.tildacdn.com/tild3462-6365-4235-b666-316364303963/_DSC7917.jpg"/><img src="https://static.tildacdn.com/tild6633-6466-4534-b466-616436346533/_DSC7920.jpg"/><img src="https://static.tildacdn.com/tild3934-6565-4535-a635-393232613235/_DSC7925.jpg"/><img src="https://static.tildacdn.com/tild6361-6236-4333-b130-313466376361/_DSC7936.jpg"/><img src="https://static.tildacdn.com/tild3135-3662-4565-b063-333362396265/_DSC7941.jpg"/><img src="https://static.tildacdn.com/tild6565-6535-4661-b330-636330363239/_DSC7949.jpg"/><img src="https://static.tildacdn.com/tild6665-6162-4632-b432-333664383234/_DSC7963.jpg"/><img src="https://static.tildacdn.com/tild6165-6533-4635-b830-653963376634/_DSC7976.jpg"/><img src="https://static.tildacdn.com/tild3662-6531-4433-b639-623064343431/_DSC7984.jpg"/><img src="https://static.tildacdn.com/tild6264-3432-4264-b761-623633343739/_DSC7988.jpg"/><img src="https://static.tildacdn.com/tild3132-3036-4833-a132-663834646132/_DSC7995.jpg"/><img src="https://static.tildacdn.com/tild3036-3133-4561-b565-393930356165/_DSC8003.jpg"/><img src="https://static.tildacdn.com/tild3264-3230-4466-b464-373738306363/_DSC8017.jpg"/><img src="https://static.tildacdn.com/tild3031-6533-4362-b831-316335626537/_DSC8021.jpg"/></div><div class="t-redactor__text">Этот дом в Шерегеше — второй проект компании в этом регионе, и он сразу привлекает внимание своей нестандартной планировкой и продуманной внутренней отделкой. Дом двухэтажный, с мансардой, где размещены две уютные спальни, а на первом этаже санузел, котельная и просторная кухня-гостиная. Из окон открывается завораживающий вид на ели.<br /><br />Особенностью проекта стала тщательная работа над фундаментом: железобетонные сваи пришлось устанавливать с учетом сложного скального грунта, что потребовало времени и терпения, но результат оправдал ожидания — дом стоит надежно и уверенно.<br /><br /></div><div class="t-redactor__text"><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> - 6 месяцев</li><li data-list="bullet"><strong>Комплектация: </strong>«Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> – 150 кв м</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Забивные железобетонные сваи 150×150;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — Exprof, цвет белый;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — в 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ, вертикальная раскладка;</li>
    <li>Покраска внутри — в 2 слоя;</li>
    <li>Входная дверь с терморазрывом;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет»;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление и электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA;</li>
    <li>Водяной тёплый пол — VALTEC;</li>
    <li>Бойлер косвенного нагрева 150 литров;</li>
    <li>Два водяных радиатора;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Септик — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239503" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Гостевой дом в стиле A-frame 55 м² в Шерегеше</title>
      <link>https://artonmebel.ru/tpost/vdxda91p81-gostevoi-dom-v-stile-a-frame-55-m-v-sher</link>
      <amplink>https://artonmebel.ru/tpost/vdxda91p81-gostevoi-dom-v-stile-a-frame-55-m-v-sher?amp=true</amplink>
      <pubDate>Tue, 30 Jan 2024 10:49:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3335-3231-4630-b930-323332613564/_DSC7830.jpg" type="image/jpeg"/>
      <description>Широкая терраса, мансардный этаж, котельная с хоз. помещением, санузел и кухня-гостиная с панорманым остеклением</description>
      <turbo:content><![CDATA[<header><h1>Гостевой дом в стиле A-frame 55 м² в Шерегеше</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3335-3231-4630-b930-323332613564/_DSC7830.jpg"/><img src="https://static.tildacdn.com/tild6338-3165-4235-a565-666337666438/_DSC7824.jpg"/><img src="https://static.tildacdn.com/tild6235-6539-4564-b036-353433366631/_DSC7816.jpg"/><img src="https://static.tildacdn.com/tild3830-3362-4364-b062-346362396234/_DSC7820.jpg"/><img src="https://static.tildacdn.com/tild3736-6536-4538-b132-343339353936/_DSC7834.jpg"/><img src="https://static.tildacdn.com/tild3565-3164-4039-b637-373862396438/_DSC7835.jpg"/><img src="https://static.tildacdn.com/tild3932-3332-4231-b363-653964396434/_DSC7708.jpg"/><img src="https://static.tildacdn.com/tild3463-3538-4836-b839-643765353835/_DSC7712.jpg"/><img src="https://static.tildacdn.com/tild3335-3639-4635-b531-663031343837/_DSC7714.jpg"/><img src="https://static.tildacdn.com/tild3036-6132-4435-b339-396661326334/_DSC7728.jpg"/><img src="https://static.tildacdn.com/tild6462-6666-4661-b562-343061393630/_DSC7741.jpg"/><img src="https://static.tildacdn.com/tild6631-3966-4365-b761-366465333464/_DSC7773.jpg"/><img src="https://static.tildacdn.com/tild6438-3031-4864-b434-633033666638/_DSC7777.jpg"/><img src="https://static.tildacdn.com/tild3335-3638-4035-a636-356162343538/_DSC7781.jpg"/><img src="https://static.tildacdn.com/tild3134-3533-4832-b034-326538346166/_DSC7784.jpg"/><img src="https://static.tildacdn.com/tild6131-3332-4432-a132-386234393439/_DSC7787.jpg"/><img src="https://static.tildacdn.com/tild3464-6364-4365-b636-316331353931/_DSC7791.jpg"/><img src="https://static.tildacdn.com/tild6534-3730-4434-a233-623034613565/_DSC7793.jpg"/><img src="https://static.tildacdn.com/tild3134-3034-4530-b030-653635333530/_DSC7801.jpg"/><img src="https://static.tildacdn.com/tild3333-6462-4533-b565-386236383939/_DSC7803.jpg"/><img src="https://static.tildacdn.com/tild3330-3732-4338-b536-306265633737/_DSC7809.jpg"/><img src="https://static.tildacdn.com/tild6263-3436-4133-b964-343766353663/_DSC7812.jpg"/></div><div class="t-redactor__text">Этот дом на горе в Шерегеше стал настоящим вызовом: участок представлял собой лес с болотистой местностью и отсутствием подъезда. Чтобы создать безопасное и комфортное жильё, пришлось полностью обустроить территорию: вырубить деревья, отсыпать щебнем, организовать дренаж для отвода грунтовых вод, а также пробурить скважину и установить септик. Особое внимание уделялось фундаменту: на скалистой почве применяли винтовые сваи — надёжное и практичное решение, которое позволило быстро и качественно закрепить дом.<br /><br />Дом двухэтажный с мансардой. Мебель здесь делалась частично на заказ, частично была установлена заказчиками. Этот проект служит ярким примером того, как грамотное планирование и индивидуальный подход превращают непростую задачу в уютный и функциональный дом.</div><div class="t-redactor__text"><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> 5 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Общая площадь:</strong> 54,9 кв м</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Винтовые сваи (Ø 89мм);</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU, цвет графит;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — Tikkurila Valtti Plus, цвет RAL 5052, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ, горизонтальная раскладка;</li>
    <li>Покраска внутри — пропитка PINOTEX, цвет «Берёза», 2 слоя;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — плитка;</li>
  </ul>

  <h3>Терраса и лестница:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет», покрытие Tikkurila Terrace Oil, цвет RAL 505;</li>
    <li>Лестница — каркас из сухой строганной доски, ступени из лиственницы «Вельвет» с покрытием Tikkurila Terrace Oil, цвет RAL 505;</li>
  </ul>

  <h3>Отопление и электрика:</h3>
  <ul>
    <li>Электрика — кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA;</li>
    <li>Водяной тёплый пол — VALTEC;</li>
    <li>Бойлер косвенного нагрева;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Скважина — бетонные кольца с люком;</li>
    <li>Септик — переливной, бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239495" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3533-3064-4033-a432-643861363835/_____1505__3_page-00.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3937-6464-4539-b065-303933323533/_____1505__3_page-00.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6131-3937-4539-b332-643136346663/_____1505__3_page-00.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Уютный зимний дом 42 м²</title>
      <link>https://artonmebel.ru/tpost/hgsan51u21-uyutnii-zimnii-dom-42-m</link>
      <amplink>https://artonmebel.ru/tpost/hgsan51u21-uyutnii-zimnii-dom-42-m?amp=true</amplink>
      <pubDate>Tue, 30 Jan 2024 10:42:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3731-6466-4636-b732-336465663934/image.png" type="image/png"/>
      <description>Спальня, гостиная с кухонной зоной, санузел, прихожая и просторная терраса</description>
      <turbo:content><![CDATA[<header><h1>Уютный зимний дом 42 м²</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3731-6466-4636-b732-336465663934/image.png"/><img src="https://static.tildacdn.com/tild6631-3735-4661-b637-393238366363/_DSC8156.jpg"/><img src="https://static.tildacdn.com/tild3233-3661-4466-a662-346364663735/_DSC8148.jpg"/><img src="https://static.tildacdn.com/tild3030-6534-4133-a139-343436356231/_DSC8151.jpg"/><img src="https://static.tildacdn.com/tild6364-3738-4137-b235-353337343238/_DSC8153.jpg"/><img src="https://static.tildacdn.com/tild6236-3230-4934-b763-653764306133/_DSC8159.jpg"/><img src="https://static.tildacdn.com/tild3135-3938-4939-b239-633333393136/_DSC8160.jpg"/><img src="https://static.tildacdn.com/tild6134-6138-4761-b764-306135663433/_DSC8164.jpg"/><img src="https://static.tildacdn.com/tild3965-3962-4435-a264-653236353836/_DSC8169.jpg"/><img src="https://static.tildacdn.com/tild6565-3465-4537-b261-633538646565/_DSC8179.jpg"/><img src="https://static.tildacdn.com/tild3964-3862-4462-a434-386366666634/_DSC8077.jpg"/><img src="https://static.tildacdn.com/tild3438-3330-4864-b236-323464613031/_DSC8079.jpg"/><img src="https://static.tildacdn.com/tild6633-3131-4530-b036-343039303335/_DSC8082.jpg"/><img src="https://static.tildacdn.com/tild6436-3934-4534-b239-633339393339/_DSC8092.jpg"/><img src="https://static.tildacdn.com/tild6336-3638-4230-b537-646431653331/_DSC8095.jpg"/><img src="https://static.tildacdn.com/tild3431-3139-4765-a532-316432333736/_DSC8098.jpg"/><img src="https://static.tildacdn.com/tild3239-3663-4433-b532-613164363032/_DSC8106.jpg"/><img src="https://static.tildacdn.com/tild6536-3165-4338-a134-363064396539/_DSC8110.jpg"/><img src="https://static.tildacdn.com/tild3833-6631-4461-a366-313237356635/_DSC8120.jpg"/><img src="https://static.tildacdn.com/tild3161-3036-4366-a264-613130646239/_DSC8121.jpg"/><img src="https://static.tildacdn.com/tild3235-6332-4339-a531-333937636663/_DSC8127.jpg"/><img src="https://static.tildacdn.com/tild6164-3136-4734-a664-393134663731/_DSC8130.jpg"/><img src="https://static.tildacdn.com/tild3365-3966-4665-a566-376564626366/_DSC8138.jpg"/><img src="https://static.tildacdn.com/tild6137-3038-4832-b735-663162316336/_DSC8143.jpg"/></div><div class="t-redactor__text">Этот дом задумывался как модульный проект, который можно было бы собрать на производстве и привезти готовым, но по желанию заказчика мы построили его прямо на участке, используя те же технологии и материалы, что и для полноценных каркасных домов. Так родился зимний дом с индивидуальной планировкой, утеплением, тёплыми полами и современными инженерными решениями.<br /><br />Заказчики сами подбирали цвет покраски, добиваясь нужного оттенка, а команда обеспечила дом надёжным фундаментом на винтовых сваях, утеплёнными коммуникациями и системой удалённого управления отоплением. Благодаря панорамным окнам и последнему участку с видом на лес дом получился уютным и уединённым — идеальным для зимнего и летнего отдыха, с перспективой дополнить его баней, беседкой и бассейном.</div><div class="t-redactor__text"><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> - 3 месяца</li><li data-list="bullet">Строили на участке заказчика</li><li data-list="bullet"><strong>Общая площадь:</strong> – 42 кв м</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }

    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Отделка и конструктив:</h3>
  <ul>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — Tikkurila Valtti Plus, цвет RAL 5063;</li>
    <li>Отделка внутри — имитация бруса, кедр, сорт АВ, горизонтальная раскладка;</li>
    <li>Профлист — матовый, цвет графит, RAL 7024;</li>
    <li>Крыша — профлист матовый, цвет графит, RAL 7024;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет»;</li>
    <li>Покрытие — Tikkurila Terrace Oil, цвет RAL 5056;</li>
  </ul>

  <h3>Утепление:</h3>
  <ul>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
    <li>Толщина утепления стен, пола и потолка — 200мм;</li>
  </ul>

  <h3>Окна, двери и полы:</h3>
  <ul>
    <li>Окна — REHAU, цвет графит;</li>
    <li>Откосы внутри — деревянные;</li>
    <li>Откосы снаружи — деревянные;</li>
    <li>Чистовой пол — влагостойкий ламинат;</li>
    <li>Межкомнатные двери — МДФ, цвет белый, чёрные ручки;</li>
  </ul>

  <h3>Отопление и освещение:</h3>
  <ul>
    <li>Отопление — электрический тёплый пол APN ENERPIA BLACK;</li>
    <li>Освещение — шинопровод со светильниками, точечное освещение;</li>
  </ul>

  <h3>Что входит в комплектацию:</h3>
  <ul>
    <li>Унитаз;</li>
    <li>Тумба с раковиной;</li>
    <li>Кран и смеситель;</li>
    <li>Бойлер на 50л;</li>
    <li>Зеркало;</li>
    <li>Душевой поддон и шторка;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239911" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 105 м² в стиле барнхаус</title>
      <link>https://artonmebel.ru/tpost/lb1m61a0o1-karkasnii-dom-105-m-v-stile-barnhaus</link>
      <amplink>https://artonmebel.ru/tpost/lb1m61a0o1-karkasnii-dom-105-m-v-stile-barnhaus?amp=true</amplink>
      <pubDate>Tue, 30 Jan 2024 10:37:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3363-3431-4161-b437-633734663530/_DSC8382.jpg" type="image/jpeg"/>
      <description>Две спальни, кухня-гостиная с панорамными окнами, гардероб, котельная и широкая терраса</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 105 м² в стиле барнхаус</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3363-3431-4161-b437-633734663530/_DSC8382.jpg"/><img src="https://static.tildacdn.com/tild3766-6530-4664-b439-313966363733/_DSC8387.jpg"/><img src="https://static.tildacdn.com/tild6361-3338-4265-b336-643865323830/_DSC8375.jpg"/><img src="https://static.tildacdn.com/tild6230-3831-4533-b564-626530316333/_DSC8373.jpg"/><img src="https://static.tildacdn.com/tild6164-3430-4833-b435-336364383230/_DSC8379.jpg"/><img src="https://static.tildacdn.com/tild3039-3066-4062-b736-656134666232/_DSC8333.jpg"/><img src="https://static.tildacdn.com/tild6439-3863-4033-a265-613332636235/_DSC8334.jpg"/><img src="https://static.tildacdn.com/tild3863-3830-4339-b833-393332666333/_DSC8338.jpg"/><img src="https://static.tildacdn.com/tild3763-6138-4738-b634-633565383732/_DSC8341.jpg"/><img src="https://static.tildacdn.com/tild6131-3438-4236-a331-343831633236/_DSC8342.jpg"/><img src="https://static.tildacdn.com/tild3438-3234-4138-a166-616433626335/_DSC8348.jpg"/><img src="https://static.tildacdn.com/tild3133-3965-4532-a132-383862373261/_DSC8350.jpg"/><img src="https://static.tildacdn.com/tild3237-3930-4138-b066-333233303232/_DSC8352.jpg"/><img src="https://static.tildacdn.com/tild6531-6461-4263-a532-336361616433/_DSC8355.jpg"/><img src="https://static.tildacdn.com/tild3361-3837-4831-b433-633238383463/_DSC8362.jpg"/><img src="https://static.tildacdn.com/tild6635-3234-4065-a363-653364313563/_DSC8364.jpg"/><img src="https://static.tildacdn.com/tild3130-3266-4237-b463-323662343130/_DSC8365.jpg"/><img src="https://static.tildacdn.com/tild3436-3138-4263-b630-363036626461/_DSC8368.jpg"/></div><div class="t-redactor__text">Этот барнхаус был разработан по индивидуальными предпочтениям наших заказчиков. Они сами выбирали стиль и цвета, а наша команда обеспечила качественные коммуникации, электричество, тёплые полы и вентиляцию. В доме использованы графитовые окна, деревянные балки, натуральная террасная доска и современные инженерные решения для комфорта и долговечности.</div><div class="t-redactor__text"><br /><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> - 6 месяцев</li><li data-list="bullet">Построили классный БАРН</li><li data-list="bullet"><strong>Общая площадь:</strong> – 105 кв м</li></ul><br /><strong>Подробнее о материалах, которые использовались в строительстве</strong><br /><br /><ul><li data-list="bullet">Фундамент – ж/б сваи 150*150 4м</li><li data-list="bullet">Отделка снаружи - имитация бруса кедр сорт АВ + Профлист матовый цвет графит (раз 7024)</li><li data-list="bullet">Отделка внутри - вагонка штиль кедр АВ – вертикальная раскладка;</li><li data-list="bullet">Цоколь - продолжение фасада.</li><li data-list="bullet">Крыша - Профлист цвет графит (раз 7024), все доборные элементы цвет графит;</li><li data-list="bullet">Террасная доска - лиственница, вельвет;</li><li data-list="bullet">Утеплитель - каменная вата технониколь роклайт master;</li><li data-list="bullet">Электрика - дифференциальный автоматический выключатель (дифавтомат), кабель ВВГнг-LS в гофре;</li><li data-list="bullet">Отопление - электрический котёл ZOTA, водяной тёплый пол VALTEC, бойлер косвенного нагрева 150 литров.</li><li data-list="bullet">Входная дверь с терморазрывом.</li><li data-list="bullet">Черновой пол - полусухая стяжка;</li><li data-list="bullet">Чистовой пол - ПВХ ламинат.</li><li data-list="bullet">Потолок натяжной белый матовый;</li><li data-list="bullet">Межкомнатные двери - мдф пленка;</li><li data-list="bullet">Окна - Exprof, цвет графит/графит;</li><li data-list="bullet">Покраска в 2 слоя снаружи (краска Тиккурила)</li><li data-list="bullet">Покраска в 2 слоя внутри (краска Тиккурила)</li></ul><br /><strong>Технические моменты</strong><br /><br /><ul><li data-list="bullet">Септик - бетонные кольца плюс люк;</li><li data-list="bullet">Скважина - бетонные кольца плюс люк;</li><li data-list="bullet">Подключение дома к электричеству под землей;</li><li data-list="bullet">Канализационные трубы утеплены и дополнительно проложили греющий кабель;</li></ul></div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239926" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3838-3866-4930-b838-323039613334/HS_A19___page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6465-3636-4266-b735-373934386161/HS_A19___page-0006.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6330-6237-4563-a532-613164666466/HS_A19___page-0007.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild6434-3137-4233-b661-363065326436/HS_A19___page-0008.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Современный дом 134 м² с гаражом и террасой с видом на лес</title>
      <link>https://artonmebel.ru/tpost/zjleb1jm91-sovremennii-dom-134-m-s-garazhom-i-terra</link>
      <amplink>https://artonmebel.ru/tpost/zjleb1jm91-sovremennii-dom-134-m-s-garazhom-i-terra?amp=true</amplink>
      <pubDate>Tue, 30 Jan 2024 10:08:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6431-3036-4664-a337-633331623261/DJI_0722.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная, 2 спальни, санузел, гардероб, широкая терраса, гараж и котельная</description>
      <turbo:content><![CDATA[<header><h1>Современный дом 134 м² с гаражом и террасой с видом на лес</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6431-3036-4664-a337-633331623261/DJI_0722.jpg"/><img src="https://static.tildacdn.com/tild6337-6633-4334-b439-633134303064/_DSC8392.jpg"/><img src="https://static.tildacdn.com/tild6231-3830-4036-a635-303134376664/_DSC8404.jpg"/><img src="https://static.tildacdn.com/tild3162-3133-4264-b164-333030383264/_DSC8409.jpg"/><img src="https://static.tildacdn.com/tild6364-3031-4161-b361-663232383962/_DSC8414.jpg"/><img src="https://static.tildacdn.com/tild3130-6138-4136-b462-633263383736/_DSC8418.jpg"/><img src="https://static.tildacdn.com/tild3332-3038-4961-a263-316233356132/_DSC8420.jpg"/><img src="https://static.tildacdn.com/tild6238-3330-4330-a333-393661303962/_DSC8426.jpg"/><img src="https://static.tildacdn.com/tild3730-3661-4333-a164-316230366131/_DSC8427.jpg"/><img src="https://static.tildacdn.com/tild3931-3766-4535-a465-303238633164/_DSC8432.jpg"/><img src="https://static.tildacdn.com/tild3962-6164-4432-b430-623062336233/_DSC8436.jpg"/><img src="https://static.tildacdn.com/tild6161-3634-4764-a465-343765343562/_DSC8441.jpg"/><img src="https://static.tildacdn.com/tild6335-3161-4436-b536-336562383637/_DSC8444.jpg"/><img src="https://static.tildacdn.com/tild6133-3933-4535-a464-346134663330/_DSC8447.jpg"/><img src="https://static.tildacdn.com/tild3732-6437-4537-b737-316265363064/_DSC8451.jpg"/><img src="https://static.tildacdn.com/tild3462-6236-4461-b163-616662643764/_DSC8461.jpg"/><img src="https://static.tildacdn.com/tild6131-3565-4565-b233-343563383164/_DSC8463.jpg"/><img src="https://static.tildacdn.com/tild6133-3563-4864-b732-303661666134/_DSC8467.jpg"/><img src="https://static.tildacdn.com/tild6636-3132-4537-b266-313732323731/_DSC8470.jpg"/><img src="https://static.tildacdn.com/tild3832-3334-4338-b437-313135643661/_DSC8484.jpg"/><img src="https://static.tildacdn.com/tild6663-6436-4733-b136-313461613637/_DSC8486.jpg"/><img src="https://static.tildacdn.com/tild3866-3863-4134-b932-633631393461/_DSC8497.jpg"/><img src="https://static.tildacdn.com/tild6338-3637-4037-a561-303036393665/DJI_0723.jpg"/><img src="https://static.tildacdn.com/tild3131-3730-4731-b332-366434616166/DJI_0724.jpg"/><img src="https://static.tildacdn.com/tild6333-6138-4539-b463-306130386266/DJI_0725.jpg"/><img src="https://static.tildacdn.com/tild6437-3639-4462-b261-613635343139/DJI_0726.jpg"/><img src="https://static.tildacdn.com/tild6131-3063-4563-b962-643832653264/DJI_0727.jpg"/><img src="https://static.tildacdn.com/tild3730-3664-4437-a161-343432393031/DJI_0730.jpg"/><img src="https://static.tildacdn.com/tild3866-3330-4066-a139-363936323639/DJI_0731.jpg"/><img src="https://static.tildacdn.com/tild3831-3833-4639-b762-393064303737/DJI_0732.jpg"/></div><div class="t-redactor__text">Этот дом построен на плите, а не на сваях, с учётом перепада рельефа, что потребовало дополнительных инженерных решений. Строительство включало адаптацию фундамента и корректировку планировки, чтобы создать комфортное пространство с двух спальнями, гостевой комнатой, кухней, гардеробом и террасой с видом на лес. Гостиная с выходом на террасу и большие окна создают ощущение простора, а внутренние материалы, включая кедровую вагонку и натяжные потолки с треками, придают дому современный и тёплый вид. Каждое окно, каждая деталь интерьера — результат совместной работы нашей команды и заказчиков, что делает этот дом по-настоящему индивидуальным.</div><div class="t-redactor__text"><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства: </strong>6 месяцев</li><li data-list="bullet">Построили современный каркасный дом с гаражом</li><li data-list="bullet"><strong>Общая площадь:</strong> по внешнему контуру – 134 кв м</li><li data-list="bullet"><strong>Жилая площадь:</strong> 64,2</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }
    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }
    details { margin: 20px 0; }
    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }
    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }
    ul { margin: 0 0 10px 20px; }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Фундаментная монолитная плита;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — GEALAN, цвет белый/белый;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — Акватекс, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ, горизонтальная раскладка;</li>
    <li>Покраска внутри — Акватекс, 2 слоя;</li>
    <li>Входная дверь — с терморазрывом, Центурион;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — кварцевый ламинат;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — ДПК;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление и электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA;</li>
    <li>Водяной тёплый пол — VALTEC;</li>
    <li>Бойлер косвенного нагрева — 100 литров;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Септик — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239518" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild6236-6661-4332-a332-656232303833/HS_A18___page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild6339-3531-4037-b235-303965313563/HS_A18___page-0003.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild6333-6334-4563-b935-323938303234/HS_A18___page-0006.jpg" alt="Фото 6">
    <img src="https://static.tildacdn.com/tild3830-6363-4666-b436-613132373861/HS_A18___page-0007.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасная дача 134 м² для круглогодичного проживания</title>
      <link>https://artonmebel.ru/tpost/jkfr2vev11-karkasnaya-dacha-134-m-dlya-kruglogodich</link>
      <amplink>https://artonmebel.ru/tpost/jkfr2vev11-karkasnaya-dacha-134-m-dlya-kruglogodich?amp=true</amplink>
      <pubDate>Wed, 02 Aug 2023 13:47:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3561-6431-4539-b434-303361356161/_DSC0904.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная с каминной печью, спальня, санузел, терраса, хозблок и гараж</description>
      <turbo:content><![CDATA[<header><h1>Каркасная дача 134 м² для круглогодичного проживания</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3561-6431-4539-b434-303361356161/_DSC0904.jpg"/><img src="https://static.tildacdn.com/tild6561-6137-4530-b966-303765313731/_DSC0889.jpg"/><img src="https://static.tildacdn.com/tild3334-6564-4165-a230-303538376565/_DSC0891.jpg"/><img src="https://static.tildacdn.com/tild3733-3837-4964-b966-383831623039/_DSC0887.jpg"/><img src="https://static.tildacdn.com/tild3736-6535-4563-a538-656630353361/_DSC0860.jpg"/><img src="https://static.tildacdn.com/tild3937-3532-4964-b563-633635626439/_DSC0862.jpg"/><img src="https://static.tildacdn.com/tild3830-6636-4462-b766-613562373264/_DSC0863.jpg"/><img src="https://static.tildacdn.com/tild3464-3232-4232-b032-386538343161/_DSC0867.jpg"/><img src="https://static.tildacdn.com/tild3464-6439-4362-b533-346136636332/_DSC0870.jpg"/><img src="https://static.tildacdn.com/tild6264-3533-4839-b730-653432326332/_DSC0873.jpg"/><img src="https://static.tildacdn.com/tild3430-3732-4461-b133-613239303765/_DSC0876.jpg"/><img src="https://static.tildacdn.com/tild6334-3634-4436-a365-356433663233/_DSC0877.jpg"/><img src="https://static.tildacdn.com/tild3638-3261-4735-b931-633565613237/_DSC0879.jpg"/></div><div class="t-redactor__text">Дом строился для заказчиков как зимняя дача с перспективой круглогодичного использования, поэтому каждая деталь — от террасной доски из лиственницы до металлоконструкций и окон с терморазрывом — учитывает комфорт и долговечность.<br /><br />Внутри дом очень уютный и функциональный: гостиная с каминной печью, кухня с каменной столешницей, спальня с панорамным окном и просторная застеклённая терраса создают ощущение лёгкости и простора. <br /><br />Хозблок-мастерская и гараж с выводами под отопление и водоочистку обеспечивают удобство и практичность, а продуманная внутренняя отделка из кедра, ПВХ и кварц-винила делает дом стильным и тёплым. Каждая комната здесь отражает заботу о комфорте будущих жителей и создаёт атмосферу, в которой хочется проводить время в любое время года.</div><div class="t-redactor__text"><strong>Краткая информация</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> 6 месяцев</li><li data-list="bullet">Построили каркасную дачу в скандинавском стиле «под ключ»</li><li data-list="bullet"><strong>Общая площадь: </strong> 60 кв м</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Забивные железобетонные сваи;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Каркас — сухая строганная доска;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — антисептик, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ, горизонтальная раскладка;</li>
    <li>Обработка дерева внутри — в 2 слоя;</li>
    <li>Входная дверь с терморазрывом;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — вагонка «Штиль», кедр, сорт АВ;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса и крыльцо:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет»;</li>
    <li>Крыльцо — террасная доска «Вельвет», металлические уголки, цвет графит;</li>
  </ul>

  <h3>Отопление и электрика:</h3>
  <ul>
    <li>Электрика — кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — печь «Буржуйка»;</li>
    <li>Бойлер косвенного нагрева — 80л;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239439" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 113 м² с мансардным этажом в комплектации «Под ключ»</title>
      <link>https://artonmebel.ru/tpost/8of69p8uk1-karkasnii-dom-113-m-s-mansardnim-etazhom</link>
      <amplink>https://artonmebel.ru/tpost/8of69p8uk1-karkasnii-dom-113-m-s-mansardnim-etazhom?amp=true</amplink>
      <pubDate>Tue, 27 Jun 2023 14:05:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3764-3737-4866-b937-316439323363/image.png" type="image/png"/>
      <description>Кухня-гостиная с панорамными окнами, спальня, мансардная игровая/гостевая, котельная и уютная терраса</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 113 м² с мансардным этажом в комплектации «Под ключ»</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3764-3737-4866-b937-316439323363/image.png"/><img src="https://static.tildacdn.com/tild3161-6264-4266-a333-386236373735/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild6464-6135-4566-a462-346438343630/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild6462-3762-4339-b665-306439313066/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild3863-6465-4632-b937-313636643832/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild3637-6436-4662-a130-303835666434/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild6139-6236-4534-b832-343635393662/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild3563-6362-4663-b366-623565356364/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild3638-6336-4737-b964-383330343635/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild3336-3764-4332-b265-633366366634/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild6562-3761-4630-b561-393065643931/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild3831-6437-4466-b635-356638343266/photo_2023-06-24_14-.jpg"/><img src="https://static.tildacdn.com/tild6164-6433-4238-a161-386535303666/photo_2023-06-24_14-.jpg"/></div><div class="t-redactor__text">Этот дом стал настоящим воплощением мечты о комфортном каркасном жилье с удобной планировкой. На этапе строительства каждый сантиметр был тщательно продуман: высокие потолки создают ощущение простора, вертикальная вагонка из кедра придаёт теплоту и уют, а кухонная зона в фисташковом оттенке идеально сочетается с деревянными столешницами и подоконниками. <br /><br />Особый шарм дому придаёт просторная кухня-гостиная с выходом на террасу, мансардный этаж, где расположилась игровая и гостевая зона, а также отдельная котельная, изолирующая технические шумы от жилого пространства. Дом стал уютным и функциональным пространством, в котором хочется проводить время, будь то отдых на террасе с чашкой кофе или совместные вечера у телевизора.</div><div class="t-redactor__text"><strong>Краткая информация:</strong><br /><br /><ul><li data-list="bullet">Срок строительства - 6 месяцев</li><li data-list="bullet">Построили современный каркасный дом с мансардным этажом в скандинавском стиле под ключ</li><li data-list="bullet">Общая площадь – 112, 96 кв. м.</li><li data-list="bullet">Срок строительства – Октябрь 2022 - Апрель 2023</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Забивные железобетонные сваи;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Обработка всего каркаса антисептиком 3в1 NEOMID;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — антисептик Акватекс, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ, вертикальная раскладка;</li>
    <li>Покраска внутри — Акватекс (спальни, кухня/гостиная), Luxens (коридор), 2 слоя;</li>
    <li>Входная дверь — с терморазрывом «Центурион»;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет», цвет графит;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление, сантехника, электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA, газовый котёл;</li>
    <li>Водяной тёплый пол — Valtec;</li>
    <li>Бойлер косвенного нагрева;</li>
    <li>Два водяных радиатора;</li>
    <li>Система водоочистки;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Септик — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Заведён интернет в дом;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    <li>Отмостка из щебня;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239813" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Стильный барнхаус 108 м² с мансардным этажом</title>
      <link>https://artonmebel.ru/tpost/fzf87pn4r1-stilnii-barnhaus-108-m-s-mansardnim-etaz</link>
      <amplink>https://artonmebel.ru/tpost/fzf87pn4r1-stilnii-barnhaus-108-m-s-mansardnim-etaz?amp=true</amplink>
      <pubDate>Tue, 27 Jun 2023 13:58:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6136-3866-4034-a365-633034303835/photo_2023-06-27_15-.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная, спальня, детская, ванная, котельная и широкая терраса</description>
      <turbo:content><![CDATA[<header><h1>Стильный барнхаус 108 м² с мансардным этажом</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6136-3866-4034-a365-633034303835/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3061-6433-4536-b161-316139323438/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild6531-3062-4961-b833-376365626635/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3836-3732-4534-a662-396339613563/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3134-3064-4239-a431-643666653134/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3364-6661-4666-a566-343562656362/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild6332-6531-4031-a261-303161626165/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild6131-6537-4938-b531-633261383164/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3865-6336-4636-a562-313933383739/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3962-3565-4935-a337-653034313836/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild6333-6336-4135-b434-383466656134/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3038-3230-4563-b666-323966326135/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3432-6333-4564-b538-363461653930/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3833-6364-4733-b062-333435613862/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild6534-6561-4730-a539-343939303130/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3730-3938-4031-b635-326434333638/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3833-6364-4232-b134-656262613336/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3662-3939-4030-b736-356565623162/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3963-3361-4532-a631-313239333966/photo_2023-06-27_15-.jpg"/><img src="https://static.tildacdn.com/tild3561-3239-4334-a538-346364373439/photo_2023-06-27_15-.jpg"/></div><div class="t-redactor__text">Это последний участок в линии застройки на границе с лесом, что обеспечивает приватность и панорамный вид на природу. Архитектура дома выполнена в стиле барнхаус с лаконичными формами, большим остеклением и вторым светом в гостиной. Терраса из лиственницы с двумя выходами по бокам создаёт удобное пространство для отдыха. Дом построен за полгода под ключ. Подключены центральные коммуникации: водоснабжение, канализация, электрика. Барнхаус предназначен для круглогодичного проживания семьи из 3–4 человек.</div><div class="t-redactor__text"><strong>Краткая информация:</strong><br /><br /><ul><li data-list="bullet">Срок строительства - 6 месяцев</li><li data-list="bullet">Построили современный каркасный дом с мансардным этажом в скандинавском стиле под ключ</li><li data-list="bullet">Общая площадь – 108,1 кв. м.</li><li data-list="bullet">Срок строительства – Декабрь 2022 - Май 2023</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Забивные железобетонные сваи;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — кликфальц, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — палубная доска;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU;</li>
    <li>Отделка снаружи — кликфальц;</li>
    <li>Покраска снаружи — NEOMID, цвет «Палисандр», 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ, горизонтальная раскладка;</li>
    <li>Покраска внутри — антисептик Акватекс, 2 слоя;</li>
    <li>Входная дверь — с терморазрывом «Центурион»;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет», цвет графит;</li>
  </ul>

  <h3>Отопление и электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA;</li>
    <li>Водяной тёплый пол — Valtec;</li>
    <li>Бойлер косвенного нагрева;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Септик — центральный;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Заведён интернет в дом;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239415" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Какркасный дом 55 м² с мансардой и сауной</title>
      <link>https://artonmebel.ru/tpost/ekg9fx39g1-kakrkasnii-dom-55-m-s-mansardoi-i-saunoi</link>
      <amplink>https://artonmebel.ru/tpost/ekg9fx39g1-kakrkasnii-dom-55-m-s-mansardoi-i-saunoi?amp=true</amplink>
      <pubDate>Tue, 27 Jun 2023 03:03:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3465-3862-4733-b934-653265323835/photo_2022-07-19_150.jpeg" type="image/jpeg"/>
      <description>Кухня-гостиная, душевая, парная, санузел, котельная, мансардный этаж и терраса</description>
      <turbo:content><![CDATA[<header><h1>Какркасный дом 55 м² с мансардой и сауной</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3465-3862-4733-b934-653265323835/photo_2022-07-19_150.jpeg"/></figure><div class="t-redactor__text">Этот дом — не просто зимняя дача, а настоящий тёплый и уютный уголок для жизни и отдыха в любое время года. Мы возвели его всего за 3,5 месяца, полностью взяв на себя все заботы: от проекта до инженерных коммуникаций. Дом получился светлым и практичным: большая открытая терраса из лиственницы, уютная гостиная с видом на огонь в печи, кухня с единой столешницей в подоконник, а главное — собственная сауна и парная, где можно по-настоящему расслабиться после холодного дня.<br /><br />Вместе с заказчиками мы шаг за шагом создавали пространство их мечты: продумывали отопление, устанавливали электрический котёл и водяной тёплый пол, делали скважину и септик, выводили все коммуникации. В результате дом стал полностью автономным и готовым для жизни.</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Шикарный каркасный дом 120 м²</title>
      <link>https://artonmebel.ru/tpost/2v1z5bm661-shikarnii-karkasnii-dom-120-m</link>
      <amplink>https://artonmebel.ru/tpost/2v1z5bm661-shikarnii-karkasnii-dom-120-m?amp=true</amplink>
      <pubDate>Mon, 16 Jan 2023 14:08:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6134-6339-4933-b237-316162303535/_DSC8243.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная с панормаными окнами, две спальни, санузел, котельная и двойная терраса</description>
      <turbo:content><![CDATA[<header><h1>Шикарный каркасный дом 120 м²</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6134-6339-4933-b237-316162303535/_DSC8243.jpg"/><img src="https://static.tildacdn.com/tild3432-3437-4430-b430-613465633235/_DSC8246.jpg"/><img src="https://static.tildacdn.com/tild3966-6130-4261-a265-313536326137/_DSC8236.jpg"/><img src="https://static.tildacdn.com/tild6435-3962-4665-b231-616333333938/_DSC8221.jpg"/><img src="https://static.tildacdn.com/tild6331-6538-4162-b462-323863396664/_DSC8222.jpg"/><img src="https://static.tildacdn.com/tild6361-6264-4637-a637-326561346332/_DSC8225.jpg"/><img src="https://static.tildacdn.com/tild6435-6531-4339-a464-306631613765/_DSC8230.jpg"/><img src="https://static.tildacdn.com/tild3562-3332-4533-b934-656363323739/_DSC8232.jpg"/><img src="https://static.tildacdn.com/tild3866-6331-4132-b132-336137383565/_DSC8234.jpg"/><img src="https://static.tildacdn.com/tild6636-3037-4239-b834-363535316466/_DSC8167.jpg"/><img src="https://static.tildacdn.com/tild3230-3266-4333-b662-396366393762/_DSC8173.jpg"/><img src="https://static.tildacdn.com/tild3130-3462-4632-a636-613538633962/_DSC8179.jpg"/><img src="https://static.tildacdn.com/tild3236-6661-4539-b763-373863666336/_DSC8185.jpg"/><img src="https://static.tildacdn.com/tild6332-6334-4436-a265-653539626133/_DSC8195.jpg"/><img src="https://static.tildacdn.com/tild3562-6164-4633-b733-613831373264/_DSC8198.jpg"/><img src="https://static.tildacdn.com/tild3235-3261-4235-a639-343836666537/_DSC8203.jpg"/><img src="https://static.tildacdn.com/tild3962-6232-4832-b565-633364643662/_DSC8204.jpg"/><img src="https://static.tildacdn.com/tild3064-6265-4332-b637-313331613738/_DSC8208.jpg"/><img src="https://static.tildacdn.com/tild3133-3763-4332-a335-333664613163/_DSC8211.jpg"/><img src="https://static.tildacdn.com/tild3061-6438-4038-a265-313462303061/_DSC8213.jpg"/><img src="https://static.tildacdn.com/tild6633-3830-4332-a565-346333646436/_DSC8215.jpg"/></div><div class="t-redactor__text">Этот дом — настоящее воплощение мечты о комфортной и уютной жизни вдали от городской суеты. Дом проектировался с учётом всех пожеланий заказчиков: от видеонаблюдения и интернета до закладных под телевизоры и кухню, чтобы каждый уголок был функциональным и удобным.<br /><br />Во время строительства были учтены все нюансы: вентиляция чердака, террасная доска, греющие кабели на скважину и канализацию, индивидуальная мебель, согласованная с дизайном интерьера. Здесь две спальни, ванная, прихожая, большая гостиная и терраса, где можно устраивать уютные вечера. Каждая деталь продумана так, чтобы жизнь была комфортной и безопасной, а дом становился настоящим семейным гнёздышком.</div><div class="t-redactor__text">Дом готов! Наступил тот момент, когда мы готовы рассказать подробнее о материалах, сроках, площади и стоимости дома<br /><br /><strong>Краткая информация:</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> - 6 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet">Площадь - 120 кв м</li><li data-list="bullet"><strong>Срок строительства:</strong> - Май 2022 - Ноябрь 2022</li></ul></div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Железобетонные сваи;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Обработка всего каркаса антисептиком 3в1 NEOMID;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — REHAU;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — антисептик Luxens, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ;</li>
    <li>Покраска внутри — антисептик Pinotex, 2 слоя;</li>
    <li>Входная дверь — с терморазрывом «Центурион»;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет»;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление, сантехника, электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA;</li>
    <li>Водяной тёплый пол — Valtec;</li>
    <li>Бойлер косвенного нагрева;</li>
    <li>Два водяных радиатора;</li>
    <li>Система водоочистки;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Септик переливной — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Видеонаблюдение — 4 камеры;</li>
    <li>Заведён интернет в дом;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    <li>Отмостка;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239327" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3430-6433-4438-b562-343839323262/image.png" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3530-3961-4536-b332-623935376635/image.png" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3838-6633-4337-a662-313864313864/image.png" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Семейный каркасный дом 83 м² с детской</title>
      <link>https://artonmebel.ru/tpost/99i1ns5j21-semeinii-karkasnii-dom-83-m-s-detskoi</link>
      <amplink>https://artonmebel.ru/tpost/99i1ns5j21-semeinii-karkasnii-dom-83-m-s-detskoi?amp=true</amplink>
      <pubDate>Wed, 30 Nov 2022 19:11:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6439-3439-4838-a237-643133393863/_DSC7573.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная, взрослая спальня, детская, санузел, широкая терраса и котельная</description>
      <turbo:content><![CDATA[<header><h1>Семейный каркасный дом 83 м² с детской</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6439-3439-4838-a237-643133393863/_DSC7573.jpg"/><img src="https://static.tildacdn.com/tild3133-6431-4637-a235-613564383434/_DSC7574.jpg"/><img src="https://static.tildacdn.com/tild6265-3263-4136-b532-383532356632/_DSC7581.jpg"/><img src="https://static.tildacdn.com/tild3264-6532-4138-b033-653034373138/_DSC7577.jpg"/><img src="https://static.tildacdn.com/tild3064-3233-4365-a664-313034386334/_DSC7585.jpg"/><img src="https://static.tildacdn.com/tild3033-3063-4466-a236-383161363862/_DSC7587.jpg"/><img src="https://static.tildacdn.com/tild6630-6538-4464-b330-396336333832/_DSC7590.jpg"/><img src="https://static.tildacdn.com/tild6236-6661-4563-b763-633566663733/_DSC7593.jpg"/><img src="https://static.tildacdn.com/tild3965-6565-4438-a234-613230356330/_DSC7595.jpg"/><img src="https://static.tildacdn.com/tild6330-6635-4162-b339-346631616363/_DSC7518.jpg"/><img src="https://static.tildacdn.com/tild3665-3261-4266-b461-376339623261/_DSC7519.jpg"/><img src="https://static.tildacdn.com/tild3039-6532-4730-a432-653332306238/_DSC7520.jpg"/><img src="https://static.tildacdn.com/tild3965-6364-4632-a661-653264643739/_DSC7528.jpg"/><img src="https://static.tildacdn.com/tild3564-3231-4339-a161-316666613834/_DSC7535.jpg"/><img src="https://static.tildacdn.com/tild3761-3830-4662-b033-616637343538/_DSC7537.jpg"/><img src="https://static.tildacdn.com/tild6562-3034-4135-a563-373838636639/_DSC7540.jpg"/><img src="https://static.tildacdn.com/tild3139-3635-4136-b463-386364643263/_DSC7549.jpg"/><img src="https://static.tildacdn.com/tild3966-6532-4936-a439-636436346663/_DSC7555.jpg"/><img src="https://static.tildacdn.com/tild3531-6566-4130-b132-386431343839/_DSC7558.jpg"/><img src="https://static.tildacdn.com/tild6334-6336-4262-b338-613536653533/_DSC7560.jpg"/><img src="https://static.tildacdn.com/tild3435-6531-4032-a133-616138663939/_DSC7566.jpg"/></div><div class="t-redactor__text">Этот дом стал их вторым зимним домом, построенным как полноценная дача для комфортного отдыха и жизни. За время строительства и обустройства семья участвовала в выборе материалов, планировке и деталей интерьера — от террасной доски до окон и мебели. <br /><br />При проектировании учли все детали: электрический котёл, тёплые полы, бойлер, видеонаблюдение, интернет и греющий кабель в скважине, чтобы жильё оставалось тёплым и безопасным даже в суровую погоду. <br /><br />Внутри дом продуман до мелочей: детская с двухъярусной кроваткой для каждого ребёнка, спальня взрослых, кухня- гостиная с панорамными окнами, ванная с продуманной сантехникой и системой вентиляции. Закладные под мебель и технику позволили без проблем расставить всё по плану, а тёплые полы сделали отопление комфортным без громоздких радиаторов. Дом стал не только уютным местом для отдыха, но и практичным пространством для жизни всей семьи.</div><div class="t-redactor__text"><strong>Краткая информация:</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> 5 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> <strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Стоимость:</strong> 5 млн рублей (стоимость указана без мебели)</li><li data-list="bullet"><strong>Размеры:</strong> 11,8*7 = 82.6 м2</li><li data-list="bullet"><strong>Стоимость квадратного метра:</strong> - 60.530 м2</li><li data-list="bullet"><strong>Срок строительства</strong>: - Май 2022 - Октябрь 2022</li></ul><br />Данный проект можно реализовать и для вас. Вы сами можете корректировать цвет, материалы. Если у вас появились вопросы, пишите нам в любую соц сеть (ссылки дадим ниже). Будем рады проконсультировать каждого!</div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Железобетонные сваи;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Обработка всего каркаса антисептиком 3в1 NEOMID;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — Gealan S 7000 IQ;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — антисептик Luxens, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ;</li>
    <li>Покраска внутри — антисептик Pinotex, 2 слоя;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
    <li>Подоконники — влагостойкие, под дерево;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет»;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление и электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA;</li>
    <li>Водяной тёплый пол — Valtec;</li>
    <li>Бойлер косвенного нагрева;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Септик переливной — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Видеонаблюдение — 4 камеры;</li>
    <li>Заведён интернет в дом;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
    <li>Отмостка;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239299" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><hr style="color: #000000;"><h2  class="t-redactor__h2">Планировка</h2><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Слайдер</title>
<style>
  body { margin:0; font-family: Arial, sans-serif; background:#fafafa; }

  .slider {
    position: relative;
    max-width: 900px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    background:#000;
  }
  .slides {
    display: flex;
    transition: transform .5s ease;
    will-change: transform;
  }
  .slides img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
  }

  /* Стрелки */
  .slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }
  .slider__btn:hover { background: rgba(0,0,0,.6); }
  .slider__btn.prev { left: 12px; }
  .slider__btn.next { right: 12px; }
</style>
</head>
<body>

<!-- теперь можно управлять атрибутами -->
<div class="slider" data-autoplay="true" data-interval="3000">
  <div class="slides">
    <img src="https://static.tildacdn.com/tild3263-6462-4631-b838-316439613764/AH2__87_page-0002.jpg" alt="Фото 1">
    <img src="https://static.tildacdn.com/tild3464-3261-4366-b862-306336356662/AH2__87_page-0007.jpg" alt="Фото 5">
    <img src="https://static.tildacdn.com/tild3036-3863-4532-a362-306261323333/AH2__87_page-0008.jpg" alt="Фото 6">
  </div>
  <button class="slider__btn prev" type="button">⟨</button>
  <button class="slider__btn next" type="button">⟩</button>
</div>

<script>
(function () {
  function initSlider(root) {
    const slides = root.querySelector('.slides');
    const images = slides.querySelectorAll('img');
    const prevBtn = root.querySelector('.prev');
    const nextBtn = root.querySelector('.next');

    // читаем настройки из атрибутов
    const AUTOPLAY = root.dataset.autoplay === "true";
    const INTERVAL_MS = parseInt(root.dataset.interval) || 4000;

    let index = 0;
    let timer = null;
    let startX = 0;

    function showSlide(i) {
      if (i < 0) index = images.length - 1;
      else if (i >= images.length) index = 0;
      else index = i;
      slides.style.transform = `translateX(${-index * 100}%)`;
    }

    function next() { showSlide(index + 1); }
    function prev() { showSlide(index - 1); }

    function startAutoplay() {
      if (!AUTOPLAY) return;
      stopAutoplay();
      timer = setInterval(next, INTERVAL_MS);
    }
    function stopAutoplay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    // свайпы
    root.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
      stopAutoplay();
    }, { passive: true });

    root.addEventListener('touchend', e => {
      const dx = e.changedTouches[0].clientX - startX;
      if (dx > 50) prev();
      else if (dx < -50) next();
      startAutoplay();
    }, { passive: true });

    // пауза при наведении
    root.addEventListener('mouseenter', stopAutoplay);
    root.addEventListener('mouseleave', startAutoplay);

    // кнопки
    prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });
    nextBtn.addEventListener('click', () => { next(); startAutoplay(); });

    // автозапуск только когда видно
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) startAutoplay();
        else stopAutoplay();
      });
    }, { threshold: 0.2 });
    io.observe(root);

    showSlide(0);
  }

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slider').forEach(initSlider);
  });
})();
</script>

</body>
</html>
</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Шикарный каркасный дом 137 м² в комплектации «Под ключ»</title>
      <link>https://artonmebel.ru/tpost/9v7z3v2361-shikarnii-karkasnii-dom-137-m-v-komplekt</link>
      <amplink>https://artonmebel.ru/tpost/9v7z3v2361-shikarnii-karkasnii-dom-137-m-v-komplekt?amp=true</amplink>
      <pubDate>Wed, 30 Nov 2022 14:39:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3266-3266-4165-a164-313137396361/DJI_0195.jpg" type="image/jpeg"/>
      <description>Большая гостиная, кухня, спальня, санузел, котельная, хозяйственное помещение и терраса</description>
      <turbo:content><![CDATA[<header><h1>Шикарный каркасный дом 137 м² в комплектации «Под ключ»</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3266-3266-4165-a164-313137396361/DJI_0195.jpg"/><img src="https://static.tildacdn.com/tild3932-3937-4263-b638-646331343462/DJI_0197.jpg"/><img src="https://static.tildacdn.com/tild3439-3336-4331-b462-623434306538/DJI_0198.jpg"/><img src="https://static.tildacdn.com/tild3164-6437-4538-a139-623466633237/DJI_0199.jpg"/><img src="https://static.tildacdn.com/tild3965-3963-4831-b033-313330653932/DJI_0202.jpg"/><img src="https://static.tildacdn.com/tild6666-3363-4538-a361-323637656162/DJI_0209.jpg"/><img src="https://static.tildacdn.com/tild3036-3131-4332-a131-343131316534/_DSC7450.jpg"/><img src="https://static.tildacdn.com/tild3664-3730-4339-b435-383736303635/_DSC7464.jpg"/><img src="https://static.tildacdn.com/tild6536-3863-4465-b132-343366376236/_DSC7472.jpg"/><img src="https://static.tildacdn.com/tild3938-6530-4465-a338-626562646138/_DSC7482.jpg"/><img src="https://static.tildacdn.com/tild3734-6165-4163-a537-336539363233/_DSC7484.jpg"/><img src="https://static.tildacdn.com/tild3635-6231-4363-a432-656264663835/_DSC7486.jpg"/><img src="https://static.tildacdn.com/tild3035-3831-4637-a535-643933363362/_DSC7494.jpg"/><img src="https://static.tildacdn.com/tild3339-3264-4932-b535-643131343561/_DSC7497.jpg"/><img src="https://static.tildacdn.com/tild6335-3939-4564-a434-326662623130/_DSC7504.jpg"/><img src="https://static.tildacdn.com/tild3134-6466-4064-b534-333562613066/_DSC7506.jpg"/><img src="https://static.tildacdn.com/tild6236-6235-4230-b234-353432666433/_DSC7512.jpg"/></div><div class="t-redactor__text">Этот дом в Андреевке родился из мечты заказчиков о собственном уголке уюта и комфорта. Строительство заняло всего пять месяцев и каждый этап тщательно контролировался: от выбора материалов до установки отопления и теплых полов. Дом получился просторным и светлым, с одной спальней, большой гостиной, хозяйственным помещением и террасой, где приятно встречать утро с чашкой кофе. <br /><br />Особое внимание уделено функциональности: отдельная котельная для газового котла, тройная система водоочистки, закладные под телевизор и интернет, регулируемое освещение и натяжные потолки создают комфорт на каждый день. Дом спроектирован и построен так, чтобы каждая деталь радовала глаз и была удобна в использовании, а индивидуальная планировка и отделка дают ощущение, что это место создано специально для своих владельцев.</div><div class="t-redactor__text"><strong>Краткая информация:</strong><br /><br /><ul><li data-list="bullet"><strong>Срок строительства:</strong> 5 месяцев</li><li data-list="bullet"><strong>Комплектация:</strong> <strong>Комплектация:</strong> «Под ключ»</li><li data-list="bullet"><strong>Стоимость:</strong> 7 млн рублей (стоимость указана без мебели)</li><li data-list="bullet"><strong>Размеры:</strong> 11*12,5 = 137.5 м2</li><li data-list="bullet"><strong>Стоимость квадратного метра:</strong> 50.900 м2</li><li data-list="bullet"><strong>Срок строительства:</strong> - Февраль 2022 - Август 2022</li><li data-list="bullet"></li></ul>Данный проект можно реализовать и для вас. Вы сами можете корректировать цвет, материалы. Если у вас появились вопросы, пишите нам в Директ. Будем рады проконсультировать каждого!</div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Технические характеристики</title>
  <style>
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('https://atom.st/wp-content/uploads/font/Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    body {
      font-family: 'Gilroy', Arial, sans-serif;
      margin: 20px;
    }

    details {
      margin: 20px 0;
    }

    summary {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }

    h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    ul {
      margin: 0 0 10px 20px;
    }
  </style>
</head>
<body>

<details>
  <summary>Технические характеристики</summary>

  <h3>Фундамент:</h3>
  <ul>
    <li>Железобетонные сваи;</li>
  </ul>

  <h3>Каркас и утепление:</h3>
  <ul>
    <li>Обработка всего каркаса антисептиком 3в1 NEOMID;</li>
    <li>Утеплитель — каменная вата Технониколь Роклайт Master;</li>
  </ul>

  <h3>Кровля и цоколь:</h3>
  <ul>
    <li>Крыша — металлочерепица 0,5мм, цвет графит, все доборные элементы в цвет;</li>
    <li>Цоколь зашит — профлист, цвет графит;</li>
  </ul>

  <h3>Окна и отделка:</h3>
  <ul>
    <li>Окна — Gealan S 7000 IQ;</li>
    <li>Отделка снаружи — имитация бруса, кедр, сорт АВ;</li>
    <li>Покраска снаружи — антисептик Luxens, 2 слоя;</li>
    <li>Отделка внутри — вагонка «Штиль», кедр, сорт АВ;</li>
    <li>Покраска внутри — антисептик Pinotex, 2 слоя;</li>
    <li>Черновой пол — полусухая стяжка;</li>
    <li>Чистовой пол — ламинат и плитка;</li>
    <li>Потолок — натяжной, белый матовый;</li>
    <li>Межкомнатные двери — МДФ в плёнке;</li>
  </ul>

  <h3>Терраса:</h3>
  <ul>
    <li>Террасная доска — лиственница «Вельвет»;</li>
    <li>Рейки на террасе — лиственница сухая строганная;</li>
  </ul>

  <h3>Отопление, сантехника, электрика:</h3>
  <ul>
    <li>Электрика — дифавтомат, кабель ВВГнг-LS в гофре;</li>
    <li>Отопление — электрический котёл ZOTA и газовый котёл;</li>
    <li>Водяной тёплый пол — Valtec;</li>
    <li>Бойлер косвенного нагрева;</li>
    <li>Тройная система водоочистки;</li>
  </ul>

  <h3>Технические моменты:</h3>
  <ul>
    <li>Скважина — 65 метров;</li>
    <li>Септик — бетонные кольца с люком;</li>
    <li>Подключение дома к электричеству под землёй;</li>
    <li>Видеонаблюдение — 4 камеры;</li>
    <li>Заведён интернет в дом;</li>
    <li>Канализационные трубы утеплены, дополнительно проложен греющий кабель;</li>
  </ul>

</details>

</body>
</html>
</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239297" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Каркасный дом 80 м² с двумя спальнями</title>
      <link>https://artonmebel.ru/tpost/xfxu2yfo61-karkasnii-dom-80-m-s-dvumya-spalnyami</link>
      <amplink>https://artonmebel.ru/tpost/xfxu2yfo61-karkasnii-dom-80-m-s-dvumya-spalnyami?amp=true</amplink>
      <pubDate>Thu, 22 Sep 2022 06:47:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3166-6337-4462-a539-616664393764/1.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная с панорамными окнами и выходом на террасу, две спальни, санузел</description>
      <turbo:content><![CDATA[<header><h1>Каркасный дом 80 м² с двумя спальнями</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3166-6337-4462-a539-616664393764/1.jpg"/><img src="https://static.tildacdn.com/tild3634-3937-4262-b633-656431386131/2.jpg"/><img src="https://static.tildacdn.com/tild3566-6463-4937-a433-323736396234/3.jpg"/><img src="https://static.tildacdn.com/tild3338-3935-4836-b438-326532363732/4.jpg"/><img src="https://static.tildacdn.com/tild3564-3062-4564-b438-396632316639/5.jpg"/><img src="https://static.tildacdn.com/tild6534-6434-4539-b031-356338316531/6.jpg"/><img src="https://static.tildacdn.com/tild6330-6634-4933-b537-323637323835/7.jpg"/><img src="https://static.tildacdn.com/tild6235-3462-4564-a235-646538306434/8.jpg"/><img src="https://static.tildacdn.com/tild3834-3632-4533-b638-376339336663/9.jpg"/><img src="https://static.tildacdn.com/tild6235-3138-4635-b864-366464303663/10.jpg"/><img src="https://static.tildacdn.com/tild6537-3264-4566-b733-656131353739/11.jpg"/><img src="https://static.tildacdn.com/tild6632-6433-4330-b438-616237613263/12.jpg"/></div><div class="t-redactor__text">Этот дом в норвежском стиле — настоящий редкий экземпляр. Высота потолков в 5 метров, панорамные окна и продуманная планировка создают ощущение свободы и простора. Дом полностью готов для жизни: от тёплого пола и котла с управлением со смартфона до видеонаблюдения и Wi-Fi. Даже санузел укомплектован «под ключ» — душевая, унитаз, бойлер и мебель уже на месте.<br /><br />Вместе с домом была создана целая атмосфера уюта: благоустроенная территория с газоном и дорожками, хозблок, зона для барбекю с чашей под костёр, парковки и стильный забор. А утро на большой террасе с чашкой кофе и видом на свой сад превращается в ритуал спокойствия, ради которого и строят такие дома.</div><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239025" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Какркасный дом 55 м² с мансардой и сауной</title>
      <link>https://artonmebel.ru/tpost/b6uit082c1-kakrkasnii-dom-55-m-s-mansardoi-i-saunoi</link>
      <amplink>https://artonmebel.ru/tpost/b6uit082c1-kakrkasnii-dom-55-m-s-mansardoi-i-saunoi?amp=true</amplink>
      <pubDate>Fri, 26 Aug 2022 10:46:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3566-3032-4131-b332-323537303561/123.jpg" type="image/jpeg"/>
      <description>Кухня-гостиная, душевая, парная, санузел, котельная, мансардный этаж и терраса</description>
      <turbo:content><![CDATA[<header><h1>Какркасный дом 55 м² с мансардой и сауной</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3566-3032-4131-b332-323537303561/123.jpg"/><img src="https://static.tildacdn.com/tild3766-6231-4230-a363-353662636231/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild3130-3238-4662-a139-383635306330/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild6432-3032-4262-b435-663664333364/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild6463-3035-4438-b331-653862363730/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild3939-6534-4166-b262-666664396634/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild6135-6663-4364-a462-306565643038/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild6332-6634-4338-b062-393233383631/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild3166-3531-4236-a535-623864366138/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild6438-3866-4366-b863-386163393632/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild3962-3331-4764-a362-613935336434/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild6230-6532-4963-b433-386335633234/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild3037-3635-4232-a565-313161306439/photo_2022-12-01_18-.jpg"/><img src="https://static.tildacdn.com/tild3731-3363-4332-a261-346432303434/14.jpg"/><img src="https://static.tildacdn.com/tild3762-3237-4261-b635-366164376461/1.jpg"/><img src="https://static.tildacdn.com/tild6237-3430-4766-b539-353637323435/2.jpg"/><img src="https://static.tildacdn.com/tild3738-3061-4361-b431-343662326163/3.jpg"/><img src="https://static.tildacdn.com/tild6134-3763-4561-a135-616166626562/4.jpg"/><img src="https://static.tildacdn.com/tild3465-3337-4263-b761-666232353961/5.jpg"/><img src="https://static.tildacdn.com/tild6636-6338-4531-b461-316137326335/6.jpg"/><img src="https://static.tildacdn.com/tild3533-3930-4231-a661-343065643464/7.jpg"/><img src="https://static.tildacdn.com/tild6637-6134-4362-b334-313239373132/8.jpg"/><img src="https://static.tildacdn.com/tild3834-3138-4030-a465-653838616661/9.jpg"/><img src="https://static.tildacdn.com/tild3566-3266-4634-a633-373033646264/10.jpg"/><img src="https://static.tildacdn.com/tild6562-6463-4232-a234-326461626564/12.jpg"/><img src="https://static.tildacdn.com/tild3934-3062-4133-a365-306332346365/13.jpg"/></div><div class="t-redactor__text">Этот дом — не просто зимняя дача, а настоящий тёплый и уютный уголок для жизни и отдыха в любое время года. Мы возвели его всего за 3,5 месяца, полностью взяв на себя все заботы: от проекта до инженерных коммуникаций. Дом получился светлым и практичным: большая открытая терраса из лиственницы, уютная гостиная с видом на огонь в печи, кухня с единой столешницей в подоконник, а главное — собственная сауна и парная, где можно по-настоящему расслабиться после холодного дня.<br /><br />Вместе с заказчиками мы шаг за шагом создавали пространство их мечты: продумывали отопление, устанавливали электрический котёл и водяной тёплый пол, делали скважину и септик, выводили все коммуникации. В результате дом стал полностью автономным и готовым для жизни.</div><hr style="color: #000000;"><h2  class="t-redactor__h2">Видео-обзор дома</h2><iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=-211076269&id=456239233" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Дом в стиле A-frame 60 м² с мансардой и сауной</title>
      <link>https://artonmebel.ru/tpost/um7g5uppj1-dom-v-stile-a-frame-60-m-s-mansardoi-i-s</link>
      <amplink>https://artonmebel.ru/tpost/um7g5uppj1-dom-v-stile-a-frame-60-m-s-mansardoi-i-s?amp=true</amplink>
      <pubDate>Wed, 23 Mar 2022 10:10:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3065-3065-4431-a432-303436346664/image.png" type="image/png"/>
      <description>Просторная кухня-гостиная с камином и выходом на террасу,
санузел с душевой, сауна и мансарда</description>
      <turbo:content><![CDATA[<header><h1>Дом в стиле A-frame 60 м² с мансардой и сауной</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3065-3065-4431-a432-303436346664/image.png"/></figure><div class="t-redactor__text">Просторная кухня-гостиная с камином и выходом на террасу,<br />санузел с душевой, сауна и мансарда</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Кардио дом</title>
      <link>https://artonmebel.ru/tpost/730xgl3u61-kardio-dom</link>
      <amplink>https://artonmebel.ru/tpost/730xgl3u61-kardio-dom?amp=true</amplink>
      <pubDate>Tue, 22 Mar 2022 10:50:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6535-6430-4030-a164-306435633462/1.png" type="image/png"/>
      <description>Наш второй проект - кардио дом</description>
      <turbo:content><![CDATA[<header><h1>Кардио дом</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild6535-6430-4030-a164-306435633462/1.png"/><img src="https://static.tildacdn.com/tild3232-3932-4334-b732-663265396135/PHOTO-2022-10-13-12-.jpg"/><img src="https://static.tildacdn.com/tild3063-6538-4461-a239-356465396163/PHOTO-2022-10-13-12-.jpg"/><img src="https://static.tildacdn.com/tild3231-3762-4138-b836-623965656561/PHOTO-2022-10-13-12-.jpg"/><img src="https://static.tildacdn.com/tild3262-3832-4138-a136-303131386634/PHOTO-2022-10-13-12-.jpg"/><img src="https://static.tildacdn.com/tild3935-6633-4261-b964-386235313865/PHOTO-2022-10-13-12-.jpg"/><img src="https://static.tildacdn.com/tild3731-3663-4239-b539-336536393132/PHOTO-2022-10-13-12-.jpg"/><img src="https://static.tildacdn.com/tild3230-6534-4364-a664-643233373861/IMG_7863.JPG"/><img src="https://static.tildacdn.com/tild3634-3765-4462-a633-383331336333/IMG_8102.JPG"/><img src="https://static.tildacdn.com/tild3763-6332-4539-a262-383461656533/IMG_7842.JPG"/><img src="https://static.tildacdn.com/tild3636-3438-4762-a434-663938353036/IMG_7843.JPG"/><img src="https://static.tildacdn.com/tild3531-6365-4165-a233-393466383633/IMG_7855.JPG"/><img src="https://static.tildacdn.com/tild3536-3139-4635-b164-313935356535/IMG_7851.JPG"/><img src="https://static.tildacdn.com/tild3636-6333-4531-a662-303832393934/IMG_7845.JPG"/><img src="https://static.tildacdn.com/tild6239-6532-4634-b663-373536326338/IMG_7846.JPG"/><img src="https://static.tildacdn.com/tild3033-6166-4435-a433-326564383635/IMG_7835.JPG"/><img src="https://static.tildacdn.com/tild3835-6264-4664-b663-353036613338/IMG_7820.JPG"/><img src="https://static.tildacdn.com/tild6664-3032-4166-b531-663962616334/IMG_7822.JPG"/><img src="https://static.tildacdn.com/tild3432-3537-4130-a230-343830363762/IMG_7826.JPG"/><img src="https://static.tildacdn.com/tild3334-6230-4737-b835-363336343665/IMG_7818.JPG"/><img src="https://static.tildacdn.com/tild3930-6634-4333-b130-363063626632/IMG_7830.JPG"/><img src="https://static.tildacdn.com/tild3132-6566-4161-a334-646330633039/IMG_7825.JPG"/><img src="https://static.tildacdn.com/tild6365-3032-4566-a436-383366373732/IMG_7831.JPG"/></div><h2  class="t-redactor__h2">Пару слов о проекте</h2><div class="t-redactor__text"><br />Каркасный дом «Comfort-4» - большой, вместительный, 120 кв м. Терраса 18 м². Жилое 104 м² - две спальни, прихожая, санузел, гостиная. Потрясающий вид из окна на природу. Дом находится в черте города. До центра 20 минут. Срок строительства 4 месяца с учетом всех коммуникационных работ. Данный проект дома можно скорректировать под индивидуальные желания.<br /><br />Дом построен для постоянного круглогодичного проживания на территории 10 соток.<br /><br />*Точную стоимость рассчитаем при личной встречи. Для этого просто напишите нам в личные сообщения или свяжитесь по телефону.<br /><br />** Также, у нас можно заказать мебель по индивидуальным размерам во весь дом.</div><h2  class="t-redactor__h2">Хотите такой же дом?</h2><h2  class="t-redactor__h2">Позвоните нам по номеру</h2><h2  class="t-redactor__h2">8 923 518 49 00</h2>]]></turbo:content>
    </item>
  </channel>
</rss>
