@charset "UTF-8";
footer {
  background-color: var(--black);
  padding-top: 2.92cqw; }
  @media (max-width: 1023px) {
    footer {
      padding-top: var(--t32); } }

.footer-bottom {
  padding: 1.67cqw 0;
  border-top: 1px solid #434343;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c5c4c4; }
  @media (max-width: 1023px) {
    .footer-bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: var(--t24) 0; } }
  .footer-bottom a {
    color: #fff; }
  .footer-bottom ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.08cqw; }
    @media (max-width: 1023px) {
      .footer-bottom ul {
        gap: var(--t16);
        margin-bottom: var(--t16);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }

.footer-body {
  padding-bottom: 1.67cqw; }
  @media (max-width: 1023px) {
    .footer-body {
      padding-bottom: var(--t48); } }
  .footer-body .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .footer-body .row a,
    .footer-body .row button {
      color: #fff; }
    .footer-body .row ul {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 2.08cqw; }

@media (max-width: 1023px) {
  .footer__menu {
    display: none; } }

@media (max-width: 1023px) {
  .arrow-up {
    display: none; } }

.footer-body-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.67cqw;
  padding-bottom: 6.88cqw; }
  @media (max-width: 1023px) {
    .footer-body-inner {
      gap: var(--t24);
      padding-bottom: 0;
      grid-template-columns: 1fr; } }
  .footer-body-inner .input,
  .footer-body-inner .textarea {
    margin-bottom: 0.83cqw; }
    @media (max-width: 1023px) {
      .footer-body-inner .input,
      .footer-body-inner .textarea {
        margin-bottom: var(--t12); } }
  .footer-body-inner .col:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .footer-body-inner .col:first-child p {
      font-size: 1.09cqw;
      color: #c5c4c4;
      margin-bottom: 1.67cqw;
      line-height: 130%; }
      @media (max-width: 1023px) {
        .footer-body-inner .col:first-child p {
          font-size: var(--t16);
          margin-bottom: var(--t24); } }
  .footer-body-inner address {
    margin-top: auto;
    font-style: normal;
    color: #fff;
    font-size: 1.09cqw;
    line-height: 130%; }
    @media (max-width: 1023px) {
      .footer-body-inner address {
        font-size: var(--t16); } }
  .footer-body-inner .btn {
    background-color: #fff;
    color: var(--black); }
    @media (max-width: 1023px) {
      .footer-body-inner .btn {
        width: 100%; } }
  .footer-body-inner .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.63cqw;
    margin-bottom: 0.63cqw; }
    @media (max-width: 1023px) {
      .footer-body-inner .form-row {
        gap: var(--t12);
        margin-bottom: var(--t12);
        grid-template-columns: 1fr; } }
    .footer-body-inner .form-row .input {
      margin-bottom: 0; }
      .footer-body-inner .form-row .input input {
        border-radius: 50px;
        border: 1px solid #434343; }
  .footer-body-inner .input textarea,
  .footer-body-inner .textarea textarea {
    border-radius: 0.83cqw;
    height: 8.85cqw;
    border: 1px solid #434343 !important; }
    @media (max-width: 1023px) {
      .footer-body-inner .input textarea,
      .footer-body-inner .textarea textarea {
        height: 32cqw;
        border-radius: var(--t16); } }

@media (max-width: 1023px) {
  .footer__social {
    margin-bottom: var(--t24); } }

.footer__social a {
  color: #fff;
  font-size: 1.88cqw;
  font-weight: 400;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  @media (max-width: 1023px) {
    .footer__social a {
      font-size: var(--t24); } }
  .footer__social a:not(:last-child) {
    margin-bottom: 0.63cqw; }
    @media (max-width: 1023px) {
      .footer__social a:not(:last-child) {
        margin-bottom: var(--t12); } }

.tel-icon {
  display: none;
  fill: #000;
  width: 1.04cqw;
  height: 1.04cqw; }
  @media (max-width: 1023px) {
    .tel-icon {
      display: block; } }

.accordion {
  overflow: hidden;
  position: relative; }

.accordion__intro {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }

.accordion__active .accordion__content {
  opacity: 1; }

.accordion__active .accordion__intro-btn {
  background: var(--yellow); }

.accordion__active .accordion__intro-btn svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.accordion__content {
  max-height: 0;
  will-change: max-height;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0;
  position: relative;
  line-height: 140%;
  padding: 0; }

.accordion__content-text {
  padding-top: 0.83cqw; }

.accordion__intro-btn {
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .accordion__intro-btn svg {
    width: 1.04cqw;
    height: 1.04cqw; }
    @media (max-width: 1023px) {
      .accordion__intro-btn svg {
        width: var(--t16);
        height: var(--t16); } }

.accordion__intro-btn svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.gallery {
  border-top: 1px solid #cecdcd;
  padding: 5cqw 0; }
  @media (max-width: 1023px) {
    .gallery {
      padding: 0 0 var(--t64) 0;
      border: none; } }

.gallery-box {
  padding: 0 4.17cqw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.67cqw; }
  @media (max-width: 1023px) {
    .gallery-box {
      padding: 0;
      gap: var(--t16); } }
  .gallery-box .col {
    height: 34.17cqw;
    gap: 1.67cqw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 1023px) {
      .gallery-box .col {
        height: 53.33cqw;
        gap: var(--t16); } }
  .gallery-box .gallery-img,
  .gallery-box .gallery-video {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 0; }
  .gallery-box img,
  .gallery-box video {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.83cqw;
    -o-object-fit: cover;
       object-fit: cover; }
  .gallery-box .col:first-child .gallery-img:last-child {
    margin-left: auto;
    max-width: 20.94cqw;
    width: 100%; }
  .gallery-box .col:last-child .gallery-img:first-child {
    max-width: 20.94cqw;
    width: 100%; }

.popular {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .popular {
      padding-bottom: var(--t64); } }

.popular-slider {
  border-radius: 0.83cqw;
  margin-bottom: 3.33cqw; }
  @media (max-width: 1023px) {
    .popular-slider {
      margin-bottom: 0;
      border-radius: var(--t16); } }
  .popular-slider img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.83cqw;
    height: 24.48cqw;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s; }
    @media (max-width: 1023px) {
      .popular-slider img {
        height: auto;
        border-radius: var(--t16);
        aspect-ratio: 1/1; } }
  .popular-slider a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .popular-slider p {
    color: var(--black);
    font-size: 1.09cqw; }
    @media (max-width: 1023px) {
      .popular-slider p {
        font-size: var(--t16); } }

.popular-slide__img {
  margin-bottom: 1.25cqw;
  border-radius: 0.83cqw;
  overflow: hidden; }
  @media (max-width: 1023px) {
    .popular-slide__img {
      margin-bottom: var(--t16);
      border-radius: var(--t16); } }

.wrapper-bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.67cqw; }
  @media (max-width: 1023px) {
    .wrapper-bottom {
      grid-template-columns: 1fr; } }

.slider-bottom {
  grid-column: 2; }
  @media (max-width: 1023px) {
    .slider-bottom {
      grid-column: 1; } }
  .slider-bottom .slider-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25cqw; }
    @media (max-width: 1023px) {
      .slider-bottom .slider-arrows {
        gap: var(--t16);
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  .slider-bottom .swiper-button-next,
  .slider-bottom .swiper-button-prev {
    position: relative;
    margin: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0.94cqw;
    height: 0.94cqw; }
    @media (max-width: 1023px) {
      .slider-bottom .swiper-button-next,
      .slider-bottom .swiper-button-prev {
        width: var(--t18);
        height: var(--t18); } }
    .slider-bottom .swiper-button-next::after,
    .slider-bottom .swiper-button-prev::after {
      display: none; }
    .slider-bottom .swiper-button-next::before,
    .slider-bottom .swiper-button-prev::before {
      content: "";
      position: absolute;
      width: 0.94cqw;
      height: 0.94cqw;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
      @media (max-width: 1023px) {
        .slider-bottom .swiper-button-next::before,
        .slider-bottom .swiper-button-prev::before {
          width: var(--t18);
          height: var(--t18); } }
  .slider-bottom .swiper-button-next::before {
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='71' viewBox='0 0 100 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.1814 1.27638C66.8655 0.897622 66.4742 0.588829 66.0324 0.369691C65.5906 0.150554 65.1079 0.0258801 64.6152 0.00361857C64.1226 -0.0186429 63.6306 0.0619961 63.1709 0.240395C62.7111 0.418794 62.2935 0.691038 61.9448 1.03977C61.596 1.3885 61.3238 1.80608 61.1454 2.26586C60.967 2.72565 60.8864 3.21756 60.9086 3.71024C60.9309 4.20292 61.0556 4.68556 61.2747 5.12738C61.4938 5.56921 61.8026 5.96052 62.1814 6.27638L87.6914 31.8164H3.37139C2.46115 31.8647 1.60411 32.2603 0.976876 32.9217C0.349641 33.5831 0 34.4599 0 35.3714C0 36.2829 0.349641 37.1597 0.976876 37.8211C1.60411 38.4825 2.46115 38.8781 3.37139 38.9264H87.6914L62.1414 64.4364C61.4983 65.1098 61.1395 66.0052 61.1395 66.9364C61.1395 67.8676 61.4983 68.7629 62.1414 69.4364C62.4693 69.7654 62.859 70.0264 63.288 70.2045C63.717 70.3825 64.1769 70.4742 64.6414 70.4742C65.1059 70.4742 65.5658 70.3825 65.9948 70.2045C66.4238 70.0264 66.8135 69.7654 67.1414 69.4364L98.7414 37.8364C99.0777 37.5126 99.3453 37.1244 99.528 36.6948C99.7108 36.2652 99.805 35.8032 99.805 35.3364C99.805 34.8696 99.7108 34.4075 99.528 33.978C99.3453 33.5484 99.0777 33.1601 98.7414 32.8364L67.1814 1.27638Z' fill='black' /%3E%3C/svg%3E"); }
  .slider-bottom .swiper-button-prev::before {
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='71' viewBox='0 0 100 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.6236 69.1978C32.9394 69.5766 33.3307 69.8854 33.7726 70.1045C34.2144 70.3237 34.697 70.4483 35.1897 70.4706C35.6824 70.4929 36.1743 70.4122 36.6341 70.2338C37.0939 70.0554 37.5114 69.7832 37.8602 69.4344C38.2089 69.0857 38.4811 68.6681 38.6595 68.2084C38.8379 67.7486 38.9186 67.2567 38.8963 66.764C38.8741 66.2713 38.7494 65.7887 38.5302 65.3468C38.3111 64.905 38.0023 64.5137 37.6235 64.1978L12.1135 38.6578L96.4335 38.6578C97.3438 38.6095 98.2008 38.2139 98.8281 37.5525C99.4553 36.8911 99.8049 36.0143 99.8049 35.1028C99.8049 34.1913 99.4553 33.3145 98.8281 32.6531C98.2008 31.9917 97.3438 31.5961 96.4335 31.5478L12.1135 31.5478L37.6635 6.03783C38.3066 5.36437 38.6655 4.469 38.6655 3.53783C38.6655 2.60665 38.3066 1.71128 37.6635 1.03783C37.3356 0.708862 36.946 0.447852 36.517 0.26976C36.088 0.0916678 35.628 -7.62939e-06 35.1635 -7.62939e-06C34.699 -7.62939e-06 34.2391 0.0916678 33.8101 0.26976C33.3811 0.447852 32.9915 0.708862 32.6635 1.03783L1.06355 32.6378C0.727216 32.9616 0.459666 33.3498 0.276917 33.7794C0.0941665 34.209 -2.28882e-05 34.671 -2.28882e-05 35.1378C-2.28882e-05 35.6047 0.0941665 36.0667 0.276917 36.4962C0.459666 36.9258 0.727216 37.3141 1.06355 37.6378L32.6236 69.1978Z' fill='%23222222' /%3E%3C/svg%3E"); }
  .slider-bottom .swiper-pagination-progressbar {
    position: relative;
    margin-bottom: 1.25cqw;
    height: 0.1cqw;
    background-color: #cecdcd; }
    @media (max-width: 1023px) {
      .slider-bottom .swiper-pagination-progressbar {
        margin-bottom: var(--t24);
        height: 0.53cqw; } }
  .slider-bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--black); }

.categories {
  padding-top: 5cqw;
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .categories {
      padding: var(--t64) 0; } }

.categories-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5cqw 1.67cqw; }
  @media (max-width: 1023px) {
    .categories-items {
      grid-template-columns: 1fr;
      gap: var(--t32); } }

@media (max-width: 1023px) {
  .categories-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.categories-item:last-child {
  margin-top: 2.5cqw;
  font-size: 1.46cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1.25cqw;
  border-top: 1px solid #d9d7d4;
  border-bottom: 1px solid #d9d7d4; }
  @media (max-width: 1023px) {
    .categories-item:last-child {
      margin-top: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      font-size: var(--t20);
      padding-bottom: var(--t16); } }
  .categories-item:last-child p {
    margin-bottom: 0; }
  .categories-item:last-child svg {
    width: 1.25cqw;
    height: 1.25cqw; }
    @media (max-width: 1023px) {
      .categories-item:last-child svg {
        width: var(--t24);
        height: var(--t24); } }
    .categories-item:last-child svg path {
      stroke: var(--black);
      -webkit-transition: stroke 0.3s;
      transition: stroke 0.3s; }

.categories-item__img {
  overflow: hidden;
  border-radius: 0.83cqw; }
  @media (max-width: 1023px) {
    .categories-item__img {
      border-radius: var(--t16); } }

.categories-item p {
  margin-bottom: 1.25cqw;
  font-size: 1.09cqw;
  color: var(--black); }
  @media (max-width: 1023px) {
    .categories-item p {
      font-size: var(--t16);
      margin-top: var(--t16);
      margin-bottom: 0; } }

.categories-item:first-child {
  grid-column: 1/3; }
  @media (max-width: 1023px) {
    .categories-item:first-child {
      grid-column: 1; } }

.categories-item img {
  height: 31.25cqw;
  width: 100%;
  border-radius: 0.83cqw;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s; }
  @media (max-width: 1023px) {
    .categories-item img {
      height: auto;
      aspect-ratio: 1/1;
      border-radius: var(--t16); } }

.shops {
  padding: 5cqw 0;
  border-top: 1px solid #cecdcd; }

.hero-bottom {
  padding: 1.25cqw 2.08cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #cecdcd;
  border-bottom: 1px solid #cecdcd; }
  @media (max-width: 1023px) {
    .hero-bottom {
      display: none; } }

.hero h2 {
  font-size: 0.94cqw;
  font-weight: 300;
  color: #585858;
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .hero h2 {
      font-size: var(--t16);
      margin-bottom: var(--t12); } }

.hero h1 {
  margin-bottom: 0;
  color: var(--black);
  font-weight: 600;
  font-size: 3.65cqw;
  font-family: var(--second-family);
  text-transform: uppercase; }
  @media (max-width: 1023px) {
    .hero h1 {
      font-size: var(--t32);
      margin-bottom: var(--t16); } }

.hero-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1023px) {
    .hero-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  .hero-wrap .col:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.08cqw;
    padding-bottom: 2.08cqw;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 2.08cqw; }
    @media (max-width: 1023px) {
      .hero-wrap .col:first-child {
        padding: var(--t24) var(--t16) 0; } }
  .hero-wrap p {
    margin-top: auto;
    font-size: 0.94cqw;
    margin-bottom: 1.25cqw;
    line-height: 140%; }
    @media (max-width: 1023px) {
      .hero-wrap p {
        font-size: var(--t16);
        margin-bottom: var(--t24); } }
  .hero-wrap .col:last-child {
    width: 60%; }
    @media (max-width: 1023px) {
      .hero-wrap .col:last-child {
        width: 100%; } }
    .hero-wrap .col:last-child img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      height: 43.75cqw; }

.hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.42cqw; }
  @media (max-width: 1023px) {
    .hero__buttons {
      gap: var(--t12);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.blog {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .blog {
      padding-bottom: var(--t64); } }

.blog-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5cqw 1.67cqw; }
  @media (max-width: 1023px) {
    .blog-items {
      grid-template-columns: 1fr;
      gap: var(--t24); } }
  .blog-items img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 20.31cqw;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s; }
    @media (max-width: 1023px) {
      .blog-items img {
        height: auto;
        aspect-ratio: 16/9; } }
  .blog-items p {
    font-size: 1.09cqw;
    color: var(--black); }
    @media (max-width: 1023px) {
      .blog-items p {
        font-size: var(--t16);
        line-height: 140%; } }

.blog-item__img {
  margin-bottom: 1.25cqw;
  overflow: hidden;
  border-radius: 0.83cqw; }
  @media (max-width: 1023px) {
    .blog-item__img {
      margin-bottom: var(--t16);
      border-radius: var(--t16); } }

.pagination {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2.5cqw;
  gap: 0.94cqw; }
  @media (max-width: 1023px) {
    .pagination {
      padding-top: var(--t32);
      gap: var(--t8); } }
  .pagination a {
    border: 1px solid #cecdcd;
    border-radius: 50px;
    width: 2.92cqw;
    height: 2.92cqw;
    font-size: 0.94cqw;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }
    @media (max-width: 1023px) {
      .pagination a {
        font-size: var(--t14);
        width: var(--t48);
        height: var(--t48); } }
    .pagination a.current {
      pointer-events: none;
      cursor: default;
      background: #c32828;
      border-color: #c32828;
      color: #fff; }

.page-404 {
  padding-top: 5cqw;
  padding-bottom: 5cqw;
  text-align: center; }
  @media (max-width: 1023px) {
    .page-404 {
      padding: var(--t64) 0; } }
  .page-404 .btn {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .page-404 h1 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 12.5cqw;
    line-height: 83%;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .page-404 h1 {
        font-size: 32cqw;
        margin-bottom: var(--t24); } }
  .page-404 h2 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 2.08cqw;
    text-align: center;
    color: var(--black);
    margin-bottom: 0.83cqw; }
    @media (max-width: 1023px) {
      .page-404 h2 {
        margin-bottom: var(--t16);
        font-size: var(--t24); } }
  .page-404 p {
    font-size: 0.94cqw;
    margin-bottom: 2.5cqw; }
    @media (max-width: 1023px) {
      .page-404 p {
        font-size: var(--t16);
        line-height: 140%;
        margin-bottom: var(--t32); } }

.contacts {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .contacts {
      padding-bottom: var(--t64); } }
  .contacts h1 {
    margin-bottom: 0.63cqw; }
    @media (max-width: 1023px) {
      .contacts h1 {
        margin-bottom: var(--t32); } }

.contacts-wrap {
  padding-bottom: 5cqw;
  border-bottom: 1px solid #cecdcd; }
  @media (max-width: 1023px) {
    .contacts-wrap {
      padding-bottom: var(--t64); } }
  .contacts-wrap iframe {
    height: 4 4.17cqw;
    display: block;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    border-radius: 0.83cqw; }
    @media (max-width: 1023px) {
      .contacts-wrap iframe {
        border-radius: var(--t16);
        height: 64cqw; } }
  .contacts-wrap .container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.67cqw; }
    @media (max-width: 1023px) {
      .contacts-wrap .container {
        grid-template-columns: 1fr;
        gap: var(--t32); } }
  .contacts-wrap .col:first-child {
    grid-column: 1/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 1023px) {
      .contacts-wrap .col:first-child {
        grid-column: 1; } }
    .contacts-wrap .col:first-child p {
      font-size: 0.94cqw;
      line-height: 140%; }
      @media (max-width: 1023px) {
        .contacts-wrap .col:first-child p {
          font-size: var(--t16);
          margin-bottom: var(--t24); }
          .contacts-wrap .col:first-child p br {
            display: none; } }
    .contacts-wrap .col:first-child ul {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1.67cqw;
      margin-top: auto; }
      @media (max-width: 1023px) {
        .contacts-wrap .col:first-child ul {
          gap: var(--t24); } }
      .contacts-wrap .col:first-child ul a {
        color: var(--black);
        font-size: 1.04cqw; }
        @media (max-width: 1023px) {
          .contacts-wrap .col:first-child ul a {
            font-size: var(--t16); } }
  .contacts-wrap .col:last-child {
    grid-column: 5/13; }
    @media (max-width: 1023px) {
      .contacts-wrap .col:last-child {
        grid-column: 1; } }

.contacts-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5cqw 1.67cqw;
  margin-bottom: 2.5cqw; }
  @media (max-width: 1023px) {
    .contacts-items {
      grid-template-columns: 1fr;
      gap: var(--t22);
      margin-bottom: var(--t32); } }

.contacts-item p:first-child {
  font-size: 0.94cqw;
  color: var(--gray);
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .contacts-item p:first-child {
      margin-bottom: var(--t8);
      font-size: var(--t14); } }

.contacts-item p:last-child,
.contacts-item a {
  font-size: 1.04cqw;
  color: var(--black);
  line-height: 120%; }
  @media (max-width: 1023px) {
    .contacts-item p:last-child,
    .contacts-item a {
      font-size: var(--t16); } }

.warehouses {
  padding-top: 5cqw; }
  @media (max-width: 1023px) {
    .warehouses {
      padding-top: var(--t64); } }

.warehouses-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.67cqw; }
  @media (max-width: 1023px) {
    .warehouses-items {
      grid-template-columns: 1fr;
      gap: var(--t12); } }

.warehouses__item {
  border: 1px solid #cecdcd;
  border-radius: 0.83cqw;
  padding: 1.25cqw; }
  @media (max-width: 1023px) {
    .warehouses__item {
      border-radius: var(--t16);
      padding: var(--t24); } }
  .warehouses__item h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 0.94cqw;
    color: var(--black);
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .warehouses__item h3 {
        margin-bottom: var(--t24);
        font-size: var(--t16); } }
  .warehouses__item ul {
    list-style: none; }
    .warehouses__item ul li:not(:last-child) {
      margin-bottom: 0.83cqw; }
      @media (max-width: 1023px) {
        .warehouses__item ul li:not(:last-child) {
          margin-bottom: var(--t12); } }
    .warehouses__item ul p:first-child {
      font-size: 0.73cqw;
      color: var(--gray);
      margin-bottom: 0.42cqw; }
      @media (max-width: 1023px) {
        .warehouses__item ul p:first-child {
          font-size: var(--t12);
          margin-bottom: var(--t8); } }
    .warehouses__item ul p:last-child,
    .warehouses__item ul a {
      color: var(--black); }
      @media (max-width: 1023px) {
        .warehouses__item ul p:last-child,
        .warehouses__item ul a {
          font-size: var(--t14); } }

.catalog {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .catalog {
      padding-bottom: var(--t64); } }
  .catalog .categories-items .categories-item:last-child {
    margin: 0;
    border: none;
    display: block;
    padding-bottom: 0; }
    @media (max-width: 1023px) {
      .catalog .categories-items .categories-item:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .catalog .categories-items .categories-item:last-child p {
      margin-bottom: 1.25cqw; }
      @media (max-width: 1023px) {
        .catalog .categories-items .categories-item:last-child p {
          margin-top: var(--t16);
          margin-bottom: 0; } }
  .catalog .categories-items .categories-item:nth-child(6) {
    grid-column: 3/5; }
    @media (max-width: 1023px) {
      .catalog .categories-items .categories-item:nth-child(6) {
        grid-column: 1; } }

.about {
  border-bottom: 1px solid #cecdcd; }
  @media (max-width: 1023px) {
    .about {
      border: none; } }
  .about .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0; }
    @media (max-width: 1023px) {
      .about .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        padding: 0; } }
  .about .col:last-child {
    width: 60%; }
    @media (max-width: 1023px) {
      .about .col:last-child {
        width: 100%; } }
  .about .col:first-child {
    padding-bottom: 2.08cqw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 1023px) {
      .about .col:first-child {
        padding: var(--t32) var(--t16) var(--t64); } }
  .about .breadcrumbs {
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .about .breadcrumbs {
        padding-top: 0;
        margin-bottom: var(--t24); } }
  .about h1 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 3.65cqw;
    text-transform: uppercase;
    color: var(--black); }
    @media (max-width: 1023px) {
      .about h1 {
        font-size: var(--t32);
        margin-bottom: var(--t16); } }

.about-slider img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 37.08cqw; }
  @media (max-width: 1023px) {
    .about-slider img {
      height: auto;
      aspect-ratio: 16/9; } }

