/* Shared footer presentation copied from the approved homepage states.
   The selectors are restricted to the common footer component so category,
   product, information and search-page containers keep their native grid. */

@media (min-width: 1200px), (min-width: 576px) and (max-width: 1024px) {
  .v2-figma-footer {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    color: #fff;
    background: #353e48;
    font-family: 'Open Sans', sans-serif;
  }
  .v2-figma-footer .footer-sub.container { padding: 0; }
  .v2-figma-footer .footer-sub > .v2-footer-main-row { display: grid; margin: 0; }
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box {
    width: auto;
    max-width: none;
    min-height: 0;
    padding: 0;
    border: 0;
  }
  .v2-figma-footer .us-footer-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }
  .v2-figma-footer .us-footer-list,
  .v2-figma-footer .us-footer-social-list,
  .v2-figma-footer .us-footer-contact-list,
  .v2-figma-footer .us-footer-bottom-payment-list { margin: 0; }
  .v2-figma-footer .us-footer-title i { display: none !important; }
  .v2-figma-footer .us-footer-item { margin: 0 0 8px; line-height: 1.35; }
  .v2-figma-footer .us-footer-link,
  .v2-figma-footer .us-footer-text,
  .v2-figma-footer .us-footer-shedule-text-item,
  .v2-figma-footer .us-footer-address {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
  }
  .v2-figma-footer .us-footer-link,
  .v2-figma-footer .us-footer-mail,
  .v2-figma-footer .us-footer-phone-btn,
  .v2-figma-footer .us-footer-address { transition: color .2s ease; }
  .v2-figma-footer .us-footer-link:hover,
  .v2-figma-footer .us-footer-link:focus,
  .v2-figma-footer .us-footer-mail:hover,
  .v2-figma-footer .us-footer-mail:focus,
  .v2-figma-footer .us-footer-phone-btn:hover,
  .v2-figma-footer .us-footer-phone-btn:focus,
  .v2-figma-footer .us-footer-address:hover,
  .v2-figma-footer .us-footer-address:focus { color: #71be00; text-decoration: none; }
  .v2-figma-footer .us-footer-shedule { align-items: flex-start !important; }
  .v2-figma-footer .us-footer-shedule-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
  .v2-figma-footer .us-footer-shedule-icon img { display: block; width: 24px; height: 24px; }
  .v2-figma-footer .us-footer-shedule-text { max-width: 265px; }
  .v2-figma-footer .us-footer-social { margin-top: 25px; }
  .v2-figma-footer .us-footer-social-text { margin: 0 0 12px; }
  .v2-figma-footer .us-footer-social-list,
  .v2-figma-footer .us-footer-contact-list { align-items: center; gap: 16px; }
  .v2-figma-footer .us-footer-social-item,
  .v2-figma-footer .us-footer-contact-item { margin: 0; }
  .v2-figma-footer .us-footer-social-link {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 4px;
    place-items: center;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: rgba(203, 207, 212, .2);
    font-size: 24px;
    line-height: 24px;
    transition: color .2s ease, background-color .2s ease;
  }
  .v2-figma-footer .us-footer-social-link:hover,
  .v2-figma-footer .us-footer-social-link:focus {
    color: #71be00;
    background: rgba(203, 207, 212, .32);
  }
  .v2-figma-footer .us-footer-social-link i,
  .v2-figma-footer .us-footer-contact-link i { display: none; }
  .v2-figma-footer .us-footer-social-link::before,
  .v2-figma-footer .us-footer-contact-link::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  .v2-figma-footer .us-footer-social-link-telegram-plane::before,
  .v2-figma-footer .us-footer-social-link-fa-telegram-plane::before,
  .v2-figma-footer .us-footer-social-link-telegram::before,
  .v2-figma-footer .us-footer-contact-link-telegram::before {
    -webkit-mask-image: url('/image/catalog/figma-footer/telegram.svg');
    mask-image: url('/image/catalog/figma-footer/telegram.svg');
  }
  .v2-figma-footer .us-footer-social-link-vk::before,
  .v2-figma-footer .us-footer-social-link-fa-vk::before {
    -webkit-mask-image: url('/image/catalog/figma-footer/vk.svg');
    mask-image: url('/image/catalog/figma-footer/vk.svg');
  }
  .v2-figma-footer .us-footer-contact-link-whatsapp::before {
    -webkit-mask-image: url('/image/catalog/figma-footer/max.svg');
    mask-image: url('/image/catalog/figma-footer/max.svg');
  }
  .v2-figma-footer .block-in-footer-my { width: 90px; height: 96px; margin: 0 0 12px; }
  .v2-figma-footer .block-in-footer-my img {
    display: block;
    width: 90px;
    height: 96px;
    object-fit: contain;
  }
  .v2-figma-footer .us-footer-contact-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .v2-figma-footer .us-footer-mail {
    order: 1;
    margin: 0 0 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
  }
  .v2-figma-footer .us-footer-phone-btn {
    order: 2;
    min-height: 0;
    margin: 0 0 12px;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }
  .v2-figma-footer .us-footer-address {
    order: 3;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 0 16px;
    text-decoration: none;
  }
  .v2-figma-footer .us-footer-contact-list { order: 4; margin-bottom: 16px; }
  .v2-figma-footer .us-footer-contact-link {
    display: grid;
    width: 24px;
    height: 24px;
    padding: 0;
    place-items: center;
    border-radius: 0;
    color: #fff;
    background: transparent;
    font-size: 24px;
    line-height: 24px;
    transition: color .2s ease;
  }
  .v2-figma-footer .us-footer-contact-link-whatsapp { background: none !important; }
  .v2-figma-footer .us-footer-contact-link:hover,
  .v2-figma-footer .us-footer-contact-link:focus {
    padding: 0;
    border-radius: 0;
    color: #71be00;
    background: transparent;
  }
  .v2-figma-footer .footer__call-request-btn {
    order: 5;
    display: flex;
    width: 100%;
    height: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 20px;
    border: 0;
    border-radius: 1px;
    color: #fff;
    background: #71be00;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    transition: background-color .2s ease;
  }
  .v2-figma-footer .footer__call-request-btn:hover,
  .v2-figma-footer .footer__call-request-btn:focus { color: #fff; background: #8bd52b; }
  .v2-figma-footer .footer-sub > .row.row-padding-top { margin: 30px 0 0; }
  .v2-figma-footer .footer-sub > .row.row-padding-top > .col-lg-12 { padding: 0; }
  .v2-figma-footer .us-footer-bottom {
    min-height: 64px;
    align-items: flex-start;
    padding-top: 30px;
    border-top: 1px solid #545e68;
  }
  .v2-figma-footer .us-footer-bottom-credits {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 33px;
  }
  .v2-figma-footer .us-footer-bottom-payment-list { height: 33px; flex-wrap: nowrap; }
  .v2-figma-footer .us-footer-bottom-payment-item:not(.v2-footer-payment-figma) { display: none; }
  .v2-figma-footer .us-footer-bottom-payment-item.v2-footer-payment-figma {
    display: block;
    width: 168px;
    height: 33px;
    margin: 0;
    opacity: 1;
    background: none;
  }
  .v2-figma-footer .v2-footer-payment-figma img { display: block; width: 168px; height: 33px; }
}

@media (min-width: 1200px) {
  .v2-figma-footer { min-height: 594px; padding: 70px 0 4px; }
  .v2-figma-footer .footer-sub.container {
    width: calc(100% - 510px);
    max-width: 1410px;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box { min-height: 337px; }
  .v2-figma-footer .footer-public-offer {
    margin: 30px -255px 0;
    padding: 12px 4px;
    color: #fff;
    background: transparent;
    text-align: center;
  }
  .v2-figma-footer .footer-public-offer__text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
  }
}

@media (min-width: 576px) and (max-width: 1024px) {
  .v2-figma-footer { min-height: 988px; padding: 70px 0 4px; }
  .v2-figma-footer .footer-sub.container {
    width: calc(100% - 40px);
    max-width: 728px;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(433px, auto) minmax(297px, auto);
    column-gap: 30px;
    row-gap: 0;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box > .us-footer-list {
    display: block !important;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box,
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box::before,
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box::after { border: 0 !important; }
  .v2-figma-footer .footer-public-offer {
    height: 44px;
    margin: 30px 0 0;
    padding: 12px 4px;
    color: #fff;
    background: #292d31;
    text-align: center;
  }
  .v2-figma-footer .footer-public-offer__text {
    width: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    background: transparent;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .v2-figma-footer {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-bottom: 4px;
  }
  .v2-figma-footer .footer-sub.container {
    width: 100%;
    max-width: 1280px;
  }
}

@media (max-width: 575px) {
  .v2-figma-footer {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: none !important;
    min-height: 865px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #fff !important;
    background: #353e48 !important;
  }
  .v2-figma-footer .footer-sub {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row {
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .v2-figma-footer .footer-sub > .v2-footer-main-row > .us-footer-box {
    position: relative !important;
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #353e48 !important;
  }
  .v2-figma-footer .us-footer-title {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 360px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    background-color: #353e48 !important;
    background-repeat: no-repeat !important;
    background-size: 360px 865px !important;
    cursor: pointer !important;
  }
  .v2-figma-footer.is-v2-footer-art-ready .us-footer-title {
    background-image: url('/image/catalog/figma-home/footer-mobile-360.svg?v=2') !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(1) > .us-footer-title {
    height: 121px !important;
    background-position: center 0 !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(2) > .us-footer-title {
    height: 81px !important;
    background-position: center -121px !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(3) > .us-footer-title {
    height: 81px !important;
    background-position: center -202px !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(4) > .us-footer-title {
    height: 582px !important;
    background-position: center -283px !important;
    cursor: default !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title.open::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    z-index: 2 !important;
    width: 24px !important;
    height: 24px !important;
    transform: translateY(-50%) !important;
    background: #353e48 !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title i { display: none !important; }
  .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title.open i {
    position: absolute !important;
    top: 50% !important;
    right: 24px !important;
    z-index: 3 !important;
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    transform: translateY(-50%) rotate(180deg) !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-list {
    position: static !important;
    display: none !important;
    box-sizing: border-box !important;
    width: 360px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 20px 20px !important;
    overflow: visible !important;
    background: #353e48 !important;
    transition: none !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title.open + .us-footer-list {
    display: block !important;
    padding-left: 20px !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(1) > .us-footer-title.open::before,
  .v2-figma-footer .us-footer-box:nth-child(1) > .us-footer-title.open i { top: 82px !important; }
  .v2-figma-footer .us-footer-title.open + .us-footer-list .us-footer-shedule { display: flex !important; }
  .v2-figma-footer .us-footer-title.open + .us-footer-list .us-footer-social { display: block !important; }
  .v2-figma-footer .us-footer-box:nth-child(4) > .block-in-footer-my,
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-social { display: none !important; }
  .v2-figma-footer .us-footer-box:nth-child(4) > .us-footer-contact-box {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    height: 582px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-mail,
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-phone-btn,
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-address,
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-contact-link,
  .v2-figma-footer .us-footer-box:nth-child(4) .footer__call-request-btn {
    position: absolute !important;
    z-index: 3 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-mail { top: 199px !important; left: 20px !important; width: 220px !important; height: 24px !important; }
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-phone-btn { top: 232px !important; left: 20px !important; width: 210px !important; height: 26px !important; }
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-address { top: 268px !important; left: 20px !important; width: 320px !important; height: 35px !important; }
  .v2-figma-footer .us-footer-box:nth-child(4) .footer__call-request-btn { top: 336px !important; left: 20px !important; width: 320px !important; height: 41px !important; }
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-contact-list {
    position: absolute !important;
    top: 300px !important;
    left: 20px !important;
    z-index: 3 !important;
    display: flex !important;
    gap: 16px !important;
    width: auto !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-contact-item {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    visibility: visible !important;
  }
  .v2-figma-footer .footer-sub > .row.row-padding-top,
  .v2-figma-footer .footer-public-offer { display: none !important; }
}