/* vars */
.footer--color-dark {
  --light: var(--OFF_toggle);
  --dark: var(--ON_toggle);
}
.footer {
  --footer_border_color: var(--light, #ebebee) var(--dark, #3f3f45);
  --footer_bg: var(--light, #fff) var(--dark, #222228);
}
.footer--color-grey {
  --footer_bg: var(--darkerblack_bg_black);
}

/* grid */
.footer-grid {
  --columns: 1;
  --gap: 12px;
  display: flex;
  gap: var(--gap);
  justify-content: space-between;
}
.footer-grid-column-span {
  --span: 1;
  --span-width: calc((100% - var(--gap) * (var(--columns) - 1)) / var(--columns));
  min-width: calc(var(--span) * var(--span-width));
}
@media (min-width: 992px) {
  .footer-grid--3-992 {
    --columns: 3;
  }
  .footer-grid--4-992 {
    --columns: 4;
  }
}
@media (max-width: 991px) {
  .footer-grid {
    flex-wrap: wrap;
  }
}

/* divider */
.footer__divider--top {
  border-top: 1px solid var(--footer_border_color);
}
.footer__divider--bottom {
  border-bottom: 1px solid var(--footer_border_color);
}

/* composite */
#bx-composite-banner:empty {
  display: none;
}

/* main parts */
.footer {
  background: var(--footer_bg);
  color: var(--basic_text_black);
}
.footer__main-part {
  position: relative;
}
.footer__bottom-part {
  position: relative;
}
.footer__main-part .footer__part-item {
  flex: 1;
}
.footer__bottom-part .footer__bottom-part-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/* MENU */
.bottom-menu .items .wrap_menu_compact_mobile {
  padding-top: 20px;
}
.bottom-menu .items .wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bottom-menu .item .title {
  color: var(--white_text_black);
}
.bottom-menu .item.active .title .dark_link {
  --text-opacity: 72%;
}
.bottom-menu .item.active .title a:not(.dark_link) {
  --text-opacity: 100%;
}
@media (max-width: 767px) {
  .footer .footer__main-part-menu {
    flex-direction: column;
  }
  .bottom-menu .item-link svg {
    transition: transform 0.3s ease;
  }
  .bottom-menu .item-link.opened svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
  .wrap_menu_compact_mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .wrap_menu_compact_mobile {
    display: block !important;
  }
}

/* INFO */
.footer__title {
  margin: 0 0 20px 0;
  color: var(--white_text_black);
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .footer__part:has(.footer__info),
  .footer__part-item:has(.footer__info) {
    order: 1;
    margin-top: clamp(28px, 4vw, 26px);
  }
  .footer__part-item:has(.footer__info) {
    min-width: 100%;
  }
}

/* PHONES */
.footer__phone .phones {
  flex-direction: column;
  align-items: flex-start;
}
.phones__dropdown--top {
  bottom: -20px;
  top: auto;
  display: flex;
  flex-direction: column-reverse;
}
.phones__dropdown--top .dropdown--top-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.phones__dropdown--top .phones__phone-icon {
  align-items: flex-end;
}
.phones__dropdown--top .phones__dropdown-item--social {
  margin: 0 0 12px 0;
}

/* SOCIAL */
.footer__social .social__link {
  transition: opacity 0.3s ease-in-out;
}
.footer__social .social__link:hover {
  filter: grayscale(0);
}
.justify--end .line-block {
  justify-content: flex-end;
}

/* PAYS */
.footer__pays .hover_blink {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.footer__pays [id^="bx_incl"] {
  display: inherit;
  justify-content: inherit;
  align-items: inherit;
  gap: inherit;
  flex-wrap: inherit;
}
.footer__pays i {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/svg/payment.svg") 0px 0px no-repeat;
}
.footer__pays i.cacsh {
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
}
.footer__pays i.mastercard {
  width: 24px;
  height: 20px;
  background-position-x: -132px;
}
.footer__pays i.visa {
  width: 32px;
  height: 20px;
  background-position-x: -92px;
}
.footer__pays i.yandex_money {
  width: 25px;
  height: 19px;
  background-position-x: -507px;
}
.footer__pays i.webmoney {
  width: 20px;
  height: 20px;
  background-position-x: -395px;
}
.footer__pays i.qiwi {
  width: 17px;
  height: 20px;
  background-position-x: -343px;
}
.footer__pays i.sbrf {
  width: 20px;
  height: 20px;
  background-position-x: -423px;
}
.footer__pays i.alfa {
  width: 16px;
  height: 20px;
  background-position-x: -453px;
}
.footer__pays i.mir {
  width: 33px;
  height: 20px;
  background-position-x: -236px;
}
.footer__pays i.jcb {
  width: 26px;
  height: 20px;
  background-position-x: -277px;
}
.footer__pays i.paypal {
  width: 18px;
  height: 20px;
  background-position-x: -369px;
}
.footer__pays i.maestro {
  width: 24px;
  height: 20px;
  background-position-x: -164px;
}
.footer__pays i.yoomoney {
  width: 25px;
  height: 19px;
  background-position-x: -507px;
}
.footer__pays i.yookassa {
  width: 25px;
  height: 20px;
  background-position-x: -540px;
}
.footer__pays i.belkart {
  width: 20px;
  height: 20px;
  background-position-x: -573px;
}
.footer__pays i.halva {
  width: 16px;
  height: 20px;
  background-position-x: -603px;
}
.footer__pays i.tinkoff {
  width: 20px;
  height: 20px;
  background-position-x: -479px;
}
.footer__pays i.applepay {
  width: 45px;
  height: 20px;
  background-position-x: -629px;
}
.footer__pays i.google_pay {
  width: 46px;
  height: 20px;
  background-position-x: -682px;
}
.footer__pays i.yandex_pay {
  width: 41px;
  height: 20px;
  background-position-x: -736px;
}
.footer__pays i.samsung_pay {
  width: 20px;
  height: 20px;
  background-position-x: -785px;
}
.footer__pays i.assist {
  width: 24px;
  height: 20px;
  background-position-x: -311px;
}
.footer__pays i.robokassa {
  width: 18px;
  height: 20px;
  background-position-x: -814px;
}
.footer__pays i.pay_anyway {
  width: 20px;
  height: 20px;
  background-position-x: -841px;
}
.footer__pays i.sbp {
  width: 15px;
  height: 20px;
  background-position-x: -869px;
}
.footer__pays i.sber_pay {
  width: 37px;
  height: 20px;
  background-position-x: -892px;
}
.footer__pays i.tinkoff_pay {
  width: 47px;
  height: 20px;
  background-position-x: -937px;
}
.footer__pays i.cdek {
  width: 46px;
  height: 20px;
  background-position-x: -1132px;
}
.footer__pays i.pec {
  width: 49px;
  height: 20px;
  background-position-x: -1186px;
}
.footer__pays i.dpd {
  width: 44px;
  height: 20px;
  background-position-x: -1243px;
}
.footer__pays i.ru_post {
  width: 30px;
  height: 20px;
  background-position-x: -1320px;
}
.footer__pays i.pick_point {
  width: 67px;
  height: 20px;
  background-position-x: -1358px;
}
.footer__pays i.dhl {
  width: 60px;
  height: 20px;
  background-position-x: -1461px;
}
.footer__pays i.boxberry {
  width: 65px;
  height: 20px;
  background-position-x: -1529px;
}
.footer__pays i.iml {
  width: 26px;
  height: 20px;
  background-position-x: -1630px;
}
.footer__pays i.delin {
  width: 23px;
  height: 20px;
  background-position-x: -1664px;
}
.footer__pays i.ya_dostavka {
  width: 72px;
  height: 20px;
  background-position-x: -1695px;
}
.footer__pays i.ems {
  width: 51px;
  height: 20px;
  background-position-x: -1775px;
}
.footer__pays i.podeli {
  width: 20px;
  height: 20px;
  background-position-x: -992px;
}
.footer__pays i.dolyame {
  width: 20px;
  height: 20px;
  background-position-x: -1020px;
}
.footer__pays i.platichastyami {
  width: 20px;
  height: 20px;
  background-position-x: -1048px;
}
.footer__pays i.ya_split {
  width: 20px;
  height: 20px;
  background-position-x: -1077px;
}
.footer__pays i.plait {
  width: 20px;
  height: 20px;
  background-position-x: -1104px;
}

/* THEME, LANG */
.footer__bottom-part.secondary-color a {
  --text-opacity: 48%;
}
.footer__bottom-part.secondary-color a:hover {
  --text-opacity: 100%;
}
.footer__bottom-part.secondary-color .footer__part-item-theme .theme-selector__item-text,
.footer__bottom-part.secondary-color .footer__part-item-lang .sites__current {
  --text-opacity: 48%;
  color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent);
}
.footer__bottom-part.secondary-color .footer__part-item-theme .color-dark-parent-all:hover .color-dark-target,
.footer__bottom-part.secondary-color .footer__part-item-lang .color-dark-parent-all:hover .sites__current, 
.footer__bottom-part.secondary-color .footer__part-item-lang .color-dark-parent-all .opened .sites__current {
  --text-opacity: 100%;
}
.footer__bottom-part.secondary-color .footer__part-item-theme .fill-dark-light-block use,
.footer__bottom-part.secondary-color .footer__part-item-lang .fill-dark-light-block use,
.footer__bottom-part.secondary-color .fill-dark-parent-all .fill-dark-light-block use {
  opacity: .48;
}
.footer__bottom-part.secondary-color .footer__part-item-theme .fill-dark-light-block:hover use,
.footer__bottom-part.secondary-color .footer__part-item-lang .fill-dark-light-block:hover use,
.footer__bottom-part.secondary-color .fill-dark-parent-all:hover .fill-dark-light-block use,
.footer__bottom-part.secondary-color .fill-dark-light-block.opened use {
  opacity: 1;
}

/* TEXT */
footer p:last-child {
  margin-bottom: 0;
}

/* SUBSCRIBE */
.subscribe {
  cursor: pointer;
  font-weight: normal;
}
.subscribe-block:not(.subscribe-block--compact) .subscribe-block__text {
  color: var(--white_text_black);
}
.subscribe-block--compact .subscribe-block__text {
  margin-bottom: 12px;
}
.subscribe-block--compact .subscribe-block__text br {
  display: none;
}
.subscribe-form {
  position: relative;
  display: flex;
  flex-direction: column;
}
.subscribe-input {
  height: 46px;
  background: #fff;
  background: var(--dff_dark_light);
  border: 1px solid rgba(0, 0, 0, .15);
  border-color: var(--dff_opacity_dark_light);
  box-sizing: border-box;
  border-radius: 4px;
  padding-left: 17px;
  color: #888;
}
.subscribe-form__save {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 42px;
  background: var(--input_bg_color);
  border-radius: var(--theme-button-border-radius);
}
.subscribe-form .error {
  white-space: normal;
}
.form .subscribe-form .licence_block {
  text-align: left;
  padding: 8px 0 0;
  opacity: 0;
  transition: all .3s ease;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.subscribe-form:focus-within .licence_block {
  opacity: 1;
  position: relative;
  z-index: initial;
}
.form .subscribe-btn {
  background: 0 0;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}
.svg.subscribe-form__right-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.subscribe-form__right-arrow svg * {
  stroke: var(--input_border_color-hover);
}
.subscribe-form__save:hover .subscribe-form__right-arrow svg *,
.subscribe-form:focus-within .subscribe-form__right-arrow svg * {
  stroke: var(--white_text_black)
}
@media (min-width: 1200px) {
  .footer__part-bottom .footer__subscribe {
    margin-right: clamp(16px, 4vw, 64px);
    width: clamp(295px, 25vw, 412px);
  }
  .footer__part-bottom .footer__subscribe:not(.hidden) + .footer__social {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .footer__main-part .footer__part-bottom>.flexbox {
    flex-direction: column;
  }
  .footer__part-bottom .footer__subscribe+.footer__social {
    margin-top: clamp(40px, 4vw, 48px);
  }
}
@media (max-width: 991px) {
  .subscribe-block__text br {
    display: none;
  }
}