.promo__slide.promo__slide-1 {
  & ul {
    margin-top: 16px;
  }
  .group-promo {
    display: flex;
    align-items: center;
    .label {
      @media screen and (max-width: 457px) {
        width: min-content;
      }
    }
    .grup-promo-value {
      display: none;
      @media screen and (min-width: 457px) {
        display: flex;
      }
    }
  }
  .grup-promo-value {
    background-color: #004c7f;
    width: 120px;
    flex-direction: column;
    padding: 10px 27px;
    color: #fff;
    clip-path: polygon(100% 0%, 15% 0%, 0% 100%, 85% 100%);
    align-items: last baseline;

    height: fit-content;
  }

  .promo__top-text {
    display: flex;
    gap: 16px;
    align-items: center;
    .grup-promo-value {
      display: flex;
      flex-direction: row;
      clip-path: polygon(100% 0%, 8% 0%, 0% 100%, 92% 100%);
      align-items: last baseline;
      height: fit-content;
      font-size: 14px;
      text-wrap: nowrap;
      flex-wrap: wrap;
      width: 100%;
      @media screen and (min-width: 457px) {
        display: none;
      }
    }
  }

  .promo__top-text .value {
    display: flex;
    background-color: #004c7f;
    flex-direction: column;
    padding: 1px 27px;
    color: #fff;
    clip-path: polygon(100% 0%, 5% 0%, 0% 100%, 95% 100%);
    align-items: baseline;
    height: fit-content;
    font-size: 15px;
    font-family: Arial, sans-serif;
  }

  .label {
    color: #57595b;
    font-size: 24px;
  }
  .value {
    font-family: Arial, sans-serif;
  }
}

.image-counter {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3px 5px;
  background-color: #0072bbb2;
  color: #eef5fb;
  font-size: 13px;
  line-height: 16px;
}

.b-buyers-car.block {
  .slick-track {
    .slick-slide {
      width: 90vw !important;
    }
  }
}

.labels__subsidy {
  background-color: #e46a1e !important;
}

.lb-subsidy {
  background-color: #e46a1e !important;
  border-color: #e46a1e !important;
}

.lb-subsidy:before {
  content: unset !important;
}

.product__labels {
  text-wrap: nowrap;
  flex-wrap: nowrap;
  display: flex;
  max-width: 100%;
  overflow: hidden;
}
.labels {
  text-wrap: nowrap;
}

@media only screen and (max-width: 1560px) {
  .header__email {
    display: block !important;
  }
}

@media only screen and (max-width: 1280px) {
  .header__email {
    display: none !important;
  }
}

.labels__subsidy-custom {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 5px;
  margin-left: 5px;
  height: 19px;
  top: 3px;
  display: flex;
  align-items: center;
}
.subsidy-tooltip {
  font-size: 16px;
  font-weight: 400;
  padding: 10px 12px;
  text-transform: initial;
  display: flex;
  flex-direction: column;
  align-items: baseline !important;
  gap: 8px;
}
.messages-wrapper.message-system,
.modal {
  display: none;
}
.tippy-box {
  border-radius: 0;
  width: 312px !important;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  top: -15px;
  border-width: 0 16px 16px !important;
}
.tippy-box[data-theme~="light-border"][data-placement^="bottom"]
  > .tippy-arrow:after {
  border-width: 0 15px 15px !important;
}
.modal {
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px 15px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  :is(a) {
    display: block;
    width: fit-content;
    margin-top: 12px;
  }
}
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 400;
  margin-left: 10px;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.product__labels {
  z-index: 100 !important;
}
.labels_big {
  .tippy-arrow {
    transform: translate(13px) !important;
  }

  .tippy-arrow::before {
    bottom: 30px !important;
  }
  .tippy-arrow::after {
    bottom: 32px !important;
  }
}

.prices__price {
  display: flex;
  gap: 5px;

  .prices__value {
    flex-wrap: nowrap;
  }
}

.prices .lb-sale {
  display: none;
}

.prices__double-price,
.price__double-price {
  .prices__value,
  .price__value {
    display: flex;
    gap: 5px;
    text-wrap: nowrap;
  }
}

.prices__price_from-factory span:nth-of-type(2) {
  display: flex;
  gap: 5px;
}

.price-factory span:nth-of-type(2) {
  display: flex;
  gap: 5px;
}

.prices__price_from-factory,
.price-factory {
  display: flex;
  gap: 5px;
}

