<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3">
<title>Звуки Природы Слушать Онлайн Бесплатно | Релакс Музыка для Сна и Отдыха 🎧</title>
<meta name="description" content="🎧 Погрузитесь в мир гармонии! Слушайте онлайн бесплатно высококачественные звуки природы: дождь, лес, море, пение птиц, шум водопада. Идеально для релаксации, медитации, глубокого сна, снятия стресса и создания уютной атмосферы. Большая коллекция природных мелодий на SoundFX.ru."/>
<meta name="keywords" content="звуки природы, слушать онлайн, бесплатно, релакс музыка, для сна, для отдыха, медитация, шум дождя, пение птиц, звуки леса, звуки моря, водопад, гроза, природные звуки, белый шум, SoundFX" />
<meta name="author" content="MS Corp" />
<meta name="copyright" content="soundfx.ru">
<meta name="robots" content="index, follow"> <!-- Убран noindex, nofollow, так как это главная страница -->
<meta name="revisit-after" content="7 days"> <!-- Немного уменьшил период -->
<meta name="theme-color" content="#2E7D32"> <!-- Темно-зеленый цвет, ассоциирующийся с природой -->
<!-- Favicon и иконки для разных устройств -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#2E7D32"> <!-- Соответствие theme-color -->
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<!-- Подключение стилей -->
<link href="_include/css/bootstrap.min.css" rel="stylesheet"> <!-- Предпочтительно minified версии -->
<link href="_include/css/style.css" rel="stylesheet">
<!-- Дополнительные стили, если нужны -->
<link rel="stylesheet" href="_include/css/main-page-styles.css"> <!-- Новый файл для стилей главной страницы -->
<!-- Canonical URL -->
<link rel="canonical" href="https://soundfx.ru/" />
<!-- Open Graph (OG) для социальных сетей -->
<meta property="og:locale" content="ru_RU"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Звуки Природы Слушать Онлайн Бесплатно 🎧 SoundFX.ru"/>
<meta property="og:description" content="Погрузитесь в мир гармонии! Слушайте онлайн бесплатно высококачественные звуки природы: дождь, лес, море, пение птиц, шум водопада. Идеально для релаксации, медитации, глубокого сна, снятия стресса и создания уютной атмосферы."/>
<meta property="og:url" content="https://soundfx.ru/"/>
<meta property="og:site_name" content="SoundFX.ru - Звуки Природы и Рингтоны"/>
<meta property="og:image" content="https://soundfx.ru/img/og-image-nature.jpg"/> <!-- Более релевантное изображение, абсолютный путь -->
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Красивый пейзаж с природой и расслабляющими звуками" />
<!-- Dublin Core (DC) - можно оставить, но OG часто более приоритетны -->
<meta name="DC.Title" content="Звуки Природы Слушать Онлайн Бесплатно"/>
<meta name="DC.Creator" content="soundfx.ru">
<meta name="DC.Subject" content="Звуки природы, релакс, музыка для сна, медитация"/>
<meta name="DC.Description" content="Коллекция высококачественных звуков природы для расслабления, сна и снятия стресса."/>
<meta name="DC.Publisher" content="MS Corp">
<meta name="DC.Type" content="Sound, WebPage"> <!-- Изменено на WebPage -->
<meta name="DC.Format" content="text/html"/> <!-- Более точный формат -->
<meta name="DC.Identifier" content="https://soundfx.ru/"/>
<meta name="DC.Language" content="ru-RU">
<meta name="DC.Coverage" content="World">
<meta name="DC.Rights" content="© 2025 soundfx.ru"> <!-- Обновлен копирайт -->
<!-- Inline-стили для базового внешнего вида, остальное лучше вынести в main-page-styles.css -->
<style>
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: #333;
background-color: #e8f5e9; /* Светло-зеленый, напоминающий о природе */
margin: 0;
padding: 0;
display: flex; /* Flexbox для прикрепления футера к низу */
flex-direction: column;
min-height: 100vh; /* Минимальная высота для всего viewport */
}
.main-content {
flex: 1; /* Основное содержимое будет занимать все доступное пространство */
}
.container-main {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
box-sizing: border-box;
}
header.site-header {
background-color: #4CAF50; /* Зеленый цвет */
color: white;
padding: 40px 0;
text-align: center;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
margin-bottom: 30px;
}
header.site-header h1 {
font-size: 3.8em;
margin: 0 0 15px;
text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
font-weight: 800;
}
header.site-header p {
font-size: 1.5em;
max-width: 800px;
margin: 0 auto;
color: #e0f2f1;
}
.top-ad-block {
padding: 20px 0;
text-align: center;
background-color: #f0f4c3; /* Светло-желтый для рекламы */
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.categories-section {
background-color: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
margin-bottom: 30px;
}
.categories-section h2 {
font-size: 2.5em;
color: #2E7D32;
text-align: center;
margin-bottom: 30px;
font-weight: 700;
}
#flavor-nav {
text-align: center;
margin-bottom: 30px;
padding: 15px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
#flavor-nav a {
display: inline-block;
padding: 10px 20px;
margin: 5px;
background-color: #cfd8dc; /* Светло-серый */
color: #424242;
text-decoration: none;
border-radius: 20px;
transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
font-weight: bold;
font-size: 1.1em;
}
#flavor-nav a:hover {
background-color: #90a4ae; /* Темнее при наведении */
color: white;
transform: translateY(-2px);
}
#flavor-nav a.current {
background-color: #4CAF50; /* Зеленый для активной */
color: white;
box-shadow: 0 3px 8px rgba(76,175,80,0.4);
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px; /* Увеличенный отступ */
margin-top: 20px;
}
.thumb { /* Переименован из .col-md-3 и т.д. для грида */
background-color: #fcfcfc;
border: 1px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.thumb:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.thumb a p {
font-size: 1.25em;
font-weight: bold;
color: #333;
text-align: center;
padding: 15px 10px 5px;
margin: 0;
line-height: 1.3;
}
.thumb a p:hover {
color: #4CAF50; /* Зеленый при наведении на текст */
}
.thumb img {
width: 100%;
height: 200px; /* Фиксированная высота для всех изображений */
object-fit: cover; /* Обрезает изображение, сохраняя пропорции */
display: block;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.bottom-ad-block {
padding: 20px 0;
text-align: center;
background-color: #ffe082; /* Желтый для рекламы */
margin-top: 30px;
margin-bottom: 30px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.additional-links-section {
background-color: #f1f8e9; /* Светлый зеленый */
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
margin-bottom: 30px;
}
.additional-links-section h2 {
font-size: 2em;
color: #388E3C;
text-align: center;
margin-bottom: 25px;
font-weight: 600;
}
.additional-links-section .menu-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.additional-links-section ul {
list-style: none;
padding: 0;
margin: 0;
}
.additional-links-section ul li {
margin-bottom: 5px;
}
.additional-links-section ul li a {
display: block;
padding: 8px 12px;
background-color: #c8e6c9; /* Светло-зеленый фон ссылки */
color: #2E7D32;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 1em;
white-space: nowrap; /* Чтобы ссылки не переносились */
overflow: hidden;
text-overflow: ellipsis;
}
.additional-links-section ul li a:hover {
background-color: #a5d6a7; /* Темнее при наведении */
color: #1B5E20;
text-decoration: none;
}
footer.site-footer {
background-color: #2E7D32; /* Темно-зеленый */
color: #c8e6c9;
padding: 25px 0;
text-align: center;
margin-top: auto; /* Прикрепляет футер к низу */
box-shadow: 0 -4px 10px rgba(0,0,0,0.2);
}
footer.site-footer p {
margin: 0;
font-size: 0.95em;
}
footer.site-footer a {
color: #a5d6a7;
text-decoration: none;
}
footer.site-footer a:hover {
text-decoration: underline;
}
/* Адаптивность для мобильных */
@media (max-width: 768px) {
header.site-header h1 {
font-size: 2.5em;
}
header.site-header p {
font-size: 1.2em;
}
.categories-section h2 {
font-size: 2em;
}
#flavor-nav a {
padding: 8px 15px;
font-size: 1em;
}
.grid-container {
grid-template-columns: 1fr; /* Одна колонка на мобильных */
gap: 15px;
}
.thumb img {
height: 180px;
}
.thumb a p {
font-size: 1.1em;
}
.additional-links-section .menu-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); /* Более мелкие колонки для меню */
}
}
</style>
</head>
<body oncopy="return false;">
<div class="main-content">
<header class="site-header">
<div class="container-main">
<h1>Звуки Природы Слушать Онлайн Бесплатно 🎧</h1>
<p>Погрузитесь в мир гармонии! На SoundFX.ru вы найдете обширную коллекцию высококачественных звуков природы для релаксации, медитации, улучшения сна и снятия стресса.</p>
</div>
</header>
<!-- Yandex.RTB R-A-1766539-2 - Верхний рекламный блок -->
<div class="top-ad-block container-main" id="yandex_rtb_R-A-1766539-2"></div>
<section class="categories-section container-main">
<h2>Выберите свою стихию и настроение</h2>
<nav id="flavor-nav">
<a href="#nogo" rel="water">Вода</a>
<a href="#nogo" rel="air">Воздух</a>
<a href="#nogo" rel="fire">Огонь</a>
<a href="#nogo" rel="earth">Земля</a><br>
<a href="#nogo" rel="all" class="current">Все звуки</a>
</nav>
<div class="grid-container" id="category-grid">
<!-- Категории звуков с картинками -->
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="muzika-dlia-sna.html" title="Музыка для сна и глубокой релаксации">
<p itemprop="name">Музыка для сна</p>
<img loading="lazy" src="_include/img/index/dlia-sna-min.jpg" alt="Расслабляющая музыка для сна" title="Музыка для сна" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="dlya-uspokoeniya-nervov.html" title="Музыка для успокоения нервов и снятия стресса">
<p itemprop="name">Успокоение нервов</p>
<img loading="lazy" src="_include/img/index/uspokoenie.jpg" alt="Музыка для успокоения нервов" title="Музыка для успокоения нервов" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all fire thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="fire.html" title="Треск огня в камине для уюта и тепла">
<p itemprop="name">Треск огня</p>
<img loading="lazy" src="_include/img/index/image-01.jpg" alt="Треск огня в камине" title="Треск огня в камине" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-moria.html" title="Звуки морского прибоя и океана">
<p itemprop="name">Океан</p>
<img loading="lazy" src="_include/img/index/image-02.jpg" alt="Звуки моря" title="Звуки моря" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-dojdia.html" title="Шум дождя для расслабления и сна">
<p itemprop="name">Шум дождя</p>
<img loading="lazy" src="_include/img/index/image-03.jpg" alt="Дождь" title="Шум дождя" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-lesa.html" title="Звуки леса онлайн: пение птиц, шелест листвы">
<p itemprop="name">Лес онлайн</p>
<img loading="lazy" src="_include/img/index/image-04.jpg" alt="Звуки леса" title="Звуки леса" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="murchanie-kota.html" title="Успокаивающее мурчанье кота">
<p itemprop="name">Мурчанье кота</p>
<img loading="lazy" src="_include/img/index/image-05.jpg" alt="Мурчанье кота" title="Мурчанье кота" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="birds.html" title="Мелодичное пение птиц">
<p itemprop="name">Пение птиц</p>
<img loading="lazy" src="_include/img/index/image-06.jpg" alt="Пение птиц" title="Пение птиц" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-delfinov.html" title="Уникальные песни дельфинов">
<p itemprop="name">Песни дельфинов</p>
<img loading="lazy" src="_include/img/index/image-07.jpg" alt="Песни дельфинов" title="Песни дельфинов" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="waterfall.html" title="Могучие звуки водопада">
<p itemprop="name">Водопад</p>
<img loading="lazy" src="_include/img/index/image-08.jpg" alt="Звуки водопада" title="Звуки водопада" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="foreststream.html" title="Спокойный горный ручей">
<p itemprop="name">Горный ручей</p>
<img loading="lazy" src="_include/img/index/image-09.jpg" alt="Горный ручей" title="Горный ручей" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="swamp.html" title="Атмосферные звуки болота 3D">
<p itemprop="name">Болото 3D</p>
<img loading="lazy" src="_include/img/index/image-10.jpg" alt="Звуки болота" title="Звуки болота" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="owlshooting.html" title="Загадочное уханье совы">
<p itemprop="name">Уханье совы</p>
<img loading="lazy" src="_include/img/index/image-11.jpg" alt="Уханье совы" title="Уханье совы" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="snowcrunching.html" title="Хруст снега под ногами">
<p itemprop="name">Хруст снега</p>
<img loading="lazy" src="_include/img/index/image-12.jpg" alt="Хруст снега" title="Хруст снега" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-vodi.html" title="Разнообразные звуки воды">
<p itemprop="name">Звук воды</p>
<img loading="lazy" src="_include/img/index/water.jpg" alt="Звуки воды" title="Звук воды" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-jivotnih.html" title="Голоса диких и домашних животных">
<p itemprop="name">Животных</p>
<img loading="lazy" src="_include/img/zhivotnye.jpg" alt="Звуки животных" title="Звуки животных" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-kosmosa.html" title="Мистические звуки космоса">
<p itemprop="name">Космоса</p>
<img loading="lazy" src="_include/img/index/kosmos-m.jpg" alt="Звуки космоса" title="Звуки космоса" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-grozi.html" title="Мощные звуки грозы и молний">
<p itemprop="name">Грозы</p>
<img loading="lazy" src="_include/img/index/groza-m.jpg" alt="Звуки грозы" title="Звуки грозы" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="cristmas-songs.html" title="Новогодняя музыка и рождественские мелодии">
<p itemprop="name">Новый год</p>
<img loading="lazy" src="_include/img/index/ng.jpg" alt="Новогодние и рождественские песни" title="Новогодние и рождественские песни" itemprop="contentUrl"/>
</a>
</div>
<div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="zvuki-poezda.html" title="Звуки поезда в пути">
<p itemprop="name">Поезда</p>
<img loading="lazy" src="_include/img/index/poezd.jpg" alt="Звуки поезда" title="Звуки поезда" itemprop="contentUrl"/>
</a>
</div>
<!-- Добавьте другие категории по аналогии -->
</div>
</section>
<!-- Yandex.RTB R-A-1766539-1 - Нижний рекламный блок -->
<div class="bottom-ad-block container-main" id="yandex_rtb_R-A-1766539-1"></div>
<section class="additional-links-section container-main">
<h2>Дополнительные категории и жанры</h2>
<div class="menu-grid">
<ul>
<li><a title="Рингтоны на телефон" href="ringtony.html">Рингтоны на телефон</a></li>
<li><a title="Музыка для беременных" href="muzika-dlia-beremennih.html">Музыка для беременных</a></li>
<li><a title="Музыка для медитаций" href="muzika-dlia-meditaciy.html">Музыка для медитаций</a></li>
<li><a title="Звуки на смс" href="zvuki-na-sms.html">Звуки на смс</a></li>
<li><a title="Музыка для души" href="muzika-dlia-dushi.html">Музыка для души</a></li>
<li><a title="Красивые мелодии" href="krasivie-melodii.html">Красивые мелодии</a></li>
<li><a title="Мелодии без слов" href="melodii-bez-slov.html">Мелодии без слов</a></li>
<li><a title="Relax music" href="relax-music.html">Relax music</a></li>
</ul>
<ul>
<li><a title="Мелодия на будильник" href="melodii-na-budilnik.html">Мелодия на будильник</a></li>
<li><a title="Мелодия скрипки" href="melodia-skripki.html">Мелодия скрипки</a></li>
<li><a title="Relaxing music" href="rasslablayushaya-muzika.html">Relaxing music</a></li>
<li><a title="Музыка для массажа" href="music-for-massage.html">Музыка для массажа</a></li>
<li><a title="Русские народные песни" href="russkie-narodnie.html">Русские народные песни</a></li>
<li><a title="Песни для детей" href="muzika-dlia-detey.html">Песни для детей</a></li>
<li><a title="Музыка пианино" href="zvuki-pianino.html">Музыка пианино</a></li>
<li><a title="Инструментальная музыка" href="instrumentalnaya-muzika.html">Инструментальная музыка</a></li>
</ul>
<ul>
<li><a title="Звук айфона" href="zvuk-iphona.html">Звук айфона</a></li>
<li><a title="Samsung" href="skachat-zvuk-samsung.html">Samsung</a></li>
<li><a title="Часы" href="zvuk-chasov.html">Часы</a></li>
<li><a title="Звуки машины" href="zvuki-mashini.html">Машина</a></li>
<li><a title="Звуки двери" href="zvuki-dveri.html">Дверь</a></li>
<li><a title="Звуки самолета" href="zvuki-samoleta.html">Самолет</a></li>
<li><a title="Звуки попугая" href="zvuki-popugaya.html">Попугай</a></li>
<li><a title="Звуки поцелуя" href="zvuki-poceluya.html">Поцелуй</a></li>
</ul>
<ul>
<li><a title="Для йоги" href="muzika-dlia-yogi.html">Для йоги</a></li>
<li><a title="Мантры" href="mantri.html">Мантры</a></li>
<li><a title="Белый шум" href="beliy-shum.html">Белый шум</a></li>
<li><a title="Классические композиторы" href="klassika.html">Классическая музыка</a></li>
<li><a title="Колыбельные" href="kolibelnie-pesni.html">Колыбельные</a></li>
<li><a title="Мелодия флейты" href="melodia-fleyti.html">Мелодия флейты</a></li>
<li><a title="Лай собаки" href="lay-sobaki.html">Лай собаки</a></li>
<li><a title="Звуки смеха" href="zvuki-smeha.html">Звуки смеха</a></li>
</ul>
</div>
</section>
</div>
<footer class="site-footer">
<div class="container-main">
<p>© 2025 <a href="https://soundfx.ru/">soundfx.ru</a> MS Corp ™. Все права защищены.</p>
<p>Ваш источник высококачественных звуков природы и релакс-музыки.</p>
</div>
</footer>
<!-- Подключение скриптов -->
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script> <!-- jQuery сначала, без async -->
<script src="_include/js/bootstrap.min.js"></script> <!-- Bootstrap JS -->
<script src="_include/js/flavor.js"></script> <!-- Ваш скрипт для фильтрации -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(88690093, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/88690093" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script src="https://yandex.ru/ads/system/context.js" async></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Инициализация Яндекс.РТБ для верхнего блока
window.yaContextCb=window.yaContextCb||[];
window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-1766539-2",
"renderTo": "yandex_rtb_R-A-1766539-2"
})
});
// Инициализация Яндекс.РТБ для нижнего блока
window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-1766539-1",
"renderTo": "yandex_rtb_R-A-1766539-1"
})
});
// Дополнительная инициализация flavor.js, если она не срабатывает автоматически
// Предполагается, что flavor.js использует jQuery, поэтому он должен быть загружен
// и DOM должен быть готов
if (typeof $.fn.flavorize === 'function') { // Проверка, что плагин существует
$('#flavor-nav a').flavorize({
target: '.grid-container',
filter: '.flavor',
all: 'all'
});
} else {
console.warn("Flavorize plugin is not loaded or not correctly initialized.");
}
});
</script>
</body>
</html>