/*vars*/
/*
.footer {
  --d2d_dark_light: var(--light, #2d2d2d) var(--dark, #121212);
  --d3_dark_light: var(--light, #333333) var(--dark, #121212);
  --df4_dark_light: var(--light, #f4f4f4) var(--dark, #121212);
  --d1b_dark_light: var(--light, #333) var(--dark, #1b1b1b);
  --d6t9_dark_light: var(--light, #666) var(--dark, #999);
  --d3t9_dark_light: var(--light, #333) var(--dark, #999);
  --df_opacity_dark_light: var(--light, #ffffff1a) var(--dark, #3a3a3a);
  --dff_opacity_dark_light: var(--light, #00000026) var(--dark, #ffffff26);
}
*/

.theme-dark .footer.theme-light {
  --light: var(--OFF_toggle);
  --dark: var(--ON_toggle);
}
@media (prefers-color-scheme: dark) {
  .theme-default .footer.theme-light {
    --light: var(--OFF_toggle);
    --dark: var(--ON_toggle);
  }
}

.footer {
  background: var(--black_bg_black);
}

.footer-grey-text {
  color: var(--white-black-opacity-70);
}

.footer__main-part {
  position: relative;
}
.footer__main-part-inner {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 56px 0 16px;
}

.footer__bottom-part-inner {
  border-top: 1px solid var(--stroke_black);
  padding: 40px 0 48px;
}
.footer__bottom-part-inner--no-border {
  border: none;
  padding: 24px 0px 48px;
}

.footer__bottom-part .footer__bottom-part-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px 40px;
}
#bx-composite-banner:empty {
  display: none;
}

.footer__main-part-inner--bordered {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 58px 67px 38px;
}

/* MENU */
.bottom-menu .item-link > span {
  display: none;
}
.bottom-menu .items {
  --gap: 20px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.item-link__sublink {
  color: var(--white-black-opacity-70);
}
.item-link__sublink:hover {
  color: var(--white_text_black);
}

.bottom-menu .items .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--sub-gap, 12px);
}

.bottom-menu .item.active .dark_link {
  color: var(--fill_dark_light_hover);
}
.bottom-menu .item.active a:not(.dark_link) {
  color: var(--white_text_black);
}
footer .print-link:hover {
  color: var(--fill_dark_light_hover);
}
footer .print-link:hover svg path {
  fill: var(--fill_dark_light_hover);
}

.bottom-menu--bold .items {
  --gap: 14px;
  --sub-gap: 14px;
}

.item-link:not(.opened) svg {
  transform: scaleY(-1);
}
.item-link svg {
  transition: transform 0.55s;
}

.footer__main-part-contact {
  max-width: 494px;
}
@media (min-width: 1199px) {
  .footer__main-part-contact {
    width: 36%;
  }
}

.footer__main-part:has(.footer__main-contact-title) .footer__main-wrapper,
.footer__main-part:has(.social) .footer__main-wrapper {
  max-width: 1000px;
}

@media (min-width: 769px) {
  .footer__main-part-contact-fixed {
    width: 360px;
  }
}

/* Phones */
.footer .phones__phone-link {
  font-size: 1rem;
}

/* SOCIAL */
.footer__social .social__link:not(:hover) {
  opacity: 0.5;
}
.footer__social .social__items .social__link:not(:hover):before {
  background-position-y: var(--light, -48px) var(--dark, -24px);
}

/* SUBSCRIBE */
.subscribe-block__part--left {
  display: flex;
  align-items: center;
  margin-right: 42px;
}
.subscribe-block {
  display: flex;
  align-items: center;
}
.subscribe-block .subscribe-form-wrapper {
  align-items: stretch;
}

/* PAY SYSTEMS */
.footer__pays {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;

  min-width: 200px;
}
.footer__pays [id^="bx_incl"] {
  display: inherit;
  justify-content: inherit;
  align-items: inherit;
  gap: inherit;
  flex-wrap: inherit;
}
.footer__pays i {
  background: url("../images/svg/payment.svg") 0px 0px no-repeat;
}
.footer__pays i:hover {
  opacity: 1;
}

.footer__pays i.cacsh {
  width: 20px;
  height: 20px;
  background-position: 0px -248px;
}
.footer__pays i.cacsh:hover {
  background-position: 0px -198px;
}