.lg-toolbar.lg-group {
  @media screen and (max-width: 768px) {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
  }
}

.header__logo {
  margin-top: 20px !important;
}

.footer__logo {
  & a {
    display: block;
    background: url(../img/logo-1.svg) 0 0 no-repeat;
    width: 236px;
    height: 38px;
    border: none;
    text-indent: -999999px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
}

.footer-bottom__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  @media screen and (max-width: 993px) {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

.footer-bottom__copyright,
.footer-bottom__privacy-policy {
  margin-right: 0 !important;
}

.navbar-mobile__logo a::before {
  height: 60px !important;
}

.f-thumbs__slide {
}
.f-thumbs__slide::before {
  content: var(--slide-content);
  position: absolute;
  top: 2px;
  background-color: #ff4901;
  color: #fff;
  left: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 14px;
  padding-top: 2px;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  z-index: 10;
}

@media only screen and (max-width: 479px) {
  .promo__image-mobile img {
    left: 50% !important;
  }
}

.promo__slider {
  .promo_image_custom {
    position: absolute;
    top: 25%;
    left: 5%;

    @media screen and (max-width: 992px) {
      top: unset;
      bottom: 0;
      left: 0;
    }
  }
  .slide-1-heading {
    .promo__name_size-m {
      font-size: 56px !important;

      @media screen and (max-width: 992px) {
        font-size: 40px !important;
      }

      @media screen and (max-width: 768px) {
        font-size: 26px !important;
      }
    }
    position: absolute;
    top: 10%;
    @media screen and (max-width: 992px) {
      top: 16%;
    }
    left: 10%;

    @media screen and (max-width: 480px) {
      left: 3%;
      top: 7%;
    }
  }

  @media (max-width: 992px) {
    .promo__image-mobile {
      display: none !important;
    }
  }

  .slide-new-year {
    @media (max-width: 992px) {
      background-position-x: -150px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -300px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -400px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-brand-severest {
    .promo__image-mobile {
      & img {
        left: 50% !important;
        @media screen and (max-width: 992px) {
          left: 72% !important;
        }
      }
    }
    .promo__info {
      height: 100%;
      width: 100%;
      @media screen and (max-width: 992px) {
        position: unset;
      }
    }
    .promo__container {
      height: 100%;
      margin: 0;
    }
  }

  .slide-factory-anniversary {
    @media (max-width: 992px) {
      background-position-x: 0;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -130px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -130px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-flatbed-trailers {
    @media (max-width: 992px) {
      background-position-x: -150px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -350px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -350px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-video-reviews {
    @media (max-width: 992px) {
      background-position-x: -100px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -150px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -75px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-product-new-ppcpt {
    @media (max-width: 992px) {
      background-position-x: -150px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -150px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -75px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-road-trains-stock {
    @media (max-width: 992px) {
      background-position-x: -150px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -280px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -280px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-warehouse-stock {
    @media (max-width: 992px) {
      background-position-x: -150px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -330px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -280px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  .slide-tank-trucks {
    @media (max-width: 992px) {
      background-position-x: -150px;

      .promo__info {
        max-width: 80%;
        position: absolute;
        left: 24px;
        top: 64px;
      }
    }
    @media (max-width: 576px) {
      background-position-x: -180px;
      .promo__info {
        max-width: 70%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }

    @media (max-width: 360px) {
      background-position-x: -80px;
      .promo__info {
        max-width: 100%;
        position: absolute;
        left: 16px;
        top: 64px;
      }
    }
  }

  @media (max-width: 992px) {
    .promo__container.container {
      width: 100% !important;
      height: 100% !important;
    }
  }
}

.tags-collections {
  @media (max-width: 992px) {
    overflow-x: scroll !important;
    flex-wrap: nowrap !important;
    overflow-y: hidden !important;
  }
}

.product__label_kd {
  min-width: 20px;
}

#ae-search-form {
  max-width: 576px;
}

.rebranding-info-block {
  display: flex;
  gap: 16px;
  font-family: "squares";
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
  .ust-logo {
    display: flex;
    & img {
      content: url("/themes/custom_theme/img/brand/uralst-rebrand-block.svg");
    }
  }

  .text {
    font-size: 16px;
    color: #4d4d4d;
    .first-word {
      font-size: 20px;
      color: #fe8336;
    }
  }
}

.f-social__telegram a {
  background-image: url(../img/telegram-icon.svg);
  width: 35px;
  height: 35px;
}

.fancybox__footer .fancybox__caption {
  text-align: center;
}

.fancybox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  --f-button-next-pos: 10%;
  --f-button-prev-pos: 10%;

  @media screen and (max-width: 768px) {
    display: none;
  }
}

.input-field textarea,
.input-field input {
  max-width: 540px;
}

@media screen and (max-width: 992px) {
  input[type="tel"]::placeholder {
    font-size: 16px !important;
  }
}

.photo-buyers__list {
  .photo-buyers__item {
    @media screen and (max-width: 768px) {
      flex-direction: column;
    }
  }
}

.cookie-banner {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 1000;
  max-width: 600px;
  width: 80%;
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #fff;
  padding: 24px;
  border-radius: 2px;
  box-shadow: 0 3px 10px rgba(30, 41, 117, 0.2);

  & a {
    cursor: pointer;
  }
}

.privacy-policy-page {
  display: flex;
  flex-direction: column;
  gap: 6px;

  .pdf a {
    border: none;
    display: block;
    padding-left: 28px;
  }
  .pdf a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    top: 3px;
    background-image: url(../img/sprite.png);
    background-position: -181px -259px;
    width: 23px;
    height: 19px;
  }
}

@media screen and (max-width: 767px) {
  .cookie-banner {
    flex-direction: column;
    .btn {
      width: 100%;

      a {
        text-align: center;
      }
    }
  }
}

.webform-submission-zayavka-na-reklamnuyu-produkciyu-form
  .js-form-type-checkbox
  label {
  display: inline-flex !important;
}

.webform-submission-add-form {
  .js-form-type-checkbox {
    display: grid;
    grid-template-columns: 14px auto;
    gap: 0 8px;

    & input {
      grid-row: 1;
      align-self: center;
      justify-self: baseline;
    }
    div.error {
      grid-area: 2 / 1 / auto / -1;
    }

    & label {
      grid-row: 1;
    }
  }
}

.node-type-unit-catalog.node-view-mode-full {
  .field-tags-collectons {
    & ul {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      padding: 0;
    }
  }
}

.field-tags-collectons.out-of-view {
  min-height: 36px;
}
.field-tags-collectons.out-of-view .value {
  position: fixed;
  z-index: 1000;
  background-color: #fff;
  top: 0px;
  box-shadow: 0px 2px 5px 2px rgba(34, 60, 80, 0.12);
  margin: 0 -3000px;
  padding: 6px 3000px;

  & ul {
    margin-bottom: 0 !important;
  }
}

.cs-select {
  z-index: 101 !important;
}

.header__socials {
  display: flex;
  gap: 8px;
  margin-right: 16px;
  & a {
    width: 100%;
    display: block;
    height: 100%;
    border: none;
  }
  .whatsapp {
    background: url("/themes/custom_theme/img/socials/whatsapp.png");
    width: 24px;
    height: 24px;
  }

  .telegram {
    background: url("/themes/custom_theme/img/socials/telegram.png");
    width: 24px;
    height: 24px;
  }

  .max-messenger {
    background: url("/themes/custom_theme/img/socials/max-messenger.png");
    width: 24px;
    height: 24px;
  }
}

.header__email a {
  font-weight: 800;
  font-size: 17px;
  color: #4d4d4d;
  border: none;
}

.header__phones {
  margin-right: 16px !important;
}

.header__top {
  .items {
    display: flex;
    gap: 24px;
    margin-right: 16px;
    .postpone,
    .compare {
      margin-right: 0 !important;
    }

    .postpone {
      & a:before {
        background-image: url(../img/defered.svg);
        height: 16px;
        background-repeat: no-repeat;
        background-position: center;
        top: 50%;
        transform: translateY(-50%);
      }

      &:hover {
        & a:before {
          background-image: url(../img/defered-active.svg);
        }
      }

      & a.is-active:before {
        background-image: url(../img/defered-active.svg);
      }
    }

    .compare {
      & a:before {
        background-image: url(../img/compare.svg);
        height: 16px;
        background-repeat: no-repeat;
        background-position: center;
        top: 50%;
        transform: translateY(-50%);
      }

      &:hover {
        & a:before {
          background-image: url(../img/compare-active.svg);
        }
      }

      & a.is-active:before {
        background-image: url(../img/compare-active.svg);
      }
    }

    .viewed {
      width: 22px;
      & a:before {
        content: "";
        display: block;
        background-image: url(../img/eye.svg);
        height: 16px;
        width: 22px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        top: 50%;
        transform: translateY(-50%);
      }

      &:hover {
        & a:before {
          background-image: url(../img/eye-active.svg);
        }
      }

      & a.is-active:before {
        background-image: url(../img/eye-active.svg);
      }
    }

    .postpone,
    .compare,
    .viewed {
      & a span {
        margin-left: 6px;
        border: 0;
        color: #6e7782;
      }

      &:hover {
        & a span {
          color: #fc8356;
        }
      }

      & a.is-active {
        & span {
          color: #fc8356;
        }
      }
    }
  }
}

.f-contacts.custom {
  margin-bottom: 10px;
  display: flex;
  gap: 6px;
  align-items: end;

  & a {
    color: #1b1b1b;
    border: none;
    font-size: 16px;
    &:hover {
      color: #1b1b1b;
    }
  }

  & svg {
    width: 16px;
    & use {
      fill: #1b1b1b;
    }
  }
}

.specifications_container {
  .options__price {
    display: flex !important;
    gap: 6px !important;
  }
}

.sticky-panel {
  .price__val {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
  }
}

/*.footer-bottom{*/
/*  padding-top: 48px !important;*/
/*  padding-bottom: 100px !important;*/
/*}*/

/*.footer, .footer-bottom{*/
/*  background-color: #f5f5f5 !important;*/
/*}*/

/*.footer .footer__menu{*/
/*  & a{*/
/*    color: #3f657e !important;*/

/*    &:hover{*/
/*      color: #5786a5 !important;*/
/*    }*/
/*  }*/
/*}*/

.panel-sorting{
  display: none !important;
}

.catalogunit__item{
  margin: 0 !important;
}

#catalog-items {
  display: flex;
  flex-direction: column;
  gap: 27px;
}

.filter-catalog__item {

  min-width:50% !important;
  width: auto !important;
  flex-shrink: 1 !important;

}

.departments__list{
  .departments__unit{
    @media only screen and (max-width: 992px) {
      .persons__photo {
        display: block !important;
      }
    }

    .persons__photo{
      & a{
        border-bottom: none !important;
      }
    }
  }
}

a:has(img){
  border-bottom: none !important;
}


.at-faq__item{
  .at-faq__header{
    display: none;
    &.active {
      color: #009ee2;
      border-bottom-color: transparent; // убираем двойную границу при открытии
    }
  }
  .at-faq__content{
    .node_view{
      display: none;
    }

    .node-faq{
      display: flex;
      flex-direction: column;
      margin: 0;
      margin-top: -1px;
      .faq-header{
        padding: 16px 0;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        font-size: 18px;
        line-height: 150%;
        font-weight: 600;
        cursor: pointer;
        transition: all .3s ease;

        display: flex;
        justify-content: space-between;
        align-items: center;
        &:hover, &.active {
          color: #009ee2;
        }

        &::after {
          content: '';
          flex-shrink: 0;
          width: 24px;  /* Укажите ширину вашей иконки */
          height: 24px; /* Укажите высоту вашей иконки */
          margin-left: 16px;

          /* Путь к иконке "шеврон вниз" */
          background-image: url('/themes/custom_theme/img/svg/arrow-filter-tag.svg');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          transition: rotate 0.2s ease;
        }

        &.active::after {
          rotate: 180deg;
        }

      }
      .faq-body{
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        padding: 0;
        transition: grid-template-rows 0.2s ease, padding 0.2s ease, opacity 0.2s ease;

        .faq-body-inner {
          overflow: hidden;
        }

        &.open {
          grid-template-rows: 1fr;
          opacity: 1;
          padding: 24px 0;
        }
      }
    }
  }
}

.faq-block-title{
  text-align: center;
}

.btn-related{
  display: flex;
  height: 46px;
  padding: var(--space-200, 8px) var(--space-600, 24px) var(--space-300, 12px) var(--space-600, 24px);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--space-200, 8px);
  position: relative;
  width: fit-content;
  margin-top: 20px;
  border: none;

  border-radius: 12px;
  background: #FFF0E3;

  color: #D96736;
  text-align: center;

  /* font-300 semobold */
  font-family: "Segoe UI";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */

  & a{
    color: #D96736;
    border: none;
    &:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }

  &:hover{
    border-radius: var(--radius-radius-300, 12px);
    background: var(--color-primary-ginger-color-ginger-3, #FFD8BA);
  }

}