/* parts.zelam.ru — главный баннер (desktop + mobile) */

.banners-big .parts-zelam-accent,
.banners-big__title .parts-zelam-accent,
.banners-big .parts-zelam-nowrap {
  color: #acce11 !important;
  -webkit-text-fill-color: #acce11 !important;
  white-space: nowrap !important;
}

.banners-big .parts-zelam-subline,
.banners-big__title .parts-zelam-subline {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.banners-big .banners-big__title,
.banners-big__title.parts-zelam-title,
.banners-big__title:has(.parts-zelam-accent) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: clamp(22px, 3.2vw, 42px) !important;
  line-height: 1.12 !important;
  text-align: left !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 12px !important;
}

/* один перенос между брендом и подзаголовком */
.banners-big .banners-big__title br + br {
  display: none !important;
}

.banners-big .banners-big__title br {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 0;
  content: "";
}

.banners-big .banners-big__title .parts-zelam-subline {
  display: block;
  margin-top: 4px !important;
  line-height: 1.15 !important;
}

.banners-big .parts-zelam-desc,
.banners-big__text-block .parts-zelam-desc,
.banners-big__text .parts-zelam-desc,
.banners-big__item--light .parts-zelam-desc,
.banners-big__item--dark .parts-zelam-desc {
  color: #acce11 !important;
  -webkit-text-fill-color: #acce11 !important;
  font-weight: 600 !important;
}

.banners-big .banners-big__text-block,
.banners-big .banners-big__text-wrapper {
  text-align: left !important;
}

/* Локально перебиваем цвет темы Aspro (#9e9e9e / #acce11) в блоке кнопок */
.banners-big .banners-big__buttons {
  --theme-base-color: #afd200 !important;
  --theme-base-color-hue: 68 !important;
  --theme-base-color-saturation: 100% !important;
  --theme-base-color-lightness: 41% !important;
}

/* Кнопки — зелёная «Каталог» + белая «Скидки» (desktop + aspro-lite-mobile) */
body.index .banners-big.banners-big--adaptive-1 .banners-big__buttons a.btn.parts-zelam-btn-green,
body .banners-big .banners-big__buttons a.btn.parts-zelam-btn-green,
body .banners-big .banners-big__buttons a.btn.btn-default.btn-theme:not(.btn-white):not(.btn-video),
body .banners-big .banners-big__buttons a.btn.btn-lg.btn-default.btn-theme:not(.btn-white):not(.btn-video),
body .banners-big .banners-big__buttons a.btn.btn-default:not(.btn-white):not(.btn-video):not(.btn-transparent-bg),
body .banners-big .banners-big__buttons .btn.btn-default:not(.btn-white):not(.btn-video),
body .banners-big .banners-big__buttons .btn.btn-lg.btn-default:not(.btn-white):not(.btn-video),
body .banners-big .banners-big__buttons .btn.btn-theme:not(.btn-white):not(.btn-video),
body .banners-big .banners-big__buttons .btn.btn-lg.btn-theme:not(.btn-white):not(.btn-video),
body .banners-big.banners-big--adaptive-1 .banners-big__buttons .btn.btn-default:not(.btn-white):not(.btn-video),
body .banners-big.banners-big--adaptive-1 .banners-big__buttons a.btn.btn-theme:not(.btn-white):not(.btn-video),
body .banners-big .banners-big__item .banners-big__buttons .btn.btn-default.btn-theme:not(.btn-white):not(.btn-video) {
  background-color: #afd200 !important;
  background-image: none !important;
  border-color: #afd200 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body .banners-big .banners-big__buttons .btn.btn-default.btn-theme:not(.btn-white):not(.btn-video) *,
body .banners-big .banners-big__buttons .btn.parts-zelam-btn-green * {
  fill: #ffffff !important;
}

body.index .banners-big.banners-big--adaptive-1 .banners-big__buttons a.btn.parts-zelam-btn-green:hover,
body .banners-big .banners-big__buttons a.btn.parts-zelam-btn-green:hover,
body .banners-big .banners-big__buttons a.btn.btn-default.btn-theme:not(.btn-white):not(.btn-video):hover,
body .banners-big .banners-big__buttons .btn.btn-default:not(.btn-white):not(.btn-video):hover,
body .banners-big .banners-big__buttons .btn.btn-lg.btn-default:not(.btn-white):not(.btn-video):hover,
body .banners-big .banners-big__buttons .btn.btn-theme:not(.btn-white):not(.btn-video):hover,
body .banners-big .banners-big__buttons .btn.btn-lg.btn-theme:not(.btn-white):not(.btn-video):hover {
  background-color: #98be00 !important;
  border-color: #98be00 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.index .banners-big.banners-big--adaptive-1 .banners-big__buttons a.btn.parts-zelam-btn-white,
body .banners-big .banners-big__buttons a.btn.parts-zelam-btn-white,
body .banners-big .banners-big__buttons a.btn.btn-default.btn-white,
body .banners-big .banners-big__buttons .btn.btn-white,
body .banners-big .banners-big__buttons .btn.btn-lg.btn-white,
body .banners-big .banners-big__buttons .btn.btn-default.btn-white,
body .banners-big .banners-big__buttons .btn.btn-transparent-bg,
body .banners-big.banners-big--adaptive-1 .banners-big__buttons .btn.btn-white,
body .banners-big.banners-big--adaptive-1 .banners-big__buttons a.btn.btn-default.btn-white,
body .banners-big .banners-big__item .banners-big__buttons .btn.btn-white {
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-color: #cccccc !important;
  color: #afd200 !important;
  -webkit-text-fill-color: #afd200 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body .banners-big .banners-big__buttons .btn.btn-white *,
body .banners-big .banners-big__buttons .btn.parts-zelam-btn-white * {
  fill: #afd200 !important;
}

body .banners-big .banners-big__buttons a.btn.parts-zelam-btn-white:hover,
body .banners-big .banners-big__buttons .btn.btn-white:hover,
body .banners-big .banners-big__buttons .btn.btn-lg.btn-white:hover,
body .banners-big .banners-big__buttons .btn.btn-default.btn-white:hover,
body .banners-big .banners-big__buttons .btn.btn-transparent-bg:hover,
body .banners-big .banners-big__item .banners-big__buttons .btn.btn-white:hover {
  background-color: #f5f5f5 !important;
  background-image: none !important;
  border-color: #cccccc !important;
  color: #98be00 !important;
  -webkit-text-fill-color: #98be00 !important;
}

/* Видео-кнопка — убрана полностью */
.banners-big .banners-big__buttons-item.banners-big__buttons-item--video,
.banners-big .banners-big__buttons .btn-video,
.banners-big .btn.btn-video {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 991px) {
  .banners-big .banners-big__title,
  .banners-big__title.parts-zelam-title,
  .banners-big__title:has(.parts-zelam-accent) {
    font-size: clamp(20px, 5.5vw, 28px) !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
  }

  .banners-big .banners-big__title .parts-zelam-subline {
    margin-top: 2px !important;
    line-height: 1.12 !important;
  }

  .banners-big .parts-zelam-desc,
  .banners-big__text-block .parts-zelam-desc {
    color: #acce11 !important;
    -webkit-text-fill-color: #acce11 !important;
    font-weight: 600 !important;
    display: inline !important;
  }

  .banners-big .banners-big__buttons {
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .banners-big .banners-big__buttons-item {
    flex: 1 1 auto;
  }

  .banners-big .banners-big__buttons .btn {
    width: 100%;
    justify-content: center;
  }
}