/* Применяем эффект увеличения при наведении на изображения внутри блока с классом uc-img-zoom */
.uc-1234 img {
  transition: transform 0.3s ease; /* Плавное увеличение */
}

.uc-1234 img:hover {
  transform: scale(1.1); /* Увеличение на 10% */
}

/* Ограничиваем размеры изображения, чтобы оно не выходило за границы блока */
.uc-1234 {
  overflow: hidden; /* Скрываем часть изображения, которая выходит за границы */
}

.uc-1234 img {
  width: 100%; /* Изображение занимает всю ширину блока */
  height: auto; /* Сохраняем пропорции */
}


.uc-1234 img {
    max-width: 100%; /* Ограничиваем максимальную ширину изображения */
    height: auto; /* Сохраняем пропорции */
    display: block; /* Убираем лишние отступы */
}
        grid-template-columns: 1fr; /* Одна колонка на мобильных */
    }
}


/* Общие стили для Zero Block */
.tl-zblock {
    width: 100%;
    max-width: 1200px; /* Ограничиваем максимальную ширину */
    margin: 0 auto; /* Центрируем блок */
    padding: 20px; /* Добавляем отступы */
    box-sizing: border-box; /* Учитываем padding в ширине */
}

/* Адаптация для планшетов */
@media (max-width: 1024px) {
    .tl-zblock {
        padding: 15px; /* Уменьшаем отступы */
    }
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .tl-zblock {
        padding: 10px; /* Уменьшаем отступы */
    }
}

/* Адаптация изображений */
.tl-zblock img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Центрируем изображение */
}

/* Адаптация текста */
.tl-zblock .text-block {
    font-size: 16px; /* Размер шрифта для десктопа */
    line-height: 1.5; /* Межстрочный интервал */
}

@media (max-width: 768px) {
    .tl-zblock .text-block {
        font-size: 14px; /* Уменьшаем шрифт для мобильных */
    }
}




document.addEventListener("DOMContentLoaded", function() {
    let images = document.querySelectorAll(".uc-gotovo img"); // Ищем все изображения в блоке

    images.forEach(img => {
        let link = document.createElement("a");
        link.href = "https://mossify.ru/shop/picture"; // Указываем ссылку
        link.target = "_blank"; // Открытие в новой вкладке
        img.parentNode.insertBefore(link, img); // Вставляем ссылку перед изображением
        link.appendChild(img); // Перемещаем изображение внутрь ссылки
    });
});