О бренде

Alma Ceramica (AltaCera Group)

Российский производитель керамической плитки и керамогранита, известный современным дизайном и высоким качеством продукции.

✓
Комплексные решения: от плитки для пола и стен до полного обустройства ванной комнаты: тумбы, раковины, унитазы, душевые ограждения и аксессуары.
✓
Дизайн для каждого: богатая палитра оттенков, разнообразие форматов и фактур для любых интерьерных идей – от минимализма до роскошной классики.

Alma Ceramica – это оптимальное соотношение цены и качества для создания уютного, функционального и долговечного интерьера.

Отображение 25–36 из 167

Категории товаров бренда "Alma Ceramica":

Показать боковую панель

Показать 9 24 36

/* --- Подключение шрифта (если он уже есть на вашем сайте, эту строку можно удалить) --- */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');

/* --- Контейнер блока --- */ .brand-section { font-family: 'Montserrat', sans-serif; /* Шрифт применяется только к этому блоку */ max-width: 1200px; width: 100%; margin: 60px auto; /* Отступы сверху/снизу для отделения от другого контента */ background-color: #fff; border-radius: 16px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); overflow: hidden; display: flex; flex-wrap: wrap; color: #333; }

/* --- Левая часть с изображением --- */ .brand-image { flex: 1 1 45%; min-width: 300px; background-image: url('https://elitdizain-rybinsk.ru/wp-content/uploads/2025/09/Bali_200x900.jpg'); /* ВАШЕ ИЗОБРАЖЕНИЕ */ background-size: cover; background-position: center; transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); }

/* --- Правая часть с текстом --- */ .brand-content { flex: 1 1 55%; padding: 50px 60px; box-sizing: border-box; }

/* --- Стили текста --- */ .brand-content .eyebrow { display: block; font-size: 14px; font-weight: 600; color: #c5a47e; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; }

.brand-content h1 { font-size: 38px; font-weight: 700; color: #222; margin: 0 0 20px 0; line-height: 1.2; }

.brand-content h1 span { font-size: 20px; font-weight: 400; color: #888; display: block; margin-top: 5px; }

.brand-content .lead { font-size: 17px; line-height: 1.7; color: #555; margin-bottom: 30px; }

/* --- Список преимуществ --- */ .brand-content .features-list { list-style: none; padding: 0; margin: 0 0 30px 0; }

.brand-content .features-list li { display: flex; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #444; margin-bottom: 15px; }

.brand-content .features-list li:last-child { margin-bottom: 0; }

.brand-content .features-list .icon { color: #c5a47e; margin-right: 15px; font-size: 20px; margin-top: 2px; }

.brand-content .conclusion { font-size: 16px; font-style: italic; line-height: 1.7; color: #666; padding-top: 20px; border-top: 1px solid #eee; }

/* --- Анимация --- */ .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }

.animate-on-scroll.brand-image { transform: scale(1.1); }

.animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

.animate-on-scroll.brand-image.is-visible { transform: scale(1); }

.brand-content > * { transition-delay: var(--delay, 0s); }

/* --- Адаптивность --- */ @media (max-width: 992px) { .brand-content { padding: 40px; } .brand-content h1 { font-size: 32px; } }

@media (max-width: 768px) { .brand-section { flex-direction: column; } .brand-image { min-height: 300px; border-radius: 16px 16px 0 0; } .brand-content { border-radius: 0 0 16px 16px; } }

О бренде

Alma Ceramica
(AltaCera Group)

✓

Комплексные решения: от плитки для пола и стен до полного обустройства ванной комнаты: тумбы, раковины, унитазы, душевые ограждения и аксессуары.
✓

Дизайн для каждого: богатая палитра оттенков, разнообразие форматов и фактур для любых интерьерных идей – от минимализма до роскошной классики.

document.addEventListener("DOMContentLoaded", function() { // Проверяем, существует ли уже такой observer, чтобы не создавать дубликаты if (!window.brandSectionObserver) { window.brandSectionObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); } }); }, { threshold: 0.1 }); }

const elementsToAnimate = document.querySelectorAll('.animate-on-scroll'); elementsToAnimate.forEach(el => { window.brandSectionObserver.observe(el); }); });