.footer__pays i.mastercard {
  width: 24px;
  height: 16px;
  background-position: -279px -250px;
}
.footer__pays i.mastercard:hover {
  background-position: -327px -200px;
}

.footer__pays i.visa {
  width: 32px;
  height: 10px;
  background-position: -40px -254px;
}
.footer__pays i.visa:hover {
  background-position: -40px -204px;
}

.footer__pays i.yandex_money {
  width: 25px;
  height: 19px;
  background-position: -534px -248px;
}
.footer__pays i.yandex_money:hover {
  background-position: -626px -198px;
}

.footer__pays i.webmoney {
  width: 17px;
  height: 18px;
  background-position: -127px -249px;
}
.footer__pays i.webmoney:hover {
  background-position: -127px -199px;
}

.footer__pays i.qiwi {
  width: 19px;
  height: 20px;
  background-position: -165px -248px;
}
.footer__pays i.qiwi:hover {
  background-position: -165px -198px;
}

.footer__pays i.sbrf {
  width: 19px;
  height: 20px;
  background-position: -240px -248px;
}
.footer__pays i.sbrf:hover {
  background-position: -240px -198px;
}

.footer__pays i.alfa {
  width: 14px;
  height: 19px;
  background-position: -323px -248px;
}
.footer__pays i.alfa:hover {
  background-position: -415px -198px;
}

.footer__pays i.mir {
  width: 36px;
  height: 20px;
  background-position: -357px -248px;
}
.footer__pays i.mir:hover {
  background-position: -449px -198px;
}

.footer__pays i.jcb {
  width: 22px;
  height: 19px;
  background-position: -412px -248px;
}
.footer__pays i.jcb:hover {
  background-position: -504px -198px;
}

.footer__pays i.paypal {
  width: 15px;
  height: 19px;
  background-position: -205px -248px;
}
.footer__pays i.paypal:hover {
  background-position: -205px -198px;
}

.footer__pays i.maestro {
  width: 24px;
  height: 16px;
  background-position: -279px -250px;
}
.footer__pays i.maestro:hover {
  background-position: -371px -200px;
}

.footer__pays i.yoomoney {
  width: 25px;
  height: 18px;
  background-position: -534px -249px;
}
.footer__pays i.yoomoney:hover {
  background-position: -626px -199px;
}

.footer__pays i.yookassa {
  width: 25px;
  height: 18px;
  background-position: -534px -249px;
}
.footer__pays i.yookassa:hover {
  background-position: -671px -199px;
}

.footer__pays i.belkart {
  width: 20px;
  height: 20px;
  background-position: -579px -248px;
}
.footer__pays i.belkart:hover {
  background-position: -716px -198px;
}

.footer__pays i.halva {
  width: 18px;
  height: 18px;
  background-position: -619px -249px;
}
.footer__pays i.halva:hover {
  background-position: -756px -199px;
}

.footer__pays i.tinkoff {
  width: 55px;
  height: 16px;
  background-position: -657px -249px;
}
.footer__pays i.tinkoff:hover {
  background-position: -794px -199px;
}

/* LANG|THEME */
.footer__lang .sites__current,
.footer .theme-selector__items {
  color: var(--secondary_text_black);
}
.footer__lang .more-arrow *,
.footer .theme-selector__items svg use {
  fill: var(--secondary_text_black);
}
.footer__lang .color-theme-parent-all:hover .sites__select *,
.footer .color-theme-parent-all:hover .theme-selector__item * {
  color: var(--dark_light_white_hover);
  fill: var(--dark_light_white_hover);
}

/* DEVELOPER */
.developer {
  display: flex;
  align-items: center;
  --developer_logo_hover_filter: var(--light, none) var(--dark, brightness(110%) contrast(150%));
}
.developer__title {
  margin: 0 12px 0 0;
}
.developer__logo {
  max-height: 40px;
  max-width: 90px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.developer__logo svg {
  max-height: 40px;
  max-width: 90px;
}
.developer__logo img {
  max-width: 100%;
  max-height: 40px;
}
a.developer:hover .developer__logo {
  filter: none;
  filter: var(--developer_logo_hover_filter);
}

@media (min-width: 768px) {
  .wrap_compact_mobile {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .footer__main .footer__main-inner {
    --gap: 20px;
  }
  .footer__bottom-part-inner {
    padding: 16px 0;
  }
}