.about__text {
  margin-top: auto; }
  .about__text p {
    max-width: 31.25cqw;
    font-size: 0.94cqw;
    line-height: 140%;
    color: var(--gray);
    margin-bottom: 1.67cqw; }
    @media (max-width: 1023px) {
      .about__text p {
        max-width: 100%;
        font-size: var(--t16);
        margin-bottom: var(--t24); }
        .about__text p br {
          display: none; } }

.about__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.42cqw; }
  @media (max-width: 1023px) {
    .about__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: var(--t8); } }
  @media (max-width: 1023px) {
    .about__buttons .btn {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-height: var(--t56);
      -ms-flex-negative: 0;
          flex-shrink: 0; } }

.why {
  padding: 5cqw 0; }
  @media (max-width: 1023px) {
    .why {
      padding: 0 0 var(--t64); } }
  .why .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.67cqw; }
    @media (max-width: 1023px) {
      .why .container {
        grid-template-columns: 1fr;
        gap: var(--t16); } }
  .why .col:first-child {
    grid-column: 1/3; }
    @media (max-width: 1023px) {
      .why .col:first-child {
        grid-column: 1; } }
  .why .col:last-child {
    grid-column: 3/4;
    position: relative; }
    @media (max-width: 1023px) {
      .why .col:last-child {
        grid-column: 1; } }
    .why .col:last-child img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 0.83cqw; }
      @media (max-width: 1023px) {
        .why .col:last-child img {
          position: relative;
          border-radius: var(--t16);
          aspect-ratio: 1/1; } }
  .why .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.67cqw; }
    @media (max-width: 1023px) {
      .why .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: var(--t16); } }
    .why .row:not(:last-child) {
      margin-bottom: 1.67cqw; }
      @media (max-width: 1023px) {
        .why .row:not(:last-child) {
          margin-bottom: var(--t16); } }
  .why .title {
    margin-left: 2.08cqw; }
    @media (max-width: 1023px) {
      .why .title {
        margin-left: var(--t16); } }

