Кондиционер GREE CLIVIA инверторный GWH09AUCXB-K6DNA1A/I-GWH09AUCXB-K6DNA1A/O черный

Описание

Компания Gree предлагает дизайнерскую серию новейших бытовых сплит-систем настенного типа Clivia DC Inverter. Модели этой серии подойдут к интерьерам в современном стиле. Модели данной серии сочетают в себе современные технологии и высокое качество сборки GREE, функционируют на фреоне R-32, оснащены модулем Wi-FI. Инновационная технология G-AI, реализуемая в модели настенных кондиционеров Clivia, использует алгоритм AI, объединяющий интеллектуальное обучение и оптимальное управление системой. Алгоритм в реальном времени изменяет и оптимизирует работу кондиционера для наиболее выгодной стратегии энергосбережения. Технология G-AI экономит до 10% энергии в год, что подтверждено независимым международным сертификатом Intertek. Особенности Gree представленной серии: способен обслуживать жилые и офисные помещения площадью до 70м². работа на обогрев до – 25°С оснащена wi-fi модулем; покрытие теплообменника Blue Fin; система самодиагностики и очистки; класс энергоэффективности A+++; способен обслуживать жилые или офисные помещения площадью до 70 м2; элегантный дизайн; отложенный вкл/выкл; управление горизонтальными и вертикальными жалюзи; УФ стерилизация; генератор Cold Plazma; ночной режим- позволит снизить уровень шума.
.tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px !important; }
.tab-btn { padding: 10px; cursor: pointer; border: none; background: #ddd; }
.tab-btn {
position: relative;
padding: 10px 20px;
font-size: 16px;
background-color: #eee;
border: 1.5px solid #262a2d;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
overflow: hidden;
border-radius: 5px;
}
.tab-btn:hover {
background-color: #ddd;
}
.tab-btn.active { background: #aaa; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.tab-btn.active::after {
content: «»;
position: absolute;
top: 0;
left: -200px;
width: 60px;
height: 100px;
background-color: rgba(255, 255, 255, 0.5);
filter: blur(30px);
transform: skewX(30deg) translateZ(0);
animation: slideme 3s ease infinite;
}
.tab-btn {
background: #333;
color: white;
padding: 10px 20px;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
transition: all 0.3s ease;
}

.tab-btn:hover {
background: #ff8500;
color: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tab-btn.active {
background: #ff6600;
color: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@keyframes slideme {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}

document.querySelectorAll(‘.tab-btn’).forEach(button => {
button.addEventListener(‘click’, function () {
document.querySelectorAll(‘.tab-btn’).forEach(btn => btn.classList.remove(‘active’));
document.querySelectorAll(‘.tab-content’).forEach(content => content.classList.remove(‘active’));

this.classList.add(‘active’);
document.getElementById(this.dataset.target).classList.add(‘active’);
});
});

.img—card {
max-width: 1100px !important;
max-height: 600px !important;
}
.icons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 20px; /* Расстояние между элементами */
}

.icon—item {
flex: 1 1 calc(25% — 20px); /* По умолчанию 4 элемента в ряду */
max-width: calc(25% — 20px);
}

/* Если в строке 3 элемента, они не растягиваются */
.icons:has(.icon—item:nth-child(3):nth-last-child(1)) .icon—item {
flex: 1 1 calc(33.33% — 20px);
max-width: calc(33.33% — 20px);
}

.card—block {
display: flex;
justify-content: space-between;
}
.card—block img, .card—block video {
max-width: 700px;
height: 440px;
border-radius: 10px;
}
.card—block video{
object-fit: cover;
}
.card—block__text{
max-width: 500px;
margin: auto;
text-align: left;
}
.card—block__text b {
font-size: 28px;
}
.card—block:nth-child(even) {
flex-direction: row-reverse;
}
.icons{
border: 1px solid #d7d7d7;
padding: 15px;
border-radius: 15px;
flex-wrap: wrap;
display: flex;
}
.icon—item{
text-align: center;
max-width: 312px;
display: flex;
flex-direction: column;
align-items: center;
}
.icon—img{
max-width: 90px !important;
}
.icon—title{
font-size: 14px !important;
font-weight: bold;
}
.icon—text{
font-size: 12px !important;
font-weight: 400;
}
.icon—item::before{
content: «» !important;
}
@media(max-width: 991px){
.card—block:nth-child(even),.card—block {
flex-direction: column-reverse;
align-items: center;
}
.tab-btn {
font-size: 12px;
font-weight: 400;
}
.icon—text{
width: 200px;
}
}
@media(max-width: 680px){
.tabs{
display: grid;
}
}
@media(max-width: 500px){
.card—block video {
width: 100% !important;
max-height: 220px
}
.card—block img, .card—block video {
height: auto;
}

.tabs-card__description img {
max-height: 600px;
}
.icon—img{
max-width: 70px !important;
}
.icon—text{
display: none;
}
.icon—title{
font-size: 11px !important;
font-weight: 400;
}
.icons{
grid-template-columns: repeat(3, 1fr);
margin: 0 auto;
align-items: flex-start;
display: grid
;
}
}

@media(max-width: 400px){
.icons {
grid-template-columns: repeat(2,1fr);
}
}

#video{
position: relative;
}
.tabs-card__description img{
border-radius: 10px;
}
.lazy-load {
opacity: 0;
transform: translateY(20px); /* Поднимем элемент с небольшим смещением */
transition: opacity 1s ease-out, transform 1s ease-out;
}
.lazy-load.visible {
opacity: 1;
transform: translateY(0);
}
p video {
display: flex;
}
#video{
margin: 0 auto;
}
#video::-webkit-media-controls {
display: none !important; /* Скрыть элементы управления на Webkit-браузерах */
}

#video:hover {
cursor: pointer; /* Показывать курсор, чтобы пользователи знали, что с видео можно взаимодействовать */
}

/* Для Firefox */
#video:hover::-moz-media-controls {
display: none !important;
}

document.addEventListener(«DOMContentLoaded», function () {
const paragraphs = document.querySelectorAll(‘.lazy-load’);

// Настройка для Intersection Observer
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(‘visible’); // Добавляем класс, чтобы применить анимацию
observer.unobserve(entry.target); // Прекращаем наблюдение после того, как элемент стал видимым
}
});
}, { threshold: 0.5 }); // Элемент считается видимым, когда он на 50% попадает в область

paragraphs.forEach(paragraph => {
observer.observe(paragraph); // Начинаем наблюдать за каждым параграфом
});
});

function removeLazyLoadClass() {
const elements = document.querySelectorAll(‘.lazy-load’);
if (window.innerWidth {
element.classList.remove(‘lazy-load’);
});
}
}

// Проверка на изменение размера экрана
window.addEventListener(‘resize’, removeLazyLoadClass);

// Выполнение при первоначальной загрузке страницы
document.addEventListener(‘DOMContentLoaded’, removeLazyLoadClass);