Каталог садовой мебели Mokka цены фото доставка

.mokka-container { max-width: 1200px; margin: 0 auto; padding: 20px; } .banner { display: flex; /* Используем Flexbox для центрирования */ justify-content: center; /* Центрируем содержимое по горизонтали */ align-items: center; /* Центрируем содержимое по вертикали (если нужно) */ width: 100%; /* Ширина контейнера */ height: 157px; /* Фиксированная высота для баннера */ opacity: 0; /* Начальное состояние - невидимый */ transform: scale(0.9); /* Начальное состояние - уменьшенный размер */ transition: opacity 0.8s ease, transform 0.8s ease; /* Плавный переход */ margin-bottom: 40px; /* Увеличенный отступ снизу */ overflow: hidden; /* Скрываем выходящие за рамки элементы */ } .banner.visible { opacity: 1; /* Полная видимость */ transform: scale(1); /* Полный размер */ } .banner img { max-width: 100%; /* Максимальная ширина 100% от родительского контейнера */ height: auto; /* Высота автоматически подстраивается для сохранения пропорций */ object-fit: contain; /* Сохраняем пропорции, изображение не будет обрезано */ } .section { margin: 40px 0; opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; background-color: transparent; /* Убрали фон */ padding: 20px; /* Внутренние отступы */ } .section.visible { opacity: 1; transform: translateY(0); } h4, h5 { text-align: center; text-transform: uppercase; margin: 20px 0; } .feature { display: flex; justify-content: space-between; align-items: flex-start; margin: 20px 0; } .feature div { width: 48%; /* Уменьшено до 48% для лучшего выравнивания */ } @media (max-width: 768px) { .feature { flex-direction: column; align-items: center; } .feature div { width: 100%; } }

MOKKA vs Массовый рынок

э с т е т и к а и м е е т з н а ч е н и е

Что отличает MOKKA:

✓ Плавные линии плетения без видимых швов
✓ Скрытый крепеж — только визуальная чистота
✓ Патентованный оттенок "Серый", "Песочный"

Типичные проблемы бюджетных аналогов:

✖ Видимые пластиковые крепления
✖ "Эффект дешевого блеска"
✖ Ограниченная палитра

Дизайн, который вдохновляет

MOKKA — это не просто мебель, это элемент вашего стиля. Наши дизайнеры создают уникальные решения, которые гармонично вписываются в любой ландшафт и подчеркивают индивидуальность вашего пространства. Каждая деталь продумана до мелочей, чтобы вы могли наслаждаться комфортом и эстетикой.

Садовый комплект плетеной мебели Mokka BELLA

Обслуживание, которому можно доверять

Мы ценим наших клиентов и стремимся предоставить лучший сервис. Наша команда всегда готова помочь вам с выбором, ответить на вопросы и обеспечить поддержку на всех этапах — от покупки до установки. С MOKKA вы можете быть уверены, что ваш выбор оправдан.

// Функция для добавления класса "visible" к элементам при прокрутке const sections = document.querySelectorAll('.section'); const banner = document.getElementById('banner'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 // Секция будет видна, когда 10% ее высоты будет в области видимости }); sections.forEach(section => { observer.observe(section); }); // Анимация баннера при прокрутке const bannerObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { banner.classList.add('visible'); bannerObserver.unobserve(entry.target); } }); }, { threshold: 0.1 // Баннер будет виден, когда 10% его высоты будет в области видимости }); bannerObserver.observe(banner);