.why-item {
  border: 1px solid #cecdcd;
  border-radius: 0.83cqw;
  padding: 1.25cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 14.58cqw; }
  .why-item svg {
    width: 2.92cqw;
    height: 2.92cqw; }
    @media (max-width: 1023px) {
      .why-item svg {
        width: var(--t24);
        height: var(--t24);
        margin-bottom: var(--t24); } }
  @media (max-width: 1023px) {
    .why-item {
      height: auto;
      border-radius: var(--t16);
      padding: var(--t24); } }
  .why-item h3 {
    margin-top: auto;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 1.04cqw;
    color: var(--black);
    margin-bottom: 0.42cqw; }
    @media (max-width: 1023px) {
      .why-item h3 {
        font-size: var(--t16);
        margin-bottom: var(--t8); } }
  .why-item p {
    line-height: 140%; }
    @media (max-width: 1023px) {
      .why-item p {
        font-size: var(--t14); } }

@media (max-width: 1023px) {
  .why--reverse .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.why--reverse .col:first-child {
  grid-column: 2/4; }
  @media (max-width: 1023px) {
    .why--reverse .col:first-child {
      grid-column: 1; } }

.why--reverse .col:last-child {
  grid-row: 1;
  grid-column: 1/2; }
  @media (max-width: 1023px) {
    .why--reverse .col:last-child {
      grid-column: 1; } }

@media (max-width: 1023px) {
  .stages {
    padding-bottom: var(--t64); } }

.stages h2 {
  margin-left: 2.08cqw; }
  @media (max-width: 1023px) {
    .stages h2 {
      margin-left: var(--t16); } }

.stages .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.67cqw; }
  @media (max-width: 1023px) {
    .stages .container {
      gap: var(--t16);
      grid-template-columns: 1fr; } }

.stage {
  border: 1px solid #cecdcd;
  border-radius: 0.83cqw;
  padding: 1.25cqw;
  height: 14.58cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1023px) {
    .stage {
      border-radius: var(--t16);
      padding: var(--t24);
      height: auto; } }
  .stage h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 1.04cqw;
    color: var(--black);
    margin-top: auto;
    margin-bottom: 0.42cqw; }
    @media (max-width: 1023px) {
      .stage h3 {
        font-size: var(--t16);
        margin-bottom: var(--t8); } }
  .stage h2 {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 2.92cqw;
    color: var(--black);
    margin-left: 0;
    opacity: 0.06; }
    @media (max-width: 1023px) {
      .stage h2 {
        font-size: var(--t32);
        margin-bottom: var(--t40); } }
  .stage p {
    line-height: 140%; }
    @media (max-width: 1023px) {
      .stage p {
        font-size: var(--t14); }
        .stage p br {
          display: none; } }

.options {
  padding-bottom: 5cqw;
  padding-top: 5cqw; }
  @media (max-width: 1023px) {
    .options {
      padding-top: 0;
      padding-bottom: var(--t64); } }
  .options h2 {
    margin-left: 2.08cqw; }
    @media (max-width: 1023px) {
      .options h2 {
        margin-left: var(--t16); } }
  .options .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.67cqw; }
    @media (max-width: 1023px) {
      .options .container {
        grid-template-columns: 1fr;
        gap: var(--t16); } }

.option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.67cqw;
  border: 1px solid #cecdcd;
  border-radius: 0.83cqw; }
  @media (max-width: 1023px) {
    .option {
      gap: 0;
      border-radius: var(--t16);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .option .col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .option .col:first-child {
      position: relative; }
    .option .col img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      border-radius: 0.83cqw 0 0 0.83cqw;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 1023px) {
        .option .col img {
          position: static;
          border-radius: var(--t16) var(--t16) 0 0;
          aspect-ratio: 16/9; } }
    .option .col:last-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 1.67cqw 1.67cqw 1.67cqw 0px; }
      @media (max-width: 1023px) {
        .option .col:last-child {
          padding: var(--t24); } }
  .option h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 1.04cqw;
    color: var(--black);
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .option h3 {
        font-size: var(--t18);
        margin-bottom: var(--t16); } }
  .option .btn {
    margin-top: auto; }
  .option ul {
    margin-bottom: 1.25cqw;
    list-style: none;
    line-height: 140%; }
    .option ul li:not(:last-child) {
      margin-bottom: 0.63cqw; }
      @media (max-width: 1023px) {
        .option ul li:not(:last-child) {
          margin-bottom: var(--t8); } }
    @media (max-width: 1023px) {
      .option ul {
        font-size: var(--t14);
        margin-bottom: var(--t24); } }
    .option ul li:first-child {
      font-weight: 400;
      color: var(--black);
      line-height: 140%; }

.about-custom h1 {
  text-transform: none;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2.5cqw; }
  @media (max-width: 1023px) {
    .about-custom h1 {
      font-size: var(--t24); }
      .about-custom h1 br {
        display: none; } }

.reviews {
  padding-top: 5cqw;
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .reviews {
      padding-top: var(--t64);
      padding-bottom: var(--t64); } }

.projects {
  padding-bottom: 5cqw;
  margin-bottom: 5cqw;
  border-bottom: 1px solid #cecdcd; }
  @media (max-width: 1023px) {
    .projects {
      margin-bottom: var(--t64);
      padding-bottom: 0;
      border: none; } }

.pt0 {
  padding-top: 0 !important; }

.article-page {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .article-page {
      padding-bottom: var(--t64); } }
  .article-page .container {
    padding: 0;
    max-width: 49.38cqw;
    width: 100%; }
    @media (max-width: 1023px) {
      .article-page .container {
        padding: 0 var(--t16);
        max-width: 100%; } }
  .article-page img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.83cqw;
    max-height: 28.13cqw;
    margin: 1.67cqw 0; }
    @media (max-width: 1023px) {
      .article-page img {
        margin: var(--t24) 0;
        border-radius: var(--t16); } }
    .article-page img:first-child {
      margin-top: 0; }
    .article-page img:last-child {
      margin-bottom: 0; }
  .article-page p {
    line-height: 140%; }
    .article-page p:not(:last-child) {
      margin-bottom: 0.83cqw; }
      @media (max-width: 1023px) {
        .article-page p:not(:last-child) {
          margin-bottom: var(--t16); } }
  .article-page h1 {
    text-align: center;
    margin-bottom: 1.67cqw; }
    @media (max-width: 1023px) {
      .article-page h1 {
        margin-bottom: var(--t24); } }
  .article-page h2 {
    margin-bottom: 0.83cqw;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 1.25cqw;
    color: var(--black);
    margin-top: 1.67cqw; }
    @media (max-width: 1023px) {
      .article-page h2 {
        margin-bottom: var(--t16);
        font-size: var(--t20);
        margin-top: var(--t24); } }
    .article-page h2:first-child {
      margin-top: 0; }
    .article-page h2:last-child {
      margin-bottom: 0; }
  .article-page a {
    display: inline;
    color: var(--black); }
  .article-page h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 0.94cqw;
    color: var(--black);
    margin-top: 1.67cqw; }
    @media (max-width: 1023px) {
      .article-page h3 {
        font-size: var(--t18);
        margin-top: var(--t24); } }
    .article-page h3:first-child {
      margin-top: 0; }
    .article-page h3:last-child {
      margin-bottom: 0; }
  .article-page ul,
  .article-page ol {
    list-style: none;
    line-height: 140%; }
    .article-page ul:not(:last-child),
    .article-page ol:not(:last-child) {
      margin-bottom: 0.63cqw; }
      @media (max-width: 1023px) {
        .article-page ul:not(:last-child),
        .article-page ol:not(:last-child) {
          margin-bottom: var(--t12); } }
    .article-page ul li:not(:last-child),
    .article-page ol li:not(:last-child) {
      margin-bottom: 0.63cqw; }
      @media (max-width: 1023px) {
        .article-page ul li:not(:last-child),
        .article-page ol li:not(:last-child) {
          margin-bottom: var(--t12); } }
  .article-page ol {
    counter-reset: listCounter; }
    .article-page ol li {
      position: relative; }
    .article-page ol li:before {
      counter-increment: listCounter;
      content: counter(listCounter) ".";
      display: inline-block;
      margin-right: 0.42cqw; }
      @media (max-width: 1023px) {
        .article-page ol li:before {
          margin-right: var(--t8); } }
  .article-page ul li {
    padding-left: 0.83cqw;
    position: relative; }
    @media (max-width: 1023px) {
      .article-page ul li {
        padding-left: var(--t16); } }
    .article-page ul li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.57cqw;
      width: 0.42cqw;
      height: 1px;
      background-color: var(--black);
      border-radius: 50%; }
      @media (max-width: 1023px) {
        .article-page ul li::before {
          width: var(--t8);
          top: 2.93cqw; } }

.slider-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 35.1cqw; }
  @media (max-width: 1023px) {
    .slider-wrapper {
      height: auto; } }

.slider-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }

.swiper-slide.guarantees-slide {
  overflow: hidden;
  position: relative;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
  .swiper-slide.guarantees-slide img {
    width: 100%;
    height: 14.38cqw;
    border-radius: 0.83cqw;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .swiper-slide.guarantees-slide img {
        height: auto;
        aspect-ratio: 1/1;
        border-radius: var(--t16);
        margin-bottom: var(--t16); } }
  .swiper-slide.guarantees-slide.active img {
    height: 30.73cqw; }
    @media (max-width: 1023px) {
      .swiper-slide.guarantees-slide.active img {
        height: auto; } }
  .swiper-slide.guarantees-slide.active .guarantees-slide__info p:first-child {
    font-size: 1.09cqw; }
    @media (max-width: 1023px) {
      .swiper-slide.guarantees-slide.active .guarantees-slide__info p:first-child {
        font-size: var(--t16); } }
  .swiper-slide.guarantees-slide.active .guarantees-slide__info p:last-child {
    opacity: 1; }

.guarantees-slide__info p:first-child {
  font-size: 0.94cqw;
  color: var(--black);
  line-height: 130%;
  -webkit-transition: font-size 0.6s;
  transition: font-size 0.6s;
  opacity: 1 !important; }
  @media (max-width: 1023px) {
    .guarantees-slide__info p:first-child {
      font-size: var(--t16) !important; } }
  .guarantees-slide__info p:first-child:not(:last-child) {
    margin-bottom: 0.42cqw; }
    @media (max-width: 1023px) {
      .guarantees-slide__info p:first-child:not(:last-child) {
        margin-bottom: var(--t8); } }

.guarantees-slide__info p:last-child {
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s; }
  @media (max-width: 1023px) {
    .guarantees-slide__info p:last-child {
      opacity: 1;
      font-size: var(--t14); } }

/* --- Элементы управления --- */
.wrapper-bottom {
  margin-top: 2.08cqw; }
  @media (max-width: 1023px) {
    .wrapper-bottom {
      margin-top: var(--t40); } }

/* Прогресс-бар */
.swiper-pagination {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative; }

.progress-bar {
  width: 100%;
  background-color: #cecdcd;
  margin-bottom: 1.25cqw;
  height: 0.1cqw;
  overflow: hidden;
  position: relative; }
  @media (max-width: 1023px) {
    .progress-bar {
      margin-bottom: var(--t24); } }

.progress-fill {
  height: 100%;
  background-color: var(--black);
  -webkit-transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  width: 0%; }

/* Кнопки навигации */
.slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.63cqw; }

.examples {
  border-top: 1px solid #cecdcd;
  padding: 5cqw 0;
  margin-top: 5cqw; }
  @media (max-width: 1023px) {
    .examples {
      border: none;
      padding: 0 0 var(--t64);
      margin-top: var(--t64); } }

.examples-slider {
  margin-bottom: 3.33cqw; }
  @media (max-width: 1023px) {
    .examples-slider {
      margin-bottom: var(--t48); } }

.examples-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #cecdcd;
  border-radius: 0.83cqw;
  padding: 1.67cqw; }
  @media (max-width: 1023px) {
    .examples-slide {
      border-radius: var(--t16);
      padding: var(--t24); } }

.examples-slide__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25cqw;
  gap: 0.83cqw; }
  @media (max-width: 1023px) {
    .examples-slide__author {
      margin-bottom: var(--t16);
      gap: var(--t16); } }
  .examples-slide__author__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    background: var(--black);
    width: 2.92cqw;
    height: 2.92cqw;
    font-size: 0.94cqw;
    text-transform: uppercase;
    color: #fff;
    line-height: 0.94cqw; }
    @media (max-width: 1023px) {
      .examples-slide__author__img {
        width: var(--t40);
        height: var(--t40);
        font-size: var(--t14); } }

.examples-slide__text {
  line-height: 140%; }
  @media (max-width: 1023px) {
    .examples-slide__text {
      font-size: var(--t14); } }

.examples-slide__btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: var(--black); }

.examples-slide__author__name p:first-child {
  font-size: 1.04cqw;
  color: var(--black);
  margin-bottom: 0.21cqw; }
  @media (max-width: 1023px) {
    .examples-slide__author__name p:first-child {
      font-size: var(--t16); } }

.examples-slide__author__name p:last-child {
  font-size: 0.73cqw; }
  @media (max-width: 1023px) {
    .examples-slide__author__name p:last-child {
      font-size: var(--t12); } }

.examples-slide__text p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0; }

.examples-slide__text.is-expanded p {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible; }

.examples-slide__btn {
  cursor: pointer;
  display: none;
  margin-top: 1.25cqw; }
  @media (max-width: 1023px) {
    .examples-slide__btn {
      margin-top: var(--t16);
      font-size: var(--t14); } }

.examples-slide__btn.is-visible {
  display: inline-block; }

.reviews-slide {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .reviews-slide__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #c32828;
    z-index: 4;
    width: 2.5cqw;
    height: 2.5cqw; }
    @media (max-width: 1023px) {
      .reviews-slide__icon {
        width: var(--t48);
        height: var(--t48); } }
    .reviews-slide__icon svg {
      width: 1.25cqw;
      height: 1.25cqw; }
      @media (max-width: 1023px) {
        .reviews-slide__icon svg {
          width: var(--t16);
          height: var(--t16); } }
  .reviews-slide .col:first-child {
    border-bottom: 1px solid #cecdcd;
    border-left: 1px solid #cecdcd;
    border-top: 1px solid #cecdcd;
    border-radius: 0.83cqw 0 0 0.83cqw;
    padding: 1.67cqw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1023px) {
      .reviews-slide .col:first-child {
        padding: var(--t24);
        border-radius: var(--t16) 0 0 var(--t16); } }
    .reviews-slide .col:first-child img {
      height: 2.08cqw;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      -o-object-fit: contain;
         object-fit: contain; }
      @media (max-width: 1023px) {
        .reviews-slide .col:first-child img {
          height: var(--t32); } }
    .reviews-slide .col:first-child p:first-child {
      font-size: 1.04cqw;
      color: var(--black);
      margin-bottom: 0.42cqw; }
      @media (max-width: 1023px) {
        .reviews-slide .col:first-child p:first-child {
          font-size: var(--t16);
          margin-bottom: var(--t8); } }
    @media (max-width: 1023px) {
      .reviews-slide .col:first-child p:last-child {
        font-size: var(--t14); } }
  .reviews-slide .col:last-child {
    border-radius: 0 0.83cqw 0.83cqw 0;
    overflow: hidden;
    position: relative; }
    @media (max-width: 1023px) {
      .reviews-slide .col:last-child {
        border-radius: 0 var(--t16) var(--t16) 0; } }
    .reviews-slide .col:last-child::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 0 0.83cqw 0.83cqw 0;
      background: rgba(34, 34, 34, 0.41);
      z-index: 3; }
      @media (max-width: 1023px) {
        .reviews-slide .col:last-child::before {
          border-radius: 0 var(--t16) var(--t16) 0; } }
    .reviews-slide .col:last-child img {
      height: 19.43cqw;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transition: -webkit-transform 0.8s;
      transition: -webkit-transform 0.8s;
      transition: transform 0.8s;
      transition: transform 0.8s, -webkit-transform 0.8s;
      border-radius: 0 0.83cqw 0.83cqw 0; }
      @media (max-width: 1023px) {
        .reviews-slide .col:last-child img {
          height: 64cqw;
          border-radius: 0 var(--t16) var(--t16) 0; } }

.search {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .search {
      padding-bottom: var(--t64); } }

.search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.83cqw;
  margin-bottom: 2.5cqw; }
  @media (max-width: 1023px) {
    .search-form {
      gap: var(--t8);
      margin-bottom: var(--t24); } }
  .search-form .btn {
    width: 12.5cqw;
    gap: 0.42cqw; }
    @media (max-width: 1023px) {
      .search-form .btn {
        width: var(--t56);
        gap: 0;
        font-size: 0;
        padding: 0; } }
    .search-form .btn svg {
      width: 1.04cqw;
      height: 1.04cqw; }
      @media (max-width: 1023px) {
        .search-form .btn svg {
          width: var(--t16);
          height: var(--t16); } }
  .search-form .input-label {
    color: var(--gray); }
  .search-form .input {
    margin-bottom: 0;
    position: relative; }
    .search-form .input input {
      border: 1px solid #cecdcd;
      border-radius: 50px;
      padding: 0px 1.04cqw;
      padding-right: 2.5cqw;
      color: var(--black); }
      @media (max-width: 1023px) {
        .search-form .input input {
          padding: 0 var(--t16);
          padding-right: var(--t40); } }
    .search-form .input button {
      position: absolute;
      width: 1.25cqw;
      height: 1.25cqw;
      background-color: transparent;
      padding: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 1.04cqw; }
      @media (max-width: 1023px) {
        .search-form .input button {
          width: var(--t16);
          height: var(--t6);
          right: var(--t16); } }

.search-info {
  padding: 4.58cqw 0;
  text-align: center; }
  @media (max-width: 1023px) {
    .search-info {
      padding: var(--t48) 0; } }
  .search-info h2 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 2.08cqw;
    color: var(--black);
    margin-bottom: 0.83cqw; }
    @media (max-width: 1023px) {
      .search-info h2 {
        margin-bottom: var(--t12);
        font-size: var(--t24); } }
  .search-info p {
    font-size: 0.94cqw;
    color: var(--black);
    line-height: 140%; }
    @media (max-width: 1023px) {
      .search-info p {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        font-size: var(--t14); } }

.search-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.67cqw; }
  @media (max-width: 1023px) {
    .search-items {
      grid-template-columns: 1fr 1fr;
      gap: var(--t16); } }

.product {
  border: 1px solid #cecdcd;
  border-radius: 0.83cqw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }
  @media (max-width: 1023px) {
    .product {
      border-radius: var(--t16); } }
  .product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.25cqw; }
    @media (max-width: 1023px) {
      .product__img {
        padding: var(--t24); } }
    .product__img img {
      max-width: 100%;
      height: 20.83cqw;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 1023px) {
        .product__img img {
          height: 48cqw; } }
  .product__info {
    padding: 1.25cqw;
    border-top: 1px solid #cecdcd;
    -webkit-transition: border 0.3s;
    transition: border 0.3s; }
    @media (max-width: 1023px) {
      .product__info {
        padding: var(--t12); } }
  .product__name {
    font-size: 1.25cqw;
    color: var(--black);
    margin-bottom: 0.42cqw;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
    @media (max-width: 1023px) {
      .product__name {
        font-size: var(--t16);
        margin-bottom: var(--t8); } }
  .product__descr {
    font-size: 0.73cqw;
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .product__descr {
        font-size: var(--t12);
        margin-bottom: var(--t16); } }
  .product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.83cqw; }
    @media (max-width: 1023px) {
      .product__price {
        gap: var(--t8);
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .product__price--current {
      font-weight: 400;
      font-size: 1.25cqw;
      color: var(--black); }
      @media (max-width: 1023px) {
        .product__price--current {
          font-size: var(--t16); } }
    .product__price--old {
      opacity: 0.5;
      font-size: 0.94cqw;
      text-decoration: line-through;
      color: var(--gray); }
      @media (max-width: 1023px) {
        .product__price--old {
          font-size: var(--t12); } }

.search-res {
  font-size: 0.94cqw;
  line-height: 140%;
  color: var(--black);
  margin-bottom: 1.67cqw; }
  @media (max-width: 1023px) {
    .search-res {
      font-size: var(--t16);
      margin-bottom: var(--t24); } }

.simullar {
  border-top: 1px solid #cecdcd;
  padding-top: 5cqw;
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .simullar {
      padding-top: 0;
      border: none;
      padding-bottom: var(--t64); } }
  .simullar .search-items.hidden {
    display: none; }

@media (max-width: 1023px) {
  .simullar-slider {
    margin-bottom: var(--t40); } }

.simullar-slider .product {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }

.systems {
  border-top: 1px solid #cecdcd;
  padding-top: 5cqw;
  margin-top: 5cqw;
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .systems {
      padding-top: 0;
      border: none;
      margin-top: var(--t64);
      padding-bottom: var(--t64); } }
  .systems .systems-slider {
    margin-bottom: 3.33cqw; }
    @media (max-width: 1023px) {
      .systems .systems-slider {
        margin-bottom: var(--t40); } }

.systems-slide img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 25.83cqw;
  border-radius: 0.83cqw;
  margin-bottom: 1.25cqw; }
  @media (max-width: 1023px) {
    .systems-slide img {
      height: auto;
      aspect-ratio: 1/1;
      margin-bottom: var(--t16);
      border-radius: var(--t16); } }

.systems-slide p {
  font-size: 1.09cqw;
  color: var(--black); }
  @media (max-width: 1023px) {
    .systems-slide p {
      font-size: var(--t18); } }

.simullar-custom {
  padding-top: 0;
  border: none; }

.categories-box {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.67cqw; }
  .categories-box.hidden {
    display: none; }
  @media (max-width: 1023px) {
    .categories-box .wrapper-bottom {
      margin-top: var(--t24); } }
  @media (max-width: 1023px) {
    .categories-box {
      position: relative;
      display: block;
      padding-bottom: 19.2cqw; } }
  .categories-box .slider-bottom .swiper-pagination-progressbar {
    margin-bottom: 0; }
  .categories-box .slider-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.67cqw; }
    @media (max-width: 1023px) {
      .categories-box .slider-bottom {
        gap: var(--t32); } }
  .categories-box .slider-bottom {
    grid-column: 1/4; }
  .categories-box:not(:last-child) {
    margin-bottom: 5cqw; }
    @media (max-width: 1023px) {
      .categories-box:not(:last-child) {
        margin-bottom: var(--t64); } }
  .categories-box .col:first-child {
    grid-column: 1/4; }
    .categories-box .col:first-child > p {
      line-height: 140%;
      margin-bottom: 1.25cqw; }
      @media (max-width: 1023px) {
        .categories-box .col:first-child > p {
          font-size: var(--t14);
          margin-bottom: var(--t24); } }
    .categories-box .col:first-child .btn {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      @media (max-width: 1023px) {
        .categories-box .col:first-child .btn {
          width: 100%;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0; } }
  .categories-box .col:last-child {
    grid-column: 4/13; }
  .categories-box__head {
    margin-bottom: 1.25cqw; }
    @media (max-width: 1023px) {
      .categories-box__head {
        margin-bottom: var(--t12); } }
    .categories-box__head p {
      color: var(--black);
      margin-bottom: 0.42cqw; }
      @media (max-width: 1023px) {
        .categories-box__head p {
          margin-bottom: var(--t8);
          font-size: var(--t12); } }
    .categories-box__head h2 {
      font-family: var(--second-family);
      font-weight: 500;
      font-size: 2.5cqw;
      text-transform: uppercase;
      color: var(--black); }
      @media (max-width: 1023px) {
        .categories-box__head h2 {
          font-size: var(--t24); } }

.door-form__inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.67cqw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media (max-width: 1023px) {
    .door-form__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: var(--t32); } }

.door__result {
  border: 1px solid #cecdcd;
  grid-column: 1/5;
  border-radius: 0.83cqw; }
  @media (max-width: 1023px) {
    .door__result {
      grid-column: 1/2;
      border-radius: var(--t16); } }

.doors__tabs {
  grid-column: 5/13; }
  @media (max-width: 1023px) {
    .doors__tabs {
      grid-column: 1/2; } }

.door-image {
  width: 100%;
  border-bottom: 1px solid #cecdcd;
  padding: 2.08cqw 0; }
  @media (max-width: 1023px) {
    .door-image {
      padding: var(--t16) 0; } }
  .door-image img {
    height: 28.39cqw;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
    margin: 0 auto; }
    @media (max-width: 1023px) {
      .door-image img {
        height: auto; } }

.door__result-info {
  padding: 1.25cqw;
  border-top: none; }
  @media (max-width: 1023px) {
    .door__result-info {
      padding: var(--t16); } }
  .door__result-info ul {
    line-height: 140%;
    list-style: none;
    color: var(--black); }
    @media (max-width: 1023px) {
      .door__result-info ul {
        font-size: var(--t14); } }
    .door__result-info ul span {
      color: var(--gray); }
    .door__result-info ul li:not(:last-child) {
      margin-bottom: 0.42cqw; }
      @media (max-width: 1023px) {
        .door__result-info ul li:not(:last-child) {
          margin-bottom: var(--t12); } }

.door__result-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.42cqw;
  margin-bottom: 1.25cqw; }
  @media (max-width: 1023px) {
    .door__result-buttons {
      gap: var(--t8);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: var(--t24); } }
  .door__result-buttons .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 1023px) {
      .door__result-buttons .btn {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; } }

.door__result-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.67cqw;
  margin-bottom: 1.25cqw; }
  @media (max-width: 1023px) {
    .door__result-prices {
      gap: var(--t16);
      margin-bottom: var(--t24); } }
  .door__result-prices p:first-child {
    font-size: 0.73cqw;
    margin-bottom: 0.42cqw; }
    @media (max-width: 1023px) {
      .door__result-prices p:first-child {
        font-size: var(--t12);
        margin-bottom: var(--t8); } }
  .door__result-prices p:last-child {
    font-weight: 400;
    font-size: 1.25cqw;
    color: var(--black); }
    @media (max-width: 1023px) {
      .door__result-prices p:last-child {
        font-size: var(--t22); } }

.door {
  padding: 5cqw 0; }
  @media (max-width: 1023px) {
    .door {
      padding: var(--t64) 0; } }
  .door .tabs {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #cecdcd;
    border-radius: 0.83cqw;
    padding: 1.25cqw;
    gap: 2.92cqw;
    text-transform: uppercase; }
    @media (max-width: 1023px) {
      .door .tabs {
        white-space: nowrap;
        overflow: auto;
        scrollbar-width: none;
        border-radius: var(--t8);
        padding: var(--t16);
        text-transform: none;
        gap: var(--t24); } }
    .door .tabs li.current {
      color: var(--black); }
    .door .tabs li {
      cursor: pointer; }
  .door .tab-content {
    padding: 2.08cqw 1.25cqw 0 1.25cqw;
    display: none; }
    @media (max-width: 1023px) {
      .door .tab-content {
        padding: var(--t24) 0 0 0; } }
    .door .tab-content.current {
      display: block; }

.doors__tabs {
  max-width: 100%; }

.door__result-price:not(:last-child) {
  padding-right: 1.67cqw;
  border-right: 1px solid #cecdcd; }

.door__result-name {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 1.67cqw;
  color: var(--black);
  margin-bottom: 1.25cqw; }
  @media (max-width: 1023px) {
    .door__result-name {
      font-size: var(--t24);
      margin-bottom: var(--t16); } }

.door-models__wrapper:not(:last-child) {
  margin-bottom: 2.08cqw; }
  @media (max-width: 1023px) {
    .door-models__wrapper:not(:last-child) {
      margin-bottom: var(--t24); } }

.door-models__wrapper h3 {
  font-weight: 300;
  font-size: 0.83cqw;
  color: var(--black);
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .door-models__wrapper h3 {
      font-size: var(--t16);
      margin-bottom: var(--t16); } }

.door-models__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.08cqw; }
  @media (max-width: 1023px) {
    .door-models__row {
      gap: var(--t16); } }
  .door-models__row input[type="radio"] {
    display: none; }
  .door-models__row .radio-box {
    position: relative;
    padding: 0.21cqw;
    cursor: pointer; }
    @media (max-width: 1023px) {
      .door-models__row .radio-box {
        padding: var(--t4); } }
    .door-models__row .radio-box img {
      height: 14.17cqw;
      -o-object-fit: contain;
         object-fit: contain;
      max-width: 100%; }
      @media (max-width: 1023px) {
        .door-models__row .radio-box img {
          height: 21.33cqw; } }
    .door-models__row .radio-box::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid transparent;
      border-radius: 0.21cqw; }
      @media (max-width: 1023px) {
        .door-models__row .radio-box::before {
          border-radius: var(--t4); } }
  .door-models__row input[type="radio"]:checked + .radio-box::before {
    border-color: #c30000; }

#door-portal .door-models__row .radio-box img,
#door-color .door-models__row .radio-box img,
#door-details .door-models__row .radio-box img {
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.21cqw;
  max-height: 4.17cqw; }
  @media (max-width: 1023px) {
    #door-portal .door-models__row .radio-box img,
    #door-color .door-models__row .radio-box img,
    #door-details .door-models__row .radio-box img {
      border-radius: var(--t8);
      max-height: var(--t56); } }

#door-portal .door-models__row,
#door-color .door-models__row,
#door-details .door-models__row {
  gap: 0.83cqw; }
  @media (max-width: 1023px) {
    #door-portal .door-models__row,
    #door-color .door-models__row,
    #door-details .door-models__row {
      gap: var(--t4); } }

.door-details__inner h3 {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 0.94cqw;
  color: var(--black);
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .door-details__inner h3 {
      font-size: var(--t18);
      margin-bottom: var(--t12); } }

.door-details__inner p {
  line-height: 140%; }
  @media (max-width: 1023px) {
    .door-details__inner p {
      font-size: var(--t14); } }

.dillers {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .dillers {
      padding-bottom: var(--t64); } }

.ymaps-2-1-79-map-copyrights-promo,
.ymaps-2-1-79-copyright__wrap {
  display: none !important; }

.btn.city__place-link {
  display: none; }
  @media (max-width: 1023px) {
    .btn.city__place-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: var(--t16);
      width: 100%; } }

.map-wrapper {
  grid-column: 4/13; }
  @media (max-width: 1023px) {
    .map-wrapper {
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
      z-index: 30; }
      .map-wrapper.is-open {
        display: block; } }

#map {
  height: 36.46cqw;
  width: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1); }
  @media (max-width: 1023px) {
    #map {
      height: 100vh;
      grid-column: 1/2; } }

.btn.js-show-list-button {
  display: none; }
  @media (max-width: 1023px) {
    .btn.js-show-list-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: var(--t16);
      right: var(--t16);
      bottom: var(--t16); } }

.dealer-wrapper {
  height: 36.46cqw;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  border: 1px solid #cecdcd; }
  @media (max-width: 1023px) {
    .dealer-wrapper {
      position: relative;
      height: auto;
      grid-template-columns: 1fr; } }
  .dealer-wrapper .accordion__content-text {
    padding: 1.25cqw; }
    @media (max-width: 1023px) {
      .dealer-wrapper .accordion__content-text {
        padding: var(--t16); } }
  .dealer-wrapper .accordion__intro {
    font-size: 0.94cqw;
    color: var(--black);
    padding: 1.25cqw;
    border-bottom: 1px solid #cecdcd; }
    @media (max-width: 1023px) {
      .dealer-wrapper .accordion__intro {
        font-size: var(--t16);
        padding: var(--t16); } }

.city__place:not(:last-child) {
  margin-bottom: 1.25cqw; }
  @media (max-width: 1023px) {
    .city__place:not(:last-child) {
      margin-bottom: var(--t24); } }

.city__places {
  overflow: auto;
  grid-column: 1/4; }
  @media (max-width: 1023px) {
    .city__places {
      height: 128cqw;
      /*      position: absolute;
        top: 0;
        left: 0;
        background: #efeeee;
        z-index: 23;
        right: 0;
        bottom: 0; */
      grid-column: 1/2; } }

.city__place-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.83cqw;
  gap: 0.42cqw; }
  @media (max-width: 1023px) {
    .city__place-photo {
      margin-bottom: var(--t16);
      gap: var(--t8); } }
  .city__place-photo img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 4.17cqw;
    aspect-ratio: 1/1;
    border-radius: 0.1cqw; }
    @media (max-width: 1023px) {
      .city__place-photo img {
        height: var(--t48); } }

.city__place-map {
  font-size: 0.73cqw; }
  @media (max-width: 1023px) {
    .city__place-map {
      font-size: var(--t14); } }

.city__place-name {
  color: var(--black);
  font-size: 0.83cqw;
  margin-bottom: 0.21cqw; }
  @media (max-width: 1023px) {
    .city__place-name {
      font-size: var(--t16);
      margin-bottom: 0; } }

.city__place-address {
  font-size: 0.73cqw;
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .city__place-address {
      font-size: var(--t12);
      margin-bottom: var(--t16); } }

.city__place-phones {
  list-style: none;
  margin-bottom: 0.83cqw;
  color: var(--black); }
  @media (max-width: 1023px) {
    .city__place-phones {
      font-size: var(--t14);
      margin-bottom: var(--t8); } }
  .city__place-phones li:not(:last-child) {
    margin-bottom: 0.21cqw; }
    @media (max-width: 1023px) {
      .city__place-phones li:not(:last-child) {
        margin-bottom: var(--t8); } }
  .city__place-phones a {
    color: var(--black); }

.city__place-time {
  font-size: 0.73cqw;
  color: var(--black);
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .city__place-time {
      font-size: var(--t12);
      margin-bottom: var(--t16); } }

.basket-page {
  padding-bottom: 5cqw; }
  @media (max-width: 1023px) {
    .basket-page {
      padding-bottom: var(--t64); } }

.basket-page-inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.67cqw; }
  @media (max-width: 1023px) {
    .basket-page-inner {
      grid-template-columns: 1fr;
      gap: var(--t32); } }
  .basket-page-inner .col:first-child {
    grid-column: 1/9; }
    @media (max-width: 1023px) {
      .basket-page-inner .col:first-child {
        grid-column: 1/2; } }
  .basket-page-inner .col:last-child {
    top: 6.46cqw;
    position: sticky;
    border-radius: 0.83cqw;
    grid-column: 9/13;
    border: 1px solid #d9d7d4;
    padding: 1.67cqw; }
    @media (max-width: 1023px) {
      .basket-page-inner .col:last-child {
        border-radius: var(--t16);
        position: static;
        padding: var(--t24) var(--t16);
        grid-column: 1/2; } }
    .basket-page-inner .col:last-child ul {
      margin-bottom: 1.25cqw;
      list-style: none; }
      @media (max-width: 1023px) {
        .basket-page-inner .col:last-child ul {
          margin-bottom: var(--t24); } }
      .basket-page-inner .col:last-child ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: var(--black);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .basket-page-inner .col:last-child ul li:not(:last-child) {
          margin-bottom: 0.83cqw; }
          @media (max-width: 1023px) {
            .basket-page-inner .col:last-child ul li:not(:last-child) {
              margin-bottom: var(--t12); } }
      .basket-page-inner .col:last-child ul li:last-child {
        border-top: 1px solid #d9d7d4;
        padding-top: 1.25cqw;
        font-size: 1.25cqw;
        font-weight: 500;
        margin-top: 1.25cqw; }
        @media (max-width: 1023px) {
          .basket-page-inner .col:last-child ul li:last-child {
            padding-top: var(--t16);
            font-size: var(--t22);
            margin-top: var(--t16); } }
      .basket-page-inner .col:last-child ul li:first-child {
        margin-bottom: 1.25cqw; }
        @media (max-width: 1023px) {
          .basket-page-inner .col:last-child ul li:first-child {
            margin-bottom: var(--t24); } }
        .basket-page-inner .col:last-child ul li:first-child p:first-child {
          color: var(--black);
          font-size: 1.25cqw; }
          @media (max-width: 1023px) {
            .basket-page-inner .col:last-child ul li:first-child p:first-child {
              font-size: var(--t18); } }
        .basket-page-inner .col:last-child ul li:first-child p:last-child {
          color: var(--gray); }
          @media (max-width: 1023px) {
            .basket-page-inner .col:last-child ul li:first-child p:last-child {
              font-size: var(--t14); } }

.quantity-controls__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d9d7d4;
  border-radius: 0.42cqw;
  height: 2.5cqw;
  padding: 0 0.83cqw;
  width: 7.29cqw; }
  @media (max-width: 1023px) {
    .quantity-controls__container {
      gap: var(--t16);
      border-radius: var(--t4);
      height: var(--t40);
      padding: 0 var(--t16);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; } }

button.quantity-controls__dec,
button.quantity-controls__inc {
  width: 1.25cqw;
  height: 1.25cqw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative; }
  @media (max-width: 1023px) {
    button.quantity-controls__dec,
    button.quantity-controls__inc {
      width: var(--t24);
      height: var(--t24); } }

.quantity-controls__dec::before,
.quantity-controls__dec::after,
.quantity-controls__inc::before,
.quantity-controls__inc::after {
  content: "";
  position: absolute;
  height: 0.1cqw;
  width: 0.83cqw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  left: 0;
  right: 0;
  background-color: var(--black); }
  @media (max-width: 1023px) {
    .quantity-controls__dec::before,
    .quantity-controls__dec::after,
    .quantity-controls__inc::before,
    .quantity-controls__inc::after {
      height: 1px;
      width: var(--t12); } }

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Для Firefox */
input[type="number"] {
  -moz-appearance: textfield; }

.quantity-controls__inc::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg); }

.quantity-controls__value {
  width: 1.25cqw;
  height: 1.25cqw;
  text-align: center;
  color: var(--black); }
  @media (max-width: 1023px) {
    .quantity-controls__value {
      font-size: var(--t14);
      width: var(--t24);
      height: var(--t24); } }

.basket-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.83cqw;
  border: 1px solid #d9d7d4;
  padding: 1.67cqw; }
  @media (max-width: 1023px) {
    .basket-item {
      min-height: 48cqw;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-radius: var(--t16);
      padding: var(--t24) var(--t16); } }
  .basket-item:not(:last-child) {
    margin-bottom: 1.67cqw; }
    @media (max-width: 1023px) {
      .basket-item:not(:last-child) {
        margin-bottom: var(--t16); } }
  .basket-item img {
    max-width: 100%;
    height: 9.38cqw;
    -o-object-fit: contain;
       object-fit: contain; }
    @media (max-width: 1023px) {
      .basket-item img {
        left: var(--t16);
        top: var(--t24);
        height: 25.6cqw;
        width: auto;
        position: absolute; } }

.basket-item__info {
  padding-left: 1.67cqw; }
  @media (max-width: 1023px) {
    .basket-item__info {
      margin-left: var(--t16);
      padding-left: var(--t56); } }
  .basket-item__info a:first-child {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 0.94cqw;
    color: var(--black);
    margin-bottom: 0.83cqw; }
    @media (max-width: 1023px) {
      .basket-item__info a:first-child {
        font-size: var(--t16);
        margin-bottom: var(--t8); } }
  .basket-item__info a.delete {
    font-size: 0.73cqw;
    font-weight: 300;
    color: var(--black); }
    @media (max-width: 1023px) {
      .basket-item__info a.delete {
        position: absolute;
        left: var(--t16);
        font-size: var(--t12);
        top: 36.27cqw; } }
  .basket-item__info ul {
    margin-bottom: 0.83cqw;
    font-size: 0.73cqw;
    line-height: 140%;
    list-style: none;
    color: var(--black); }
    @media (max-width: 1023px) {
      .basket-item__info ul {
        font-size: var(--t12);
        margin-bottom: var(--t16); } }
    .basket-item__info ul li:not(:last-child) {
      margin-bottom: 0.42cqw; }
      @media (max-width: 1023px) {
        .basket-item__info ul li:not(:last-child) {
          margin-bottom: var(--t8); } }
    .basket-item__info ul span {
      color: var(--gray); }

.basket-item__price {
  margin-left: auto; }
  @media (max-width: 1023px) {
    .basket-item__price {
      margin-left: var(--t16);
      padding-left: var(--t56); } }
  .basket-item__price > p {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 1.15cqw;
    color: var(--black);
    margin-bottom: 0.83cqw;
    text-align: right; }
    @media (max-width: 1023px) {
      .basket-item__price > p {
        text-align: left;
        font-size: var(--t16);
        margin-bottom: var(--t16); } }

.simullar__head {
  margin-bottom: 2.5cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 1023px) {
    .simullar__head {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: var(--t24);
      margin-bottom: var(--t32); } }
  .simullar__head h1 {
    margin-bottom: 0; }
  .simullar__head button {
    font-weight: 300;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.83cqw; }
    @media (max-width: 1023px) {
      .simullar__head button {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        height: var(--t40);
        border-radius: 50px;
        font-size: var(--t14);
        gap: var(--t8);
        border: 1px solid #cecdcd; } }
    .simullar__head button svg {
      width: 0.83cqw;
      height: 0.83cqw; }
      @media (max-width: 1023px) {
        .simullar__head button svg {
          width: var(--t16);
          height: var(--t16); } }

.modal-filter__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.67cqw; }
  @media (max-width: 1023px) {
    .modal-filter__head {
      margin-bottom: var(--t32); } }
  .modal-filter__head svg {
    width: 0.83cqw;
    height: 0.83cqw; }
    @media (max-width: 1023px) {
      .modal-filter__head svg {
        width: var(--t16);
        height: var(--t16); } }
  .modal-filter__head h3 {
    font-weight: 300;
    font-size: 1.04cqw;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 0; }
    @media (max-width: 1023px) {
      .modal-filter__head h3 {
        font-size: var(--t18); } }

.modal-filter:not(.open) {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0; }

.modal-filter {
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  padding: 2.08cqw;
  width: 26.04cqw;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1023px) {
    .modal-filter {
      width: 100%;
      padding: var(--t24) var(--t16); } }
  .modal-filter .checkbox-container {
    font-size: 0.83cqw;
    color: var(--gray);
    padding-left: 1.67cqw;
    margin-bottom: 0; }
    @media (max-width: 1023px) {
      .modal-filter .checkbox-container {
        font-size: var(--t14);
        padding-left: var(--t32); } }
  .modal-filter .checkbox-container .checkmark:after {
    width: 1.04cqw;
    height: 1.04cqw;
    background-image: url(../img/icon-checkbox-black.svg); }
    @media (max-width: 1023px) {
      .modal-filter .checkbox-container .checkmark:after {
        width: 5.33cqw;
        height: 5.33cqw; } }
  .modal-filter .checkmark {
    width: 1.04cqw;
    height: 1.04cqw;
    border: 1px solid #d9d7d4; }
    @media (max-width: 1023px) {
      .modal-filter .checkmark {
        top: 0;
        width: 5.33cqw;
        height: 5.33cqw; } }
  .modal-filter .irs--big .irs-line {
    height: 0.1cqw;
    border: none;
    background: rgba(206, 205, 205, 0.2); }
    @media (max-width: 1023px) {
      .modal-filter .irs--big .irs-line {
        height: 0.53cqw; } }
  .modal-filter .irs--big .irs-bar {
    height: 0.1cqw;
    background: var(--black);
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    top: 0.26cqw; }
    @media (max-width: 1023px) {
      .modal-filter .irs--big .irs-bar {
        height: 0.53cqw;
        top: 0.53cqw; } }
  .modal-filter .irs--big .irs-handle {
    background: var(--black);
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    width: 0.63cqw;
    top: 0;
    height: 0.63cqw; }
    @media (max-width: 1023px) {
      .modal-filter .irs--big .irs-handle {
        width: var(--t16);
        height: var(--t16);
        top: -1.07cqw; } }
  .modal-filter .irs--big .irs-line {
    top: 0.26cqw; }
  .modal-filter .irs--big .irs-min,
  .modal-filter .irs--big .irs-max {
    padding: 0;
    background-color: transparent;
    font-size: 0.63cqw;
    color: var(--gray);
    position: absolute;
    bottom: -1.67cqw;
    top: auto; }
    @media (max-width: 1023px) {
      .modal-filter .irs--big .irs-min,
      .modal-filter .irs--big .irs-max {
        font-size: var(--t12);
        bottom: -7.73cqw; } }
  .modal-filter .irs--big {
    position: relative;
    height: 1.46cqw;
    margin-bottom: 0.83cqw; }
    @media (max-width: 1023px) {
      .modal-filter .irs--big {
        height: var(--t24);
        margin-bottom: var(--t16); } }
  .modal-filter .irs--big .irs-from,
  .modal-filter .irs--big .irs-to,
  .modal-filter .irs--big .irs-single {
    display: none; }
  .modal-filter .irs-min,
  .modal-filter .irs-max {
    visibility: visible !important; }

.catalog-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.83cqw; }
  @media (max-width: 1023px) {
    .catalog-inputs {
      gap: var(--t8); } }
  .catalog-inputs input {
    border: 1px solid #cecdcd;
    border-radius: 50px;
    padding: 0 0.83cqw;
    padding-right: 2.08cqw;
    height: 2.5cqw;
    width: 100%; }
    @media (max-width: 1023px) {
      .catalog-inputs input {
        padding: 0 var(--t16);
        padding-right: var(--t32);
        height: var(--t48); } }
  .catalog-inputs .input-box {
    position: relative; }
    .catalog-inputs .input-box p {
      position: absolute;
      color: var(--gray);
      right: 0.83cqw;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (max-width: 1023px) {
        .catalog-inputs .input-box p {
          right: var(--t16); } }

.modal-filter__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.42cqw; }
  @media (max-width: 1023px) {
    .modal-filter__bottom {
      gap: var(--t8); } }
  .modal-filter__bottom .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.modal-filter__body {
  padding-right: 0.63cqw;
  margin-bottom: 2.5cqw;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto; }
  @media (max-width: 1023px) {
    .modal-filter__body {
      padding-right: var(--t8);
      margin-bottom: var(--t48); } }

.modal-filter__row:not(:last-child) {
  margin-bottom: 1.67cqw; }
  @media (max-width: 1023px) {
    .modal-filter__row:not(:last-child) {
      margin-bottom: var(--t32); } }

.modal-filter__row ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25cqw; }
  @media (max-width: 1023px) {
    .modal-filter__row ul {
      gap: var(--t24); } }

.modal-filter__box:not(:last-child) {
  margin-bottom: 1.67cqw; }
  @media (max-width: 1023px) {
    .modal-filter__box:not(:last-child) {
      margin-bottom: var(--t32); } }

.modal-filter__box h2 {
  font-weight: 500;
  font-size: 0.83cqw;
  color: #413836;
  margin-bottom: 0.83cqw; }
  @media (max-width: 1023px) {
    .modal-filter__box h2 {
      font-size: var(--t16);
      margin-bottom: var(--t12); } }

.modal-filter__box ul {
  list-style: none; }
  .modal-filter__box ul li:not(:last-child) {
    margin-bottom: 0.63cqw; }
    @media (max-width: 1023px) {
      .modal-filter__box ul li:not(:last-child) {
        margin-bottom: var(--t12); } }

@media (hover), (min-width: 0\0), (min--moz-device-pixel-ratio: 0) {
  .basket-item__info a:hover {
    color: #c32828; }
  .article-page a:hover {
    color: #c32828; }
  .reviews-slide:hover .col:last-child img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .examples-slide__btn:hover {
    color: #c32828; }
  .contacts-item a:hover {
    color: #c32828; }
  .contacts-wrap .col:first-child ul a:hover {
    color: #c32828; }
  .warehouses__item ul a:hover {
    color: #c32828; }
  .pagination a:not(.current):hover {
    color: #c32828; }
  .blog-item:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .popular-slide:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .categories-item:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .categories-item:last-child:hover p {
    color: #c32828; }
  .categories-item:last-child:hover svg path {
    stroke: #c32828; }
  .header-top a:hover {
    color: #c32828; }
  .header__menu a:hover {
    color: #c32828; }
  .header__tel a:hover {
    color: #c32828; }
  .btn:hover {
    background-color: var(--black);
    color: #fff;
    border-color: var(--black); }
  .product:hover {
    border-color: #b0afaf; }
    .product:hover .product__info {
      border-color: #b0afaf; }
  .footer-body .row a:hover,
  .footer-body .row button:hover {
    color: #c32828; }
  .footer-bottom a:hover {
    color: #c32828; }
  .footer-body-inner .btn:hover {
    background-color: #c32828; }
  .footer__social a:hover {
    color: #c32828; } }

.revealOnScroll {
  opacity: 0; }

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  aniamtion-timing-function: linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.flipX {
  -webkit-animation-name: flipX;
          animation-name: flipX; }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft; }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: matrix3d(1.08419, 0.00011, 0, 0, -0.00011, 1.08419, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.08419, 0.00011, 0, 0, -0.00011, 1.08419, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    opacity: 1; } }

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: matrix3d(1.08419, 0.00011, 0, 0, -0.00011, 1.08419, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.08419, 0.00011, 0, 0, -0.00011, 1.08419, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes DevLogo {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  to {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); } }

@keyframes DevLogo {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  to {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); } }