.elementor-77560 .elementor-element.elementor-element-620b11f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77560 .elementor-element.elementor-element-620b11f.e-con{--align-self:stretch;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-77560 .elementor-element.elementor-element-fe3d77c .elementor-repeater-item-8baef6c .swiper-slide-bg{background-color:#0D0D0E;background-image:url(https://aqara.ru/wp-content/uploads/2025/12/Taplink-web.png);background-size:cover;}.elementor-77560 .elementor-element.elementor-element-fe3d77c{width:100%;max-width:100%;}.elementor-77560 .elementor-element.elementor-element-fe3d77c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-77560 .elementor-element.elementor-element-fe3d77c .swiper-slide{height:100vh;}.elementor-77560 .elementor-element.elementor-element-fe3d77c .swiper-slide-contents{max-width:67%;}.elementor-77560 .elementor-element.elementor-element-fe3d77c .swiper-slide-inner{text-align:center;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .elementor-repeater-item-84185b4 .swiper-slide-bg{background-color:#17171800;background-image:url(https://aqara.ru/wp-content/uploads/2025/12/Taplink-mob.png);background-size:cover;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-slide{height:80vh;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-slide-contents{max-width:100%;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-slide-inner{text-align:center;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;height:8px;width:8px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-horizontal .swiper-pagination-progressbar{height:8px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-fraction{font-size:8px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF80;opacity:1;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-bullet-active{background-color:#FFFFFF;}@media(max-width:848px){.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-slide{height:90vh;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-bullet{height:4px;width:4px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-horizontal .swiper-pagination-progressbar{height:4px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-fraction{font-size:4px;}}@media(max-width:848px) and (min-width:583px){.elementor-77560 .elementor-element.elementor-element-620b11f{--width:100%;}}@media(max-width:582px){.elementor-77560 .elementor-element.elementor-element-620b11f{--width:100%;--min-height:0px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-slide{height:90vh;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-bullet{height:5px;width:5px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-horizontal .swiper-pagination-progressbar{height:5px;}.elementor-77560 .elementor-element.elementor-element-9fbd7da .swiper-pagination-fraction{font-size:5px;}}/* Start custom CSS for slides, class: .elementor-element-9fbd7da */.slide-video-wrapper {
  width: 100%;
  height: 120vh; /* 100% высоты экрана */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* контент сверху с отступом */
  align-items: center;
  overflow: hidden;
  padding-top: 25vh; /* десктоп: отступ сверху */
}

.slide-video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.slide-overlay {
  width: 100%;
  max-width: 900px;
  text-align: center;
  color: #191919;
  font-family: 'Inter', Sans-Serif;
  display: flex;
  flex-direction: column;
  gap: 28px;
  z-index: 2;
}

.slide-overlay h2 {
  font-size: 56px;
  font-weight: 500;
  margin: 0;
}

.slide-overlay p {
  font-size: 28px;
  font-weight: 500;
  margin: 0;
}

/* Мобильные настройки */
@media (max-width: 848px) {
  .slide-video-wrapper {
    padding-top: 20vh; /* мобильный отступ сверху */
  }

  .slide-overlay h2 {
    font-size: 28px;
    font-weight: 600;
  }

  .slide-overlay p {
    font-size: 18px;
  }
}

.social-buttons-wrapper {
  display: flex;
  flex-direction: column; /* кнопки друг под другом */
  gap: 20px; /* расстояние между кнопками */
  align-items: center;
  margin-top: 20px;
}

.social-btn {
  position: relative;
  display: block;
  width: 409px;
  height: 68px;
  background-color: #FFFFFF;
  color: #191919;
  font-size: 20px;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  text-align: center; /* текст по центру кнопки */
  line-height: 68px; /* вертикальное центрирование текста */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: background 0.2s ease, transform 0.2s ease;
}

.social-btn:hover {
  background-color: #f0f0f0;
  transform: translateY(-2px);
}

.social-icon {
  position: absolute;
  left: 20px; /* отступ иконки от левой границы */
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}



/* Мобильные настройки2 */





/* ОБЩИЙ мобильный контейнер */
.slide-video-wrapper-mobile {
  position: relative;
  width: 100%;
  height: 100vh;
  background: transparent;
  overflow: hidden;
}

/* Смещение контента вниз на 16% */
.slide-overlay-mobile {
  position: absolute;
  top: 12vh;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  z-index: 10;
}

/* Заголовок */
.mobile-slide-title {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 24px;
  color: #000000;
}

/* Обёртка кнопок */
.social-buttons-wrapper-mobile {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  align-items: center;
  padding-top: 36px;
}

/* Кнопки — как на десктопе, но адаптивные */
.social-btn-mobile {
  position: relative;
  width: 90%;
  max-width: 409px;
  height: 60px;

  background: #ffffff;
  color: #191919;

  font-size: 18px;
  font-weight: 600;

  text-decoration: none;
  border-radius: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  transition: background 0.2s ease, transform 0.2s ease;
}

/* Иконка — как на десктопе */
.social-icon-mobile {
  position: absolute;
  left: 20px;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
}

/* Hover */
.social-btn-mobile:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
}

/* Z-index фикс */
.slide-video-wrapper-mobile,
.slide-overlay-mobile {
  z-index: 9999 !important;
}


/* Делает мобильный контент всегда видимым */
.slide-video-wrapper-mobile,
.slide-overlay-mobile {
  position: relative;
  z-index: 9999 !important;
}

/* Пробиваем возможный белый фон Elementor */
.slide-overlay-mobile {
  background: transparent !important;
}

/* Вдруг у слайда есть псевдоэлементы-подложки */
.slide-video-wrapper-mobile::before,
.slide-video-wrapper-mobile::after,
.slide-overlay-mobile::before,
.slide-overlay-mobile::after {
  display: none !important;
  background: transparent !important;
}

/* Убедиться, что текст точно отображается */
.mobile-slide-title,
.social-btn-mobile {
  
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */