:root {
  --font-primary: "Roboto Flex", sans-serif;
  --font-secondary: "Aileron", sans-serif;
  --background-primary: #86845c;
  --background-primary2: #808575;
  --background-secondary: #FFFFF7;
  --color-primary: #FFFFFC;
  --color-primary2: #E9F5EB;
  --color-primary-rgb: 255, 255, 237;
  --color-brown-dark: #8c6f0f;
  --color-brown-light: #e0c25e;
  --color-dark: #2A301D;
  --color-dark2: #000;
  --color-dark3: #434342;
  --color-dark4: #10110C;
  --color-dark5: #333;
  --color-dark-rgb: 16, 16, 16;
  --color-white: #fff;
  --color-green-rgb: 80, 143, 36;
  --color-green: #347C00;
  --color-green2: #2E7D32;
  --color-green2-rgb: 46, 125, 50;
  --color-green-light: #BACD1D;
  --color-gray: #A0A0A0;
  --color-gray-rgb: 141, 138, 90;
  --color-gray-rgb2: 10, 13, 18;
  --color-gray-rgb3: 51, 51, 51;
  --color-gray-rgb4: 160, 160, 160;
  --color-gray-light: #D9D9D9;
  --color-gray-light2: #C1C1BB;
  --color-gray-light3: #F7F7F7;
  --color-gray-light4: #d3d2d3;
  --color-gray-light5: #b3b3b3;
  --color-gray-light6: #F4F4F4;
  --color-gray-light7: #F2F2F2;
  --color-gray-dark: #8B8E85;
  --color-gray-dark2: #616161;
  --color-yellow-dark: #B28500;
  --color-yellow: #D9EE2B;
  --color-yellow2: #FFF8E1;
  --color-yellow3: #FFD700;
  --color-yellow2-rgb: 178, 133, 0;
  --color-orange: #FF5733;
  --color-orange-rgb: 255, 87, 51;
  --color-orange2: #FB6514;
  --color-orange3: #EC4A0A;
  --color-orange4: #E53B17;
  --color-blue: #337DAF;
  --color-blue2: #574F91;
  --color-blue3: #646CFF;
  --color-blue-light: #6F9CB7;
  --color-blue-light2: #EDEBFA;
  --color-blue-light-rgb: 87, 79, 145;
  --color-red-light: #FDE9E6;
  --color-red: #E03616;
  --color-red-rgb: 224, 54, 22;
  --shadow: 1px 0 0 0 var(--color-dark),
  2px 0 0 0 var(--color-dark),
  3px 0 0 0 var(--color-dark),
  4px 0 0 0 var(--color-dark),
  5px 0 0 0 var(--color-dark),
  6px 0 0 0 var(--color-dark),
  7px 0 0 0 var(--color-dark),
  8px 0 0 0 var(--color-dark),
  9px 0 0 0 var(--color-dark),
  10px 0 0 0 var(--color-dark),
  11px 0 0 0 var(--color-dark),
  12px 0 0 0 var(--color-dark),
  0px -5px 0 0 var(--color-dark),
  1px -5px 0 0 var(--color-dark),
  2px -5px 0 0 var(--color-dark),
  3px -5px 0 0 var(--color-dark),
  4px -5px 0 0 var(--color-dark),
  5px -5px 0 0 var(--color-dark),
  6px -5px 0 0 var(--color-dark),
  7px -5px 0 0 var(--color-dark),
  8px -5px 0 0 var(--color-dark),
  9px -5px 0 0 var(--color-dark),
  10px -5px 0 0 var(--color-dark),
  11px -5px 0 0 var(--color-dark),
  12px -5px 0 0 var(--color-dark),
  13px -5px 0 0 var(--color-dark),
  14px -5px 0 0 var(--color-dark),
  15px -5px 0 0 var(--color-dark),
  16px -5px 0 0 var(--color-dark),
  0px 5px 0 0 var(--color-dark),
  1px 5px 0 0 var(--color-dark),
  2px 5px 0 0 var(--color-dark),
  3px 5px 0 0 var(--color-dark),
  4px 5px 0 0 var(--color-dark),
  5px 5px 0 0 var(--color-dark),
  6px 5px 0 0 var(--color-dark),
  7px 5px 0 0 var(--color-dark),
  8px 5px 0 0 var(--color-dark),
  9px 5px 0 0 var(--color-dark),
  10px 5px 0 0 var(--color-dark),
  11px 5px 0 0 var(--color-dark),
  12px 5px 0 0 var(--color-dark),
  13px 5px 0 0 var(--color-dark),
  14px 5px 0 0 var(--color-dark),
  15px 5px 0 0 var(--color-dark),
  16px 5px 0 0 var(--color-dark);
  --shadow-activ: 1px 0 0 0 var(--color-dark),
  2px 0 0 0 var(--color-dark),
  3px 0 0 0 var(--color-dark),
  4px 0 0 0 var(--color-dark),
  5px 0 0 0 var(--color-dark),
  6px 0 0 0 var(--color-dark),
  7px 0 0 0 var(--color-dark),
  8px 0 0 0 var(--color-dark),
  9px 0 0 0 var(--color-dark),
  10px 0 0 0 var(--color-dark),
  -1px 0 0 0 var(--color-dark),
  -2px 0 0 0 var(--color-dark),
  -3px 0 0 0 var(--color-dark),
  -4px 0 0 0 var(--color-dark),
  -5px 0 0 0 var(--color-dark),
  -6px 0 0 0 var(--color-dark),
  -7px 0 0 0 var(--color-dark),
  -8px 0 0 0 var(--color-dark),
  -9px 0 0 0 var(--color-dark),
  0 -2px 0 0 var(--color-dark),
  1px -2px 0 0 var(--color-dark),
  0 -4px 0 0 var(--color-dark),
  1px -4px 0 0 var(--color-dark),
  0 -6px 0 0 var(--color-dark),
  1px -6px 0 0 var(--color-dark),
  0 -8px 0 0 var(--color-dark),
  1px -8px 0 0 var(--color-dark),
  0 -9px 0 0 var(--color-dark),
  1px -9px 0 0 var(--color-dark),
  0 1px 0 0 var(--color-dark),
  1px 1px 0 0 var(--color-dark),
  0 3px 0 0 var(--color-dark),
  1px 3px 0 0 var(--color-dark),
  0 5px 0 0 var(--color-dark),
  1px 5px 0 0 var(--color-dark),
  0 7px 0 0 var(--color-dark),
  1px 7px 0 0 var(--color-dark),
  0 9px 0 0 var(--color-dark),
  1px 9px 0 0 var(--color-dark);
}


/* grid */
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  display: -ms-flex;
  display: -ms-inline-flexbox;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  display: -ms-flex;
  display: -ms-inline-flexbox;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.valign-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}

.justify-center {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.space-between {
  justify-content: space-between;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

[class*="col-"] {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.clear {
  padding-left: 0px;
  padding-right: 0px;
}

/* 12-column */
.col-1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 300px) {
  .col-ss-0 {
    display: none;
  }

  .col-ss-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-ss-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-ss-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-ss-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-ss-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-ss-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-ss-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-ss-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-ss-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-ss-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-ss-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-ss-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 400px) {
  .col-us-0 {
    display: none;
  }

  .col-us-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-us-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-us-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-us-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-us-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-us-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-us-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-us-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-us-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-us-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-us-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-us-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  .col-xs-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xs-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xs-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xs-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xs-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xs-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xs-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xs-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .col-md-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* 10-column */
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-xl-2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xl-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-xl-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-xl-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-6 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-xl-7 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-xl-8 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-xl-9 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-xl-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1330px) {
  .col-l-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-l-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-l-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-l-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-l-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-l-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-l-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-l-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-l-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-l-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-l-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-l-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

*, *:before, *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  /* font-size: 16px; */
  /* scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%; */
}

html, body {
  min-height: 100vh;
  scroll-behavior: smooth;
  /* scrollbar-gutter: stable; */
}

img {
  display: block;
  max-width: 100%;
}

svg {
  display: block;
}

a {
  color: currentColor;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

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

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

body {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-dark);
  background: var(--color-primary);
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}

.white {
  color: var(--color-white);
}

.brown--dark {
  color: var(--color-brown-dark);
}
.brown--light {
  color: var(--color-brown-light);
}

.grey--dark {
  color: var(--color-gray-dark2);
}
.grey--light {
  color: var(--color-gray-light5);
}

.wrapper {
  overflow: hidden;
  min-height: 100%;
  padding-top: 194px;
  /* transition: padding-top 0.25s; */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-width: 100%;
}
.searchOpen .wrapper {
  padding-top: 232px;
}

#svg_sprite {
  position: absolute;
  bottom: 110%;
  right: 110%;
  opacity: 0;
}

.title {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-size: clamp(18px, 12.2857142857px + 0.0178571429 * 100vw, 26px);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.title span {
  color: var(--color-green-light);
}

.title.mb-40 {
  margin-bottom: 40px;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: 16px;
  padding: 10px;
  color: var(--color-dark);
  font-weight: 400;
  text-align: center;
  border-radius: 4px;
  border: 1px solid var(--color-dark);
  box-shadow: inset 0 0 0 1px transparent, 0 4px 4px rgba(var(--color-gray-rgb), 0.06);
  background: var(--color-white);
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  transition: all 0.25s;
}
.button:hover {
  box-shadow: inset 0 0 0 1px var(--color-dark), 0 4px 4px rgba(var(--color-gray-rgb), 0.06);
}
.button:active {
  background: var(--color-gray-light3);
  box-shadow: inset 0 0 0 1px var(--color-dark), 0 4px 4px rgba(var(--color-gray-rgb), 0.06);
}
.button.disable, .button[disable] {
  background: var(--color-white);
  border: 1px solid var(--color-gray-light);
  box-shadow: inset 0 0 0 1px var(--color-gray-light), 0 4px 4px rgba(var(--color-gray-rgb), 0.06);
  color: var(--color-gray-dark);
  cursor: not-allowed;
}
.button--orange {
  background: var(--color-orange);
  border-color: var(--color-orange);
  color: var(--color-white);
  box-shadow: 0 4px 4px rgba(141, 138, 90, 0.06) !important;
}
.button--orange:hover {
  border-color: var(--color-orange2);
  background: var(--color-orange3);
}
.button--orange:active {
  border-color: var(--color-orange4);
  background: var(--color-orange4);
}
.button--orange.disable, .button--orange[disable] {
  border-color: #c1c1bb;
  background: #d9d9d9;
  color: #8b8e85;
  box-shadow: 0 4px 4px 0 rgba(141, 138, 90, 0.06) !important;
}
.button--orange-active {
  border-color: var(--color-orange4);
  background: var(--color-orange4);
  color: var(--color-white);
  box-shadow: 0 4px 4px rgba(141, 138, 90, 0.06) !important;
}
.button--orange-active:hover {
  border-color: var(--color-orange2);
  background: var(--color-orange3);
}
.button--orange-active:active {
  background: var(--color-orange);
  border-color: var(--color-orange);
}
.button--orange-active.disable, .button--orange-active[disable] {
  border-color: var(--color-gray-light);
  background: var(--color-gray-light3);
}
.button--black {
  background: var(--color-dark4);
  border-color: var(--color-dark4);
  color: var(--color-white);
  box-shadow: 0 4px 4px rgba(141, 138, 90, 0.06) !important;
}
.button--black:hover {
  border-color: var(--color-dark3);
  background: var(--color-dark3);
}
.button--black:active {
  border-color: var(--color-dark4);
  background: var(--color-dark4);
}
.button--black.disable, .button--black[disable] {
  border-color: var(--color-gray-light);
  background: var(--color-gray-light);
}
.button--opacity {
  background: rgba(var(--color-primary-rgb), 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  box-shadow: none !important;
}
.button--opacity:hover {
  background: rgba(var(--color-primary-rgb), 0.3);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.button--opacity:active {
  background: rgba(var(--color-primary-rgb), 0.4);
  border: 1px solid var(--background-secondary);
  color: var(--background-secondary);
}
.button--opacity.disable, .button--opacity[disable] {
  background: rgba(var(--color-dark-rgb), 0.3);
  border: 1px solid var(--color-gray-light2);
  color: var(--color-gray-light2);
}
.button--white {
  background: var(--color-white);
  border: none;
  color: var(--color-dark);
  box-shadow: inset 0 0 0 1px var(--color-dark);
}
.button--white:hover {
  background: var(--color-white);
  box-shadow: inset 0 0 0 2px var(--color-dark);
}
.button--white:active {
  background: var(--color-gray-light3);
  box-shadow: inset 0 0 0 2px var(--color-dark);
}
.button--white.disable, .button--white[disable] {
  background: var(--color-white);
  box-shadow: inset 0 0 0 2px var(--color-gray-light);
  color: var(--color-gray-dark);
}

.material {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  background: var(--color-white);
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  border-radius: 4px;
  overflow: hidden;
}
.material__img {
  width: 100%;
  height: 160px;
}
.material__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.material__desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  flex: 2;
  padding: 0 12px 8px;
}
.material__title {
  font-size: 16px;
  font-weight: 700;
}
.material__details {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 4px;
  flex: 2;
}
.material__details--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.material__details--label {
  font-size: 14px;
  font-weight: 600;
}
.material__details--value {
  font-size: 14px;
  text-align: right;
}
.material__price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
}
.material__price--wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
}
.material__price--currency {
  font-size: 13px;
  font-weight: 700;
}
.material__price--value {
  font-size: 13px;
  font-weight: 700;
}
.material__price--old_price {
  font-weight: 500;
  font-size: 13px;
  text-decoration: line-through;
  color: #8B8E85;
  margin-right: 4px;
}
.material__price--unit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
  font-size: 12px;
}
.material__price--unit:before {
  content: "/";
  font-size: 13px;
  font-weight: 700;
}
.material__price--vat {
  font-size: 12px;
}

.product {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  padding: 0 8px 10px;
  border-radius: 4px;
  /* overflow: hidden; */
}
.product a {
  text-decoration: none;
}
.product__img {
  position: relative;
  margin: 0 -8px;
  height: 306px;
}
.product__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.product__title {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  /* height: 57px; */
  overflow: hidden;
  min-height: 33px;
}
.product__colors {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  min-height: 20px;
  display: none;
}
.product__color {
  position: relative;
  width: 20px;
  height: 20px;
}
.product__color label {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  outline: 2px solid transparent;
  background-color: currentColor;
  transition: outline 0.25s;
  box-shadow: 0 0 3px rgba(var(--color-gray-rgb), 0.5);
  cursor: pointer;
}
.product__color span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
  box-shadow: 0 0 3px rgba(var(--color-gray-rgb), 0.5);
}
.product__color.active > span {
  outline: 2px solid var(--color-orange);
}
.product__color input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.product__color input:checked + label {
  outline: 2px solid var(--color-orange);
}
.product__desc {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 2;
  margin-top: 6px;
}
.product__desc--item {
  font-size: 14px;
  height: 16px;
  overflow: hidden;
}
.product__desc--item b {
  font-weight: 600;
}
.product__desc--list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 5px;
  line-height: 1.1;
  margin-bottom: 8px;
}
.product__desc--list span {
  display: block;
  position: relative;
  white-space: nowrap;
}
.product__desc--list span:not(:last-child) {
  padding-right: 5px;
}
.product__desc--list span:not(:last-child):after {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--color-dark);
  transform: translate(-50%, -50%);
}
.product__radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.product__radio--item {
  position: relative;
}
.product__radio--item label {
  display: flex;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid var(--color-gray-light2);
  background: var(--color-white);
  padding: 4px 10px;
  font-size: 14px;
  height: 36px;
  align-items: center;
  color: var(--color-dark);
  transition: border 0.25s, color 0.25s, background 0.25s;
}
.product__radio--item input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.product__radio--item input:checked + label {
  background: var(--color-dark4);
  border-color: var(--color-dark4);
  color: var(--color-primary);
}
.product__price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.product__price--value {
  font-size: 16px;
}
.product__price--value b {
  font-weight: 700;
}
.product__price {
  flex-wrap: wrap;
}

.product__price--vat {
  font-size: 14px;
  margin-left: 4px;
  text-transform: capitalize;
}
.product__price--discount {
  font-weight: 600;
  font-size: 14px;
  text-decoration: line-through;
  color: #8b8e85;
}
.product__price--full {
  font-size: 14px;
  color: var(--color-gray-dark);
}
.product__buttons {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 6px;
}
.product__button {
  flex: 2;
  line-height: 1;
}
.product__label {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  top: 12px;
  left: 12px;
  right: 12px;
}
.product__label--item {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 10px;
  height: 28px;
  border-radius: 8px;
}
.product__label--white {
  color: var(--color-dark5);
  background: var(--color-gray-light6);
  border: 1px solid rgba(var(--color-gray-rgb3), 0.5);
}
.product__label--black {
  color: var(--color-primary);
  background: var(--color-dark4);
}
.product__label--green {
  border: 1px solid rgba(var(--color-green2-rgb), 0.5);
  color: var(--color-green2);
  background: var(--color-primary2);
}
.product__label--orange {
  border: 1px solid rgba(var(--color-yellow2-rgb), 0.5);
  color: var(--color-yellow-dark);
  background: var(--color-yellow2);
}
.product__label--blue {
  border: 1px solid rgba(var(--color-blue-light-rgb), 0.5);
  color: var(--color-blue2);
  background: var(--color-blue-light2);
}
.product__label--red {
  border: 1px solid rgba(var(--color-red-rgb), 0.5);
  color: var(--color-red);
  background: var(--color-red-light);
}
.product__label--gray {
  border: 1px solid rgba(var(--color-gray-rgb4), 0.5);
  color: var(--color-gray);
  background: var(--color-gray-light7);
}
.product__label--right {
  margin-left: auto;
}
.product__sale {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  margin-bottom: -12px;
}
.product__sale--value {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: var(--color-gray-dark);
  text-decoration-line: line-through;
}
.product__sale--sale {
  display: flex;
  align-items: center;
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  background: var(--color-red);
  border-radius: 8px;
  height: 22px;
  padding: 0 10px;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form__item input,
.form__item textarea {
  width: 100%;
  font-family: var(--font-primary);
  font-size: 14px;
  color: var(--color-gray-dark);
  padding: 13px 15px;
  background: var(--color-gray-light3);
  border-radius: 4px;
  border: 1px solid var(--color-gray-light);
}

.form__item {
  position: relative;
}

.label-input {
  /* background-color: #fff !important; */
  transition: border-color 0.25s ease;
}

.label-input.active {
  border-color: #10110C;
}

.label-txt {
  display: block;
  position: absolute;
  top: 14px;
  /* top: 50%;
  transform: translate(0, -50%); */
  left: 15px;
  pointer-events: none;
  z-index: 10;
  white-space: nowrap;
  max-width: calc(100% - 36px);
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: #8b8e85;
  transition: all 0.25s ease;
  z-index: 0;
}

.label-txt.active {
  display: block;
  position: absolute;
  left: 11px !important;
  padding: 0 4px;
  top: -7px !important;
  transform: none;
  font-weight: 700;
  font-size: 12px;
  color: #10110c;
  /* background-color: #fff; */
}

.select2-container.label-select.select2-container--custom-sort .selection > .select2-selection--single {
  border-color: #10110C;
}

.select2-selection__placeholder {
  display: block;
  position: absolute;
  top: 14px;
  left: 15px;
  /* pointer-events: none; */
  z-index: 10;
  /* white-space: nowrap; */
  /* max-width: calc(100% - 36px); */
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
  font-weight: 400;
  font-size: 14px;
  color: #8b8e85;
  transition: all 0.25s ease;
  z-index: 0;
}

.select2-selection__placeholder.active {
  display: block;
  position: absolute;
  left: 11px !important;
  padding: 0 4px;
  top: -7px !important;
  transform: none;
  font-weight: 700;
  font-size: 12px;
  color: #10110c;
  z-index: 10;
  /* background-color: #fff; */
}

.select2-selection__placeholder.active::before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 6px;
  z-index: -1;
}

.label-txt.active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  bottom: 0;
  background: var(--color-gray-light3);
  z-index: -1;
  height: 3px;
}

.form__button {
  margin-top: 6px;
  display: flex;
  justify-content: center;
}
.form__button .button {
  width: 242px;
}
.form__checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.form__checkbox label {
  display: flex;
  gap: 8px;
  align-items: center;
}
.form__checkbox input:checked ~ label .form__checkbox--ico {
  background: var(--color-dark4);
  border-color: var(--color-dark4);
}
.form__checkbox--ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--color-white);
  border: 1px solid var(--color-gray-dark);
  transition: background 0.25s, border 0.25s, transform 0.25s;
  color: var(--color-white);
  flex: 0 0 auto;
}
.form__checkbox--ico svg {
  width: 100%;
  height: 100%;
}
.form__checkbox--text {
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.header__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--background-primary);
  padding: 15px 12px;
  border-bottom: 0 solid var(--background-secondary);
  transition: border-bottom 0.25s, gap 0.25s;
}
.searchOpen .header__top {
  border-bottom: 53px solid var(--background-secondary);
}
.header__left {
  flex: 2;
  display: flex;
  gap: 0 58px;
  align-items: center;
}

.header__logo a {
  width: 106px;
  display: flex;
  align-items: center;
}
.header__calculator {
  display: none;
}
.header__buttons {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  height: auto;
  /* height: 32px; */
}
.header__cart {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: 32px;
  width: 32px;
  text-decoration: none;
  transition: all 0.25s;
}
.header__cart:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--color-white);
  opacity: 0.2;
  width: 100%;
  bottom: 2px;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.25s;
}
.header__cart:hover:before {
  transform: scale(1, 1);
}
.header__cart--text {
  width: 0;
  overflow: hidden;
  font-size: 14px;
  color: var(--color-primary);
  opacity: 0;
  transition: width 0.25s, opacity 0.25s;
}
.header__cart--img {
  position: relative;
  width: 20px;
}
.header__cart--add:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  transform: translate(5px, -11px);
  border: 1px solid var(--color-primary);
  background: var(--color-orange);
  border-radius: 50%;
}
.header__lang {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  cursor: pointer;
}
.header__lang--ico {
  width: 20px;
}
.header__lang--list {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 50%;
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.12);
  background: var(--color-white);
  border-radius: 4px;
  width: 44px;
  overflow: hidden;
  transform-origin: top center;
  transform: translateX(-50%) scale(1, 0);
  transition: transform 0.25s;
  z-index: 5;
}
.header__lang--item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  margin: 0 -1px;
  height: 40px;
  background: transparent;
  color: var(--color-dark2);
  transition: background 0.25s, color 0.25s;
}
.header__lang--item:hover {
  background: rgba(var(--color-green-rgb), 0.2);
  color: var(--color-green);
}
.header__lang--active {
  background: rgba(var(--color-green-rgb), 0.2);
  color: var(--color-green);
}
.header__lang--flag {
  flex: 0 0 22px;
}
.header__lang--text {
  display: none;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.header__lang:hover .header__lang--list {
  transform: translateX(-50%) scale(1, 1);
}
.header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--background-secondary);
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  padding: 0 12px;
  height: 50px;
}
.header__quality {
  display: flex;
  text-decoration: none;
}
.header__quality--img {
  flex: 0 0 auto;
  width: 29px;
}
.header__quality--text {
  display: none;
  color: #fff;
}
.header__burger {
  position: relative;
  width: 20px;
  height: 20px;
}
.header__burger span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 2px;
  border-radius: 3px;
  background: var(--color-dark);
  transform: translate(-50%, -50%) translateX(-2px);
  transition: transform 0.25s;
}
.header__burger span:first-child {
  width: 17px;
  transform: translate(-50%, -50%) translateY(-5px);
}
.header__burger span:last-child {
  width: 17px;
  transform: translate(-50%, -50%) translateY(5px);
}
.active2 .header__burger span {
  transform: translate(-50%, -50%) scale(0, 1);
}
.active2 .header__burger span:first-child {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.active2 .header__burger span:last-child {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.header__menu {
  display: flex;
  height: 100%;
  user-select: none;
}
.header__menu--mob {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 32px;
  height: 100%;
  cursor: pointer;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transition: border 0.25s, background 0.25s;
}
.header__menu--mob:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 6px;
  width: 1px;
  height: 2px;
  background: var(--color-dark);
  transform: translateY(-1px);
  transition: box-shadow 0.25s, transform 0.25s;
  box-shadow: var(--shadow);
}
.header__menu--mob.active {
  background: var(--color-gray-light3);
  border-bottom-color: var(--color-green-light);
}
.header__menu--mob.active:before {
  transform: translateY(-1px) translateX(7px) rotateZ(45deg);
  box-shadow: var(--shadow-activ);
}
.header__menu--text {
  font-size: 14px;
  color: var(--color-dark);
}
.header__menu--box {
  position: absolute;
  display: grid;
  grid-template-rows: auto;
  grid-template-areas: "list";
  left: 0;
  top: 100%;
  height: calc(100vh - 102px);
  width: 253px;
  background: var(--color-primary);
  box-shadow: inset 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  overflow: hidden;
  overflow-y: auto;
  transition: height 0.25s, transform 0.25s;
  transform: translateX(-100.01%);
  z-index: 2;
}
.header__menu--box.back {
  grid-template-rows: 52px 48px auto;
}
.showMenu .header__menu--box {
  transform: translateX(0);
}
.searchOpen .header__menu--box {
  height: calc(100vh - 155px);
}
.header__menu--shadow {
  position: absolute;
  left: 0;
  top: 100%;
  height: 100vh;
  width: 100%;
  background: rgba(var(--color-dark-rgb), 0.4);
  transition: transform 0.25s;
  transform: translateX(-100.01%);
  z-index: 1;
}
.showMenu .header__menu--shadow, .header__menu--shadow.show {
  transform: translateX(0);
}
.header__menu--back {
  position: absolute;
  top: 12px;
  left: 12px;
  /* padding: 16px 16px 16px 42px; */
  cursor: pointer;
  transition: all 0.25s;
  grid-area: back;
}
.header__menu--title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-gray-dark);
  padding: 0 24px;
  height: 48px;
  grid-area: title;
}
.header__menu--level {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transform: translateX(-100.01%);
  transition: all 0.25s !important;
  grid-area: list;
}
.header__menu--level.active {
  position: relative;
  transform: translateX(0);
}
.header__menu--item {
  position: relative;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--color-gray-light3);
  border-bottom: 1px solid var(--color-gray-light3);
  height: 46px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  padding: 0 24px 0 40px;
  cursor: pointer;
  transition: all 0.25s;
}
.header__menu--item .header__burger {
  display: none;
}
/* .header__menu--item[data-submenu]:before, .header__menu--item[data-submenu]:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: var(--color-gray-dark);
  top: 50%;
  right: 22px;
  transform-origin: bottom right;
  transform: translateY(-50%) translateY(-1px) rotateZ(-45deg);
  transition: background 0.25s;
} */
.header__menu--item[data-submenu]:after {
  transform-origin: top right;
  transform: translateY(-50%) translateY(1px) rotateZ(45deg);
}
.header__menu--item:hover, .header__menu--item.active {
  font-weight: 500;
  background: var(--color-gray-light3);
}
.header__menu--item:hover[data-submenu]:before, .header__menu--item:hover[data-submenu]:after, .header__menu--item.active[data-submenu]:before, .header__menu--item.active[data-submenu]:after {
  background: var(--color-dark);
}

.search {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  transition: all 0.25s;
}
.searchOpen .search {
  justify-content: space-between;
}
.searchOpen .search:before {
  transform: scale(0, 1) !important;
}
.search__box {
  position: absolute;
  top: 14px;
  right: 92px;
  width: 32px;
  padding: 0;
  transition: all 0.25s;
  z-index: 10;
}
.searchOpen .search__box {
  top: 70px;
  width: 100%;
  right: 0;
  padding: 0 12px;
}
.search__wrap {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 8px;
  padding: 0;
  transition: all 0.25s;
}
.searchOpen .search__wrap {
  background: var(--color-white);
  border: 1px solid var(--color-gray-light);
  box-shadow: 0 4px 10px rgba(141, 138, 90, 0.09);
  padding: 0 4px;
}
.search__button {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  pointer-events: none;
  cursor: pointer;
}
.searchOpen .search__button {
  height: 40px;
  width: 40px;
  order: -2;
  pointer-events: auto;
}
.search__button svg {
  width: 20px;
  stroke: var(--color-primary);
  transition: stroke 0.25s;
}
.searchOpen .search__button svg {
  stroke: var(--color-dark);
}
.search__clear {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 0;
  opacity: 0;
  cursor: pointer;
  transition: all 0.25s;
}
.search__clear img {
  width: 20px;
}
.searchOpen .search__clear {
  width: 40px;
  height: 40px;
  opacity: 1;
}
.search__input {
  width: 0;
  border: none;
  background: transparent;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  transition: all 0.25s;
  order: -1;
}
.search__input::placeholder {
  opacity: 0;
  color: var(--color-primary);
  transition: color 0.25s, opacity 0.25s;
  font-weight: 400;
}
.searchOpen .search__input {
  width: 100%;
  opacity: 1;
}
.searchOpen .search__input::placeholder {
  opacity: 1;
  color: var(--color-gray-light2);
}
.search__result {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.search__result:before {
  position: absolute;
  content: "";
  border-top: 1px solid var(--color-gray-light);
  bottom: 100%;
  left: 3px;
  right: 3px;
  opacity: 0;
}
.search__result.search__input--value {
  padding: 12px 3px;
  gap: 4px;
}
.search__result.search__input--value:before {
  opacity: 1;
}
.search__result--item {
  display: flex;
  align-items: center;
  height: 0;
  text-decoration: none;
  padding: 0 5px;
  overflow: hidden;
  opacity: 0;
}
.search__result--item:hover {
  background: var(--color-gray-light3);
}
.search__input--value .search__result--item {
  height: 36px;
  opacity: 1;
}
.search__result--ico {
  display: flex;
  flex: 0 0 auto;
  width: 38px;
  align-items: center;
  justify-content: center;
}
.search__result--ico img {
  width: 14px;
  height: 14px;
}
.search__result--text {
  display: flex;
  display: -webkit-box;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-dark2);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 28px;
}

.slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider__item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider__item video::-webkit-media-controls {
  display: none !important;
}

.slider__item video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.slider__wrapper {
  box-sizing: border-box !important;
  height: 548px !important;
}
.slider__pagination {
  padding-top: 12px;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.slider__pagination span {
  width: 6px;
  height: 6px;
  background: var(--color-gray-light) !important;
  opacity: 1 !important;
  margin: 0 !important;
  transition: background-color 0.25s;
}
.slider__pagination span.swiper-pagination-bullet-active {
  background: var(--color-green-light) !important;
}

.tabs_step {
  display: flex;
  align-items: center;
  max-width: 1192px;
  margin: 12px auto 0;
  border-radius: 4px;
  overflow: hidden;
  background: var(--color-gray-light3);
  outline: 1px solid rgba(var(--color-gray-rgb), 0.2);
  box-shadow: 0 4px 4px 0 rgba(var(--color-gray-rgb), 0.06);
  height: 60px;
}
.tabs_step__item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-gray-dark);
  height: 100%;
  flex: 2;
}
.tabs_step__item:not(:last-child) {
  border-right: 1px solid rgba(var(--color-gray-rgb), 0.2);
}
.tabs_step__item.active {
  background: var(--color-dark);
  color: var(--color-primary);
}

.group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.group__title {
  font-size: 16px;
  font-weight: 600;
}

.select {
  position: relative;
  width: 100%;
  user-select: none;
  z-index: 2;
}
.select__selected {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  border: 1px solid var(--color-gray-light);
  border-radius: 4px;
  background: var(--color-primary);
  padding: 0 40px 0 11px;
  width: 100%;
  font-size: 12px;
  cursor: pointer;
}
.select__selected span {
  /* display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; */
  white-space: nowrap;
  line-height: 1;
}
.select__selected:before, .select__selected:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 7px;
  height: 1px;
  background: var(--color-dark);
  border-radius: 3px;
  transition: transform 0.25s;
}
.select__selected:before {
  right: 8px;
  transform: translateY(-50%) rotateZ(-45deg);
}
.select__selected:after {
  right: 12px;
  transform: translateY(-50%) rotateZ(45deg);
}
.select__selected.active:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.select__selected.active:after {
  transform: translateY(-50%) rotateZ(-45deg);
}
.select__options {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--color-primary);
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.12);
  border-radius: 0 0 4px 4px;
}
.select__option {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
  transition: color 0.25s;
  cursor: pointer;
}
.select__option:hover {
  color: var(--color-orange);
}

.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  cursor: pointer;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.checkbox__ico {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid var(--color-gray-dark);
  background: var(--color-white);
  transition: border 0.25s, background 0.25s;
}
.checkbox__ico svg {
  width: 100%;
  height: 100%;
  color: var(--color-white);
}
input:checked ~ .checkbox__ico {
  border: 1px solid transparent;
  background: var(--color-orange);
}
.checkbox__text {
  font-size: 14px;
  line-height: 1.34;
  user-select: none;
}

.radio {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  cursor: pointer;
}
.radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.radio__ico {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--color-gray-dark);
  background: var(--color-white);
  transition: box-shadow 0.25s;
}
input:checked ~ .radio__ico {
  box-shadow: inset 0 0 0 5px var(--color-orange);
}
.radio__text {
  font-size: 14px;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 18px;
}

.info {
  position: relative;
}
.info__ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--color-dark);
  background: var(--color-white);
  color: var(--color-dark);
  cursor: pointer;
}
.info__ico svg {
  width: 100%;
  height: 100%;
}
.info__ico:hover + .info__box {
  opacity: 1;
}
.info__box {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  bottom: auto;
  width: 210px;
  border-radius: 32px;
  padding: 4px 16px;
  background: var(--color-white);
  box-shadow: 0 12px 16px -4px rgba(var(--color-gray-rgb2), 0.08), 0 4px 6px -2px rgba(var(--color-gray-rgb2), 0.03);
  transform: translate(-15px, 10px);
  pointer-events: none;
  text-align: center;
  transition: opacity 0.25s;
  opacity: 0;
  z-index: 5;
}
.info--bottom .info__box, .info--bottom-center .info__box {
  top: 100%;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translate(-50%, 10px) translateX(9px);
}
.info--bottom-left .info__box {
  top: 100%;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translate(-15px, 10px);
}
.info--bottom-right .info__box {
  top: 100%;
  left: auto;
  right: 0;
  bottom: auto;
  transform: translate(16px, 10px);
}
.info--top .info__box, .info--top-center .info__box {
  top: auto;
  left: 0;
  right: auto;
  bottom: 100%;
  transform: translate(-50%, -10px) translateX(9px);
}
.info--top-right .info__box {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  transform: translate(16px, -10px);
}
.info--top-left .info__box {
  top: auto;
  left: 0;
  right: auto;
  bottom: 100%;
  transform: translate(-15px, -10px);
}
.info__text {
  position: relative;
  text-align: center;
  font-size: 12px;
  z-index: 2;
}
.info__triangle {
  position: absolute;
  height: 9px;
  width: 17px;
  overflow: hidden;
  left: 16px;
  bottom: 100%;
  margin: 0 0 -3px 0;
  z-index: 1;
}
.info__triangle:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  left: 50%;
  border-radius: 2px;
  transform-origin: top left;
  transform: rotateZ(45deg);
  background: var(--color-white);
}
.info--bottom .info__triangle, .info--bottom-center .info__triangle {
  left: 50%;
  right: auto;
  top: auto;
  bottom: 100%;
  transform: translateX(-50%);
  margin: 0 0 -3px 0;
}
.info--bottom-left .info__triangle {
  left: 16px;
  right: auto;
  top: auto;
  bottom: 100%;
  margin: 0 0 -3px 0;
}
.info--bottom-right .info__triangle {
  left: auto;
  top: auto;
  right: 16px;
  bottom: 100%;
  margin: 0 0 -3px 0;
}
.info--top .info__triangle, .info--top-center .info__triangle {
  left: 50%;
  right: auto;
  bottom: auto;
  top: 100%;
  margin: -3px 0 0 0;
  transform: translateX(-50%) scale(1, -1);
}
.info--top-right .info__triangle {
  left: auto;
  right: 16px;
  bottom: auto;
  top: 100%;
  margin: -3px 0 0 0;
  transform: scale(1, -1);
}
.info--top-left .info__triangle {
  left: 16px;
  right: auto;
  bottom: auto;
  top: 100%;
  margin: -3px 0 0 0;
  transform: scale(1, -1);
}
.info--dark .info__ico {
  border: 1px solid var(--color-white);
  background: var(--color-dark);
  color: var(--color-white);
}
.info--dark .info__triangle:before {
  background: var(--color-dark);
}
.info--dark .info__box {
  background: var(--color-dark);
  color: var(--color-white);
}

.rating {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 5px;
  max-width: 320px;
}
.rating__star {
  width: 14px;
}
.rating__star svg {
  display: block;
  width: 14px;
  height: 14px;
  color: var(--color-gray-light);
}
.rating__star svg:last-child {
  margin-top: -14px;
  color: var(--color-yellow3);
  width: 0;
}
.rating__stars {
  display: flex;
  gap: 2px;
}

[data-rating="0.1"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.1"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.1"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.1"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.1"] .rating__star:nth-child(5) svg:last-child {
  width: 10%;
}

[data-rating="0.2"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.2"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.2"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.2"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.2"] .rating__star:nth-child(5) svg:last-child {
  width: 20%;
}

[data-rating="0.3"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.3"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.3"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.3"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.3"] .rating__star:nth-child(5) svg:last-child {
  width: 30%;
}

[data-rating="0.4"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.4"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.4"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.4"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.4"] .rating__star:nth-child(5) svg:last-child {
  width: 40%;
}

[data-rating="0.5"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.5"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.5"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.5"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.5"] .rating__star:nth-child(5) svg:last-child {
  width: 50%;
}

[data-rating="0.6"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.6"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.6"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.6"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.6"] .rating__star:nth-child(5) svg:last-child {
  width: 60%;
}

[data-rating="0.7"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.7"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.7"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.7"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.7"] .rating__star:nth-child(5) svg:last-child {
  width: 70%;
}

[data-rating="0.8"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.8"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.8"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.8"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.8"] .rating__star:nth-child(5) svg:last-child {
  width: 80%;
}

[data-rating="0.9"] .rating__star:nth-child(1) svg:last-child, [data-rating="1.9"] .rating__star:nth-child(2) svg:last-child, [data-rating="2.9"] .rating__star:nth-child(3) svg:last-child, [data-rating="3.9"] .rating__star:nth-child(4) svg:last-child, [data-rating="4.9"] .rating__star:nth-child(5) svg:last-child {
  width: 90%;
}

[data-rating^="1"] .rating__star:nth-child(1) svg:last-child, [data-rating^="2"] .rating__star:nth-child(1) svg:last-child, [data-rating^="2"] .rating__star:nth-child(2) svg:last-child, [data-rating^="3"] .rating__star:nth-child(1) svg:last-child, [data-rating^="3"] .rating__star:nth-child(2) svg:last-child, [data-rating^="3"] .rating__star:nth-child(3) svg:last-child, [data-rating^="4"] .rating__star:nth-child(1) svg:last-child, [data-rating^="4"] .rating__star:nth-child(2) svg:last-child, [data-rating^="4"] .rating__star:nth-child(3) svg:last-child, [data-rating^="4"] .rating__star:nth-child(4) svg:last-child, [data-rating^="5"] .rating__star:nth-child(1) svg:last-child, [data-rating^="5"] .rating__star:nth-child(2) svg:last-child, [data-rating^="5"] .rating__star:nth-child(3) svg:last-child, [data-rating^="5"] .rating__star:nth-child(4) svg:last-child, [data-rating^="5"] .rating__star:nth-child(5) svg:last-child {
  width: 100%;
}

.main  {
  flex: 1 0 auto;
  -webkit-box-flex: 1;
}

.main__title {
  position: relative;
  font-size: 28px;
}
.main__title svg {
  display: none;
}
.main__content {
  padding: 0 12px;
  padding: 0 clamp(12px, 1.8181818182px + 0.0318181818 * 100vw, 40px);
  max-width: 1512px;
  margin: 0 auto;
  padding-bottom: 70px;
}
.main__slider {
  position: absolute !important;
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}
.main__slider--box {
  position: relative;
  height: 566px;
}
.main__slider--fixed {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 88px 0 34px;
  color: var(--color-primary);
}
.main__slider--block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.main__slider--title {
  pointer-events: none;
  position: relative;
  font-family: var(--font-secondary);
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  line-height: 1.16;
  text-shadow: 0 3px 5px rgba(var(--color-dark-rgb), 0.5);
  padding: 0 10%;
  z-index: 2;
}
.main__slider--subtitle {
  pointer-events: none;
  position: relative;
  font-size: 16px;
  text-align: center;
  text-transform: capitalize;
  margin-top: 20px;
  text-shadow: 0 3px 5px rgba(var(--color-dark-rgb), 0.5);
  padding: 0 23%;
  z-index: 2;
}
.main__slider--buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
}
.main__slider--button {
  position: relative;
  width: 240px;
  z-index: 2;
}
.main__slider--button.button {
  gap: 8px;
  font-weight: 500;
  padding: 10px;
}
.main__slider--button svg {
  flex: 0 0 auto;
  width: 19px;
  height: 20px;
}
.main__slider--benefit {
  position: relative;
  display: flex;
  align-items: center;
  height: 72px;
  padding: 0 7px;
  z-index: 2;
  width: 100%;
  border-radius: 4px;
  background: rgba(var(--color-primary-rgb), 0.16);
  backdrop-filter: blur(20px);
  pointer-events: none;
}
.main__slider--benefitwrap {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: center;
  width: auto;
  flex: 0 0 auto;
  left: 110%;
  animation: line 13s linear infinite;
}
.main__slider--item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary);
}
.main__slider--item img {
  flex: 0 0 auto;
  height: 25px;
}
.main__slider--item span {
  display: block;
  white-space: nowrap;
  text-transform: lowercase;
}
.main__popular--title {
  margin-top: 56px;
}
.main__popular--tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 12px;
}
.main__popular--tab {
  font-size: 14px;
  color: var(--color-gray-dark);
  white-space: nowrap;
  text-transform: capitalize;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 2px 0;
  cursor: pointer;
  transition: border-color 0.25s, color 0.25s, font-weight 0.25s;
}
.main__popular--tab.active {
  font-weight: 500;
  color: var(--color-orange);
  border-bottom-color: var(--color-orange);
}
.main__popular--tab:hover {
  color: var(--color-orange);
}
.main__popular--box {
  margin-top: 12px;
}
.main__popular--list {
  display: none !important;
}
.main__popular--list.active {
  display: block !important;
}
.main__popular--item {
  display: flex !important;
  height: auto !important;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
}
.main__popular--item .product__price--wrap {
  align-items: flex-end;
  flex: 2;
}
.main__popular--item a {
  display: flex;
  flex-direction: column;
  flex: 2;
}
.main__popular--info {
  padding: 10px 8px;
}
.main__popular--text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  flex: 2;
  padding: 10px 0;
}
.main__popular--button.button {
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  flex-direction: row;
  flex: 0;
}
.main__popular--button.button svg {
  width: 33px;
  height: 6px;
}
.main__titleBox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main__titleBox--title {
  text-align: left;
  justify-content: flex-start;
}
.main__titleBox--subtitle {
  font-size: 18px;
}
.main__advantages--title {
  margin-top: 80px;
  line-height: 1.25;
  text-transform: capitalize;
  text-align: center;
}
.main__advantages--title svg {
  display: none;
}
.main__advantages--title2 {
  margin-top: 0;
}
.main__advantages--title span {
  display: block;
}
.main__advantages--subtitle {
  font-size: 18px;
  margin-top: 8px;
  text-align: center;
  padding: 0 12%;
}
.main__advantages--box {
  display: flex;
  flex-direction: column;
  gap: 56px;
  margin-top: 12px;
}
.main__advantages--list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.main__advantages--item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 4px;
  background: var(--background-primary);
  color: var(--color-primary);
}
.main__advantages--ico {
  flex: 0 0 auto;
  width: 34px;
  height: 38px;
}
.main__advantages--ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.main__advantages--text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.main__advantages--text b {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 600;
}
.main__advantages--text span {
  font-size: 14px;
}
.main__advantages--ingredients {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.main__advantages--ingredients:before {
  position: absolute;
  content: "";
  background: url("../img/material_demo.png") no-repeat center;
  background-size: contain;
  width: 635px;
  height: 352px;
  bottom: -40px;
  left: 20%;
  opacity: 0.2;
  z-index: 1;
}
.main__advantages--ingredient {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 2;
}
.main__advantages--ingredient img {
  width: 56px;
  border-radius: 50%;
  border: 2px solid rgba(var(--color-primary-rgb), 0.5);
}
.main__advantages--ingredient span {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 700;
}
.main__board {
  margin-top: 80px;
}
.main__board--box {
  margin-top: 12px;
}



.main__board--item {
  display: flex !important;
  flex-direction: column;
  background: var(--background-primary);
  padding: 16px 12px;
  border-radius: 4px;
  color: var(--color-primary);
  height: auto !important;
  gap: 8px;
}
.main__board--title2 {
  font-family: var(--font-secondary);
  font-size: 26px;
  font-weight: 600;
}
.main__board--subtitle {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 600;
  min-height: 21px;
  margin-top: -8px;
}
.main__board--series {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
}
.main__board--series span {
  display: block;
  font-style: italic;
}
.main__board--ico img {
  width: 95px;
  margin-left: auto;
}
.main__board--desc {
  font-size: 14px;
}
.main__board--descBenefits {
  margin-top: 20px;
  font-weight: 700;
}
.main__board--desc ul {
  margin-left: 20px;
}
.main__board--button {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 8px;
  flex: 2;
}
.main__board--button2.button,
.main__board--button .button {
  gap: 10px;
  padding: 10px;
}
.main__board--button2 svg,
.main__board--button svg {
  width: 33px;
  height: 6px;
}
.main__board--button > span {
  display: block;
  padding: 4px;
  text-align: center;
  font-size: 16px;
}
.main__board--info {
  background: var(--color-primary);
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
}
.main__board--label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  flex: 2;
  padding: 10px 0;
  color: var(--color-dark);
}
.main__transform {
  margin-top: 80px;
}
.main__transform--subtitle {
  font-size: 18px;
  text-align: center;
  max-width: 500px;
  margin: 8px auto 0;
}
.main__transform--box {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 3.6fr 1.3fr 2.3fr 2.8fr;
  gap: 4px;
  aspect-ratio: 296/558;
}
.main__transform--item {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
}
.main__transform--item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main__transform--desc {
  display: flex;
  flex-direction: column;
  margin: 8px 8px 0;
  flex: 2;
}
.main__transform--text {
  font-size: 14px;
  font-weight: 300;
}
.main__transform--text b {
  font-weight: 500;
}
.main__transform--button {
  padding: 10px;
  margin: 8px;
}
.main__transform--button svg {
  display: none;
}
.main__transform--img {
  flex: 2;
}

.main__transform--img img {
  transition: transform .4s ease;
  z-index: 0;
}

.main__transform--img:hover img {
  transform: scale(1.06);
}

.main__transform--item img {
  transition: transform .4s ease;
  /* z-index: 0; */
}

.main__transform--item:hover img {
  transform: scale(1.06);
}
.main__transform--wrap {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.main__transform--pick1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  grid-column: 1/3;
  grid-row: 1/4;
  box-shadow: inset 0 0 0 1px rgba(var(--color-gray-rgb), 0.2);
}
.main__transform--pick2 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.main__transform--pick3 {
  grid-column: 3/4;
  grid-row: 3/4;
}
.main__transform--pick4 {
  grid-column: 3/4;
  grid-row: 2/3;
}
.main__transform--pick5 {
  grid-column: 2/4;
  grid-row: 4/5;
}
.main__transform--pick6 {
  grid-column: 1/2;
  grid-row: 4/5;
}
.main__planer {
  margin-top: 80px;
}
.main__planer--box {
  display: flex;
}
.main__planer--title {
  text-align: left;
}
.main__planer--subtitle {
  font-size: 18px;
  margin-top: 8px;
  max-width: 320px;
}
.main__planer--list {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-right: -20px;
}
.main__planer--item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.main__planer--item img {
  flex: 0 0 auto;
  width: 22px;
}
.main__planer--info {
  position: relative;
  z-index: 2;
}
.main__planer--img {
  position: relative;
  flex: 0 0 28%;
  z-index: 1;
}
.main__planer ol {
  display: none;
}
.main__planer ul {
  display: none;
}
.main__planer--button {
  margin-top: 16px;
  max-width: 224px;
}
.main__planer--button svg {
  display: none;
}
.main__planer--bg {
  position: absolute;
  width: 445px;
  max-width: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translate(50px, 50px);
  z-index: -1;
}
.main__planer--plan {
  position: absolute;
  width: 150px;
  height: 91px;
  max-width: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateY(20px);
}
.main__technology {
  margin-top: -13px;
  background: url("../img/technology_bg.jpg") center no-repeat;
  background-size: cover;
  color: var(--color-primary);
}
.main__technology--wrapper {
  padding: 0 24px;
  padding: 0 clamp(24px, 18.1818181818px + 0.0181818182 * 100vw, 40px);
  padding-top: 50px;
  padding-bottom: 70px;
}
.main__technology--subtitle {
  text-align: center;
  margin-top: 8px;
}
.main__technology--box {
  margin-top: 36px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 28px 12px;
}
.main__technology--item {
  width: calc(50% - 6px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.main__technology--ico {
  width: 25px;
  width: clamp(25px, 19.2857142857px + 0.0178571429 * 100vw, 33px);
  height: 25px;
  height: clamp(25px, 19.2857142857px + 0.0178571429 * 100vw, 33px);
  margin: 0 auto;
}
.main__technology--ico img {
  max-width: 100%;
  max-height: 100%;
}
.main__technology--text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 14px;
  max-width: 180px;
}
.main__technology--text b {
  font-size: 16px;
  font-size: clamp(16px, 14.5714285714px + 0.0044642857 * 100vw, 18px);
  width: min-content;
}
.main__faq {
  margin-top: 80px;
}
.main__faq--title {
  text-align: left;
}
.main__faq.second .main__faq--subtitle {
  max-width: none;
}

.main__faq--subtitle {
  font-size: 18px;
  margin-top: 12px;
  max-width: 240px;
}
.main__faq--button {
  margin-top: 20px;
  max-width: 230px;
}
.main__faq--button svg {
  display: none;
}
.main__faq--box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main__faq--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  padding: 12px 14px 12px 12px;
  border-radius: 4px;
  color: var(--color-dark);
  background: var(--color-white);
  box-shadow: inset 0 0 0 1px rgba(var(--color-gray-rgb), 0.2);
  transition: color 0.25s, background 0.25s, border-radius 0.25s;
  cursor: pointer;
}
.open .main__faq--header {
  border-radius: 4px 4px 0 0;
  background: var(--background-primary);
  color: var(--color-primary);
}
.main__faq--right {
  counter-reset: faq;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main__faq--toggle {
  counter-increment: faq;
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  border-radius: 4px;
  transition: box-shadow 0.25s;
  overflow: hidden;
}
.main__faq--toggle.open {
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0);
}
.main__faq--name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15;
}
.main__faq--name:before {
  content: counter(faq) ". ";
}
.main__faq--body {
  display: none;
  border-radius: 0 0 4px 4px;
  background: var(--color-white);
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  border-top: none;
  font-size: 14px;
}
.main__faq--body p:not(:last-child) {
  margin-bottom: 15px;
}
.main__faq--text {
  padding: 16px 12px;
}
.main__faq--ico {
  position: relative;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--background-primary);
  transition: background 0.25s;
}
.main__faq--ico:after, .main__faq--ico:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 3px;
  top: 50%;
  left: 50%;
  background: var(--background-secondary);
  border-radius: 3px;
  transform: translate(-50%, -50%);
  transition: transform 0.25s, background 0.25s;
}
.open .main__faq--ico:after, .open .main__faq--ico:before {
  transform: translate(-50%, -50%) rotateZ(180deg);
  background: var(--background-primary);
}
.main__faq--ico:before {
  width: 3px;
  height: 10px;
}
.open .main__faq--ico:before {
  transform: translate(-50%, -50%) rotateZ(270deg);
  background: var(--background-primary);
}
.open .main__faq--ico {
  background: var(--background-secondary);
}
.main__delivery {
  margin: 72px 0;
  padding: 0 12px;
  padding: 0 clamp(12px, 1.8181818182px + 0.0318181818 * 100vw, 40px);
  padding-top: 64px;
  padding-bottom: 56px;
  background: var(--background-primary);
  color: var(--color-primary);
  position: relative;
}
.main__delivery::before {
  content: '';
  background: var(--background-primary);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
}
.main__delivery::after {
  content: '';
  background: var(--background-primary);
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
}
.main__delivery--box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}
.main__delivery--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 146px;
}
.main__delivery--ico {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--background-primary);
}
.main__delivery--ico svg {
  width: 100%;
  height: 100%;
}
.main__delivery--title {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.main__delivery--list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.main__delivery--text {
  font-size: 14px;
}
.main__delivery--text:before {
  display: inline-block;
  content: ">";
  margin-right: 10px;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 11px 0;
  overflow-x: auto;
}
.breadcrumbs__link {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--color-green-light);
  text-decoration: none;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: border 0.25s, font-weight 0.25s;
  line-height: 1;
  white-space: nowrap;
}
.breadcrumbs__link:hover {
  border-bottom-color: var(--color-green-light);
}
.breadcrumbs__link:before {
  position: absolute;
  content: "/";
  top: 50%;
  left: 100%;
  transform: translate(12px, -50%);
  font-size: 14px;
  color: var(--color-dark);
}
.breadcrumbs__text {
  display: flex;
  align-items: center;
  font-size: 14px;
  white-space: nowrap;
}

.planer__title {
  line-height: 28px;
  line-height: clamp(28px, 24.4285714286px + 0.0111607143 * 100vw, 33px);
}
.planer__code {
  display: flex;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 14px;
  padding: 6px 10px;
  margin: 24px 0 0 auto;
  border-radius: 4px;
  width: fit-content;
  color: var(--color-gray-dark);
  border: 1px solid var(--color-gray-dark);
  background: var(--color-primary);
  cursor: pointer;
  transition: color 0.25s, border-color 0.25s, background 0.25s;
}
.planer__code:hover {
  color: var(--color-primary);
  border-color: var(--color-dark);
  background: var(--color-dark);
}
.planer__code--box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 40px 0 0;
  background: rgba(var(--color-gray-rgb), 0.2);
  padding: 72px 40px;
  color: var(--color-dark2);
  text-align: center;
}
.planer__code--box:before, .planer__code--box:after {
  position: absolute;
  content: "";
  background: rgba(var(--color-gray-rgb), 0.2);
  top: 0;
  bottom: 0;
  width: 50vw;
}
.planer__code--box:before {
  left: 100%;
}
.planer__code--box:after {
  right: 100%;
}
.planer__code--title {
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}
.planer__code--text {
  font-size: 16px;
}
.planer__box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin: 15px auto 0;
  width: 100%;
  max-width: 1430px;
}
.planer__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.planer__select {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.planer__select--title {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 2px;
  flex: 0 0 100%;
}
.planer__select--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px 0 16px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid var(--background-primary);
  background: var(--color-white);
  transition: border 0.25s, background 0.25s;
  flex: 0 0 100%;
  cursor: pointer;
}
.planer__select--item:hover {
  border-color: var(--color-dark);
  background: var(--color-gray-light3);
}
.planer__select--item:hover .planer__select--text {
  font-weight: 500;
}
.planer__select--item:hover .planer__select--ico:before {
  opacity: 1;
}
.planer__select--item:hover .planer__select--ico svg {
  stroke: var(--color-gray-light3);
}
.planer__select--item.active {
  border-color: var(--color-dark);
  background: var(--color-dark);
}
.planer__select--item:active {
  border-color: var(--color-dark);
  background: var(--color-dark);
}
.planer__select--item:active .planer__select--text {
  font-weight: 500;
  color: var(--color-primary);
}
.planer__select--item:active .planer__select--ico:before {
  opacity: 0;
}
.planer__select--item:active .planer__select--ico svg {
  stroke: var(--color-primary);
  stroke-width: 1.5;
  transform: rotateZ(45deg);
}
.planer__select--item.disable {
  border-color: var(--color-gray-light4);
  background: transparent;
  cursor: default;
}
.planer__select--item.disable .planer__select--text {
  color: var(--color-gray-light4);
}
.planer__select--item.disable .planer__select--ico:before {
  opacity: 0 !important;
}
.planer__select--item.disable .planer__select--ico svg {
  stroke: var(--color-gray-light4);
}
.planer__select--text {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-dark);
  letter-spacing: 0.01em;
  user-select: none;
  transition: font-weight 0.25s, color 0.25s;
}
.active > .planer__select--text {
  font-weight: 500;
  color: var(--color-primary);
}
.planer__select--ico {
  position: relative;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
}
.planer__select--ico svg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  stroke: var(--color-gray-dark);
  stroke-width: 1;
  transform: rotateZ(0deg);
  z-index: 2;
  transition: stroke 0.25s, stroke-width 0.25s, fill 0.25s, transform 0.25s;
}
.active > .planer__select--ico svg {
  stroke: var(--color-primary);
  stroke-width: 1.5;
  transform: rotateZ(45deg);
}
.planer__select--ico:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  background: var(--color-dark);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 1;
}
.planer__select--w50 {
  flex: 2;
  min-width: 47%;
  max-width: calc(50% - 4px);
}
.planer__list {
  display: grid;
  justify-items: stretch;
  justify-content: space-between;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px 16px;
  width: 100%;
}
.planer__material {
  cursor: pointer;
  transition: background 0.25s;
}
.planer__material:hover {
  background: var(--color-gray-light3);
}
.planer__toggle {
  counter-increment: planer;
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  border-radius: 4px;
  transition: box-shadow 0.25s;
  overflow: hidden;
}
.planer__toggle.open {
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0);
}
.planer__toggle--box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 20px;
  counter-reset: planer;
}
.planer__toggle--header {
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 40px 0 12px;
  border-radius: 4px;
  color: var(--color-dark);
  background: var(--color-white);
  box-shadow: inset 0 0 0 1px rgba(var(--color-gray-rgb), 0.2);
  transition: color 0.25s, background 0.25s, border-radius 0.25s;
  cursor: pointer;
}
.planer__toggle--header:before, .planer__toggle--header:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 10px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.25s;
}
.planer__toggle--header:before {
  right: 12px;
  transform: translateY(-50%) rotateZ(-45deg);
}
.planer__toggle--header:after {
  right: 18px;
  transform: translateY(-50%) rotateZ(45deg);
}
.open .planer__toggle--header {
  border-radius: 4px 4px 0 0;
  background: var(--background-primary);
  color: var(--color-primary);
}
.open .planer__toggle--header:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.open .planer__toggle--header:after {
  transform: translateY(-50%) rotateZ(-45deg);
}
.planer__toggle--name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.planer__toggle--name:before {
  content: counter(planer) ". ";
}
.planer__toggle--body {
  display: none;
  background: var(--color-gray-light3);
  border-radius: 0 0 4px 4px;
}
.planer__toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 22px 20px;
  padding: 20px 10px;
}
.planer__toolbar--item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex: 2;
  min-width: calc(30% - 10px);
}
.planer__toolbar--button {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-gray-dark);
  gap: 8px;
  cursor: pointer;
}
.planer__toolbar--button:hover svg {
  color: var(--color-gray-light2);
}
.planer__toolbar--button.active svg {
  color: var(--color-orange);
  stroke: var(--color-orange);
}
.planer__toolbar--button:active svg {
  color: var(--color-orange);
  stroke: var(--color-orange);
}
.planer__toolbar--ico {
  stroke: var(--color-gray-light2);
  color: transparent;
  stroke-width: 0;
  width: 36px;
  height: 36px;
  transition: stroke 0.25s, color 0.25s;
}
.planer__toolbar--text {
  text-align: center;
  font-size: 14px;
  transition: color 0.25s;
}
.active .planer__toolbar--text {
  color: var(--color-orange);
}
.planer__sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 8px;
}
.planer__tools {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 0;
}
.planer__tools--item {
  position: relative;
  display: flex;
  align-items: center;
  width: 50%;
}
.planer__tools--item input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.planer__tools--button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}
.planer__tools--button:hover .planer__tools--ico {
  border-color: var(--color-dark);
  color: var(--color-dark);
}
input:checked ~ .planer__tools--button .planer__tools--ico {
  border-color: transparent !important;
  color: var(--color-primary) !important;
  background: var(--color-orange);
}
.planer__tools--ico {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  color: var(--color-gray-dark);
  background: var(--color-white);
  border-radius: 4px;
  border: 1px solid transparent;
  transition: color 0.25s, background 0.25s, border 0.25s;
}
.planer__tools--ico svg {
  width: 100%;
  height: 100%;
}
.active .planer__tools--ico {
  border-color: transparent !important;
  color: var(--color-primary) !important;
  background: var(--color-orange);
}
.planer__tools--text {
  font-size: 14px;
  font-weight: 500;
  transition: color 0.25s;
  user-select: none;
}
.planer__settings {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.planer__checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 10px;
  padding: 10px 0;
}
.planer__checkbox--item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 2;
  min-width: 45%;
}
.planer__checkbox--item3 {
  padding: 0 4px;
}
.planer__radio--box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.planer__radio--item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.planer__radio--radio {
  width: fit-content;
}
.planer__radio--checkboxs {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.planer__variation {
  display: grid;
  grid-template-columns: 22% 18% 60%;
  grid-auto-rows: auto;
  align-items: stretch;
  gap: 16px 0;
}
.planer__variation--option {
  display: flex;
  align-items: center;
  grid-column: 1;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 3px 0 0 3px;
}
.planer__variation--option:not([data-set]) {
  font-weight: 500;
  margin-bottom: -4px;
  padding: 0 4px;
}
.planer__variation--option.active {
  background: var(--color-primary);
}
.planer__variation--option.hide {
  display: none !important;
}
.planer__variation--waste {
  display: flex;
  align-items: center;
  grid-column: 2;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.planer__variation--waste:not([data-set]) {
  font-weight: 500;
  margin-bottom: -4px;
}
.planer__variation--waste.active {
  background: var(--color-primary);
}
.planer__variation--waste.hide {
  display: none !important;
}
.planer__variation--cost {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: 3;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: right;
  padding: 0 5px;
  border-radius: 0 3px 3px 0;
}
.planer__variation--cost:not([data-set]) {
  font-weight: 500;
  margin-bottom: -4px;
}
.planer__variation--cost.active {
  background: var(--color-primary);
}
.planer__variation--cost.hide {
  display: none !important;
}
.planer__variation--number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  line-height: 1;
  border: 1px solid var(--color-dark);
  transition: border-color 0.25s, background 0.25s, color 0.25s, font-weight 0.25s;
  cursor: pointer;
}
.active > .planer__variation--number {
  border-color: var(--color-orange);
  background: var(--color-orange);
  color: var(--color-white);
  font-weight: 700;
}
.planer__variation--input {
  display: none;
  width: 100%;
  margin-top: 10px;
}
.planer__variation--input.show {
  display: block;
}
.planer__variation--input input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  font-family: var(--font-primary);
  font-size: 14px;
  border: 1px solid var(--color-gray-light);
  border-radius: 4px;
  background: var(--color-white);
  padding: 0 11px;
}
.planer__cost {
  margin-top: 18px;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--color-dark2);
}
.planer__chosen {
  display: flex;
  flex-direction: column;
  padding: 0 8px 20px;
}
.planer__chosen--title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-dark2);
}
.planer__chosen--select {
  margin-top: 8px;
}
.planer__chosen--select .select__selected,
.planer__chosen--select .select__option {
  height: 48px;
}
.planer__chosen--select .select__selected span {
  -webkit-line-clamp: 2;
}
.planer__chosen--wrapper {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 16px 8px;
  background: var(--color-primary);
  border-radius: 4px;
}
.planer__chosen--info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.planer__chosen--img {
  padding: 3px;
  border-radius: 3px;
  border: 1px solid rgba(var(--color-gray-rgb), 0.15);
}
.planer__chosen--box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.planer__chosen--subtitle {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.planer__chosen--details {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 4px;
}
.planer__chosen--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.planer__chosen--total {
  font-weight: 800;
}
.planer__chosen--total .planer__chosen--label {
  font-weight: 800;
}
.planer__chosen--label {
  font-size: 14px;
  font-weight: 600;
}
.planer__chosen--value {
  font-size: 14px;
  text-align: right;
}
.planer__chosen--nowrap {
  white-space: nowrap;
}
.planer__substructure {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
}
.planer__substructure--item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px 20px;
  padding: 12px;
}
.planer__substructure--item:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-light);
}
.planer__substructure--checkbox {
  grid-column: 1/-1;
}
.planer__substructure--checkbox .checkbox__ico {
  width: 24px;
  height: 24px;
}
.planer__substructure--name {
  grid-column: 1/-1;
  font-size: 16px;
  font-weight: 600;
}
.planer__substructure--img {
  grid-column: 1/-1;
}
.planer__substructure--img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  background: var(--color-gray-light);
  border-radius: 4px;
}
.planer__substructure--desc {
  grid-column: 1/span 3;
  font-size: 14px;
}
.planer__substructure--price {
  grid-column: 4/span 2;
  font-size: 14px;
  text-align: right;
}
.planer__substructure--price b {
  display: block;
  text-align: right;
}
.planer__accessories {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 12px;
}
.planer__accessories--row {
  display: grid;
  padding: 20px 12px 8px;
  background: var(--color-primary);
}
.planer__accessories--title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}
.planer__accessories--subtitle {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: none;
}
.planer__accessories--item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
}
.planer__accessories--item:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-light);
}
.planer__accessories--checkbox .checkbox__ico {
  width: 24px;
  height: 24px;
}
.planer__accessories--name {
  font-size: 18px;
  font-weight: 600;
}
.planer__accessories--img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  background: var(--color-gray-light);
  border-radius: 4px;
}
.planer__accessories--desc {
  font-size: 16px;
  margin-top: 8px;
}
.planer__accessories--price {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}
.planer__accessories--box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.planer__accessories--label {
  font-size: 16px;
  font-weight: 600;
}
.planer__accessories--value {
  font-size: 16px;
}
.planer__accessories--value input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 36px;
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border: 1px solid var(--color-gray-light);
  border-radius: 4px;
  background: var(--color-white);
}
.planer__button--box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

.accordion--body {
  display: none;
}

.catalog__box {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.catalog__links--title {
  display: none;
}
.catalog__links--item {
  display: flex;
  align-items: center;
  font-size: 14px;
  white-space: nowrap;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  height: 22px;
  color: var(--color-gray-dark);
  cursor: pointer;
  transition: color 0.25s, font-weight 0.25s, border 0.25s, background 0.25s;
}
.catalog__links--item:hover {
  color: var(--color-orange);
}
.catalog__links--item.active {
  font-weight: 600;
  color: var(--color-orange);
  border-bottom-color: var(--color-orange);
}
.catalog__links--body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px 8px;
}
.catalog__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 12px;
  margin-top: 16px;
}
.catalog__tabs--item {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 16px;
  height: 32px;
  color: var(--color-gray-dark);
  border: 1px solid var(--color-gray-dark);
  border-radius: 4px;
  background: var(--color-white);
  transition: border 0.25s, color 0.25s, background 0.25s, font-weight 0.25s;
  cursor: pointer;
}
.catalog__tabs--item:hover {
  color: var(--color-dark4);
  border-color: var(--color-dark4);
  background: var(--color-white);
}
.catalog__tabs--item.active {
  font-weight: 600;
  color: var(--color-primary) !important;
  border-color: var(--color-dark4);
  background: var(--color-dark4);
}
.catalog__sorts {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 8px;
}
.catalog__sorts--filter {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-dark4);
  font-size: 14px;
  height: 20px;
  cursor: pointer;
}
.catalog__sorts--filter:before {
  position: absolute;
  content: "";
  left: -4px;
  right: -4px;
  top: 100%;
  border-bottom: 1px solid var(--color-gray-light);
}
.catalog__sorts--filter svg {
  width: 14px;
  height: 14px;
}
.catalog__sorts--box > span {
  display: none;
}
.catalog__sorts--box .select__selected {
  border-color: var(--color-gray-dark);
  height: 30px;
}
.catalog__filters {
  position: fixed;
  bottom: 0;
  left: 0;
  height: calc(100vh - 100px);
  width: 250px;
  padding-top: 2px;
  background: var(--color-primary);
  overflow-y: auto;
  transform: translateX(-100.1%);
  transition: height 0.25s, transform 0.25s, padding-top 0.25s;
  z-index: 4;
}
.catalog__filters.show {
  transform: translateX(0);
}
.searchOpen .catalog__filters {
  padding-top: 5px;
  height: calc(100vh - 150px);
}
.catalog__filters--header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-gray-light2);
  padding: 12px;
}
.catalog__filters--header span {
  font-size: 14px;
  font-weight: 600;
  flex: 2;
}
.catalog__filters--img {
  width: 16px;
  height: 16px;
}
.catalog__filters--img svg {
  width: 100%;
  height: 100%;
}
.catalog__filters--close {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.catalog__filters--close svg {
  width: 100%;
  height: 100%;
}
.catalog__filters--title {
  position: relative;
  font-size: 14px;
  color: var(--color-dark4);
  padding: 10px 38px 10px 12px;
  cursor: pointer;
}
.catalog__filters--title:before, .catalog__filters--title:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 10px;
  height: 2px;
  background: var(--color-dark4);
  border-radius: 2px;
  transition: transform 0.25s;
}
.catalog__filters--title:before {
  right: 12px;
  transform: translateY(-50%) rotateZ(-45deg);
}
.catalog__filters--title:after {
  right: 18px;
  transform: translateY(-50%) rotateZ(45deg);
}
.open .catalog__filters--title:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.open .catalog__filters--title:after {
  transform: translateY(-50%) rotateZ(-45deg);
}
.catalog__filters--body {
  display: flex;
  flex-direction: column;
}
.catalog__filters--item {
  font-size: 14px;
  color: var(--color-gray-dark);
  border-top: 1px solid var(--color-gray-light3);
  border-bottom: 1px solid var(--color-gray-light3);
  user-select: none;
}
.catalog__filters--item label {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 10px 12px 10px 24px;
  cursor: pointer;
}
.catalog__filters--item input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.catalog__filters--item input:disabled ~ label {
  cursor: no-drop;
}
.catalog__filters--ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--color-white);
  border: 1px solid var(--color-gray-dark);
  transition: background 0.25s, border 0.25s, transform 0.25s;
}
input:checked ~ label .catalog__filters--ico {
  background: var(--color-dark4);
  border-color: var(--color-dark4);
}
input:disabled ~ label .catalog__filters--ico {
  background: var(--color-white);
  border-color: var(--color-gray-light4);
}
.catalog__filters--text {
  transition: color 0.25s;
}
input:checked ~ label .catalog__filters--text {
  color: var(--color-dark4);
}
input:disabled ~ label .catalog__filters--text {
  color: var(--color-gray-light4);
}
.catalog__filters--plus {
  display: none;
}
.catalog__filters--check_box {
  width: 14px;
  height: 14px;
  color: var(--color-white);
}
.catalog__filters--buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 12px;
}
.catalog__filters--shadow {
  position: fixed;
  left: 0;
  bottom: 0;
  height: calc(100vh - 102px);
  width: 100%;
  background: rgba(var(--color-dark-rgb), 0.4);
  transition: transform 0.25s;
  transform: translateX(-100.1%);
  z-index: 3;
}
.catalog__filters--shadow.show {
  transform: translateX(0);
}
.catalog__filters--color {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  vertical-align: middle;
  margin: -10px 10px -10px 0;
  background: currentColor;
  box-shadow: 0 0 3px rgba(var(--color-gray-rgb), 0.5);
}
.catalog__area {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 12px;
}
.catalog__area .product {
  width: 100%;
  box-shadow: 0 4px 4px rgba(var(--color-gray-rgb), 0.09);
  justify-content: space-between;
}

.card__box {
  margin-top: 25px;
}
.card__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__head--title {
  font-size: 14px;
  font-weight: 400;
}
.card__head--title b {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 700;
}
.card__head--info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card__head--label {
  padding: 4px 8px;
  font-size: 12px;
  color: var(--color-primary);
  font-weight: 500;
  background: var(--color-green-light);
  border-radius: 4px;
  margin-right: 4px;
}

.card__head--label.orange {
  background: #fff8e1;
  color: #b28500;
}

.card__head--label.blue {
  background: #edebfa;
  color: #574f91;
}

.card__head--label.gray {
  background: #f2f2f2;
  color: #a0a0a0;
}

.card__head--label.red {
  background: #fde9e6;
  color: #c03c2d;
}

.card__head--label.default {
  background: #f4f4f4;
  color: #333;
}

.card__head--label.black {
  background: #373636;
  color: #f2f2f2;
}

.card__head--text {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-gray-dark);
  border-width: 1px 0;
  border-color: transparent;
  border-bottom-color: var(--color-gray-light2);
  border-style: solid;
  transition: border-bottom-color 0.25s;
  cursor: pointer;
}
.card__head--text span {
  font-weight: 500;
}
.card__head--text:hover {
  border-bottom-color: transparent;
}
.card__head--subtitle {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-blue3);
}
.card__img {
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  border-radius: 4px;
  padding: 5px;
  margin-top: 8px;
  position: relative;
}
.card__img--wrap {
  align-items: center;
}
.card__img--item img {
  max-height: 282px;
  margin: auto;
}
.card__img--thumbsSlider {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
}
.card__settings {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--color-dark4);
}
.card__settings--item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}

.card__settings--item.column {
  flex-direction: column;
  gap: 7px;
  align-items: flex-start
}
.card__settings--item .product__colors {
  margin-bottom: 0;
}
.card__settings--series {
  margin-bottom: 4px;
  height: 24px;
}
.card__settings--label {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.card__settings--value {
  font-size: 14px;
}
.card__about {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 38px;
  color: var(--color-dark2);
  font-size: 14px;
  font-weight: 400;
}
.card__about b {
  font-size: 16px;
  font-weight: 600;
}
.card__order {
  /* display: flex;
  flex-direction: column;
  gap: 4px; */
  margin-top: 32px;
  padding: 16px;
  background: var(--color-gray-light3);
  border-radius: 4px;
  margin-bottom: 20px;
}
.card__order:last-child {
  margin-bottom: 0;
}
.card__order--item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-gray-dark);
  font-size: 14px;
}
.card__order--item span {
  font-weight: 500;
  color: var(--color-dark4);
}
.card__order--item a {
  color: var(--color-orange);
}
.card__order--item b {
  font-weight: 500;
  color: var(--color-dark4);
}
.card__order--sale {
  text-decoration: line-through;
}
.card__order--sales {
  margin-bottom: 8px;
}
.card__order--percent {
  font-size: 12px;
  color: var(--color-primary);
  font-weight: 600;
  background: var(--color-red);
  border-radius: 8px;
  padding: 4px 10px;
}
.card__order--price {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-dark4);
  margin-bottom: 4px;
}
.card__order--inc {
  margin-bottom: 8px;
}
.card__order--buttons {
  margin-top: 18px;
  display: flex;
  gap: 8px;
}
.card__order--add {
  flex: 2;
}
.card__order--count {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--color-white);
  border: 1px solid var(--color-gray-light2);
  border-radius: 4px;
  padding: 6px;
}
.card__order--count input {
  border: none;
  background: none;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-dark4);
  width: 24px;
  text-align: center;
  flex: 2;
}
.card__order--countMinus {
  flex: 0 0 auto;
  position: relative;
  width: 22px;
  height: 23px;
  cursor: pointer;
  color: var(--color-gray-dark);
  transition: color 0.25s;
}
.card__order--countMinus:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  border-radius: 3px;
  background: currentColor;
  transform: translate(-50%, -50%);
}
.card__order--countMinus:hover {
  color: var(--color-dark4);
}
.card__order--countPlus {
  flex: 0 0 auto;
  position: relative;
  width: 22px;
  height: 23px;
  cursor: pointer;
  color: var(--color-gray-dark);
  transition: color 0.25s;
}
.card__order--countPlus:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  border-radius: 3px;
  background: currentColor;
  transform: translate(-50%, -50%);
}
.card__order--countPlus:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 1px;
  height: 13px;
  border-radius: 3px;
  background: currentColor;
  transform: translate(-50%, -50%);
}
.card__order--countPlus:hover {
  color: var(--color-dark4);
}
.card__order--delivery {
  margin-top: 20px;
  border-bottom: 1px solid var(--color-gray-light);
}
.card__order--deliveryTitle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding-right: 28px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.card__order--deliveryTitle:before, .card__order--deliveryTitle:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 10px;
  height: 1px;
  background: var(--color-dark4);
  border-radius: 2px;
  transition: transform 0.25s;
}
.card__order--deliveryTitle:before {
  right: 5px;
  transform: translateY(-50%) rotateZ(-45deg);
}
.card__order--deliveryTitle:after {
  right: 11px;
  transform: translateY(-50%) rotateZ(45deg);
}
.open .card__order--deliveryTitle:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.open .card__order--deliveryTitle:after {
  transform: translateY(-50%) rotateZ(-45deg);
}
.card__order--deliveryTitle img {
  width: 18px;
}
.card__order--deliveryBody {
  padding: 12px 0;
}
.card__order--payment {
  border-bottom: 1px solid var(--color-gray-light);
}
.card__order--paymentTitle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding-right: 28px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.card__order--paymentTitle:before, .card__order--paymentTitle:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 10px;
  height: 1px;
  background: var(--color-dark4);
  border-radius: 2px;
  transition: transform 0.25s;
}
.card__order--paymentTitle:before {
  right: 5px;
  transform: translateY(-50%) rotateZ(-45deg);
}
.card__order--paymentTitle:after {
  right: 11px;
  transform: translateY(-50%) rotateZ(45deg);
}
.open .card__order--paymentTitle:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.open .card__order--paymentTitle:after {
  transform: translateY(-50%) rotateZ(-45deg);
}
.card__order--paymentTitle img {
  width: 18px;
}
.card__order--paymentBody {
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 18px;
}
.card__order--paymentBody img {
  width: 50px;
}
.card__order--planer {
  margin-top: 18px;
}
.card__subtitle {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-dark2);
}
.card__accordion {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card__accordion--head {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--color-gray-light2);
  border-bottom-color: transparent;
  height: 40px;
  padding: 0 12px;
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-dark4);
  transition: color 0.25s, background 0.25s, border 0.25s;
  cursor: pointer;
}
.card__accordion--head:before, .card__accordion--head:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 10px;
  height: 1px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.25s;
}
.card__accordion--head:before {
  right: 12px;
  transform: translateY(-50%) rotateZ(-45deg);
}
.card__accordion--head:after {
  right: 18px;
  transform: translateY(-50%) rotateZ(45deg);
}
.open .card__accordion--head {
  background: var(--background-primary);
  color: var(--color-primary);
  border-color: var(--background-primary);
}
.open .card__accordion--head:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.open .card__accordion--head:after {
  transform: translateY(-50%) rotateZ(-45deg);
}
.card__accordion--body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 12px;
  border-radius: 0 0 4px 4px;
  background: var(--color-gray-light3);
  border-top: 4px solid var(--color-primary);
}



.card__accordion--items .card__accordion--item {
  margin-bottom: 8px;
}

.card__accordion--items .card__accordion--item:last-child {
  margin-bottom: 0;
}

.card__accordion--text {
  gap: 0;
  font-family: var(--font-secondary);
  font-size: 14px;
}
.card__accordion--text h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.card__accordion--text b {
  font-weight: 600;
}
.card__accordion--text p {
  margin-top: 8px;
}
.card__accordion--text ul {
  padding-left: 18px;
}
.card__accordion--text li {
  margin-top: 2px;
}
.card__accordion--item {
  display: flex;
  gap: 8px;
}
.card__accordion--label {
  font-size: 14px;
  font-weight: 600;
  max-width: 40%;
}
.card__accordion--value {
  font-size: 14px;
  font-weight: 400;
  flex: 2;
}
.card__accordion--box:last-child .card__accordion--head {
  border-bottom-color: var(--color-gray-light2);
}
.card__accordion--box.open:last-child .card__accordion--head {
  border-bottom-color: var(--background-primary);
}
.card__accordion--reviewsBox {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card__accordion--reviewsAdd {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__accordion--reviewsAdd p {
  font-size: 12px;
  color: var(--color-dark4);
}
.card__accordion--reviewsList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.card__accordion--reviewsShow {
  margin-top: -8px;
  font-size: 12px;
  color: var(--color-orange);
}
.card__accordion--review {
  display: grid;
  background: var(--color-primary);
  padding: 10px;
  border-radius: 4px;
  gap: 8px;
}
.card__accordion--reviewAva {
  grid-column: 1/2;
  grid-row: 1/3;
}
.card__accordion--reviewAva img {
  width: 30px;
  border-radius: 50%;
}
.card__accordion--reviewName {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 14px;
  color: var(--color-gray-dark);
}
.card__accordion--reviewName b {
  display: block;
  margin-bottom: 4px;
  color: var(--color-dark2);
}
.card__accordion--reviewDesc {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 14px;
  color: var(--color-dark4);
}
.card__accordion--reviewRating {
  grid-column: 1/3;
  grid-row: 3/4;
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}
.card__accordion--reviewDate {
  font-size: 14px;
  color: var(--color-gray-dark);
}
.card__accordion--desc {
  display: none !important;
}

.card__accordion--body p {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-bottom: 4px;
}
.card__advantages {
  padding: 28px 20px 36px;
  background: var(--background-primary);
  color: var(--color-primary);
}
.card__advantages--list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 1512px;
  margin: 0 auto;
}
.card__advantages--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.card__advantages--ico {
  width: 34px;
  height: 38px;
}
.card__advantages--ico svg {
  width: 100%;
  height: 100%;
}
.card__advantages--text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.card__advantages--text b {
  font-family: var(--font-secondary);
  font-size: 16px;
}
.card__advantages--text span {
  max-width: 220px;
}
.card__need {
  margin-top: 56px;
}
.card__need--subtitle {
  font-size: 14px;
  color: var(--color-gray-dark);
}
.card__need--title {
  margin-top: 4px;
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}
.card__need--nav {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.card__need--nav a {
  font-size: 14px;
  text-decoration: none;
  color: var(--background-primary2);
  padding: 0 8px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: all 0.25s;
}
.card__need--nav a:hover {
  color: var(--color-orange);
}
.card__need--nav a.active {
  font-weight: 500;
  color: var(--color-orange);
  border-bottom-color: var(--color-orange);
}
.card__need--slider {
  margin-top: 24px;
}
.card__need--pagination {
  position: relative;
  display: block;
  bottom: auto !important;
  top: auto !important;
}
.card__need--pagination span {
  margin: 0 4px !important;
}
.card__viewed {
  margin-top: 10px;
}
.card__viewed--title {
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}
.card__viewed--slider {
  margin-top: 16px;
}
.card__viewed--pagination {
  position: relative;
  display: block;
  bottom: auto !important;
  top: auto !important;
}
.card__viewed--pagination span {
  margin: 0 4px !important;
}

.footer {
  position: relative;
  background: var(--background-primary);
  padding: 60px 12px 15px;
  flex: 0 0 auto;
  -webkit-box-flex: 0;
}
.footer:before {
  position: absolute;
  content: url(../img/logo2.svg);
  width: 71px;
  width: clamp(71px, 27.4285714286px + 0.1361607143 * 100vw, 132px);
  opacity: 0.1;
  top: 12px;
  left: 12px;
  z-index: 1;
}
.footer__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 0;
}
.footer__email {
  grid-column: 2/3;
  grid-row: 1/2;
}
.footer__email a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-white);
  text-decoration: none;
  gap: 4px;
}
.footer__email a svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
}
.footer__email a span {
  position: relative;
  font-size: 12px;
  line-height: 2;
}
.footer__email a span:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -2px;
  right: -2px;
  height: 1px;
  background: var(--background-secondary);
  opacity: 0.2;
  transform: translateY(10px) scale(0, 1);
  transition: transform 0.25s;
}
.footer__email a:hover span:before {
  transform: translateY(8px) scale(1, 1);
}
.footer__nav {
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.footer__nav a {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-primary);
  text-decoration: none;
  text-align: center;
}
.footer__nav a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -8px;
  right: -8px;
  height: 1px;
  background: var(--background-secondary);
  opacity: 0.2;
  transform: translateY(14px) scale(0, 1);
  transition: transform 0.25s;
}
.footer__nav a:hover:before {
  transform: translateY(10px) scale(1, 1);
}
.footer__nav2 {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.footer__nav2 a {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 12px;
  color: var(--color-primary);
  text-decoration: none;
  text-align: center;
}
.footer__nav2 a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -8px;
  right: -8px;
  height: 1px;
  background: var(--background-secondary);
  opacity: 0.2;
  transform: translateY(14px) scale(0, 1);
  transition: transform 0.25s;
}
.footer__nav2 a:hover:before {
  transform: translateY(10px) scale(1, 1);
}
.footer__logo {
  position: relative;
  grid-column: 1/2;
  grid-row: 3/4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: fit-content;
  z-index: 2;
}
.footer__logo--title {
  font-size: 12px;
  font-size: clamp(12px, 10.5714285714px + 0.0044642857 * 100vw, 14px);
  color: var(--color-primary);
}
.footer__logo--img {
  margin-top: 26px;
  margin-top: calc(26px - clamp(0px, -1.4285714286px + 0.0044642857 * 100vw, 2px));
}
.footer__logo--img img {
  width: 148px;
  width: clamp(148px, 57.2857142857px + 0.2834821429 * 100vw, 275px);
}
.footer__logo--copy {
  font-size: 8px;
  font-size: clamp(8px, 5.8571428571px + 0.0066964286 * 100vw, 11px);
  color: var(--color-primary);
  margin-top: 8px;
  margin-top: clamp(8px, 5.1428571429px + 0.0089285714 * 100vw, 12px);
}
.footer__logo:after {
  position: absolute;
  content: url(../img/logo.svg);
  width: 130px;
  width: clamp(130px, 90px + 0.125 * 100vw, 186px);
  opacity: 0.05;
  bottom: -50px;
  bottom: calc(-100px + clamp(50px, 41.4285714286px + 0.0267857143 * 100vw, 62px));
  left: 100%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}
.footer__soc {
  position: relative;
  grid-column: 2/3;
  grid-row: 3/4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  margin-right: 64px;
  z-index: 2;
}
.footer__soc a {
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.25s;
}
.footer__soc a:hover {
  color: var(--color-gray-light4);
}
.footer__soc span {
  display: none;
}
.footer__soc svg {
  width: 28px;
  height: 28px;
}
.footer__payment {
  grid-column: 2/3;
  grid-row: 3/4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
  pointer-events: none;
}
.footer__payment img {
  flex: 0 0 auto;
  width: 42px;
}

.modal {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid rgba(var(--color-gray-rgb), 0.2);
  background: var(--color-primary);
  box-shadow: 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  border-radius: 4px;
  padding: 28px;
  max-height: calc(100vh - 20px);
  width: calc(100vw - 20px);
  max-width: 648px;
  overflow: auto;
  cursor: default;
}
.modal__box {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: rgba(var(--color-dark-rgb), 0.4);
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 99999999;
}
.modal__box.active {
  pointer-events: unset;
  opacity: 1;
}
.modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  color: var(--color-gray-light2);
  cursor: pointer;
  transition: color 0.25s;
}
.modal__close:hover {
  color: var(--color-dark);
}
.modal__close svg {
  width: 100%;
  height: 100%;
}
.modal__title {
  font-family: var(--font-secondary);
  font-size: 20px;
  font-size: clamp(20px, 1.7142857143px + 0.0571428571 * 100vw, 26px);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
.modal__title--left {
  text-align: left;
}
.modal__text {
  font-size: 16px;
  text-align: center;
}
.modal__ico {
  display: flex;
  justify-content: center;
  color: var(--color-green-light);
  margin-bottom: -4px;
}
.modal__ico svg {
  width: 28px;
  height: 28px;
}
.modal__buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modal__button {
  flex: 2;
  padding: 8px 10px;
}
.modal__rating {
  display: flex;
  gap: 12px;
  font-size: 14px;
}
.modal__form .select__selected {
  background: var(--color-gray-light3);
}
.modal__form .select__selected:before, .modal__form .select__selected:after {
  background: var(--color-gray-light2);
}

@keyframes line {
  0% {
    left: 105%;
    transform: translateX(0%);
  }
  100% {
    left: -5%;
    transform: translateX(-100%);
  }
}



/* ui */
.my-mfp-zoom-in .mfp-anim { opacity: 0; transform: scale(0.75); transition: transform .3s .45s ease-in-out, opacity .3s .45s ease-in-out; }

.not_delay .my-mfp-zoom-in .mfp-anim,
.my-mfp-zoom-in .mfp-anim.not_delay { animation-delay: 0s !important; transition: transform .3s 0s ease-in-out, opacity .3s 0s ease-in-out; }

.my-mfp-zoom-in.mfp-ready .mfp-anim { opacity: 1; transform: scale(1); }

.my-mfp-zoom-in.mfp-removing .mfp-anim { transform: scale(0.75); opacity: 0; }

.mfp-bg { opacity: 0; transform: scale(1); transition: transform .5s, opacity .5s; }

.mfp-bg.mfp-ready { transform: scale(1); opacity: 0.7; }

.mfp-removing.mfp-bg { opacity: 0; }

/* .mfp-figure .mfp-close {
  position: fixed;
  right: 12px;
  top: 12px;
}

.mfp-title {
  position: fixed;
  bottom: 0;
  top: auto;
  left: auto;
  right: 50%;
  transform: translate(50%, 0);
}

.mfp-counter {
  position: fixed;
  left: 12px;
  top: 12px;
} */

.mfp-figure-top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  background-color: rgba(16, 17, 12, 0.7);
}

.mfp-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  top: auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(16, 17, 12, 0.7);
}

.mfp-title {
  font-family: "Aileron", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  padding-right: 0;
}

.mfp-arrow {
  width: 40px !important;
  height: 40px !important;
  opacity: 1;
  top: 50%;
  transform: translate(0, calc(-50% + 55px));
  /* top: 50%; */
  /* margin: 0; */
  /* transform: translate(0, -50%); */
}

.mfp-arrow svg {
  pointer-events: none !important;
}

.mfp-arrow-left svg {
  transform: scaleX(-1);
}

.mfp-arrow-left {
  left: 12px;
}

.mfp-arrow-right {
  right: 12px;
}

.mfp-arrow::before {
  content: none;
}

.mfp-arrow::after {
  content: none;
}

.mfp-figure-top .mfp-close {
  position: static !important;
}

.mfp-figure-top .mfp-counter {
  position: static;
  font-family: "Aileron", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.mfp-wrap {
  position: fixed!important;
  top: 0!important;
  height: 100%!important;
  overflow: hidden auto!important;
}

.mfp-bg {
  position: fixed!important;
  top: 0!important;
  left: 0 !important;
  height: 100%!important;
}

span.error {
  font-size: 12px;
  font-weight: 500;
  color: #a82222;
  margin-top: 4px;
  line-height: 1;
  display: block;
  font-style:normal !important;
}

.iti {
  display: block;
}

.ui-status {
  border: 1px solid #e4f2da;
  border-radius: 4px;
  padding: 12px 16px;
  /* height: 36px; */
  /* line-height: 34px; */

  background: #f8fff2;
  position: relative;
  padding-left: 48px;
  font-weight: 400;
  font-size: 12px;
  color: #508f24;
  margin-bottom: 20px;
  margin-top: 12px;
}

.ui-status a {
  text-decoration: none;
  color: #ff5733;
}

.ui-status.orange {
  background: #fdf7e9;
  color: #d09012;
}

.ui-status svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
}

.ui-checkbox {
  display: block;
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  font-size: 12px;
  font-family: Inter;
  margin-bottom: 24px;
  color: #10110c;
  font-family: "Roboto Flex", sans-serif;
  font-style: italic;
}

.ui-checkbox.normal {
  font-style: normal;
}

.ui-checkbox a {
  font-weight: 400;
  font-size: 12px;
  text-decoration: underline;
  font-family: "Roboto Flex", sans-serif;
  color: #10110c;
  text-underline-offset: 3px;
  transition: color .2s ease;
  font-style: italic;
}

.ui-checkbox a:hover  {
  color: #a5a8ad;
}

.ui-checkbox-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px
}

.ui-checkbox-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1
}

.ui-checkbox-label {
  cursor: pointer;
}

.ui-checkbox-label::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #10110C;
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  z-index: 1;
  transition: background-color .15s,border .15s
}

.ui-checkbox-label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url("../img/checked.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-size: 100%;
  opacity: 0;
  transition: opacity .15s,transform .15s;
  z-index: 1;
}

.ui-checkbox-label span {
  color: #10110c;
  position: relative;
  /* top: 2px; */
}

.ui-checkbox-input:hover+.ui-checkbox-label::before {
  border-color: #10110c;
}

.ui-checkbox-input:checked+.ui-checkbox-label::before {
  border-color: #10110c;
}

.ui-checkbox-input:checked+.ui-checkbox-label::after {
  opacity: 1;
}

.ui-checkbox-input.error+.ui-checkbox-label::before {
  border-color: #8b8e85;
}

.ui-fields {
  margin-bottom: 20px;
}

.ui-field {
  position: relative;
  margin-bottom: 18px;
}

.ui-field:last-child {
  margin-bottom: 0;
}

.ui-field-hint {
  font-weight: 500;
  font-size: 12px;
  color: #8b8e85;
  position: relative;
  padding-left: 20px;
  margin-top: 4px;
}

.ui-field-hint img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.ui-input {
  background: #f7f7f7;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  width: 100%;
  height: 40px;
  padding: 0 15px;
}

textarea.ui-input {
  height: auto;
  resize: vertical;
  min-height: 56px;
  padding-top: 8px;
}

.ui-popup {
  max-width: 384px;
  background: #fffffc;
  margin: 0 auto;
  padding: 32px;
  border-radius: 4px;
}

.ui-field .label-txt {
  top: 12px;
}

.mfp-close {
  font-size: 0 !important;
  right: 16px !important;
  top: 16px !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  -webkit-transition: .2s !important;
  transition: .2s !important;
  position: absolute !important;
  opacity: 1 !important;
}

.mfp-close svg {
  stroke: #C1C1BB;
  transition: stroke .2s ease;
  pointer-events: none;
}

.mfp-close:hover svg {
  stroke: #10110C;
}

.ui-popup-txt {
  margin-bottom: 36px;
  text-align: center;
}

.ui-popup-txt .ui-popup-subtitle{
  margin-bottom: 8px;
}

.ui-popup-item {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.ui-popup .button {
  margin-bottom: 8px;
}

.ui-popup-btns .button {
  width: 100%;
}

.ui-popup .button:last-child {
  margin-bottom: 0;
}

.ui-popup-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.28571;
  text-transform: capitalize;
  text-align: center;
  color: #000;
  margin-bottom: 28px;
}

.ui-popup-subtitle {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #8b8e85;
  margin-bottom: 36px;
}

.ui-popup .w248 {
  max-width: 248px;
  margin: 0 auto;
}

.ui-number {
  display: inline-block;
  position: relative;
  max-width: 88px;
  flex: 0 0 88px;
  width: 100%;
  overflow: hidden;
}

.ui-number input[type="number"] {
  display: block;
  height: 40px;
  line-height: 38px;
  width: 100%;
  padding: 0 28px;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #10110c;
  border: 1px solid #c1c1bb;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
}

.ui-number input[type="number"]::-webkit-outer-spin-button,
.ui-number input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

.ui-number-btn {
  position: absolute;
  width: 28px;
  padding: 0;
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
  height: 100%;
  background-color: transparent;
}

.ui-number-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  stroke: #70707B;
  transition: stroke .2s ease-in-out;
}

.ui-number-btn.minus {
  top: 0;
  left: 0;
}

.ui-number-btn.plus {
  top: 0;
  right: 0;
}

/* .ui-number-btn:hover svg {
  stroke: #E84E1B;
} */

.ui-filter {
  display: flex;
  align-items: center;
  gap: 0 12px;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.ui-filter-title {
  font-weight: 600;
  font-size: 12px;
  color: #10110c;
}

/* Базовая обёртка */
.select2-container--custom-sort .select2-selection--single {
  height: 28px;
  padding-left: 10px;
  padding-right: 30px;
  border: 1px solid #8b8e85;
  border-radius: 3px;
  display: flex;
  align-items: center;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  color: #10110c;
  font-family: "Roboto Flex", sans-serif;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

/* Текст выбранного пункта */
.select2-container--custom-sort .select2-selection__rendered {
  padding-left: 0;
  line-height: 1;
  color: #333;
}

.select2-results {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
}

.select2-container--open .select2-selection__arrow {
  transform: rotate(180deg);
}

/* Стрелка */
.select2-container--custom-sort .select2-selection__arrow {
  position: absolute;
  right: 4px;
  background-image: url("../img/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 22px;
  /* transition: transform .2s ease; */
}

/* Дропдаун */
.select2-container--custom-sort .select2-dropdown {
  border-color: transparent;
  /* border: 1px solid #8b8e85; */
}

.select2-results {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.12);
  overflow: hidden;
}

/* Пункты */
.select2-container--custom-sort .select2-results__option {
  color: #10110c;
  font-family: "Roboto Flex", sans-serif;
  padding: 6px 10px;
  font-size: 14px;
}

.select2-container--custom-sort .select2-results__option--highlighted {
  background: #f2f2f2;
  color: #000;
}

.select2-selection__placeholder {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #8b8e85;
}

.select2-results__option {
  transition: color .2s ease;
}

.select2-container--custom-sort .select2-results__option--highlighted {
  color: #ff5733;
  background-color: #fff;
}

.iti__selected-flag {
  pointer-events: none;
}

.iti__arrow {
  display: none;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-left: 35px;
}

.catalog__sorts--headline {
  font-family: "Aileron", sans-serif;
  font-weight: 700;
  font-size: 26px;
  text-transform: capitalize;
  color: #10110c;
  margin-top: 0;
  margin-bottom: 4px;
}



@media(min-width: 300px) {
  .catalog__area .product {
    min-height: 453px;
  }

  .card__need .product__title {
    font-size: 14px;
    font-weight: 500;
  }
  .card__need .product__price--discount {
    font-size: 13px;
  }
  .card__need .product__price--value {
    font-size: 13px;
  }
  .card__viewed .product__title {
    font-size: 14px;
    font-weight: 500;
  }
  .card__viewed .product__price--discount {
    font-size: 13px;
  }
  .card__viewed .product__price--value {
    font-size: 13px;
  }
  /* .blog h1 {
    margin-bottom: 20px;
    margin-top: 11px;
  } */

  .card__settings--item.m6 {
    margin: 6px 0;
  }

  .complete-size .card__settings {
    gap: 4px;
  }

  .product__radio--item.big label {
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .card-hint {
    position: relative;
    padding-left: 20px;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #a82222;
    max-width: 388px;
    margin-bottom: 8px;
  }

  .card-hint-img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .complete-contact {
    height: 36px;
  }

  .complete-contact span {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .complete-category-list.small {
    padding: 18px 20px;
    /* flex-wrap: nowrap; */
    gap: 10px 0;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 8px;
  }

  .complete-category-list.small .category-item {
    padding: 0;
  }

  .complete-category-list.small .category-item-title {
    font-size: 11px;
  }


  .ui-title.middle {
    text-align: center;
  }

  .complete-catalog-title {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    margin-bottom: 28px;
  }

  .complete-catalog-top {
    margin-bottom: 16px;
  }

  .complete-catalog-top .catalog__sorts--box {
    margin-left: auto;
    margin-right: 0;
  }

  .complete-profiles-list .row {
    margin-left: -10px;
    margin-right: -10px;
  }


  .complete-profiles-list [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .complete-catalog-list .row {
    margin-left: -10px;
    margin-right: -10px;
    gap: 20px 0;
  }

  .complete-catalog-list [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .complete-category {
    margin-bottom: 24px;
  }

  .complete-category-list {
    background: #f7f7f7;
    padding: 36px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px 8px;
    flex-wrap: wrap;
    position: relative;
  }

  .complete-category-list::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    height: 100%;
    background: #f7f7f7;
  }

  .complete-category-list::after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    background: #f7f7f7;
  }

  .category-item {
    text-align: center;
    padding: 0;
    text-decoration: none;
    width: calc(33.333% - 8px);
    flex: 0 0 calc(33.333% 8px);
  }

  .category-item-title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    /*font-size: 16px;*/
    font-size: 10px;
    line-height: 1.25;
    text-transform: capitalize;
    text-align: center;
    color: #10110c;
    margin-bottom: 20px;
    word-break: break-word;
  }

  .category-item-img {
    text-align: center;
  }

  .category-item-img img {
    text-align: center;
    margin: 0 auto;
  }

  .search__title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #10110c;
    margin-top: 25px;
    margin-bottom: 12px;
  }

  .search__title span {
    font-weight: 400;
    display: block;
    margin-top: 8px;
  }


  .select__selected {
    padding-right: 24px;
  }

  .checkout-optionally {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #8b8e85;
  }

  .checkout-optionally-title {
    margin-bottom: 4px;
  }

  .checkout-block.block-1 .ui-fields {
    margin-bottom: 8px;
  }

  .checkout-optionally-subtitle {
    font-weight: 600;
  }

  .card__img .card__img--item {
    height: 282px !important;
  }

  .card__img .card__img--item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }

  .modal .form__item textarea {
    height: 54px;
  }

  .main__faq.second .main__faq--button {
    height: 36px;
  }

  .main__faq.second .main__faq--title span {
    display: block;
  }

  .main__faq.second .main__faq--subtitle {
    margin-top: 20px;
  }

  .main__faq.second .main__faq--button {
    max-width: none;
  }

  .main__faq.second .main__faq--box {
    gap: 18px;
  }

  .checkout-block {
    margin-bottom: 8px;
  }

  .checkout-block:last-child {
    margin-bottom: 0;
  }

  .checkout-comments {
    color: #000;
    font-family: "Roboto Flex", sans-serif;
    font-size: 14px;
  }

  .checkout-comments-title {
    margin-bottom: 8px;
    font-weight: 700;
  }

  .checkout-comments p {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
  }

  .checkout-comments ul {
    list-style: none;
    font-family: "Roboto Flex", sans-serif;
    padding-left: 8px;
  }

  .checkout-comments li {
    position: relative;
    padding-left: 20px;
  }

  .checkout-comments li::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    left: 5px;
    top: 6px;
    position: absolute;
  }

  .checkout-block textarea.ui-input {
    min-height: 96px;
    background-color: #fff;
  }

  .checkout-comments {
    margin-bottom: 24px;
  }

  .checkout-comments:last-child {
    margin-bottom: 0;
  }

  .card__price {
    margin-bottom: 20px;
  }

  .card__price--value {
    font-weight: 700;
    font-size: 18px;
    color: #10110c;
    margin-bottom: 8px;
  }

  .card__price--value span {
    font-weight: 400;
    font-size: 14px;
  }

  .card__price--vat {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #8b8e85;
    margin-bottom: 8px;
  }

  .card__price--vat span {
    font-weight: 400;
    font-size: 12px;
    color: #434342;
  }

  .card__price--shipping {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #ff5733;
  }

  .card__price--discount span {
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: line-through;
    color: #8b8e85;
    margin-right: 8px;
  }

  .card__price--discount {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .card__price--discount .product__label--item {
    max-width: max-content;
  }

  .card__price--discount .tooltip-product {
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 0;
  }

  .card__consumption {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #8b8e85;
    border-radius: 4px;
    background: #fffffc;
    padding: 4px;
    margin-bottom: 28px;
  }

  .card__consumption span {
    font-size: 10px;
  }

  .card__add {
    margin-bottom: 24px;
    text-align: center;
  }

  .card__add-title {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #646cff;
    display: inline-block;
    /* margin: 0 auto; */
    margin-bottom: 8px;
  }

  .card__order .card__order--add {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
  }

  .card__accordions .accordion {
    margin-top: 0;
  }

  .card__accordions:last-child {
    margin-bottom: 0;
  }

  .card__accordions {
    margin-bottom: 36px;
  }

  .card__planner {
    text-align: center;
  }

  .card__planner span {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #8b8e85;
    display: inline-block;
    margin-bottom: 4px;
  }

  .card__planner--link {
    display: inline-block;
    height: 36px;
    line-height: 35px;
    padding: 0 16px;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #68663e;
    border-bottom: 1px solid #68663e;
    text-decoration: none;
    transition: color .2s , border-color .2s ease;
  }

  .card__planner--link:hover {
    color: #10110C;
    border-color: #10110C;
  }

  .card__amount {
    display: flex;
    gap: 0 12px;
    align-items: center;
    margin-bottom: 12px;
  }

  .card__amount-title {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
  }

  .card__approx {
    margin-bottom: 12px;
    font-family: "Roboto Flex", sans-serif;
  }

  .card__approx-title {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: #434342;
    margin-bottom: 4px;
  }

  .card__approx-subtitle {
    font-weight: 400;
    font-size: 11px;
    color: #8b8e85;
  }

  .card__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: capitalize;
    color: #434342;
    margin-bottom: 12px;
  }

  .card__setup .card__order--add {
    width: 100%;
  }

  .card__order--add span {
    text-decoration: underline;
    text-underline-offset: 2px;
    margin: 0 3px;
  }

  .card__setup {
    margin-bottom: 24px;
  }

  .card__video {
    line-height: 1;
    /* margin-bottom: 12px; */
  }

  .card__video iframe {
    max-width: 100%;
    height: 300px;
  }

  /* .card__accordions .accordion.open {
    border-color: transparent;
  } */

  .product__color--link {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }

  .card__settings--item.length {
    padding: 12px;
    background: #f7f7f7;
    border-radius: 4px;
    max-width: max-content;
  }

  .card__settings--item.length .product__radio {
    margin-bottom: 12px;
  }

  .card__settings--item.length .product__radio:last-child {
    margin-bottom: 0;
  }

  .card__settings--item.length .product__radio--item label {
    height: 31px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .card__settings--item.length {
    max-width: 365px;
  }

  .card__settings--item.length span {
    font-weight: 400;
    font-size: 13px;
    color: #434342;
  }

  .card__settings--link {
    text-decoration: none;
    border: 1px solid #c1c1bb;
    border-radius: 4px;
    background: #fff;
    height: 40px;
    line-height: 38px;
    padding: 0 16px;
    font-size: 14px;
    color: #10110c;
  }

  .card__settings--link.active {
    background: var(--color-dark4);
    border-color: var(--color-dark4);
    color: var(--color-primary);
  }

  .product__color--link.active {
    outline: 2px solid var(--color-orange);
  }

  .product__color--link.white {
    background-color: #fff;
  }

  .product__color--link.brown--dark {
    background-color: var(--color-brown-dark);
  }

  .product__color--link.grey--dark {
    background-color: var(--color-gray-dark2);
  }

  .product__color--link.brown--light {
    background-color: var(--color-brown-light);
  }

  .product__color--link.grey--light {
    background-color: var(--color-gray-light5);
  }

  .card__additionally {
    display: flex;
    gap: 8px;
    margin-top: 40px;
  }

  .card__additionally--item {
    /* padding: 0 14px; */
    font-weight: 600;
    width: 25%;
    font-size: 8px;
    text-align: center;
    color: #434342;
    text-decoration: none;
  }

  .card__additionally--img img {
    margin-bottom: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .card__additionally--img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 6px;
  }


  .news-block-content {
    display: grid;
    grid-template-areas:
    "1"
    "2"
    "3"
    "4";
  }

  .news-block-content .blog-block{
    margin-bottom: 12px;
  }

  .news-block-content .button--black {
    padding: 0 32px;
    max-width: max-content;
  }

  .news-block-1 {
    grid-area: 1;
  }

  .news-block-2 {
    grid-area: 2;
  }

  .news-block-3 {
    grid-area: 4;
  }

  .news-block-4 {
    grid-area: 3;
  }

  .blog-block.middle .blog-block-bottom {
    padding: 16px 20px;
  }

  .blog-block.middle .blog-block-link {
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    padding-right: 28px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    color: #10110c;
    display: block;
    max-width: max-content;
  }

  .blog-block.middle .blog-block-link svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .blog-block.middle .blog-block-txt {
    margin-bottom: 4px;
  }







  /* Контейнер меню */
  .header__menu--container {
    position: absolute;
    top: calc(100% - 50px);
    left: 0;
    width: 100%;
    min-height: 424px;
    background: rgba(255, 255, 252, 0.84);
    backdrop-filter: blur(80px);
    transform: translateY(-150%);
    opacity: 0;
    z-index: 1;
    transition: transform 0.5s ease-out, opacity 0.4s ease-out;
  }

  .header__menu--container.active {
    transform: translateY(0);
    opacity: 1;
  }

  .header__menu--container .header__menu--list {
    list-style: none;
  }

  /* Списки меню */
  .header__menu--list {
    padding-top: 28px;
    padding-bottom: 58px;
  }

  .header__menu--list li {
    padding: 0 12px;
  }

  .header__menu--list.second {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-150%);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: transform 0.4s ease, visibility 0.3s ease, opacity 0.3s ease;
    padding-top: 64px;
  }

  .header__menu--list.second.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  /* Первый уровень меню */
  .header__menu--list.first .header__menu--link {
    transition: all .4s ease;
  }

  .header__menu--list.first li{
    margin-bottom: 6px;
  }

  .header__menu--list.first li:last-child {
    margin-bottom: 0;
  }

  .header__menu--list.first.active .header__menu--link {
    opacity: 0;
    visibility: hidden;
  }

  /* Второй уровень меню */
  .header__menu--list.second .header__menu--link {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Ссылки */
  .header__menu--link {
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    color: #10110c;
    height: 37px;
    line-height: 37px;
    margin-bottom: 6px;
    text-decoration: none;
  }

  .header__menu--link:last-child {
    margin-bottom: 0;
  }

  /* Кнопки */
  .header__menu--close,
  .header__menu--back {
    border: none;
    background-color: transparent;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    z-index: 5;
  }

  /* Z-index */
  .header__top,
  .info-block {
    position: relative;
    z-index: 2;
  }

  /* Дополнительно */
  .header__menu--item a {
    text-decoration: none;
  }

  .catalog-nav {
    max-width: 237px;
    margin: 0 auto;
    margin-top: 21px;
    margin-bottom: 24px;
  }

  .catalog-nav-item {
    display: flex;
    /* flex-direction: column; */
    text-decoration: none;
    color: #10110c;
    align-items: center;
    justify-content: space-between;
    /* min-height: 106px; */
    /* gap: 8px; */
    margin-bottom: 8px;
    padding: 12px;
  }

  .catalog-nav-item:last-child {
    margin-bottom: 0;
  }


  .catalog-nav-title {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
    text-transform: capitalize;
    margin-bottom: 4px;
  }

  .catalog-nav-title:last-child {
    margin-bottom: 0;
  }

  .catalog-nav-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    text-transform: capitalize;
    color: #10110c;
  }

  .catalog-nav-img svg {
    fill: #434342;
    transition: fill .2s ease;
  }

  .catalog-nav-item.active .catalog-nav-img svg {
    fill: #86845C;
  }

  .catalog-nav-item:hover .catalog-nav-img svg {
    fill: #EC4A0A;
  }

  .product {
    position: relative;
  }

  .tooltip-product {
    position: absolute;
    top: 48px;
    right: 12px;
    z-index: 2;
    padding-bottom: 10px;
  }

  .tooltip-product-icon {
    background-color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
  }

  .tooltip-product-icon svg {
    fill: #10110C;
  }

  .tooltip-product-icon.grey svg {
    fill: #434342;
  }

  .tooltip-product-txt {
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s;
    position: absolute;
    background: #10110c;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: -0.01em;
    /* text-align: center; */
    color: #fff;
    font-family: "PT Root UI", sans-serif;
    /* white-space: nowrap; */
    padding: 4px 18px;
    width: 185px;
    right: -17px;
    top: 100%;
    border-radius: 24px;
  }

  .tooltip-product-txt.center {
    left: 50%;
    transform: translate(-50%, 0);
    top: -110px;
    box-shadow: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
  }

  .tooltip-product-txt.center::before {
    left: 50%;
    top: auto;
    bottom: -1px;
    transform: rotate(315deg) translate(-50%, 0);
  }

  .tooltip-product-txt::before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    top: -5px;
    right: 20px;
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(135deg);
    border-radius: 0 0 0 2px;
  }

  .tooltip-product:hover .tooltip-product-txt{
    opacity: 1;
    visibility: visible;
  }

  .catalog__sorts-count {
    font-weight: 400;
    font-size: 12px;
    color: #000;
  }

  .catalog__sorts--right {
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .news-more {
    background: #e8e8dc;
    padding: 16px 20px;
    color: #434342;
    border-radius: 4px;
  }

  .news-more-title {
    font-family: "Aileron", sans-serif;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 24px;
  }

  .news-more-subtitle {
    font-weight: 400;
    font-size: 14px;
  }

  .news-more-txt {
    margin-bottom: 20px;
  }

  .news-more-link {
    font-weight: 600;
    font-size: 14px;
    color: #434342;
    text-decoration: none;
    position: relative;
    padding-right: 32px;
    transition: color .2s ease;
  }

  .news-more-link:hover {
    color: #A0A0A0;
  }

  .news-more-link:hover svg {
    fill: #A0A0A0;
  }

  .blog-block.middle .blog-block-link {
    transition: color .2s ease;
  }

  .blog-block.middle .blog-block-link svg {
    fill: #10110C;
    transition: fill .2s ease;

  }
  .blog-block.middle .blog-block-link:hover {
    color: #A0A0A0;
  }
  .blog-block.middle .blog-block-link:hover svg{
    fill: #A0A0A0;
  }

  .blog-block.middle .blog-block-link:hover {
    color: #A0A0A0;

  }

  .news-more-link svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    fill: #434342;
    transition: fill .2s ease;
  }

  .main__technology {
    margin-top: 10px;
  }

  .planer .discover {
    margin: 80px 0;
  }

  .main__transform {
    margin-top: 80px;
  }

  .header__top .header__quality {
    display: none;
  }

  .info-block {
    display: flex;
    align-items: center;
    background: #fff5ee;
    gap: 0 10px;
    padding: 16px;
    font-weight: 400;
    font-size: 14px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #ec4a0a;
    min-height: 64px;
    max-height: 80px;
    justify-content: center;
  }

  .info-img {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    line-height: 0;
  }

  .tooltip {
    display: none;
  }


  .contact-form textarea.ui-input {
    min-height: 100px;
  }

  .ui-filter .select2-container--custom-sort .select2-selection--single {
    font-size: 12px !important;
  }

  .select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
  }

  .select2-container {
    width: auto !important;
  }

  .select2-dropdown.filter .select2-results__option {
    font-size: 12px !important;
  }

  .anchor-link {
    text-decoration: none;
  }

  .card__settings--full {
    font-weight: 400;
    font-size: 12px;
    color: #ff5733;
    text-decoration: none;
  }

  .checkout-content .ui-input {
    font-size: 14px;
    font-family: "Roboto Flex", sans-serif;
  }

  .checkout-content .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-family: "Roboto Flex", sans-serif;
  }

  .checkout-express-title {
    font-weight: 400;
    font-size: 12px;
    color: #10110c;
    margin-bottom: 4px;
  }

  .checkout-express-subtitle {
    font-weight: 400;
    font-size: 12px;
    color: #10110c;
    text-align: center;
    position: relative;
  }

  .checkout-express-subtitle span {
    padding: 0 8px;
    z-index: 1;
    position: relative;
    background-color: #f7f7f7;
  }

  .checkout-express {
    margin-bottom: 12px;
  }

  .checkout-express-widget {
    margin-bottom: 8px;
  }

  .checkout-express-subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    height: 1px;
    background-color: #10110c;
    z-index: 0;
  }

  .checkout-content .ui-checkbox-label::before {
    background-color: #fff;
  }

  .spoiler-btn {
    position: relative;
    cursor: pointer;
    user-select: none;
  }

  .spoiler-btn svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(180deg);
  }

  .spoiler-btn.hide svg {
    transform: translate(0, -50%) rotate(0);
  }

  .spoiler-btn.hide {
    margin-bottom: 0;
  }

  .checkout-block-spoiler.hide {
    display: none;
  }

  .checkout-show {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #646cff;
    padding-bottom: 4px;
    border-bottom: 1px solid #646cff;
    margin-bottom: 4px;
    cursor: pointer;
    user-select: none;
  }

  .checkout-show svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .checkout-show.active svg {
    transform: translate(0, -50%) rotate(180deg);
  }

  .checkout-product-list {
    display: none;
  }

  .checkout-product-list.active {
    display: block;
  }


  .checkout-product {
    display: flex;
    gap: 0 16px;
    border: 1px solid rgba(141, 138, 90, 0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 6px 8px;
    margin-bottom: 4px;
    color: #10110c;
  }

  .checkout-product:last-child {
    margin-bottom: 0;
  }

  .checkout-product-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
    text-decoration: none;
    display: block;
  }

  .checkout-product-quantity {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 4px;
  }

  .checkout-product-price {
    font-weight: 700;
    font-size: 14px;
  }

  .checkout-product-toggle {
    font-weight: 400;
    font-size: 12px;
    color: #ff5733;
    position: relative;
    padding: 2px 0;
    border-bottom: 1px solid #ff5733;
    cursor: pointer;
    margin-bottom: 6px;
    user-select: none;
  }

  .checkout-product-toggle.active {
    margin-bottom: 12px;
  }

  .checkout-product-toggle.active svg {
    transform: translate(0, -50%) rotate(180deg);
  }

  .checkout-product-toggle svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .checkout-product-top {
    margin-bottom: 12px;
  }

  .checkout-product-details {
    gap: 0 8px;
    display: none;
  }

  .checkout-product-details.active {
    display: flex;
  }

  .checkout-product-parameters {
    width: calc(50% - 4px);
    flex: 0 0 calc(50% - 4px);
    font-size: 12px;
    font-weight: 400;
  }

  .checkout-product-parameters span {
    font-weight: 700;
  }

  .checkout-product-img {
    max-width: 103px;
    width: 100%;
    flex: 0 0 103px;
    height: 90px;
    display: block;
  }

  .checkout-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .checkout-product-info {
    max-width: calc(100% - 103px - 16px);
    flex: 0 0 calc(100% - 103px - 16px);
  }

  .checkout-summary {
    border-radius: 4px;
    padding: 16px 12px;
    background: #f7f7f7;
  }

  .checkout-summary-title {
    font-weight: 700;
    font-size: 16px;
    color: #10110c;
    margin-bottom: 20px;
  }

  .checkout-summary-body {
    margin-bottom: 12px;
  }

  .checkout-summary-info {
    margin-bottom: 16px;
  }

  .checkout-summary-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 16px;
    color: #10110c;
  }

  .checkout-summary-txt.small {
    font-weight: 500;
    font-size: 12px;
    color: #8b8e85;
  }

  .checkout-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    color: #10110c;
    margin-bottom: 16px;
  }

  .checkout-summary .ui-checkbox {
    margin-bottom: 16px;
    text-transform: capitalize;
  }

  .checkout-summary .button {
    width: 100%;
    font-size: 14px;
  }

  .checkout-summary-txt:last-child {
    margin-bottom: 0;
  }

  .checkout-summary-label span {
    font-size: 14px;
    color: #8b8e85;
  }

  .checkout-block .row {
    margin-left: -4px;
    margin-right: -4px;
  }

  .checkout-block [class*="col-"] {
    padding-left: 4px;
    padding-right: 4px;
  }

  .checkout-block-btns {
    display: flex;
    gap: 0 8px;
    margin-top: 12px;
  }

  .checkout-block-btns .button {
    width: 50%;
    height: 36px;
    font-size: 14px;
  }

  .checkout-block-content {
    margin-bottom: 25px;
  }

  .checkout-block-content:last-child {
    margin-bottom: 0;
  }

  .radio__sub {
    font-weight: 400;
    font-size: 12px;
    color: #8b8e85;
  }

  .checkout-payment-list {
    margin-top: 28px;
  }

  .checkout-payment-list .radio__text {
    font-size: 12px;
  }

  .checkout-payment-list .radio {
    margin-bottom: 25px;
  }

  .checkout-payment-list .radio:last-child {
    margin-bottom: 0;
  }

  .checkout-delivery-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .checkout-delivery-list .radio-block {
    width: calc(50% - 4px);
  }

  .radio-block-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .radio-block-input+.radio-label {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
    display: block;
    padding: 12px;
    cursor: pointer;
    /* padding-bottom: 26px; */
  }

  .radio-block-input:checked+.radio-label {
    border-color: #ff5733;
    box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.09);
  }

  .radio-block-title {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #10110c;
    margin-bottom: 8px;
  }

  .radio-block-subtitle {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #10110c;
    margin-bottom: 8px;
  }

  .radio-block-delivery {
    font-weight: 600;
    font-size: 12px;
    color: #10110c;
    margin-bottom: 8px;
  }


  .radio-block-toggle {
    font-weight: 400;
    font-size: 12px;
    color: #ff5733;
    padding: 9px 0;
    border-bottom: 1px solid #ff5733;
    position: relative;
    user-select: none;
  }

  .radio-block-toggle.active {
    margin-bottom: 8px;
  }

  .radio-block-toggle.active svg {
    transform: translate(0, -50%) rotate(180deg);
  }

  .radio-block-toggle svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .radio-block-details {
    display: none;
    font-weight: 400;
    font-size: 12px;
    color: #10110c;
  }

  .radio-block-details.active {
    display: block;
  }


  .checkout-block {
    border-radius: 4px;
    padding: 18px 16px 16px;
    background: #f7f7f7;
    /* margin-bottom: 8px; */
  }

  .checkout-block .select2-container--custom-sort .select2-selection--single {
    padding-left: 15px;
  }

  .checkout-block-title {
    font-weight: 700;
    font-size: 16px;
    color: #10110c;
    position: relative;
    padding-left: 44px;
    margin-bottom: 22px;
  }

  .checkout-block-title span {
    display: block;
    border-radius: 4px;
    width: 36px;
    height: 27px;
    line-height: 27px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    background: #bacd1d;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .checkout-block .ui-field {
    margin-bottom: 8px;
  }

  /* .checkout-block .ui-fields {
    margin-bottom: -8px;
  } */

  .checkout-block .ui-field input {
    background-color: #fff;
  }

  .checkout-block .select2-container--custom-sort .select2-selection--single {
    margin-bottom: 0;
    width: 100% !important;
    height: 40px;
    border: 1px solid #D9D9D9;
  }

  .checkout-block .select2-container {
    width: 100% !important;
  }



  .complete-final-btns {
    display: flex;
    gap: 0 12px;
    margin-top: 32px;
  }

  .complete-final-btns .button {
    height: 36px;
    font-size: 14px;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .complete-final .card__viewed {
    margin-top: 40px;
  }

  .card__head--info p {
    font-weight: 400;
    font-size: 14px;
    color: #8b8e85;
  }

  .complete-final .card__box {
    grid-template-columns: auto auto;
  }

  .complete-size .select2-selection__rendered {
    font-weight: 600;
    color: #10110c;
  }

  .complete-size {
    margin-bottom: 72px;
  }

  .ui-status.mt20 {
    margin-top: 20px;
  }

  .ui-status.mb32 {
    margin-bottom: 32px;
  }

  .ui-status.mt0 {
    margin-top: 0;
  }

  .card-list {
    margin-top: 25px;
  }

  .complete-final .card-list {
    margin-top: 4px;
  }

  .card-list ul {
    list-style: none;
  }

  .card-list ul {
    margin-bottom: 23px;
  }

  .card-list span {
    font-weight: 500;
  }

  .card-list ul:last-child {
    margin-bottom: 0;
  }

  .card-list p {
    font-weight: 400;
    font-size: 14px;
    color: #000;
  }

  .card-list li {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-bottom: 8px;
    position: relative;
    max-width: max-content;
  }

  .card-list li img {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 8px;
  }

  .card-list li:last-child {
    margin-bottom: 0;
  }

  .card-list-title {
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 8px;
  }

  .complete-size .select2-container {
    width: 100% !important;
  }

  .complete-size .select2-container--custom-sort .select2-selection--single {
    height: 36px;
    font-size: 14px;
    border-color: #c1c1bb;
  }

  .complete-size .select2-selection__placeholder {
    top: 11px;
  }

  .complete-profiles {
    margin-bottom: 4px;
  }

  .complete-profiles-title {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    margin-bottom: 28px;
  }

  .complete-profile {
    border-radius: 4px;
    background: #fff;
    text-decoration: none;
    color: #000;
    margin-bottom: 20px;
    display: block;
    box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.09);
    background: #f7f7f7;
    padding: 24px;
  }

  .complete-profile-bottom {
    padding: 16px;
    /* padding-bottom: 36px; */
  }

  .complete-profile-img {
    line-height: 0;
  }

  .complete-profile-img img {
    margin: 0 auto;
  }

  .complete-profile-title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: #10110c;
    margin-bottom: 16px;
  }

  .complete-profile-subtitle {
    font-weight: 400;
    font-size: 14px;
  }

  .complete-category-headline {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
    text-align: center;
    color: #000;
    margin-bottom: 24px;
  }

  /* .complete-category {
    border: 1px solid rgba(141, 138, 90, 0.2);
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.09);
    background: #f7f7f7;
  } */

  .complete-category-title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: #10110c;
    text-align: center;
    margin-bottom: 20px;
  }

  /* .complete-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 4px;
  } */

  .complete-category-item {
    width: calc(50% - 2px);
    text-align: center;
  }

  .complete-category-img img {
    margin: 0 auto;
  }

  .complete-category-img {
    line-height: 0;
    margin-bottom: 10px;
  }

  .complete-category-name {
    font-weight: 400;
    font-size: 14px;
    color: #10110c;
  }

  /* .complete-category {
    margin-bottom: 12px;
  } */

  .complete-category:last-child {
    margin-bottom: 0;
  }

  .complete-categorys-list {
    margin-bottom: 40px;
  }

  .complete-category-list:has(.complete-category-item:nth-child(5):last-child) .complete-category-item:last-child {
    width: 100%;
  }

  .tabs_step.new .tabs_step__item {
    word-break: break-all;
    padding: 0 4px;
    /* width: 20%;
    flex: 0 0 20%; */
  }

  .complete-set {
    margin-bottom: 40px;
  }

  .complete-item {
    margin-bottom: 8px;
  }

  .complete-set-title {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .added {
    max-width: 643px;
    padding: 20px;
  }

  .complete-item {
    border: 1px solid rgba(141, 138, 90, 0.2);
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.09);
    background: #fff;
    color: #000;
  }

  .complete-item .button {
    height: 36px;
    font-size: 14px;
  }

  .complete-item-botom {
    padding: 16px;
    padding-bottom: 8px;
  }

  .complete-item-title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
  }

  .complete-item-info {
    margin-bottom: 12px;
  }

  .complete-item-price {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #10110c;
  }

  .added .ui-popup-title {
    text-align: left;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #10110c;
    margin-bottom: 24px;
    text-transform: none;
  }

  .added-item {
    display: flex;
    gap: 0 12px;
    margin-bottom: 16px;
  }

  .added-item-img {
    width: 100px;
    flex: 0 0 100px;
    line-height: 0;
  }

  .added-item-info {
    max-width: calc(100% - 112px);
    flex: 0 0 calc(100% - 112px);
  }

  .added-item-article {
    font-weight: 400;
    font-size: 12px;
    color: #c1c1bb;
    margin-bottom: 8px;
  }

  .added-item-title {
    font-weight: 400;
    font-size: 14px;
    color: #10110c;
    margin-bottom: 12px;
  }

  .added-item-price {
    font-weight: 700;
    font-size: 16px;
  }

  .added-control {
    margin-bottom: 26px;
  }

  .added-control-left {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  .added-control-quantity {
    font-weight: 400;
    font-size: 14px;
    color: #ff5733;
  }

  .added-control-total {
    font-weight: 400;
    font-size: 14px;
    color: #8b8e85;
  }

  .added-control-right {
    display: flex;
    gap: 0 8px;
    max-width: 370px;
    width: 100%;
  }

  .added-control-right .button {
    width: 50%;
    height: 36px;
    font-size: 13px;
    margin-bottom: 0;
  }

  .added-control-total span {
    font-weight: 600;
  }

  .added-other-headline {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.34;
    margin-bottom: 8px;
  }

  .added-other-list {
    display: flex;
    gap: 0 16px;
    align-items: flex-start;
  }

  .added-other-item {
    border: 1px solid rgba(141, 138, 90, 0.2);
    border-radius: 4px;
    padding: 12px;
    background: #f7f7f7;
    width: 50%;
  }

  .added-other-title {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 8px;
    text-align: center;
  }

  .added-other-img {
    line-height: 0;
    margin-bottom: 4px;
  }

  .added-other-price {
    margin-bottom: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
    color: #10110c;
  }

  .added-other-price .discount {
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: line-through;
    text-align: center;
    color: #8b8e85;
    display: block;
  }

  .added-other-price span {
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    color: rgba(38, 38, 26, 0.76);
  }

  .added-other-img img {
    margin: 0 auto;
    height: 80px;
    object-fit: cover;
  }

  .added-other-item .button {
    height: 36px;
    font-size: 14px;
  }

  .card__order .ui-number {
    max-width: 100px !important;
    flex: 0 0 100px !important;
  }

  .card__order .ui-number input {
    height: 36px !important;
  }

  .card__order .button {
    height: 36px;
  }





  .complete-content .tabs_step {
    margin-bottom: 32px;
  }

  .complete-content h2 {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: #000;
    margin-bottom: 12px;
  }

  .complete-set-info {
    border-radius: 4px;
    padding: 16px 12px;
    background: #f7f7f7;
    margin-bottom: 20px;
  }

  .complete-set-info p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #10110c;
  }

  .complete-set-info p:last-child {
    margin-bottom: 0;
  }

  .shipping-product .card__head {
    /* flex-direction: column-reverse; */
    margin-bottom: 20px;
  }

  .shipping h1 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .shipping-content-title {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-bottom: 28px;
  }

  .shipping-block {
    border-radius: 4px;
    padding: 40px 24px;
    box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.12);
    background: #f7f7f7;
    color: #000;
  }

  .shipping-block-title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 12px;
    text-align: center;
  }

  .shipping-block-img {
    line-height: 0;
    margin-bottom: 20px;
  }

  .shipping-block-img:last-child {
    margin-bottom: 0;
  }

  .shipping-block-desc {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
  }

  .shipping-block-desc.hidden {
    display: none;
  }

  /* .shipping-block-txt {
    margin-bottom: 24px;
  } */

  .shipping-block-link {
    margin-bottom: 4px;
    order: 1;
    height: 36px;
  }

  .shipping-block-img img {
    margin: 0 auto;
  }

  .shipping-block-txt {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin-bottom: 24px;
  }

  .shipping-block-txt.small {
    order: 2;
    font-weight: 500;
    font-size: 12px;
    color: #6f7269;
    /* text-align: left; */
    margin-bottom: 18px;
  }

  .shipping-block-private {
    order: 3;
  }

  .shipping-block-link:last-child {
    margin-bottom: 0;
  }

  .shipping-block-bottom {
    display: flex;
    flex-direction: column;
  }

  .shipping-block-private {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.34;
    text-decoration: underline;
    text-align: center;
    color: #6f7269;
  }

  .shipping-block-desc {
    margin-bottom: 24px;
  }

  .shipping-block {
    margin-bottom: 20px;
  }


  /* .shipping-block-top {
    margin-bottom: 24px;
  } */

  .main__planer.new .main__planer--title {
    padding-left: 0;
  }

  .project-page .contact {
    margin-bottom: 64px;
  }

  .materials-title {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    margin-bottom: 12px;
  }

  .materials-content .main__popular--tabs {
    margin-top: 0;
    gap: 0 5px;
    margin-bottom: 12px;
  }

  .materials-content .main__popular--box {
    margin-top: 0;
  }

  .materials {
    margin-bottom: 72px;
  }

  .shipping-item-link {
    height: 36px;
  }

  .shipping-item-img {
    line-height: 0;
    height: 134px;
  }

  .shipping-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
  }

  .shipping-item {
    border: 1px solid rgba(141, 138, 90, 0.2);
    border-radius: 4px;
    overflow: hidden;
    color: #10110c;
    margin-bottom: 8px;
    box-shadow: 0 4px 4px 0 rgba(141, 138, 90, 0.09);
  }

  .shipping-item-bottom {
    padding: 20px 8px 12px 8px;
  }

  .shipping-item-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .project-content {
    display: grid;
    grid-template-rows: auto;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-template-areas:
      "title"
      "img"
      "desc";
    margin-bottom: 64px;
  }

  .project-content h1 {
    grid-area: title;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    color: #2a301d;
    margin-bottom: 20px;
    margin-top: 32px;
  }

  .project-content-txt h2 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 16px;
  }

  .project-content-txt {
    grid-area: desc;
    color: #2a301d;
  }

  .project-content-txt p {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
  }

  .project-content-txt p:last-child {
    margin-bottom: 0;
  }

  .project-content-txt span {
    font-weight: 700;
  }

  .project-imgs {
    grid-area: img;
    margin-bottom: 24px;
  }

  .project-imgs-bottom {
    display: flex;
    gap: 0 12px;
  }

  .project-imgs-img {
    min-height: 56px;
  }

  .project-imgs-img img {
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 4px;
  }

  .project-imgs-main {
    height: 300px;
    display: block;
  }

  .project-imgs-main img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 4px;
  }



  .project-imgs-top {
    margin-bottom: 12px;
  }

  .projects-section {
    margin-bottom: 72px;
  }

  .projects-section .project-block {
    margin-bottom: 0;
  }

  .projects-headline {
    font-weight: 400;
    font-size: 14px;
    color: #8b8e85;
    margin-bottom: 4px;
  }

  .projects-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .projects-title {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    text-transform: capitalize;
    color: #2a301d;
  }

  .projects-title span {
    color: #bacd1d;
  }

  .projects-title span.underline {
    color: #2a301d;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .projects-section-header {
    margin-bottom: 20px;
  }

  .projects-btns {
    display: none;
  }

  .contact {
    background: #86845c;
    padding: 68px 40px 52px 40px;
    position: relative;
    text-align: center;
    color: #fffffc;
    margin-bottom: 72px;
  }

  .contact-title {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    margin-bottom: 40px;
  }

  .contact-subtitle {
    max-width: 578px;
    font-weight: 400;
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .contact-subtitle.width-500 {
    max-width: 500px;
  }

  .contact-link {
    max-width: 578px;
    margin: 0 auto;
    gap: 0 12px;
  }

  .contact::before {
    content: "";
    position: absolute;
    background-color: #86845c;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
  }

  .contact::after {
    content: "";
    position: absolute;
    background-color: #86845c;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
  }

  .promocode-field.hidden {
    display: none !important;
  }

  .promocode-btn.hidden {
    display: none !important;
  }


  .promocode-error {
    font-weight: 500;
    font-size: 12px;
    color: #a82222;
    padding-left: 16px;
    position: relative;
  }

  .promocode-field-block {
    position: relative;
  }

  .promocode-field-block.error input {
    border-color: #A82222;
  }

  .promocode-field-block.error .label-txt.active {
    color: #A82222;
  }


  .promocode-error svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .ui-title {
    font-size: 28px !important;
    margin-bottom: 20px;
    margin-top: 12px;
  }

  .ui-title.middle {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 28px !important;
    text-transform: capitalize;
    color: #10110c;
    margin-bottom: 16px;
  }

  .notfound-links .button {
    max-width: 188px;
    margin: 0 auto;
    margin-bottom: 12px;
  }

  .notfound-links .button:last-child {
    margin-bottom: 0;
  }

  .notfound-bg img {
    width: 100%;
    height: 486px;
    object-fit: cover;
  }

  .notfound-content {
    position: relative;
    margin-bottom: 64px;
  }

  .notfound-content-block {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(-50%, 0);
    font-family: "Aileron", sans-serif;
    max-width: 594px;
    width: 100%;
  }

  .notfound-info {
    margin-bottom: 36px;
    text-align: center;
  }

  .notfound-info-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    text-transform: capitalize;
    color: #d9ee2b;
    max-width: 338px;
    margin: 0 auto;
    margin-bottom: 36px;
  }

  .notfound-info-txt {
    font-weight: 400;
    font-size: 16px;
    color: #fffffc;
    padding: 0 10px;
  }

  .notfound-info-txt p {
    margin-bottom: 12px;
  }

  .notfound-info-txt p:last-child {
    margin-bottom: 0;
  }

  .notfound-bg {
    line-height: 0;
    position: relative;
    z-index: -1;
  }

  .notfound-bg::before {
    content: "";
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }

  .done {
    max-width: 644px;
    padding: 57px 28px;
  }

  .done-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #10110c;
    text-align: center;
  }

  .form-popup {
    padding: 28px;
  }

  .form-popup .button {
    width: 100%;
    margin-bottom: 0;
    height: 36px;
  }

  .form-popup .ui-popup-title {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #10110c;
    text-align: left;
    margin-bottom: 20px;
  }

  .form-popup .ui-popup-subtitle {
    text-align: left;
    margin-bottom: 0;
    color: #10110c;
  }

  .form-popup {
    max-width: 648px !important;
  }

  .form-popup .ui-field {
    margin-bottom: 16px !important;
  }

  .form-popup .ui-popup-headline {
    margin-bottom: 24px;
  }

  .post-content {
    margin-top: 32px;
  }

  .post-content-body .row {
    margin-left: -22px;
    margin-right: -22px;
  }

  .post-content-body [class*="col-"] {
    padding-left: 22px;
    padding-right: 22px;
  }

  .post-content {
    margin-bottom: 72px;
  }

  .post-related-headline {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 24px;
    color: #000;
  }

  .post-consultation {
    border-radius: 4px;
    padding: 40px;
    background: #f7f7f7;
    margin-bottom: 72px;
    color: #000;
    /* text-align: center; */
  }

  .post-related-item {
    display: block;
    text-decoration: none;
    margin-bottom: 24px;
  }

  .post-related-item:hover .post-related-title {
    color: #8B8E85;
  }

  .post-related-item:last-child {
    margin-bottom: 0;
  }

  .post-related-img {
    line-height: 0;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: 4px;
  }

  .post-related-img img {
    height: 140px;
    width: 100%;
    object-fit: cover;
  }

  .post-related-title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: #000;
    transition: color .2s ease;
  }

  .post-consultation-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 18px;
  }

  .post-consultation .button {
    min-height: 36px;
  }

  .post-content-headline {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    color: #10110c;
  }

  .post-content-headline h1 {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    text-transform: capitalize;
    color: #2a301d;
    font-family: "Aileron", sans-serif;
  }

  .post-type {
    margin-bottom: 8px;
    color: #6f7269;
  }

  .post-date {
    margin-bottom: 8px;
  }

  .post-img {
    line-height: 0;
    margin-bottom: 28px;
    border-radius: 4px;
    overflow: hidden;
  }

  .post-img img {
    height: 290px;
    width: 100%;
    object-fit: cover;
  }

  .post-info p {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-bottom: 18px;
  }

  .post-info p:last-child {
    margin-bottom: 0;
  }

  .post-info h3:last-child {
    margin-bottom: 0;
  }

  .post-info ul:last-child {
    margin-bottom: 0;
  }

  .post-info {
    margin-bottom: 72px;
  }

  .post-info h3 {
    margin-top: 24px;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.25;
    font-family: "Aileron", sans-serif;
  }

  .post-info ul {
    margin-bottom: 18px;
    list-style: none;
  }

  .post-info li {
    padding-left: 22px;
    position: relative;
    margin-bottom: 6px;
  }

  .post-info li:first-child {
    /*padding-left: 0;*/
  }

  .post-info li:first-child::before {
    /*content: none;*/
  }

  .post-info li:last-child {
    margin-bottom: 0;
  }

  .post-info li::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    left: 5px;
    top: 8px;
    position: absolute;
  }

  /* .blog h1 {
    margin-bottom: 20px;
    margin-top: 12px;
    font-size: 28px;
  } */

  .blog-list {
    margin-bottom: 6px;
  }

  .blog-content {
    margin-bottom: 72px;
  }

  .blog-more {
    margin: 0 auto;
    max-width: 248px;
    width: 100%;
    position: relative;
  }

  .blog-more svg {
    stroke: #2A301D;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translate(0, -50%);
  }

  .blog-block {
    border-radius: 4px;
    overflow: hidden;
    /* display: block; */
    text-decoration: none;
    margin-bottom: 30px;
  }

  .blog-block-bottom {
    background: #f7f7f7;
  }

  .blog-block.middle .blog-block-bottom {
    height: calc(100% - 180px);
  }

  .blog-block.middle .blog-block-img img {
    height: 180px;
  }

  .blog-block-type {
    color: #6f7269;
    margin-bottom: 8px;
    text-transform: uppercase;
  }

  .blog-block-date {
    margin-bottom: 8px;
  }

  .blog-block-title {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 12px;
  }

  .blog-block-title:last-child {
    margin-bottom: 0;
  }

  .news-block .row {
    align-items: flex-start;
  }

  .blog-block-link {
    height: 36px;
  }

  .blog-block-txt {
    color: #10110c;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .blog-block-bottom {
    padding: 20px;

  }

  /* .blog-block-bottom {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */

  .blog-block-img {
    line-height: 0;
  }

  .blog-block-img img {
    height: 256px;
    width: 100%;
    object-fit: cover;
  }

  .blog-content-top {
    margin-bottom: 30px;
  }

  .blog-content-top p {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    max-width: 520px;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .blog-content-nav {
    text-align: center;
  }

  .blog-content-nav a {
    text-decoration: none;
    margin-right: 8px;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    color: #8b8e85;
    transition: color .2s ease;
  }

  .blog-content-nav a:hover {
    color: #ff5733;
  }

  .blog-content-nav a.active {
    font-weight: 600;
    color: #ff5733;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .blog-content-nav a:last-child {
    margin-right: 0;
  }

  .projects h1 {
    margin-bottom: 24px;
  }

  .project-block {
    background: #f7f7f7;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 16px;
    text-decoration: none;
    display: block;
  }

  .projects-content {
    margin-bottom: -16px;
  }

  /* .project-block:nth-last-child(-n + 3) {
    margin-bottom: 0;
  } */

  .project-block:hover .project-block-title {
    color: #505050;
  }

  .project-block-img {
    line-height: 0;
    /* margin-bottom: 22px; */
  }

  .project-block-img img {
    height: 256px;
    width: 100%;
    object-fit: cover;
  }

  .project-block-txt {
    padding: 0 12px;
    padding-bottom: 20px;
    padding-top: 22px;
  }

  .project-block-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: #10110c;
    margin-bottom: 12px;
    transition: color .2s ease;
  }

  .project-block-list {
    font-weight: 400;
    font-size: 14px;
    color: #000;
  }

  .project-block-list p {
    margin-bottom: 4px;
  }

  .project-block-list p:last-child {
    margin-bottom: 0;
  }

  .project-block-list span {
    font-weight: 700;
  }

  .discover-item-title {
    position: relative;
  }

  .discover-item-title svg {
    display: none;
  }

  .main__planer--subtitle {
    max-width: 235px;
  }

  .main__planer.new {
    position: relative;
    margin-bottom: 24px;
  }

  .main__planer--left {
    position: absolute;
    right: -84px;
    top: 50%;
    transform: translate(0, -50%);
    width: 195px;
  }

  .main__planer--right {
    display: none;
  }

  .main__planer--info {
    width: 100%;
  }

  .recently-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
    color: #10110c;
    margin-bottom: 20px;
    font-family: "Aileron", sans-serif;
  }

  .swiper-buttons {
    display: none;
  }

  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: static !important;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    gap: 6px;
  }

  .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
  }

  span.swiper-pagination-bullet {
    margin: 0 !important;
    background-color: #D9D9D9;
    opacity: 1 !important;
  }

  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #BACD1D;
  }


  .discover {
    margin-top: 72px;
  }

  .discover-item-img {
    line-height: 0;
    position: relative;
  }

  .discover-item-img svg {
    width: 54px;
    height: 56px;
  }

  .discover-title {
    text-align: left;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.28571;
    margin-bottom: 20px;
  }

  .discover-title svg {
    fill: #fffffc;
  }

  .discover-item {
    box-shadow: 0 4px 10px 0 rgba(141, 138, 90, 0.09);
    background: #86845c;
    margin-bottom: 8px;
    padding: 40px;
    border-radius: 4px;
    color: #fffffc;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    /* align-items: center; */
  }

  .discover-item:hover .discover-item-img svg{
    fill: #D9EE2B;
  }

  /* .discover-item-title {
    max-width: 73px;
  } */


  .discover-item svg {
    fill: #fffffc;
    transition: fill .2s ease;
  }

  .discover-item:last-child {
    margin-bottom: 0;
  }

  /* .about h1 {
    margin-top: 12px;
    margin-bottom: 20px;
  } */

  .about-images {
    display: flex;
    gap: 4px;
    flex-direction: column;
  }

  .about-images-left {
    display: flex;
  }

  .about-images-item {
    margin-right: 4px;
    line-height: 0;
    height: 159px;
    width: 100%;
  }

  .about-images-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .about-images-item:last-child {
    margin-right: 0;
  }

  .about-content-block {
    margin-bottom: 28px;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 20px;
  }

  .about-content-block h2 {
    margin-bottom: 45px;
    font-weight: 600;
    font-size: 18px;
  }

  .about-content-block {
    font-size: 14px;
  }

  .about-content-block p {
    margin-bottom: 20px;
  }

  .about-content-block p:last-child {
    margin-bottom: 0;
  }

  .about-content-block ul {
    margin-bottom: 20px;
    list-style: none;
  }

  .about-content-block li {
    margin-bottom: 6px;
    line-height: 1.78571;
    padding-left: 22px;
    position: relative;
  }

  .about-content-block li:first-child {
    padding-left: 0;
  }

  .about-content-block li:first-child:before {
    content: none;
  }

  .about-content-block li::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    left: 5px;
    top: 10px;
    position: absolute;
  }

  .about-content-block li:last-child {
    margin-bottom: 0;
  }

  .promocode-field input {
    width: 100%;
    height: 36px;
    border: 1px solid #c1c1bb;
    border-radius: 4px;
    padding: 0 12px;
    font-weight: 600;
    font-size: 14px;
    color: #10110c;
    padding-right: 70px;
  }

  .promocode-field {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(100%, 0);
    transition: height .5s ease, transform .5s ease, visibility .5s ease, opacity .5s ease;
  }

  .promocode-field.active {
    height: 100%;
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }

  .prmocode-clear {
    position: absolute;
    right: 54px;
    background: transparent;
    border: none;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
  }

  .promocode-apply {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background: transparent;
    border: none;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    font-family: "Roboto Flex", sans-serif;
    cursor: pointer;
  }

  .promocode-field .label-txt {
    left: 12px;
    top: 10px;
  }

  .cart h1 {
    margin-bottom: 34px;
  }

  .cart-empty h1 {
    margin-bottom: 24px;
  }

  .cart-item {
    margin-bottom: 8px;
    padding: 16px;
    padding-bottom: 20px;
    border-radius: 4px;
    background: #f7f7f7;
  }

  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item-top {
    display: grid;
    grid-template-areas:
    "img title"
    "article article"
    "desc desc"
    "price  price"
    "section  section";
    grid-template-columns: 82px 1fr auto;
    gap: 0 12px;
    margin-bottom: 20px;
  }
  /* .cart-item-bottom {
    display: flex;
    justify-content: space-between;
  } */

  .cart-item-img {
    grid-area: img;
    margin-bottom: 10px;
    line-height: 0;
  }
  .cart-item-title {
    grid-area: title;
    font-weight: 600;
    font-size: 14px;
    color: #10110c;
    text-decoration: none;
    transition: color .2s ease;
  }
  .cart-item-title:hover {
    color: #8b8e85;
  }
  .cart-item-article {
    grid-area: article;
    font-weight: 500;
    font-size: 12px;
    color: #c1c1bb;
    margin-bottom: 8px;
  }
  .cart-item-desc {
    grid-area: desc;
    font-weight: 400;
    font-size: 12px;
    color: #8b8e85;
    margin-bottom: 8px;
  }
  .cart-item-price {
    grid-area: price;
    font-weight: 700;
    font-size: 14px;
    color: #10110c;
    margin-bottom: 12px;
  }
  .cart-item-section {
    grid-area: section;
  }

  .cart-list {
    margin-bottom: 16px;
  }

  .cart-content {
    margin-bottom: 40px;
  }

  .cart-item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .cart-item-total {
    font-weight: 700;
    font-size: 16px;
    color: #10110c;
  }

  .cart-item-delete {
    font-weight: 400;
    font-size: 12px;
    color: #8b8e85;
    text-decoration: none;
    position: relative;
    padding-left: 24px;
    transition: color .2s ease;
  }

  .cart-item-delete svg {
    stroke: #8B8E85;
    position: absolute;
    left: 0;
    top: -3px;
    transition: stroke .2s ease;
  }

  .cart-headline {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
  }

  .cart-headline h1 {
    margin-bottom: 34px;
  }

  .cart-headline h1:last-child {
    margin-bottom: 0;
  }

  .cart-remove {
    display: inline-block;
    margin-left: auto;
    position: relative;
    padding-left: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.35714;
    color: #8b8e85;
    text-decoration: none;
    transition: color .2s ease;
    padding-right: 6px;
  }

  .cart-remove svg {
    stroke: #8B8E85;
    position: absolute;
    left: 0;
    top: 0;
    transition: stroke .2s ease;
  }

  .cart-remove span {
    position: relative;
    transition: background-color .2s ease;
  }

  .cart-remove span::before {
    content: "";
    width: calc(100% + 8px);
    top: calc(100% + 1px);
    left: -4px;
    background-color: #D9D9D9;
    position: absolute;
    height: 1px;
    transition: background-color .2s ease;
  }

  .cart-remove:hover svg {
    stroke: #10110c;
  }


  .cart-remove:hover {
    color: #10110c;
  }

  .cart-content.flex {
    display: block;
  }


  .cart-item-delete span {
    position: relative;
  }

  .cart-item-delete span::before {
    content: "";
    width: calc(100% + 8px);
    top: 100%;
    left: -4px;
    background-color: #D9D9D9;
    position: absolute;
    height: 1px;
    transition: background-color .2s ease;
  }

  .cart-item-delete:hover svg {
    stroke: #10110c;
  }

  /* .cart-item-delete:hover span::before {
    background-color: #10110C;
  } */

  .cart-item-delete:hover {
    color: #10110c;
  }

  /* .cart-item-section {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
  } */

  .cart-item-quantity {
    /* width: 50%; */
    font-weight: 500;
    font-size: 12px;
    color: #10110c;
    margin-right: 16px;
  }

  .cart-item-quantity:last-child {
    margin-right: 0;
    /* width: calc(50% - 16px); */
  }

  .cart-item-quantitys {
    display: flex;
    margin-bottom: 12px;
  }



  .main__board--info {
    order: 1
  }

  .cart-empty {
    margin-bottom: 40px;
    font-size: 14px;
  }

  .cart-empty-title {
    margin-bottom: 8px;
    font-size: 18px;
  }

  .cart-empty-txt {
    margin-bottom: 28px;
  }

  .cart-empty-link {
    display: block;
    /* max-width: 192px; */
    width: 100% !important;
    max-width: none !important;
  }

  .cart-summary {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 16px;
    color: #000;
  }

  .cart-summary-headline {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
  }

  .cart-summary-promocode {
    margin-bottom: 22px;
  }

  .cart-summary-promocode .promocode-btn {
    border: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #D9D9D9;
    /* text-decoration: underline; */
    display: block;
    margin: 0 auto;
    /* text-underline-offset: 5px; */
    height: 24px;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease, font-size .5s ease, visibility .5s ease, color .2s ease;
    max-width: 118px;
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
  }

  .cart-summary-promocode .promocode-btn:hover {
    color: #10110C;
  }


  .promocode-btn.active {
    opacity: 0;
    font-size: 0;
    visibility: hidden;
  }

  .cart-summary-txt {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    color: #8b8e85;
    display: flex;
    justify-content: space-between;
  }

  .cart-summary-txt.small {
    font-size: 12px;
  }

  .cart-summary-txt:last-child {
    margin-bottom: 0;
  }

  .cart-summary-info {
    margin-bottom: 32px;
  }

  .cart-summary-info:last-child {
    margin-bottom: 0;
  }

  .cart-summary-txt span {
    color: #10110c;
  }

  .cart-summary-subtitle span {
    font-weight: 600;
    font-size: 16px;
    color: #10110c;
  }

  .cart-summary-top {
    margin-bottom: 22px;
  }

  /* .cart-summary-txt:last-child {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: #8b8e85;
  } */

  .promocode-block {
    background: #fff;
    border: 1px solid #bacd1d;
    border-radius: 4px;
    padding: 8px 12px 8px 16px;
    display: flex;
    gap: 0 8px;
    align-items: center;
  }

  .promocode-block-img {
    max-width: 22px;
    flex: 0 0 22px;
    width: 100%;
  }

  .promocode-block-middle {
    max-width: calc(100% - 88px);
    flex: 0 0 calc(100% - 88px);
  }

  .promocode-block-remove {
    background: transparent;
    border: none;
    max-width: 50px;
    flex: 0 0 50px;
    width: 100%;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    color: #a82222;
    font-family: "Roboto Flex", sans-serif;
  }

  .promocode-block-title {
    font-weight: 600;
    font-size: 14px;
    color: #10110c;
    margin-bottom: 2px;
  }

  .promocode-block-subtitle {
    font-weight: 400;
    font-size: 12px;
    color: #c1c1bb;
  }

  .main__board {
    margin-top: 80px;
  }

  .main__faq {
    margin-top: 80px;
  }

  .main__delivery {
    margin: 10px 0;
    margin-bottom: 80px;
  }

  .ui-pagination {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
  }

  .ui-pagination.mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .ui-pagination.mobile .ui-pagination-more {
    display: none;
  }

  .ui-pagination.mobile .ui-pagination-txt {
    display: block;
  }

  .ui-pagination.mobile .ui-pagination-control {
    display: flex;
  }

  .ui-pagination a {
    text-decoration: none;
  }

  .ui-pagination-control {
    display: none;
  }

  .ui-pagination-txt {
    display: none;
  }

  .ui-pagination-txt {
    padding: 0 12px;
    color: #10110c;
  }

  .ui-pagination-link {
    display: none;
  }

  .ui-pagination-link {
    display: none;
    padding: 6px 12px;
    color: #434342;
    border: 1px solid transparent;
    transition: color .2s ease;
  }

  .ui-pagination-link:hover {
    color: #10110c;
  }

  .ui-pagination-link.active {
    font-weight: 700;
    color: #10110c;
    border-bottom: 1px solid #bacd1d;
  }

  .ui-pagination-control {
    padding: 6px 12px;
    color: #8b8e85;
    border: 1px solid transparent;
    transition: color .2s ease;
    gap: 0 2px;
  }

  .ui-pagination-control:hover {
    color: #434342;
  }


  .ui-pagination-more {
    height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #10110c;
    width: 100%;
  }

  .ui-pagination {
    margin-top: 12px;
  }

  .header__menu--box {
    width: 100%;
    height: auto !important;
    /* background: #fff; */
    background: rgba(255, 255, 252, 0.84);
    backdrop-filter: blur(80px);
    top: calc(100% - 50px);
  }

  .header__menu--level {
    padding-top: 36px;
    padding-bottom: 20px;
    min-height: 424px;
  }

  .header__menu--level1 {
    padding-top: 76px;
  }

  .header__menu--item {
    padding: 0 28px;
    border: none;
    height: 37px;
    font-weight: 600;
    font-size: 18px;
    color: #10110c;
  }

  .menu-close {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .news-block-title {
    margin-bottom: 20px;
  }

  .discover-block-title {
    text-align: left;
    margin-bottom: 20px;
  }


  .catalog__sorts--headline {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  .catalog__sorts {
    flex-wrap: wrap;
  }

  .search-page .catalog__sorts {
    flex-wrap: nowrap;
    align-items: center;
  }

  .card__accordion-links {
    margin: 10px 0;
    list-style: none;
    padding: 0 !important;
  }
  /*
    .card__accordion--body.column .card__accordion-links {
      margin-top: 0;
    } */

  .card__accordion-links:last-child {
    margin-bottom: 0;
  }

  .card__accordion-links:first-child {
    margin-top: 0;
  }

  .card__accordion-links li {
    margin-bottom: 20px;
  }

  .card__accordion-links li:last-child {
    margin-bottom: 0;
  }

  .card__accordion-link {
    font-family: "Aileron", sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #ec4a0a;
    padding-left: 40px;
    position: relative;
    text-underline-offset: 2px;
    /* display: block; */
  }

  .card__accordion-link img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .complete-category-list.small::before {
    content: none;
  }

  .complete-category-list.small::after {
    content: none;
  }
}

@media (min-width: 425px) {
  .main__planer--subtitle {
    max-width: none;
  }

  .main__planer.new {
    position: relative;
  }

  .main__planer--info {
    max-width: 300px;
  }

  .main__planer--left {
    position: absolute;
    /* top: -40px; */
    right: -90px;
    max-width: 220px;
    /* transform: none; */
    width: auto;
  }


  .header__cart {
    gap: 8px;
    width: 74px;
  }
  [lang=de] .header__cart {
    width: 114px;
  }
  .header__cart--text {
    width: 30px;
    opacity: 1;
  }
  [lang=de] .header__cart--text {
    width: 68px;
  }
  .main__advantages--subtitle span {
    display: block;
  }
  .main__planer--img {
    flex: 0 0 40%;
  }
  .main__planer--plan {
    width: 220px;
    width: clamp(220px, -7.9883381924px + 0.5364431487 * 100vw, 404px);
    height: 135px;
    height: clamp(135px, -0.0583090379px + 0.3177842566 * 100vw, 244px);
    transform: translate(-50%, -50%) translate(50px, 50px);
  }
  .main__planer--list {
    margin-left: 10px;
  }
  .main__planer--button {
    margin-left: 10px;
  }
  .search {
    cursor: pointer;
    width: 76px;
    transform: translateX(-44px);
  }
  .search:before {
    left: -8px;
  }
  .searchOpen .search {
    width: auto;
    cursor: initial;
    transform: none;
  }
  .search__box {
    right: 135px;
  }
  [lang=de] .search__box {
    right: 174px;
  }
  .search__input {
    width: 44px;
    opacity: 1;
    pointer-events: none;
  }
  .search__input::placeholder {
    opacity: 1;
    color: var(--color-primary);
  }
  .searchOpen .search__input {
    pointer-events: auto;
  }
  .planer__toolbar--button {
    gap: 10px;
  }
  .planer__toolbar--ico {
    width: 54px;
    height: 54px;
  }
  .modal__title {
    font-size: 26px;
  }
  .modal__buttons {
    flex-direction: row;
    gap: 14px;
  }
}
@media (min-width: 465px) {
  .catalog__sorts-count br {
    display: none;
  }

  .main__planer--subtitle {
    max-width: none;
  }

  .main__planer.new {
    position: relative;
  }

  .main__planer--info {
    max-width: 300px;
  }

  .main__planer--left {
    position: absolute;
    top: -40px;
    right: -90px;
    max-width: 280px;
    transform: none;
    width: auto;
  }

  .tabs_step {
    height: 36px;
  }
  .tabs--br {
    display: none;
  }
  .planer__box {
    flex-direction: row;
  }
  .planer__panel {
    flex: 0 0 auto;
    width: 203px;
    width: clamp(203px, 137.9481865285px + 0.1398963731 * 100vw, 338px);
  }
  .planer__list {
    flex: 2;
  }
  .catalog__area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
@media (min-width: 576px) {
  .catalog__area .product {
    min-height: 478px;
  }
  .product__title {
    font-size: 16px;
    min-height: 38px;
  }
  .category-item-title {
    font-size: 16px;
  }
  .complete-category-list.small {
    gap: 10px 4px;
  }
  .complete-category-list {
    gap: 24px;
  }
  .category-item {
    padding: 0 12px;
     width: calc(33.333% - 24px);
    flex: 0 0 calc(33.333% - 24px);
  }
  .complete-category-list.small .category-item {
    padding: 0 8px;
     /* width: calc(33.333% - 8px);
    flex: 0 0 calc(33.333% - 8px); */
  }
  .added-control-left {
    margin-bottom: 0;
  }

  .category-item {
    width: auto;
    flex: none;
  }


  .added {
    padding: 28px;
  }

  .added-control-left {
    display: block;
  }

  .added-control {
    display: flex;
    justify-content: space-between;
  }

  .added-control-right .button {
    /* max-width: 181px; */
    /* flex: 0 0 181px; */
    font-size: 16px;
    width: 100%;
  }

  .added .ui-popup-title {
    font-size: 26px;
    margin-bottom: 28px;
  }

  .added-item {
    margin-bottom: 20px;
  }

  .added-control {
    margin-bottom: 28px;
  }

  .added-item-title {
    font-size: 16px;
  }

  .added-item-img {
    width: 129px;
    flex: 0 0 129px;
  }

  .added-item {
    gap: 0 24px;
  }

  .added-item-info {
    max-width: calc(100% - 153px);
    flex: 0 0 calc(100% - 153px);
  }


  .added-other-img img {
    height: auto;
  }

  .added-other-price .discount {
    display: inline;
    margin-right: 8px;
    margin-left: 0;
  }

  .added-other-price span {
    margin-left: 8px;
  }

  .main__planer.new {
    margin-bottom: 121px;
    position: relative;
  }


  .main__planer--info {
    max-width: 330px;
  }

  .main__planer--left {
    position: absolute;
    top: -60px;
    right: -170px;
    max-width: 537px;
  }
  .cart-empty {
    margin-bottom: 44px;
    color: #000;
  }

  .prmocode-clear svg {
    width: 12px;
    height: 12px;
  }

  .cart-empty-title {
    margin-bottom: 12px;
  }

  .cart-empty-txt {
    margin-bottom: 32px;
  }
  .cart-empty-link {
    display: inline-block !important;
    max-width: 192px !important;
    width: 100% !important;
  }

  .info--bottom-sm .info__box, .info--bottom-center-sm .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, 10px) translateX(9px);
  }
  .info--bottom-left-sm .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-15px, 10px);
  }
  .info--bottom-right-sm .info__box {
    top: 100%;
    left: auto;
    right: 0;
    bottom: auto;
    transform: translate(16px, 10px);
  }
  .info--top-sm .info__box, .info--top-center-sm .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-50%, -10px) translateX(9px);
  }
  .info--top-right-sm .info__box {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    transform: translate(16px, -10px);
  }
  .info--top-left-sm .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-15px, -10px);
  }
  .info--bottom-sm .info__triangle, .info--bottom-center-sm .info__triangle {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    margin: 0 0 -3px 0;
  }
  .info--bottom-left-sm .info__triangle {
    left: 16px;
    right: auto;
    top: auto;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--bottom-right-sm .info__triangle {
    left: auto;
    top: auto;
    right: 16px;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--top-sm .info__triangle, .info--top-center-sm .info__triangle {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: translateX(-50%) scale(1, -1);
  }
  .info--top-right-sm .info__triangle {
    left: auto;
    right: 16px;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .info--top-left-sm .info__triangle {
    left: 16px;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .footer {
    padding: 20px 25px;
  }
  .footer:before {
    left: auto;
    top: 20px;
    right: 24px;
  }
  .footer__box {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .footer__nav {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .footer__nav a {
    font-size: 14px;
    height: 44px;
  }
  .footer__email {
    grid-column: 2/4;
    grid-row: 1/2;
    padding-top: 110px;
  }
  .footer__email a {
    gap: 12px;
  }
  .footer__email a svg {
    width: 20px;
    height: 20px;
  }
  .footer__email a span {
    font-size: 14px;
  }
  .footer__email a span:before {
    left: -8px;
    right: -8px;
    transform: translateY(14px) scale(0, 1);
  }
  .footer__email a:hover span:before {
    transform: translateY(10px) scale(1, 1);
  }
  .footer__nav2 {
    grid-column: 2/3;
    grid-row: 2/4;
  }
  .footer__nav2 a {
    height: 44px;
  }
  .footer__soc {
    grid-column: 3/4;
    grid-row: 2/3;
    margin: 0;
    align-items: flex-start;
    gap: 4px;
  }
  .footer__soc a {
    color: var(--color-primary) !important;
  }
  .footer__soc a svg {
    display: none;
  }
  .footer__soc a span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 44px;
  }
  .footer__soc a span:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -8px;
    right: -8px;
    height: 1px;
    background: var(--background-secondary);
    opacity: 0.2;
    transform: translateY(14px) scale(0, 1);
    transition: transform 0.25s;
  }
  .footer__soc a:hover span:before {
    transform: translateY(10px) scale(1, 1);
  }
  .footer__payment {
    grid-column: 3/4;
    grid-row: 3/4;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    height: 60px;
    align-content: flex-start;
    align-self: end;
    margin-bottom: 20px;
  }
  .footer__logo--title br {
    display: none;
  }
}
@media (min-width: 700px) {
  .complete-category-list.small {
    margin-top: 0;
  }
  .complete-size .complete-category-list {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .complete-size .card__img {
    grid-row: 3 / 4;
  }
  .complete-size .card__img--pagination {
    grid-row: 4 / 5;
  }
  .complete-size .card__settings {
    grid-row: 5 / 7;
  }

  .planer__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .main__faq--box {
    flex-direction: row;
    gap: 18px;
  }
  .main__faq--left {
    flex: 0 0 258px;
  }
  .main__faq--right {
    gap: 20px;
    flex: 2;
  }
  .main__faq--header {
    min-height: 64px;
    padding: 10px 30px 10px 20px;
  }
  .main__faq--text {
    padding: 16px 24px;
  }
  .main__faq--name {
    font-size: 14px;
    font-size: clamp(14px, 11.2px + 0.004 * 100vw, 16px);
  }
  .main__faq--subtitle {
    margin-top: 20px;
  }
  .main__faq--button {
    margin-top: 24px;
    padding: 10px;
    gap: 12px;
  }
  .main__faq--button svg {
    display: block;
    width: 33px;
    height: 6px;
  }
  .card__box {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: start;
    gap: 12px 32px;
  }
  .card__head {
    gap: 8px;
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .card__img {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-top: 0;
  }
  .card__img--item {
    width: 100% !important;
  }
  .card__img--pagination {
    grid-column: 1/2;
    grid-row: 3/4;
    padding: 0;
  }
  .card__settings {
    grid-column: 1/2;
    grid-row: 4/5;
    margin-top: 4px;
  }
  .card__order {
    grid-column: 2/3;
    grid-row: 2/6;
    margin-top: 0;
  }
  .card__right {
    grid-column: 2/3;
    grid-row: 2/6;
    margin-top: 0;
  }
  .card__about {
    grid-column: 1/2;
    grid-row: 5/6;
    background: var(--color-gray-light3);
    margin-top: 4px;
    padding: 16px 24px;
  }
  .card__accordion--reviewsBox {
    display: grid;
    grid-template-columns: auto 155px;
  }
  .card__accordion--reviewsAdd {
    grid-column: 2/3;
    grid-row: 1/2;
    gap: 20px;
  }
  .card__accordion--reviewsList {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .card__accordion--reviewsShow {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .card__accordion--body {
    padding: 20px;
  }
  .card__advantages {
    padding: 40px;
  }
  .card__advantages--list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 16px;
  }
  .card__advantages--item {
    flex: 2;
    max-width: 33.33%;
    min-width: 30%;
  }
}

@media (min-width: 768px) {
  .catalog__area .product {
    min-height: 478px;
  }

  .post-content-headline h1 {
    max-width: calc(100% - 232px - 44px);
  }

  .main__advantages--i1 {
    max-width: 240px;
  }
  .main__advantages--i2 {
    max-width: 232px;
    /* max-width: 208px; */
  }
  .main__advantages--i3 {
    max-width: 160px;
  }
  .main__advantages--i4 {
    /* max-width: 195px; */
    max-width: 286px;
  }

  .select__selected:before, .select__selected:after {

    width: 9px;

  }
  .select__selected:before {
    right: 8px;

  }
  .select__selected:after {
    right: 14px;
    transform: translateY(-50%) rotateZ(45deg);
  }
  .search__title span {
    display: inline-block;
    margin-top: 0;
    margin-left: 16px;
  }
  .search__title {
    font-size: 26px;
    margin-top: 27px;
    margin-bottom: 16px;
  }
  .select__selected {
    padding-right: 30px;
  }



  .catalog-nav-item {
    flex-direction: column;
    margin-bottom: 45px;
    padding: 0;
  }

  .catalog-nav-txt {
    text-align: center;
    margin-bottom: 12px;
  }

  .main__faq.second .main__faq--button {
    max-width: 216px;
  }

  .main__faq.second .main__faq--subtitle br {
    display: none;
  }

  .checkout-validation {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 12px;
    align-items: start;
    grid-auto-flow: dense;
  }

  .checkout-summary {
    margin-bottom: 0;
  }

  .checkout-validation .block-1 {
    grid-column: 1;
  }

  .checkout-validation .block-2 {
    grid-column: 2;
  }

  .checkout-validation .block-3 {
    grid-row: 3;
    grid-column: span 2;
  }

  .checkout-validation .block-4 {
    grid-column: 1;
  }
  .checkout-validation .block-5 {
    grid-column: 2;
  }

  .card__additionally {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
    margin-top: 28px;
  }

  .product__color--link {
    width: 20px;
    height: 20px;
  }

  .discover-block-title {
    margin-bottom: 28px;
  }

  .news-block-title {
    margin-bottom: 28px;
  }
  .ui-pagination {
    margin-top: 24px;
  }
  .ui-pagination-more {
    display: none;
  }

  .news-block-content {
    display: grid;
    grid-template-areas:
        "top-left top-right"
        "top-left top-middle"
        "bottom-left top-middle";
    grid-template-columns: 1fr 1fr;
    gap: 20px 30px;
  }

  .news-block-1 {
    grid-area: top-left;
  }

  .news-block-content .blog-block {
    height: auto;
    margin-bottom: 0;
  }

  .news-block-2 {
    grid-area: top-right;
  }

  .news-block-3 {
    grid-area: bottom-left;
  }
  .news-block-4 {
    grid-area: top-middle;
  }

  .ui-pagination-txt {
    display: block;
  }
  .ui-pagination-control {
    display: block;
  }




  .ui-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .catalog-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 483px;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 15px;
  }

  .catalog-nav-item {
    /* width: calc(33.33333% - 24px);
    flex: 0 0 calc(33.33333% - 24px); */
    margin-bottom: 0;
    min-height: 106px;
    padding: 12px;
  }

  .main__faq {
    margin-top: 104px;
  }

  .main__delivery {
    margin: 34px 0;
    margin-bottom: 140px;
  }

  .main__board {
    margin-top: 104px;
  }

  .header__top {
    padding: 0 24px;
    padding-top: 18px;
    padding-bottom: 12px;
  }

  .info-block {
    padding: 16px 24px;
  }

  .checkout-product-parameters br {
    display: none;
  }

  .checkout-product-title {
    font-size: 12px;
  }

  .checkout-product-top {
    margin-bottom: 4px;
    line-height: 1.1;
  }

  .checkout-product-toggle {
    margin-bottom: 0;
  }

  .checkout-product-toggle.active {
    margin-bottom: 4px;
  }

  .radio-block-delivery br {
    display: none;
  }

  .complete-final-btns {
    justify-content: flex-end;
  }

  .complete-final-btns .button {
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .complete-final .card__settings {
    grid-column: 2 / 3;
    grid-row: 2 / 4;
  }
  .complete-final .card__head {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .complete-final .card__img {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }
  .complete-final .card__box {
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  }

  /* .complete-profile-img img {
    height: 210px;
    width: 100%;
    object-fit: cover;
  } */

  .complete-profile-bottom {
    height: calc(100% - 210px);
  }

  .complete-profile {
    /* height: calc(100% - 12px); */
    /* margin-bottom: 12px; */
  }




  /* .complete-category {
    width: max-content;
    margin: 0 auto;
    margin-bottom: 8px;
  } */

  .complete-category-item {
    width: auto;
  }

  .complete-category-list:has(.complete-category-item:nth-child(5):last-child) .complete-category-item:last-child {
    width: auto;
  }

  .complete-category-img img {
    height: 60px;
    width: 100px;
    object-fit: cover;
  }

  .complete-category-title {
    text-align: left;
  }

  /* .complete-category-list {
    flex-wrap: nowrap;
  } */

  .tabs_step.new .tabs_step__item br {
    display: none;
  }

  .complete-item-img img {
    height: 210px;
    width: 100%;
    object-fit: cover;
  }

  .complete-item {
    height: calc(100% - 8px);
  }

  .complete-item-botom {
    height: calc(100% - 210px);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 12px;
  }

  .complete-item-title {
    margin-bottom: 12px;
  }

  .complete-content h2 {
    font-size: 20px;
  }

  .shipping-product .card__head {
    /* flex-direction: column-reverse; */
    margin-bottom: 0;
  }

  .shipping h1 {
    max-width: none;
  }

  .shipping-content-list {
    display: flex;
    gap: 0 20px;
  }

  .shipping-block {
    max-width: calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
  }

  .materials {
    margin-bottom: 96px;
  }

  .materials-content .main__popular--tabs {
    gap: 0 20px;
  }

  .materials-content .main__popular--tabs {
    margin-bottom: 16px;
  }

  .shipping-item-bottom {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 16px;
  }

  .shipping-item {
    height: calc(100% - 8px);
  }

  .shipping-item-img {
    height: 130px;
  }

  .shipping-item-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .shipping-item-bottom {
    height: calc(100% - 130px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }


  .project-imgs-main {
    height: 432px;
    min-height: auto;
  }

  .projects-section .swiper-pagination {
    display: flex !important;
  }

  .projects-section .swiper {
    overflow: visible !important;
  }

  .swiper::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    left: -100%;
    top: 0;
    z-index: 10;
  }

  .contact {
    margin-bottom: 96px;
  }

  .notfound-content-block {
    top: 68px;
  }

  .notfound-links {
    display: flex;
    gap: 13px;
    max-width: 388px;
    margin: 0 auto;
  }

  .notfound-links .button {
    max-width: none;
    width: 50%;
    height: 48px;
    margin-bottom: 0;
  }

  .notfound-bg img {
    height: 407px;
  }

  .form-popup .ui-popup-title {
    font-size: 26px;
  }

  .form-popup .button {
    min-width: 156px;
    width: auto;
  }


  .post-content {
    margin-top: 24px;
  }

  .post-content {
    margin-bottom: 96px;
  }

  .post-content-body {
    display: flex;
    gap: 44px;
  }

  .post-aside {
    max-width: 232px;
    flex: 0 0 232px;
  }

  .post-info {
    max-width: calc(100% - 232px - 44px);
    flex: 0 0 calc(100% - 232px - 44px);
    margin-bottom: 0;
  }

  .post-consultation {
    margin-bottom: 44px;
  }

  .blog-content {
    margin-bottom: 96px;
  }

  .blog-list {
    margin-bottom: 16px;
  }

  .discover {
    margin-top: 96px;
  }

  .blog-block {
    margin-bottom: 20px;
    height: calc(100% - 20px);
  }

  .blog-block-bottom {
    height: calc(100% - 256px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .blog-list .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .blog-list [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }


  .project-block {
    margin-bottom: 16px;
    height: calc(100% - 16px);
  }

  .main__planer--left {
    right: -20%;
  }

  .main__planer--box {
    justify-content: space-between;
  }



  .swiper-pagination {
    display: none !important;
  }

  .swiper-buttons {
    gap: 0 8px;
    display: flex;
    justify-content: flex-end;
    height: 40px;
  }

  .recently-title {
    font-size: 24px;
    margin-bottom: 0;
  }

  .swiper-button {
    position: static !important;
    margin-top: 0 !important;
    height: auto !important;
  }

  .swiper-button:hover svg {
    fill: #86845C !important;
  }

  .swiper-button svg {
    fill: #BAC0AF !important;
    transition: fill .2s ease;
  }

  .swiper-button-next {
    transform: rotate(180deg);
  }

  .discover-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .discover-item-title {
    font-size: 20px;
  }

  .discover-item {
    max-width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    margin-bottom: 0;
  }

  .discover-item.big {
    max-width: 100%;
    flex: 0 0 100%;
  }



  .about-images {
    display: flex;
    gap: 4px;
    flex-direction: column;
  }

  .about-content-block {
    height: 100%;
    padding: 40px;
  }

  .about-content-block h2 {
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 40px;
  }

  .about-content-block li {
    line-height: 1.5625;
    margin-bottom: 0;
  }

  .about-content-block p {
    margin-bottom: 17px;
  }

  .about-content-block {
    font-size: 16px;
    margin-bottom: 0;
  }

  .about-images-left {
    flex-direction: column;
  }

  .about-images-item {
    height: 293px;
    margin-bottom: 16px;
  }

  .about-images-item:last-child {
    margin-bottom: 0;
  }

  .about-images {
    gap: 16px;
  }

  .about-images-item.big {
    height: 603px;
  }

  .cart h1 {
    margin-bottom: 18px;
  }

  .cart-headline h1 {
    margin-bottom: 18px;
  }

  .cart-content {
    margin-bottom: 44px;
  }

  .cart-headline {
    margin-bottom: 12px;
  }

  .cart-item-top {
    display: grid;
    grid-template-areas:
    "img title price"
    "img desc desc"
    "img article article"
    "img  bottom bottom ";
    grid-template-columns: 109px 1fr auto;
    gap: 0 12px;
    margin-bottom: 33px;
  }
  .cart-item-bottom {
    display: flex;
    justify-content: space-between;
  }
  .cart-item-img {
    grid-area: img;
  }
  .cart-item-title {
    grid-area: title;
  }
  .cart-item-price {
    grid-area: price;
    margin-bottom: 0;
  }
  .cart-item-desc {
    grid-area: desc;
  }
  .cart-item-article {
    grid-area: article;
  }
  .cart-item-section {
    grid-area: bottom;
  }

  .cart-content.flex {
    display: flex;
    gap: 0 16px;
  }

  .cart-summary {
    max-width: 260px;
    flex: 0 0 260px;
    height: 100%;
  }

  .cart-list {
    margin-bottom: 0;
  }

  .cart-list {
    max-width: calc(100% - 276px);
    flex: 0 0 calc(100% - 276px);
  }

  .cart-summary-top {
    margin-bottom: 22px;
    /* gap: 0 12px; */
  }

  .cart-item-section {
    display: flex;
    gap: 0 18px;
    align-items: center;
  }

  .cart-item-quantity {
    margin-right: 18px;
  }


  .cart-item-title {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .cart-item-price {
    font-size: 14px;
  }

  .cart-item-desc {
    font-size: 12px;
    margin-bottom: 4px;
  }

  .cart-item-article {
    font-size: 12px;
    margin-bottom: 0;
  }

  .cart-item-img {
    margin-bottom: 0;
  }

  .cart-item-top {
    margin-bottom: 16px;
  }

  .cart-item-total {
    font-size: 16px;
  }

  .cart-item {
    padding-bottom: 28px;
    margin-bottom: 12px;
  }

  .ui-number {
    flex: 0 0 97px;
    max-width: 97px;
  }

  .cart-item-quantitys {
    margin-bottom: 0;
    /* max-width: calc(100% - 113px);
    flex: 0 0 calc(100% - 113px); */
  }






  .main__board--info {
    order: 1
  }

  .main__board--item:last-child {
    display: none !important;
  }


  .wrapper {
    padding-top: 178px;
  }
  .searchOpen .wrapper {
    padding-top: 231px;
  }
  .header__top {
    padding: 12px 24px 8px;
  }
  .header__bottom {
    padding: 0 24px;
  }
  .header__logo a {
    width: 166px;
  }
  .header__buttons {
    height: auto;
    /* height: 38px; */
    gap: 12px;
  }
  .header__lang {
    width: 44px;
    height: 44px;
  }
  .header__cart {
    height: 44px;
  }
  .header__cart:before {
    bottom: 8px;
  }
  .header__lang--list {
    width: 64px;
  }
  .header__lang--text {
    display: block;
  }
  .header__menu--box {
    height: calc(100vh - 114px);
  }
  .searchOpen .header__menu--box {
    height: calc(100vh - 167px);
  }
  .header__quality {
    gap: 0 6px;
  }
  .header__quality--img {
    width: 32px;
  }
  .header__quality--text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 9px;
    font-weight: 400;
  }
  .header__quality--text b {
    font-size: 14px;
    font-weight: 500;
  }
  .search:before {
    bottom: 9px;
    right: -8px;
  }
  .search__box {
    top: 11px;
    height: 44px;
    right: 178px;
  }
  .searchOpen .search__box {
    top: 70px;
  }
  .search__button {
    width: 44px;
    height: 44px;
  }
  .title {
    font-size: 26px;
    font-size: clamp(26px, 22.4444444444px + 0.0046296296 * 100vw, 28px);
  }
  .tabs_step__item {
    font-size: 16px;
  }
  .breadcrumbs {
    gap: 56px;
    padding: 13px 0;
  }
  .breadcrumbs__link:before {
    transform: translate(28px, -50%);
  }
  .material__desc {
    padding: 0 16px 12px;
    gap: 12px;
  }
  .info--bottom-md .info__box, .info--bottom-center-md .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, 10px) translateX(9px);
  }
  .info--bottom-left-md .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-15px, 10px);
  }
  .info--bottom-right-md .info__box {
    top: 100%;
    left: auto;
    right: 0;
    bottom: auto;
    transform: translate(16px, 10px);
  }
  .info--top-md .info__box, .info--top-center-md .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-50%, -10px) translateX(9px);
  }
  .info--top-right-md .info__box {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    transform: translate(16px, -10px);
  }
  .info--top-left-md .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-15px, -10px);
  }
  .info--bottom-md .info__triangle, .info--bottom-center-md .info__triangle {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    margin: 0 0 -3px 0;
  }
  .info--bottom-left-md .info__triangle {
    left: 16px;
    right: auto;
    top: auto;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--bottom-right-md .info__triangle {
    left: auto;
    top: auto;
    right: 16px;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--top-md .info__triangle, .info--top-center-md .info__triangle {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: translateX(-50%) scale(1, -1);
  }
  .info--top-right-md .info__triangle {
    left: auto;
    right: 16px;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .info--top-left-md .info__triangle {
    left: 16px;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .planer__title {
    line-height: 33px;
    line-height: clamp(33px, 27.6666666667px + 0.0069444444 * 100vw, 36px);
  }
  .planer__panel {
    gap: 14px;
  }
  .planer__toolbar {
    flex-wrap: nowrap;
    width: 664px;
    width: clamp(664px, 504px + 0.2083333333 * 100vw, 754px);
    margin: 0 auto;
  }
  .planer__toolbar--item {
    min-width: 0;
  }
  .planer__area {
    padding: 0 28px;
  }
  .planer__sidebar {
    padding: 20px 4px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 34px 86px;
  }
  .planer__tools {
    width: calc(50% - 43px);
  }
  .planer__settings {
    width: calc(50% - 43px);
  }
  .planer__chosen {
    padding: 0 4px 20px;
  }
  .planer__chosen--wrapper {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1.4fr;
    padding: 16px;
  }
  .planer__chosen--info {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .planer__chosen--basic {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .planer__chosen--cut {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .planer__chosen--current {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .planer__chosen--costs {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .planer__chosen--img {
    height: 130px;
  }
  .planer__chosen--img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .planer__chosen--details {
    flex: 2;
  }
  .planer__substructure {
    padding: 12px 0;
    gap: 4px;
  }
  .planer__substructure--item {
    grid-template-columns: 22px 124px auto 150px;
    grid-template-rows: auto 1fr;
    gap: 12px 16px;
    padding: 16px 28px;
  }
  .planer__substructure--checkbox {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .planer__substructure--name {
    grid-column: 3/-1;
    grid-row: 1/2;
  }
  .planer__substructure--img {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .planer__substructure--img img {
    width: 124px;
    height: 115px;
  }
  .planer__substructure--desc {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .planer__substructure--price {
    grid-column: 4/5;
    grid-row: 2/3;
  }
  .planer__substructure--price span {
    padding-left: 20px;
  }
  .planer__accessories {
    gap: 4px;
  }
  .planer__accessories--s3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .planer__accessories--s4 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .planer__accessories--s5 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .planer__accessories--b1 {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  .planer__accessories--b2 {
    grid-column: 3/4;
    grid-row: 4/5;
    margin-top: -12px;
  }
  .planer__accessories--b4 {
    grid-column: 4/5;
    grid-row: 1/5;
    justify-content: center;
  }
  .planer__accessories--b4 .planer__accessories--label {
    display: none;
  }
  .planer__accessories--b3 {
    grid-column: 5/6;
    grid-row: 1/5;
    justify-content: center;
  }
  .planer__accessories--b3 .planer__accessories--label {
    display: none;
  }
  .planer__accessories--b5 {
    grid-column: 6/7;
    grid-row: 1/5;
    justify-content: flex-end;
  }
  .planer__accessories--b5 .planer__accessories--label {
    display: none;
  }
  .planer__accessories--row {
    grid-template-columns: auto repeat(3, 74px);
    gap: 0 16px;
    margin-bottom: 8px;
    padding: 20px 28px 8px;
  }
  .planer__accessories--item {
    display: grid;
    grid-template-columns: 22px 124px auto repeat(3, 74px);
    gap: 12px 16px;
    padding: 12px 28px;
  }
  .planer__accessories--checkbox {
    grid-column: 1/2;
    grid-row: 1/5;
  }
  .planer__accessories--name {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .planer__accessories--img {
    grid-column: 2/3;
    grid-row: 1/5;
  }
  .planer__accessories--img img {
    width: 124px;
    height: 115px;
  }
  .planer__accessories--desc {
    grid-column: 3/4;
    grid-row: 2/3;
    margin-top: 0;
  }
  .planer__accessories--price {
    grid-column: 4/5;
    grid-row: 2/3;
  }
  .planer__button--box {
    margin-top: 8px;
    flex-direction: row;
    justify-content: flex-end;
  }
  .catalog__filters {
    height: calc(100vh - 110px);
    padding-top: 4px;
  }
  .searchOpen .catalog__filters {
    height: calc(100vh - 163px);
    padding-top: 4px;
  }
  .catalog__links--body {
    gap: 2px 16px;
    justify-content: center;
  }
  .catalog__sorts--box {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: max-content;
  }
  .catalog__sorts--box > span {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-dark4);
  }
  .footer:before {
    width: 132px;
    width: clamp(132px, 100px + 0.0416666667 * 100vw, 150px);
  }
  .footer__logo--title {
    font-size: 14px;
    font-size: clamp(14px, 10.4444444444px + 0.0046296296 * 100vw, 16px);
  }
  .footer__logo--img {
    margin-top: 24px;
    margin-top: clamp(24px, -40px + 0.0833333333 * 100vw, 60px);
  }
  .footer__logo--img img {
    width: 275px;
    width: clamp(275px, 248.3333333333px + 0.0347222222 * 100vw, 290px);
  }
  .footer__logo--copy {
    font-size: 11px;
    margin-top: 12px;
    margin-top: clamp(12px, -2.2222222222px + 0.0185185185 * 100vw, 20px);
  }
  .footer__logo:after {
    width: 189px;
    width: clamp(189px, 36.1111111111px + 0.1990740741 * 100vw, 275px);
    bottom: -38px;
    bottom: calc(-1 * clamp(38px, 6px + 0.0416666667 * 100vw, 56px));
  }
  .slider__pagination {
    height: 13px;
    padding-top: 7px;
  }
  .slider__wrapper {
    height: 371px !important;
  }
  .main__title {
    font-size: 28px;
    /* font-size: clamp(28px, 13.7777777778px + 0.0185185185 * 100vw, 36px); */
  }
  .main__slider--box {
    height: 391px;
  }
  .main__slider--title {
    font-size: 40px;
  }
  .main__slider--subtitle {
    margin-top: 16px;
  }
  .main__slider--buttons {
    flex-direction: row;
    gap: 12px;
    margin-top: 24px;
  }
  .main__slider--button {
    width: 224px;
    height: 44px;
  }
  .main__slider--fixed {
    padding: 70px 0 32px;
    padding-top: 79px;
    padding-bottom: 39px;
  }
  .main__slider--benefit {
    height: 50px;
    width: auto;
    margin: 0 15px;
    padding: 0 15px;
  }
  .main__slider--benefitwrap {
    animation: none;
    left: auto;
    flex: 2;
    gap: 70px;
    justify-content: space-around;
  }
  .main__slider--item {
    gap: 8px;
    font-weight: 400;
  }
  .main__slider--item span {
    white-space: normal;
  }
  /* .main__popular--title {
    margin-top: 64px;
  } */
  .main__popular--tabs {
    margin-top: 16px;
    gap: 19px;
  }
  .main__popular--tab {
    padding: 2px 5px;
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .main__popular--box {
    margin-top: 20px;
  }
  .main__popular--list {
    overflow: visible !important;
  }
  .main__popular--slider {
    transform: none !important;
    transition: none !important;
    gap: 16px;
    flex-wrap: wrap;
  }
  .main__popular--item {
    width: calc(50% - 8px) !important;
  }
  .main__popular--pagination {
    display: none;
  }
  .main__titleBox {
    flex-direction: row;
    align-items: center;
    gap: 28px;
  }
  .main__titleBox--subtitle {
    max-width: 385px;
    max-width: clamp(385px, 305px + 0.1041666667 * 100vw, 430px);
    line-height: 1.1;
  }
  .main__advantages--box {
    gap: 40px;
    margin-top: 28px;
  }
  .main__advantages--title {
    margin-top: 104px;
  }
  .main__advantages--title2 {
    display: none;
  }
  .main__advantages--subtitle {
    margin-top: 16px;
  }
  .main__advantages--list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 16px;
  }
  .main__advantages--item {
    padding: 4px 16px;
    background: none;
    color: var(--background-primary);
    width: calc(50% - 8px);
  }
  .main__advantages--text span {
    color: var(--color-dark);
  }
  .main__advantages--ingredients {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    gap: 44px 25%;
    width: 735px;
    /* width: 765px; */
    margin-left: auto;
    margin-right: auto;
  }
  .main__advantages--ingredients:before {
    opacity: 1;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 128px;
    transform: translate(-50%, -50%);
    bottom: auto;
  }
  .main__advantages--ingredient {
    position: relative;
    flex-direction: row;
    gap: 10px;
  }
  .main__advantages--ingredient:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 50%;
    border-radius: 50%;
    background: var(--color-green-light);
    transform: translateY(-50%);
  }
  .main__advantages--ingredient:after {
    position: absolute;
    content: "";
    top: 50%;
    background: var(--color-green-light);
    transform: translateY(-50%);
    transform-origin: top left;
    height: 1px;
    width: 250px;
  }
  .main__advantages--i1:before {
    left: 100%;
    margin-left: 5px;
  }
  .main__advantages--i1:after {
    left: 100%;
    margin-left: 5px;
    transform: translateY(-50%) translateY(-0.5px) rotateZ(19deg);
    width: 54px;
  }
  .main__advantages--i2 {
    justify-content: flex-end;
  }
  .main__advantages--i2:before {
    right: 100%;
    margin-right: 5px;
  }
  .main__advantages--i2:after {
    right: 100%;
    margin-right: 5px;
    transform-origin: top right;
    transform: translateY(-50%) translateY(-0.5px) rotateZ(-21deg);
    width: 27px;
  }
  .main__advantages--i3:before {
    left: 100%;
    margin-left: 5px;
  }
  .main__advantages--i3:after {
    left: 100%;
    margin-left: 5px;
    transform: translateY(-50%) translateY(0.5px) rotateZ(-13deg);
    width: 102px;
  }
  .main__advantages--i4 {
    justify-content: flex-end;
  }
  .main__advantages--i4:before {
    right: 100%;
    margin-right: 5px;
  }
  .main__advantages--i4:after {
    right: 100%;
    margin-right: 5px;
    transform-origin: top right;
    transform: translateY(-50%) translateY(0.5px) rotateZ(18deg);
    width: 91px;
    /* width: 40px; */
  }
  .main__board--title {
    align-items: flex-end;
  }
  .main__board--title .main__titleBox--subtitle {
    padding-bottom: 4px;
    padding-bottom: clamp(4px, -1.3333333333px + 0.0069444444 * 100vw, 7px);
  }
  .main__board--box {
    margin-top: 28px;
  }
  .main__board--slider {
    /* transform: none !important;
    transition: none !important; */
    gap: 16px;
    flex-wrap: wrap;
  }

  .main__board--item {
    padding: 20px 16px;
    width: calc(50% - 8px) !important;
    gap: 16px;
  }
  .main__board--subtitle {
    margin-top: -16px;
  }
  .main__board--series {
    margin-top: -4px;
    font-size: 16px;
    gap: 6px;
  }
  .main__board--series span {
    font-size: 14px;
  }
  .main__board--ico img {
    width: 91px;
  }
  .main__board--button {
    margin-top: 12px;
  }
  .main__board--pagination {
    display: none;
  }

  .main__transform--subtitle {
    margin-top: 16px;
    padding: 0;
  }
  .main__transform--box {
    margin-top: 28px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 4.5fr 2.9fr 2.6fr;
    gap: 12px 16px;
    aspect-ratio: 720/703;
  }
  .main__transform--pick1 {
    grid-column: 1/4;
    grid-row: 1/3;
  }
  .main__transform--pick2 {
    grid-column: 4/9;
    grid-row: 1/2;
  }
  .main__transform--pick3 {
    grid-column: 7/9;
    grid-row: 2/3;
  }
  .main__transform--pick4 {
    grid-column: 4/7;
    grid-row: 2/3;
  }
  .main__transform--pick5 {
    grid-column: 1/5;
    grid-row: 3/4;
  }
  .main__transform--pick6 {
    grid-column: 5/9;
    grid-row: 3/4;
  }
  .main__transform--desc {
    margin: 12px 12px 0;
  }
  .main__transform--button {
    margin: 12px;
  }
  .main__planer {
    margin-top: 100px;
  }
  .main__planer--subtitle {
    max-width: 354px;
    margin-top: 16px;
  }
  .main__planer--list {
    margin-top: 20px;
    margin-left: 20px;
    gap: 8px;
  }
  .main__planer--item {
    gap: 16px;
  }
  .main__planer--button {
    gap: 10px;
    margin-top: 24px;
    margin-left: 20px;
  }
  .main__planer--button svg {
    display: block;
    width: 33px;
    height: 6px;
  }
  .main__planer--bg {
    width: 506px;
    transform: translate(-50%, -50%) translate(-50px, 50px);
  }
  .main__planer--img {
    flex: 2;
  }
  .main__planer ol {
    position: relative;
    display: flex;
    top: 0;
    gap: 35px;
    margin-top: 15px;
    margin-left: 5px;
    border: 1px solid var(--color-blue);
    padding: 0 0 0 20px;
    border-radius: 3px;
    width: fit-content;
    background: var(--color-white);
    z-index: 5;
  }
  .main__planer ol li {
    position: relative;
    font-size: 10px;
    color: var(--color-blue);
  }
  .main__planer ol li span {
    position: relative;
    display: block;
    padding: 6px 5px 6px 0;
    background: var(--color-white);
    z-index: 5;
  }
  .main__planer ol li:after {
    position: absolute;
    content: "";
    width: 21px;
    height: 21px;
    border: 1px solid var(--color-blue);
    background: var(--color-white);
    border-radius: 3px;
    top: 50%;
    right: 0;
    transform: translate(10px, -50%) rotateZ(-50deg) skewY(10deg);
    z-index: 1;
  }
  .main__planer ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: fit-content;
    text-align: center;
    position: absolute;
    bottom: -45px;
    right: 0;
  }
  .main__planer ul li {
    list-style-type: none;
    font-size: 10px;
    background: var(--color-white);
    color: var(--color-blue-light);
    border: 1px solid var(--color-blue-light);
    border-radius: 50px;
    padding: 4px 10px;
  }
  .main__planer--plan {
    width: 404px;
    width: clamp(404px, 208.4444444444px + 0.2546296296 * 100vw, 514px);
    height: 244px;
    height: clamp(244px, 126.6666666667px + 0.1527777778 * 100vw, 310px);
    transform: translate(-50%, -50%) translate(50px, 20px);
  }
  .main__technology {
    margin-top: 100px;
  }
  .main__technology--wrapper {
    padding-top: 100px;
    border-top: 12px solid var(--background-primary);
    border-bottom: 12px solid var(--background-primary);
  }
  .main__technology--box {
    margin-top: 36px;
    flex-wrap: nowrap;
    gap: 16px;
  }
  .main__technology--subtitle {
    margin: 16px auto 0;
    max-width: 426px;
  }
  .main__technology--item {
    width: auto;
    flex: 2;
  }
  .main__technology--ico {
    width: 33px;
    width: clamp(33px, 15.4516129032px + 0.0228494624 * 100vw, 50px);
    height: 33px;
    height: clamp(33px, 15.4516129032px + 0.0228494624 * 100vw, 50px);
  }
  .main__technology--text {
    margin-top: 16px;
    gap: 12px;
    max-width: none;
  }
  .main__technology--text b {
    font-size: 18px;
    width: auto;
  }
  .main__delivery {
    margin: 96px 0;
    margin-top: 26px;
  }
  .main__delivery--box {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
  }
  .main__delivery--list {
    margin-top: 12px;
  }
  .card__box {
    grid-template-columns: 1.54fr 1fr;
  }
  .card__img--pagination {
    padding: 0;
  }
  .card__img--item img {
    max-height: 290px;
  }
  .card__settings--item {
    min-height: 24px;
  }
  .card__subtitle {
    margin-top: 44px;
    font-size: 20px;
  }
  .card__accordion {
    gap: 4px;
  }
  .card__need--title {
    font-size: 20px;
  }
  .product__img {
    height: 307px;
  }
  .product__radio--item label {
    height: 24px;
  }
  .main__transform {
    margin-top: 104px;
  }

  .planer .discover {
    margin: 104px 0;
  }

  .main__advantages--ingredients::after {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (min-width: 900px) {
  .card__accordion--body.column {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 0 20px;
  }

  .catalog__area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .main__planer--imgs {
    position: relative;
    top: -50px;
  }

  .main__planer--left {
    position: static;
  }

  .main__planer--info {
    max-width: 392px;
    width: 100%;
  }

  /* .main__planer--box {
    justify-content: space-between;
  } */
}
@media (min-width: 950px) {
  .planer__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .catalog__area .product {
    min-height: 478px;
  }
  .ui-title.middle {
    text-align: left;
  }


  .info--bottom-lg .info__box, .info--bottom-center-lg .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, 10px) translateX(9px);
  }
  .info--bottom-left-lg .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-15px, 10px);
  }
  .info--bottom-right-lg .info__box {
    top: 100%;
    left: auto;
    right: 0;
    bottom: auto;
    transform: translate(16px, 10px);
  }
  .info--top-lg .info__box, .info--top-center-lg .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-50%, -10px) translateX(9px);
  }
  .info--top-right-lg .info__box {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    transform: translate(16px, -10px);
  }
  .info--top-left-lg .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-15px, -10px);
  }
  .info--bottom-lg .info__triangle, .info--bottom-center-lg .info__triangle {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    margin: 0 0 -3px 0;
  }
  .info--bottom-left-lg .info__triangle {
    left: 16px;
    right: auto;
    top: auto;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--bottom-right-lg .info__triangle {
    left: auto;
    top: auto;
    right: 16px;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--top-lg .info__triangle, .info--top-center-lg .info__triangle {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: translateX(-50%) scale(1, -1);
  }
  .info--top-right-lg .info__triangle {
    left: auto;
    right: 16px;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .info--top-left-lg .info__triangle {
    left: 16px;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
}
@media (min-width: 1200px) {
  .catalog__area .product {
    min-height: 428px;
  }

  .complete-profiles {
    margin-bottom: 120px;
  }
  .complete-category {
    margin-bottom: 64px;
  }
  .discover-item-title svg {
    display: none !important;
  }
  .main__advantages--i4 {
    white-space: nowrap;
  }
  /* .discover-item-title {
    padding-right: 35px;
  } */
  .post-content-headline h1 {
    max-width: calc(100% - 322px - 44px);
  }

  .card__order {
    justify-self: end;
    width: 268px;
  }

  .card__right {
    justify-self: end;
    width: 251px;
  }

  .card__right  .card__order {
    width: auto;
  }

  .main__advantages--i1 {
    max-width: 174px;
  }
  .main__advantages--i2 {
    /* max-width: 224px; */
    max-width: 248px;
  }
  .main__advantages--i3 {
    max-width: 176px;
  }
  .main__advantages--i4 {
    max-width: 211px;
  }
  .complete-final .card__settings {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .complete-final .card__box {
    grid-template-columns: 25.555% calc(100% - 25.555%);
    gap: 16px 35px;
  }

  .complete-size .complete-category-list {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }

  .complete-size .card__head {
    grid-column: 2 / 3;
    grid-row: 1 / 1;
  }

  .complete-size .card__img {
    grid-column: 1 / 2;
    grid-row: 3 / 5;
  }

  .complete-size .card__settings {
    grid-column: 2 / 3;
    grid-row: 2 / 7;
  }

  .complete-size .card__img--thumbsSlider {
    grid-row: 5 / 5;
  }

  .search-page .ui-pagination {
    grid-column: 1 / 4;

  }
  .search__title {
    margin-bottom: 44px;
    margin-top: 32px;
  }
  .search-page .catalog__area {
    grid-column: 1 / 4;
    grid-template-columns: repeat(4, 1fr);
  }
  .checkout-block.block-1 .ui-fields {
    margin-bottom: 6px;
  }
  .ui-pagination-link {
    display: block;
  }
  .catalog__sorts--headline {
    width: auto;
    margin-bottom: 0;
  }

  .catalog__sorts {
    flex-wrap: nowrap;
  }

  .card__img .card__img--item {
    height: 304px !important;
  }

  .modal .form__item textarea {
    height: 70px;
  }

  .main__faq.second .main__faq--subtitle br {
    display: block;
  }
  /* .header__menu--list.second {
      transform: translate(-150%), translateY(-150%);
    }

    .header__menu--list.first li:hover .header__menu--list.second{
      opacity: 1;
      transform: translateY(0);
    } */

  .main__faq.second .main__faq--title {
    padding-left: 0;
    font-size: 36px;
  }

  .main__faq.second .main__faq--left {
    flex: 0 0 430px;
    padding-left: 0;
  }

  .main__faq.second .main__faq--button {
    max-width: 228px;
  }

  .checkout-validation {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 16px;
  }

  .checkout-validation .block-1 {
    grid-area: 1 / 1 / 2 / 1;
  }

  .checkout-validation .block-2 {
    grid-area: 1 / 2 / 3 / 2;
  }

  .checkout-validation .block-3 {
    grid-area: 1 / 3 / 4 / 3;
  }

  .checkout-validation .block-4 {
    grid-area: 2 / 1 / 4 / 1;
  }
  .checkout-validation .block-5 {
    grid-area: 3 / 2 / 4 / 2;
  }

  .card__video iframe {
    max-width: 730px;
    height: 380px;
  }

  .card__settings--link {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
  }

  .card__additionally {
    grid-row: 5 / 6;
    grid-column: 1 / 3;
    margin-top: 8px;
  }

  .card__additionally--item {
    /* width: auto;
    margin: 0 41px; */
    max-width: 122px;
    width: 100%;
  }

  .header__buttons {
    height: 38px;
  }

  .discover-block-title {
    text-align: left;
    padding-left: 66px;
    margin-bottom: 40px;
  }

  .news-block-title {
    max-width: max-content;
    padding-left: 77px;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .header__menu--list.first li {
    margin-bottom: 0;
  }

  /* Z-index слои */
  .info-block {
    position: relative;
    z-index: 5;
  }

  .header__top {
    position: relative;
    z-index: 5;
  }

  .header__bottom {
    position: relative;
    z-index: 2;
  }

  /* Основной контейнер меню */
  .header__menu--container {
    position: static;
    background: transparent;
    backdrop-filter: none;
    transition: none;
    min-height: auto;
    width: auto;
    transform: translateY(0);
    opacity: 1;
  }

  /* Главное меню (первый уровень) */
  .header__menu--list.first {
    display: flex;
    gap: 0 6px;
    padding: 0;
  }

  .header__menu--list.first li {
    padding: 0 20px;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid transparent;
    transition: border-bottom .2s ease, background-color .2s ease;
  }

  .header__menu--list.first li:hover {
    background-color: #f7f7f7;
    border-bottom: 3px solid #d9ee2b;
  }

  .header__menu--list.first .header__menu--link {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #10110c;
    transition: none;
  }

  /* Подменю (второй уровень) */
  .header__menu--list.second {
    background-color: transparent;
    backdrop-filter: none;
    min-height: 296px;
    height: auto;
    padding: 16px 0;
    top: 100%;
    transform: none;
    transform: translateX(-200%);
    /* display: none; */
    transition: all .35s ease;
    visibility: hidden;
    opacity: 0;
  }

  .header__menu--list.first li:hover .header__menu--list.second {
    /* display: block; */
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    /* left: 0; */
  }

  .header__menu--list.second li {
    height: auto;
    line-height: normal;
    border: none !important;
    margin-bottom: 6px;
  }

  .header__menu--list.second li:last-child {
    margin-bottom: 0;
  }

  .header__menu--list.second li:hover {
    background-color: transparent;
    border: none !important;
  }

  /* Ссылки в подменю */
  .header__menu--list.second .header__menu--link {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #10110c;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
    padding-bottom: 2px;
  }

  .header__menu--list.second li:hover a {
    border-bottom-color: #bacd1d;
  }

  /* Стрелка для ссылок в подменю */
  .header__menu--list.second .header__menu--link::before {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: url("../img/arrow-link.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .header__menu--list.second li:hover .header__menu--link::before {
    opacity: 1;
  }

  /* Фон для подменю */
  .header__menu-bg {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    background: rgba(255, 255, 252, 0.84);
    backdrop-filter: blur(80px);
    width: calc(100vw + 20px);
    top: 0;
  }

  /* .header__menu-bg::before {
      content: "";
      width: 100%;
      left: -100%;
              background: rgba(255, 255, 252, 0.84);
          backdrop-filter: blur(80px);
      height: 100%;
      position: absolute;
      top: 0;
    }
    .header__menu-bg::after {
      content: "";
      width: 100%;
      right: -100%;
              background: rgba(255, 255, 252, 0.84);
          backdrop-filter: blur(80px);
      height: 100%;
      position: absolute;
      top: 0;
    } */

  /* Мобильное меню */
  .header__menu--close {
    display: none;
  }

  /* .main__planer.new .main__planer--bg{
    transform: none;
    left: auto;
    top: 0;
    right: -50%;
    width: auto;
  } */

  /* .header__menu--container .header__menu--list {
    display: flex;
    list-style: none;
    gap: 0 6px;
  }

  .header__menu--container li {
    padding: 0 20px;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid transparent;
    transition: border-bottom .2s ease, background-color .2s ease;
  }

  .header__menu--container li:hover {
    background-color: #f7f7f7;
    border-bottom: 3px solid #d9ee2b;
  }

  .header__menu--link {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #10110c;
    text-decoration: none;
  }

  .header__menu--list {
    display: flex;
    list-style: none;
  } */

  .header__menu--level {
    min-height: auto;
    transform: none;
    padding: 0 !important;
  }

  /* .header__menu--level1 {
    display: none;
  } */

  .header__menu--level1 .header__menu--item {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #10110c;
    height: 35px;
    padding: 0 17px !important;
  }

  .header__menu--box {
    width: 100%;
    height: auto !important;
    background: #fff;
    top: calc(100% - 50px);
  }

  .header__menu--level0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header__menu--item {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #10110c;
  }

  .menu-close {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .menu-close {
    display: none;
  }

  .ui-pagination {
    margin-top: 12px;
  }

  .ui-pagination-control span {
    display: none;
  }

  .ui-pagination-txt {
    display: none;
  }

  .ui-pagination-link {
    display: block;
  }

  .ui-pagination {
    grid-column: 2 / 4;
    grid-row: 5 / 5;
    gap: 0;
  }

  .catalog-nav {
    max-width: none;
  }

  .catalog-nav {
    margin-bottom: 36px;
    margin-top: 28px;
  }

  .catalog__sorts--right {
    /* display: flex; */
    align-items: center;
    flex-direction: row;
  }

  .main__delivery {
    margin: 50px 0;
    margin-bottom: 120px;
  }

  .main__transform {
    margin-top: 120px;
  }

  .main__board {
    margin-top: 120px;
  }

  .planer .discover {
    margin: 120px 0;
  }

  .main__board--ico img {
    width: 91px;
    height: 56px;
  }

  .header__bottom {
    justify-content: center;
  }


  .header__top .header__quality {
    display: flex;
  }

  .header__bottom .header__quality {
    display: none;
  }

  .info-block {
    padding: 16px 40px;
  }

  .header__top {
    padding: 17px 40px;
  }

  .catalog__filters {
    overflow: visible;
  }

  .tooltip {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    padding: 4px 10px;
    background: #10110c;
    border-radius: 32px;
    color: #fff;
    left: 50%;
    transform: translate(-50%, 0);
    transition: opacity 0.25s, visibility 0.25s;
    white-space: nowrap;
    z-index: 1;
  }

  .tooltip::before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    top: -5px;
    left: calc(50% - 6px);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(135deg);
    border-radius: 0 0 0 2px;
  }

  .catalog__filters--colors label:hover .tooltip {
    opacity: 1;
    visibility: visible;
  }


  .spoiler-btn {
    pointer-events: none;
    user-select: text;
  }

  .checkout-express-widget {
    margin-bottom: 16px;
  }

  .checkout-express {
    margin-bottom: 24px;
  }

  .spoiler-btn svg {
    display: none;
  }

  .checkout-product-parameters br {
    display: inline;
  }

  .checkout-product-img {
    width: 47px;
    flex: 0 0 47px;
    height: 41px;
  }

  .checkout-product {
    align-items: center;
  }

  .checkout-product-info {
    max-width: calc(100% - 47px - 16px);
    flex: 0 0 calc(100% - 47px - 16px);
  }

  .checkout-summary-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .checkout-summary .ui-checkbox {
    margin-bottom: 20px;
  }

  .checkout-block-btns {
    justify-content: flex-end;
    gap: 0 12px;
    margin-top: 20px;
  }

  .checkout-block-btns .button {
    max-width: 110px;
  }

  .checkout-block-title {
    font-size: 18px;
  }

  .checkout-payment-list .radio__text {
    font-size: 14px;
  }

  .checkout-payment-list .radio {
    margin-bottom: 8px;
  }

  .checkout-payment-list {
    margin-top: 0;
  }

  .checkout-block-content {
    margin-bottom: 23px;
  }

  .radio-block-input+.radio-label {
    height: 100%;
  }
  .checkout-delivery-list {
    gap: 12px;
  }

  .checkout-delivery-list .radio-block {
    width: calc(50% - 6px);
  }


  .radio-block-title {
    margin-bottom: 13px;
  }

  .radio-block-subtitle {
    margin-bottom: 20px;
  }

  .radio-block-delivery {
    margin-bottom: 15px;
  }

  .radio-block-input+.radio-label {
    padding-bottom: 26px;
  }

  .radio-block-toggle {
    display: none;
  }

  .radio-block-details {
    display: block;
  }

  .checkout-block {
    padding: 16px;
    padding-top: 23px;
    /* padding-bottom: 36px; */
  }

  .checkout-block .ui-field {
    margin-bottom: 10px;
  }

  /* .checkout-block .ui-fields {
    margin-bottom: -10px;
  } */

  .complete-final-btns {
    margin-top: 40px;
  }

  /* .complete-final .card__box {
    grid-template-columns: 4fr 4.3fr 250px;
  } */

  .complete-size {
    margin-bottom: 96px;
  }

  .complete-size .select2-container {
    width: 100% !important;
    max-width: 322px;
  }

  /* .complete-profile-img img {
  height: 240px;
  width: 100%;
  object-fit: cover;
} */

  .complete-profile-bottom {
    height: calc(100% - 240px);
  }

  /* .complete-category {
    margin-bottom: 12px;
  } */

  /* .complete-categorys-list {
    margin-bottom: 36px;
  } */

  .complete-item {
    height: calc(100% - 12px);
    margin-bottom: 12px;
  }

  .complete-item-bottom {
    padding-bottom: 16px;
  }

  .search__wrap {
    max-width: 410px;
  }

  .complete-content h2 {
    font-size: 26px;
  }

  .complete-set-info {
    max-width: max-content;
  }

  .shipping-content-title {
    margin-bottom: 36px;
  }

  .shipping-content-list {
    gap: 0 64px;
    justify-content: center;
  }

  .shipping-block {
    max-width: 438px;
    flex: auto;
  }

  .shipping-block-title {
    font-size: 28px;
  }

  .shipping-block-img {
    margin-bottom: 12px;
  }

  .shipping-block-top {
    margin-bottom: 20px;
  }

  .shipping-block-desc {
    margin-bottom: 0;
    max-width: 240px;
    margin: 0 auto;
    font-size: 18px;
  }

  .shipping-block-txt {
    max-width: 323px;
    margin: 0 auto;
    margin-bottom: 24px;
  }

  .shipping-block-link {
    max-width: max-content;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 16px;
  }

  .shipping-block-private {
    display: block;
    margin: 0 auto;
  }

  .shipping-block-txt.small {
    font-weight: 400;
    font-size: 16px;
    color: #2a301d;
    margin-bottom: 24px;
  }

  .shipping-block-bottom {
    display: block;
  }

  .shipping-block-desc.hidden {
    display: block;
  }

  .materials-title {
    font-size: 26px;
  }

  .shipping-item-title {
    margin-bottom: 20px;
  }

  .shipping-item-img {
    height: 150px;
  }

  .shipping-item-bottom {
    height: calc(100% - 150px);
  }

  .project-content {
    grid-template-columns: 465px calc(100% - 563px);
    grid-template-rows: auto;
    grid-auto-rows: max-content;
    grid-template-areas:
    "title img"
    "desc img";
    gap: 0 98px;
    margin-top: 32px;
    grid-template-rows: auto 1fr;
  }

  .projects-section {
    margin-bottom: 104px;
  }

  .project-content h1 {
    font-size: 36px;
    margin-bottom: 28px;
    margin-top: 0;
  }

  /* .projects-section .swiper-slide {
   max-width: 467px !important;
   width: 100% !important;
  } */


  .projects-btns {
    display: flex;
    gap: 0 12px;
  }

  .projects-title {
    font-size: 36px;
  }

  .projects-section .swiper-pagination {
    display: none !important;
  }

  .contact {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1090px;
    margin: 0 auto;
    gap: 0 40px;
  }

  .contact-title {
    margin-bottom: 0;
  }

  .contact-subtitle {
    /* margin-bottom: 0; */
    margin: 0;
  }

  .contact-link {
    margin: 0;
    max-width: 219px;
    flex: 0 0 219px;
  }

  .ui-title {
    margin-top: 0;
  }

  .notfound-content-block {
    max-width: none;
  }

  .notfound-content-block {
    top: 64px;
  }

  .notfound-info-title {
    font-size: 48px;
    margin-bottom: 52px;
    max-width: 360px;
  }

  .notfound-info-txt p {
    font-size: 20px;
  }

  .notfound-info {
    margin-bottom: 52px;
  }

  .notfound-bg img {
    height: 514px;
  }

  .notfound-info-txt {
    max-width: 745px;
    margin: 0 auto;
  }

  .projects h1 {
    margin-bottom: 36px;
  }

  .ui-title {
    font-size: 36px !important;
    margin-top: 0;
  }

  .post-content {
    margin-top: 32px;
  }

  .post-aside {
    max-width: 322px;
    flex: 0 0 322px;
  }

  .post-info {
    max-width: calc(100% - 322px - 44px);
    flex: 0 0 calc(100% - 322px - 44px);
  }


  .post-info {
    max-width: none;
  }

  .post-content-headline h1 {
    font-size: 36px;
  }

  .post-img img {
    height: 432px;
    /* height: 100%; */
  }

  /* .blog h1 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 36px;
  } */


  .blog-block-link {
    max-width: 142px;
  }

  .discover {
    margin-top: 64px;
  }


  .main__planer.new {
    margin-bottom: 73px;
  }


  .discover-item-title svg {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease !important;
  }

  .discover-item:hover .discover-item-title svg{
    opacity: 1;
    visibility: visible;
  }

  .discover-item-title span {
    position: relative;
    display: inline-block;
  }

  .discover-item:hover .discover-item-title span::before {
    opacity: 0.3;
  }

  .discover-item-title span::before {
    content: "";
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    /* top: 50%; */
    left: 0;
    /* right: -8px; */
    height: 1px;
    background: var(--background-secondary);
    opacity: 0;
    /* transform: translateY(14px) scale(0, 1); */
    transition: opacity 0.2s ease;
  }

  .main__planer--box {
    justify-content: normal;
  }

  .main__planer--left {
    max-width: calc(100% - 367px);
    width: 100%;
    flex: 0 0 calc(100% - 367px);
  }

  .main__planer--imgs {
    display: flex;
    align-items: center;
  }

  .main__planer--right {
    max-width: 367px;
    flex: 0 0 367px;
    width: 100%;
    position: relative;
    display: block;
    top: 20px;
  }

  .main__planer--imgs {
    position: relative;
  }

  .swiper-buttons {
    height: 32px;
  }
  /*
    .main__planer--right {
      position: absolute;
      right: -70%;
      top: 50%;
      transform: translate(0, -50%);
      max-width: 367px;
      width: 100%;
    } */

  .discover-item {
    max-width: 18.84%;
    flex: 0 0 18.84%;
    margin-bottom: 0;
    gap: 42px 0;
  }

  .discover-item.big {
    max-width: 18.84%;
    flex: 0 0 18.84%;
  }

  .discover-item {
    flex-direction: column;
  }

  .discover-item-title {
    line-height: 1.25;
  }

  .about-images-left {
    flex-direction: row;
  }

  .about-images-item {
    margin-right: 16px;
    margin-bottom: 0;
    height: 426px;
  }

  .about-images-item.big {
    height: 426px;
  }

  .cart h1 {
    margin-bottom: 8px;
  }

  .cart-empty h1 {
    margin-bottom: 32px;
  }

  .cart-summary {
    max-width: 268px;
    flex: 0 0 268px;
  }

  .cart-list {
    max-width: calc(100% - 280px);
    flex: 0 0 calc(100% - 280px);
  }

  .cart-summary-top {
    margin-bottom: 12px;
  }

  .cart-summary-headline {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .cart-summary-title span {
    font-size: 16px;
  }

  .cart-summary-promocode {
    margin-bottom: 12px;
  }

  .cart-item-top {
    grid-template-columns: 172px 1fr auto;
  }

  .cart-item-title {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .cart-item-price {
    font-size: 16px;
  }

  .cart-item-desc {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .cart-item-article {
    font-size: 12px;
    margin-bottom: 10px;
  }

  .ui-number input[type="number"] {
    height: 28px;
    line-height: 26px
  }

  .ui-number {
    max-width: 84px;
    flex: 0 0 84px;
  }

  .cart-item-quantity {
    margin-right: 31px;
  }

  .cart-item-section {
    gap: 0 31px;
  }

  .cart-item-top {
    margin-bottom: 27px;
  }




  .main__board--info {
    order: -1
  }

  .main__board--item:last-child {
    display: flex !important;
  }

  /* .main__board--ico img {
    pointer-events: none;
  } */

  .main__board--slider {
    overflow-y: hidden;
    overflow-x: auto;
    /* user-select: none; */
    /* cursor: grab;
    user-select: none; */
  }
  .scrollable::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  /* .scrollable:active {
    cursor: grabbing;
  } */
  .main__board--item.swiper-slide:first-child {
    position: sticky;
    left: 0;
    z-index: -1;
  }
  .main__board--item.swiper-slide {
    width: 100% !important;
    max-width: calc(25% - 12px) !important;
    flex: 0 0 calc(25% - 12px) !important;
  }
  .wrapper {
    padding-top: 198px;
  }
  .title {
    font-size: 28px;
    font-size: clamp(28px, -2.7692307692px + 0.0256410256 * 100vw, 36px);
  }
  .breadcrumbs {
    padding: 14px 0 8px;
  }
  .planer__title {
    line-height: 36px;
    line-height: clamp(36px, 20.6153846154px + 0.0128205128 * 100vw, 40px);
  }
  .planer__panel {
    gap: 16px;
  }
  .planer__box {
    gap: 24px;
  }
  .planer__select--title {
    font-size: 20px;
  }
  .planer__select--item {
    height: 32px;
  }
  .planer__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px 16px;
  }
  .planer__toolbar {
    width: 754px;
  }
  .planer__area {
    display: grid;
    grid-template-columns: auto 26%;
    gap: 20px 32px;
    align-items: start;
  }
  .planer__area.full {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-primary);
    z-index: 99999;
  }
  .planer__area.full .planer__sidebar {
    grid-row: 1;
    height: 100vh;
    overflow-y: auto;
  }
  .planer__plan {
    grid-column: 1/2;
    grid-row: 1;
  }
  .planer__sidebar {
    grid-column: 2/3;
    grid-row: 1/span 3;
  }
  .planer__chosen {
    grid-column: 1/2;
    grid-row: 2;
  }
  .planer__chosen--wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
  }
  .planer__chosen--img {
    height: 160px;
  }
  .planer__tools {
    width: 100%;
  }
  .planer__settings {
    width: 100%;
  }
  .planer__settings--box1 {
    order: 3;
  }
  .planer__settings--box2 {
    order: 2;
  }
  .planer__settings--box3 {
    order: 4;
  }
  .planer__substructure--item {
    grid-template-columns: 32px 124px auto 225px;
    padding: 12px 32px;
  }
  .planer__accessories--row {
    grid-template-columns: auto repeat(4, 74px) 84px;
    padding: 20px 32px 8px;
  }
  .planer__accessories--s1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .planer__accessories--s2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .planer__accessories--item {
    grid-template-columns: 36px 124px auto repeat(4, 74px) 84px;
    grid-template-rows: auto 1fr;
    padding: 12px 32px;
  }
  .planer__accessories--b1 {
    grid-column: 5/6;
    grid-row: 1/3;
    justify-content: center;
  }
  .planer__accessories--b1 .planer__accessories--label {
    display: none;
  }
  .planer__accessories--b2 {
    grid-column: 4/5;
    grid-row: 1/3;
    justify-content: center;
    margin: 0;
  }
  .planer__accessories--b2 .planer__accessories--label {
    display: none;
  }
  .planer__accessories--b3 {
    grid-column: 7/8;
    grid-row: 1/3;
  }
  .planer__accessories--b4 {
    grid-column: 6/7;
    grid-row: 1/3;
  }
  .planer__accessories--b5 {
    grid-column: 8/9;
    grid-row: 1/3;
  }
  .planer__accessories--checkbox {
    grid-row: 1/3;
  }
  .planer__accessories--img {
    grid-row: 1/3;
  }
  .planer__accessories--desc {
    grid-row: 2/3;
  }
  .header__top {
    gap: 50px;
    border-bottom: 0 solid var(--background-secondary) !important;
  }
  .header__left {
    flex: 2;
  }
  .header__buttons {
    flex: 2;
    width: 100%;
  }
  .header__buttons--search {
    flex: 2;
  }
  .header__calculator {
    display: flex;
    flex: 0 0 148px;
  }
  .header__calculator--but {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    outline: 1px solid var(--color-yellow);
    border-radius: 4px;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: var(--color-yellow);
    width: 148px;
    height: 28px;
    transition: border 0.25s, letter-spacing 0.25s;
  }
  .header__calculator--but:hover {
    border-color: var(--color-yellow);
    letter-spacing: 0.01em;
  }
  .header__menu--box {
    position: static;
    transform: none !important;
    width: auto;
    display: block;
    box-shadow: none;
    background: none;
    height: 56px !important;
    margin-left: -24px;
  }
  .header__menu--mob {
    display: none;
  }
  .header__menu--back {
    display: none;
  }
  .header__menu--title {
    display: none;
  }
  .header__menu--level {
    position: absolute !important;
    background: var(--color-primary);
    box-shadow: inset 0 4px 10px rgba(var(--color-gray-rgb), 0.09);
  }
  .header__menu--level0 {
    position: static !important;
    transform: none !important;
    flex-direction: row;
    height: 56px;
    /* padding-left: 24px; */
    background: none;
    box-shadow: none;
  }
  .header__menu--level1 {
    width: 300px;
    border-right: 1px solid var(--color-gray-light3);
    height: calc(100vh - 56px);
    padding: 28px 15px 15px 40px;
    z-index: 2;
  }
  .header__menu--level2 {
    padding: 28px;
    align-items: flex-start;
    width: calc(100vw - 300px);
    height: calc(100vh - 56px);
    z-index: 1;
  }
  .header__menu--level2.active {
    transform: translateX(300px);
  }
  .header__menu--level2 .header__menu--title {
    display: flex !important;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--color-dark);
    padding: 0;
  }
  .header__menu--item {
    height: auto;
    gap: 10px;
    padding: 0 20px;
  }
  .header__menu--level0 .header__menu--item {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    font-weight: 400 !important;
  }
  /* .header__menu--level0 .header__menu--item[data-submenu] {
    padding-left: 48px;
    padding-right: 16px;
  }
  .header__menu--level0 .header__menu--item[data-submenu]:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 16px;
    width: 1px;
    height: 2px;
    background: var(--color-dark);
    transform: translateY(-1px);
    transition: box-shadow 0.25s, transform 0.25s;
    box-shadow: var(--shadow);
  } */
  .header__menu--level0 .header__menu--item[data-submenu]:after {
    display: none;
  }
  .header__menu--level0 .header__menu--item[data-submenu].active:before {
    transform: translateY(-1px) translateX(7px) rotateZ(45deg);
    box-shadow: var(--shadow-activ);
  }
  .header__menu--level0 .header__menu--item.active, .header__menu--level0 .header__menu--item:hover {
    border-bottom-color: #D9EE2B;
  }
  .header__menu--level1 .header__menu--item {
    border: none;
    padding: 14px 16px;
    border-radius: 4px;
  }
  .header__menu--level1 .header__menu--item.active, .header__menu--level1 .header__menu--item:hover {
    font-weight: 600;
    background: var(--color-gray-light3);
  }
  .header__menu--level1 .header__menu--item.active[data-submenu]:before, .header__menu--level1 .header__menu--item.active[data-submenu]:after {
    background: var(--color-dark);
  }
  .header__menu--level2 .header__menu--item {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray-dark);
    border: none;
    padding: 10px 0;
    background: none;
    transition: color 0.25s;
  }
  .header__menu--level2 .header__menu--item:hover {
    color: var(--color-dark);
  }
  .header__bottom {
    height: 56px;
    padding: 0 40px 0 24px;
  }
  .search {
    width: auto;
    transform: none;
    justify-content: flex-end !important;
    padding-left: 10px;
  }
  .search:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid var(--color-white);
    opacity: 0.2;
    left: 2px;
    right: 2px;
    bottom: 3px;
    transform: scale(0, 1);
    transition: transform 0.25s;
  }
  .search:hover:before {
    transform: scale(1, 1);
  }
  .search__wrap {
    width: 104px;
    margin-left: auto;
    padding-right: 0 !important;
  }
  .searchOpen .search__wrap {
    width: 100%;
  }
  .search__box {
    position: static;
    width: auto;
    height: 36px;
    padding: 0 !important;
  }
  .search__button {
    width: 44px !important;
    order: unset !important;
    height: 34px !important;
  }
  .searchOpen .search__button svg {
    stroke: var(--color-gray-dark);
  }
  .search__clear {
    display: none !important;
    height: 34px !important;
  }
  .tabs_step {
    height: 40px;
    margin-top: 16px;
  }
  .info--bottom-xl .info__box, .info--bottom-center-xl .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, 10px) translateX(9px);
  }
  .info--bottom-left-xl .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-15px, 10px);
  }
  .info--bottom-right-xl .info__box {
    top: 100%;
    left: auto;
    right: 0;
    bottom: auto;
    transform: translate(16px, 10px);
  }
  .info--top-xl .info__box, .info--top-center-xl .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-50%, -10px) translateX(9px);
  }
  .info--top-right-xl .info__box {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    transform: translate(16px, -10px);
  }
  .info--top-left-xl .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-15px, -10px);
  }
  .info--bottom-xl .info__triangle, .info--bottom-center-xl .info__triangle {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    margin: 0 0 -3px 0;
  }
  .info--bottom-left-xl .info__triangle {
    left: 16px;
    right: auto;
    top: auto;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--bottom-right-xl .info__triangle {
    left: auto;
    top: auto;
    right: 16px;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--top-xl .info__triangle, .info--top-center-xl .info__triangle {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: translateX(-50%) scale(1, -1);
  }
  .info--top-right-xl .info__triangle {
    left: auto;
    right: 16px;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .info--top-left-xl .info__triangle {
    left: 16px;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .footer:before {
    left: 40px;
    top: 36px;
    right: auto;
    width: 150px;
    width: clamp(150px, -19.2307692308px + 0.141025641 * 100vw, 194px);
  }
  .footer__box {
    grid-template-columns: 5fr 2fr 2fr 2fr 1fr;
    gap: 16px 64px;
  }
  .footer__email {
    grid-column: 2/span 3;
    grid-row: 1/2;
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .footer__nav {
    grid-column: 2/3;
    grid-row: 2/4;
    gap: 32px;
    padding-bottom: 40px;
  }
  .footer__nav a {
    height: 24px;
  }
  .footer__nav2 {
    grid-column: 3/4;
    grid-row: 2/4;
    gap: 32px;
    padding-bottom: 40px;
  }
  .footer__nav2 a {
    height: 24px;
  }
  .footer__soc {
    grid-column: 4/5;
    grid-row: 2/3;
    justify-content: flex-start;
    gap: 32px;
  }
  .footer__soc a span {
    height: 24px;
  }
  .footer__payment {
    grid-column: 4/5;
    grid-row: 3/4;
    margin-bottom: 40px;
  }
  .footer__logo {
    grid-column: 1/2;
    grid-row: 1/4;
  }
  .footer__logo--title {
    font-size: 16px;
    font-size: clamp(16px, 0.6153846154px + 0.0128205128 * 100vw, 20px);
  }
  .footer__logo--img {
    margin-top: 60px;
  }
  .footer__logo--img img {
    width: 290px;
    width: clamp(290px, 1.5384615385px + 0.2403846154 * 100vw, 365px);
  }
  .footer__logo--copy {
    font-size: 12px;
    margin-top: 16px;
  }
  .footer__logo:after {
    width: 275px;
    width: clamp(275px, -205.7692307692px + 0.4006410256 * 100vw, 400px);
    bottom: -56px;
    bottom: calc(-1 * clamp(56px, 2.6666666667px + 0.0694444444 * 100vw, 86px));
  }
  .slider__wrapper {
    height: 556px !important;
  }
  .main__title {
    font-size: 36px;
    /* font-size: clamp(36px, 35.3103448276px + 0.0057471264 * 100vw, 44px); */
  }
  .main__title svg {
    position: absolute;
    display: block;
    width: 49px;
    height: 6px;
    color: var(--background-primary);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .main__slider--box {
    height: 550px !important;
  }

  .slider__wrapper {
    height: 524px !important;
  }


  .main__slider--title {
    font-size: 52px;
  }
  .main__slider--subtitle {
    font-size: 20px;
  }
  .main__slider--buttons {
    margin-top: 38px;
  }
  .main__slider--button {
    width: 244px;
  }
  .main__slider--fixed {
    padding: 147px 15px 42px;
    padding-top: 118px;
    padding-bottom: 46px;
  }
  .main__slider--item {
    gap: 14px;
  }
  .main__slider--item img {
    height: 35px;
  }
  .main__slider--benefit {
    width: 100%;
  }
  .main__slider--benefitwrap {
    gap: 0;
  }
  .main__popular--title {
    margin-top: 72px;
  }
  .main__popular--tabs {
    margin-top: 20px;
  }
  .main__popular--slider {
    flex-wrap: nowrap;
  }
  .main__popular--item {
    width: calc(25% - 8px) !important;
  }
  .main__titleBox {
    gap: 32px;
  }
  .main__titleBox--title {
    position: relative;
    padding-left: 60px;
  }
  .main__titleBox--subtitle {
    max-width: 430px;
  }
  .main__advantages--title {
    position: relative;
    width: fit-content;
    margin: 120px auto 0;
  }
  .main__advantages--title svg {
    position: absolute;
    display: block;
    width: 49px;
    height: 6px;
    color: var(--background-primary);
    top: 25%;
    left: 0;
    transform: translateY(-50%);
  }
  .main__advantages--box {
    flex-direction: row;
    justify-content: center;
    gap: 140px;
    margin-top: 40px;
  }
  .main__advantages--list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
  }
  .main__advantages--mode {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 456px;
  }
  .main__advantages--item {
    padding: 0 16px;
    width: 510px;
  }
  .main__advantages--text b {
    font-size: 18px;
  }
  .main__advantages--ingredients {
    width: 100%;
    margin: 0;
    align-items: flex-start;
    gap: 0;
  }
  .main__advantages--ingredients:before {
    left: 95%;
    width: 280px;
    height: 156px;
    transform: translate(-100%, -45%);
  }
  .main__advantages--ingredient {
    gap: 20px;
  }
  .main__advantages--ingredient img {
    width: 62px;
  }
  .main__advantages--i1 {
    flex-direction: column-reverse;
    margin-top: 60px;
    order: 1;
    gap: 5px;
  }
  .main__advantages--i1:before {
    top: 0;
    transform: translateY(6px);
  }
  .main__advantages--i1:after {
    top: 0;
    transform: translateY(6px) translateX(2.5px) rotateZ(64deg);
    width: 76px;
  }
  .main__advantages--i2 {
    margin-bottom: 200px;
    order: 1;
  }
  .main__advantages--i2:before {
    margin-right: -73px;
  }
  .main__advantages--i2:after {
    margin-right: -73px;
    transform: translateY(-50%) translateX(-2.5px) rotateZ(-83deg);
    width: 74px;
  }
  .main__advantages--i3 {
    flex-direction: row-reverse;
    order: 2;
  }
  .main__advantages--i3:before {
    margin-left: -75px;
  }
  .main__advantages--i3:after {
    margin-left: -75px;
    transform: translateY(-50%) translateX(2px) rotateZ(-99deg);
    width: 87px;
  }
  .main__advantages--i4 {
    order: 1;
  }
  .main__advantages--i4:before {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: 5px;
  }
  .main__advantages--i4:after {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: 5px;
    transform-origin: top left;
    transform: translateY(-50%) translateX(2.5px) rotateZ(-59deg);
    width: 61px;
  }
  .main__board--box {
    margin-top: 40px;
  }
  .main__board--slider {
    flex-wrap: nowrap;
  }
  .main__board--item {
    width: calc(25% - 8px) !important;
    flex: 2;
    padding: 16px;
  }
  /* .main__board--info {
    order: -1;
  } */
  .main__board--title .main__titleBox--title svg {
    top: 25%;
  }
  .main__board--title .main__titleBox--subtitle {
    padding-bottom: 7px;
  }
  .main__board--subtitle {
    font-size: 20px;
    min-height: 24px;
  }
  .main__board--button {
    margin-top: 4px;
  }
  .main__transform--title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .main__transform--title svg {
    top: 25%;
    left: auto;
    right: 100%;
  }
  .main__transform--box {
    margin-top: 40px;
    grid-template-rows: 7.6fr 2.4fr;
    aspect-ratio: 1120/543;
    gap: 16px;
  }
  .main__transform--pick1 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .main__transform--pick2 {
    grid-column: 3/6;
    grid-row: 1/2;
  }
  .main__transform--pick3 {
    grid-column: 6/9;
    grid-row: 1/2;
  }
  .main__transform--pick4 {
    grid-column: 3/5;
    grid-row: 2/3;
  }
  .main__transform--pick5 {
    grid-column: 5/7;
    grid-row: 2/3;
  }
  .main__transform--pick6 {
    grid-column: 7/9;
    grid-row: 2/3;
  }
  .main__transform--button {
    gap: 10px;
  }
  .main__transform--button svg {
    display: inline-block;
    width: 33px;
    height: 6px;
  }
  .main__planer {
    margin-top: 164px;
  }
  .main__planer--info {
    padding-left: 40px;
    min-width: 480px;
  }
  .main__planer.new .main__planer--info {
    padding-left: 0;
    max-width: 390px;
    min-width: auto;
    width: 100%;
  }

  .main__planer.new ul {
    right: 0;
    bottom: 0;
  }

  .main__planer--title {
    padding-left: 10px;
  }
  .main__planer--title svg {
    left: auto;
    right: 100%;
  }
  .main__planer--subtitle {
    max-width: 400px;
  }
  .main__planer--list {
    margin: 20px 0 0;
  }
  .main__planer--button {
    margin: 20px 0 0;
  }
  .main__planer--plan {
    width: 514px;
    width: clamp(514px, -339.8461538462px + 0.7115384615 * 100vw, 736px);
    height: 310px;
    height: clamp(310px, -205.3846153846px + 0.4294871795 * 100vw, 444px);
  }
  .main__planer ol li {
    font-size: 11px;
  }
  .main__planer ol li:after {
    width: 22px;
    height: 22px;
    transform: translate(11px, -50%) rotateZ(-50deg) skewY(10deg);
  }
  .main__planer ol li span {
    padding: 5px 5px 6px 0;
  }
  .main__planer ul {
    right: 40px;
  }
  .main__planer ul li {
    font-size: 12px;
  }
  .main__planer--bg {
    width: 750px;
  }
  .main__technology {
    margin-top: 87px;
  }
  .main__technology--box {
    gap: 60px;
    max-width: 1200px;
    margin: 40px auto 0;
  }
  .main__technology--wrapper {
    padding-top: 116px;
    padding-bottom: 133px;
    border-top-width: 16px;
    border-bottom-width: 16px;
  }
  .main__technology--title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .main__technology--title svg {
    color: var(--color-primary);
    left: auto;
    right: 100%;
    margin-right: 25px;
  }
  .main__technology--subtitle {
    max-width: 450px;
    margin-top: 20px;
  }
  .main__faq {
    margin-top: 120px;
  }
  .main__faq--box {
    gap: 40px;
  }
  .main__faq--left {
    flex: 0 0 390px;
    padding-left: 40px;
  }
  .main__faq--title {
    padding-left: 20px;
  }
  .main__faq--title svg {
    left: auto;
    right: 100%;
    margin-right: -5px;
  }
  .main__faq--header {
    min-height: 44px;
    padding: 0 20px;
  }
  .main__faq--text {
    padding: 28px 24px;
  }
  .main__delivery--box {
    width: 864px;
    margin-left: auto;
    margin-right: auto;
  }
  .main__delivery--item {
    width: 240px;
  }
  .main__delivery--ico {
    width: 90px;
    height: 90px;
  }
  .main__delivery--title {
    font-size: 20px;
    width: 70%;
  }
  .main__delivery--text {
    font-size: 16px;
  }
  .catalog__box {
    display: grid;
    grid-template-columns: 250px auto 270px;
    /* grid-template-columns: clamp(260px, -40px + 0.25 * 100vw, 338px) auto clamp(270px, 77.6923076923px + 0.1602564103 * 100vw, 320px); */
    grid-template-rows: min-content min-content 1fr;
    align-items: start;
    gap: 12px 24px;
    margin-top: 22px;
  }
  .catalog__links {
    flex-direction: column;
    grid-column: 1/2;
    grid-row: 2/3;
    margin-bottom: 4px;
  }
  .catalog__links--body {
    gap: 6px 8px;
    justify-content: flex-start;
    padding-top: 8px;
  }
  .open .catalog__links--body {
    display: flex !important;
  }
  .catalog__links--title {
    display: block;
    position: relative;
    font-size: 20px;
    color: var(--color-dark4);
    padding: 0 26px 0 0;
    cursor: pointer;
    user-select: none;
  }
  .catalog__links--title:before, .catalog__links--title:after {
    position: absolute;
    content: "";
    top: 50%;
    width: 10px;
    height: 2px;
    background: var(--color-dark4);
    border-radius: 2px;
    transition: transform 0.25s;
  }
  .catalog__links--title:before {
    right: 5px;
    transform: translateY(-50%) rotateZ(-45deg);
  }
  .catalog__links--title:after {
    right: 11px;
    transform: translateY(-50%) rotateZ(45deg);
  }
  .open .catalog__links--title:before {
    transform: translateY(-50%) rotateZ(45deg);
  }
  .open .catalog__links--title:after {
    transform: translateY(-50%) rotateZ(-45deg);
  }
  .catalog__links--item {
    background: var(--color-white);
    border-radius: 4px;
    border: 1px dashed var(--color-gray-dark);
    padding: 6px 10px;
    height: 32px;
    transition: color .2s ease, border-radius .2s ease;
  }
  .catalog__links--item:hover {
    color: #10110c;
    border-radius: 12px;
    /* border: 1px solid var(--color-dark4); */
  }
  .catalog__links--item.active {
    background: var(--color-dark4);
    border: 1px solid var(--color-dark4);
    color: var(--color-primary);
  }
  .catalog__tabs {
    justify-content: flex-start;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: 0;
  }
  .catalog__tabs--item {
    height: 30px;
    background: var(--color-white);
    border: 1px dashed var(--color-gray-dark);
  }
  .catalog__tabs--item:hover {
    color: var(--color-dark4);
    border: 1px solid var(--color-dark4);
  }
  .catalog__sorts {
    grid-column: 1/4;
    grid-row: 1/2;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
  .catalog__sorts--filter {
    display: none;
  }
  .catalog__filters {
    grid-column: 1/2;
    grid-row: 3/5;
    transform: none !important;
    position: static;
    height: auto !important;
    padding: 0 !important;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .catalog__filters--title {
    display: block;
    position: relative;
    font-size: 20px;
    color: var(--color-dark4);
    padding: 0 26px 0 0;
    cursor: pointer;
    user-select: none;
  }
  .catalog__filters--title:before {
    right: 5px;
  }
  .catalog__filters--title:after {
    right: 11px;
  }
  .catalog__filters--body {
    padding-top: 8px;
    gap: 4px 8px;
  }
  .catalog__filters--item {
    border: none;
  }
  .catalog__filters--item label {
    flex-direction: row;
    justify-content: space-between;
    height: 32px;
    padding: 0 8px 0 16px;
    border: 1px solid var(--background-primary);
    border-radius: 4px;
    transition: border 0.25s, background 0.25s;
    flex: 0 0 100%;
  }
  .catalog__filters--item label:hover {
    border-color: var(--color-dark4);
    background: var(--color-gray-light3);
  }
  .catalog__filters--item label:hover .catalog__filters--ico:before {
    opacity: 1;
  }
  .catalog__filters--item label:hover .catalog__filters--ico svg {
    color: var(--color-gray-light3);
  }
  .catalog__filters--item input:checked ~ label {
    border-color: var(--color-dark4);
    background: var(--color-dark4);
  }
  .catalog__filters--item input:disabled ~ label {
    background: var(--color-white);
    border-color: var(--color-gray-light4);
  }
  .catalog__filters--text {
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--color-dark4);
  }
  input:checked ~ label .catalog__filters--text {
    color: var(--color-primary);
  }
  input:disabled ~ label .catalog__filters--text {
    color: var(--color-gray-light4);
  }
  .catalog__filters--ico {
    position: relative;
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    border: none !important;
    background: none !important;
    color: var(--background-primary);
  }
  .catalog__filters--ico svg {
    position: relative;
    width: 100%;
    height: 100%;
    transform: rotateZ(0deg);
    z-index: 2;
    transition: color 0.25s, stroke-width 0.25s, fill 0.25s, transform 0.25s;
  }
  .catalog__filters--ico:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 13px;
    background: var(--color-dark);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.25s;
    z-index: 1;
  }

  /* .catalog__filters--item label svg {
    fill: transparent;
  }

  .catalog__filters--item label:hover svg {
    fill: var(--color-dark);
  } */
  input:checked ~ label .catalog__filters--ico {
    color: var(--color-primary);
    stroke-width: 1.5;
    transform: rotateZ(45deg);
  }
  input:disabled ~ label .catalog__filters--ico {
    color: var(--color-gray-light4) !important;
  }
  input:disabled ~ label .catalog__filters--ico:before {
    opacity: 0 !important;
  }
  input:disabled ~ label .catalog__filters--ico svg {
    color: var(--color-gray-light4) !important;
  }
  .catalog__filters--plus {
    display: block;
    width: 100%;
    height: 100%;
    stroke: currentColor;
  }
  .catalog__filters--check_box {
    display: none;
  }
  .catalog__filters--shadow, .catalog__filters--header {
    display: none;
  }
  .catalog__filters--columns2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .catalog__filters--buttons {
    padding: 0;
    flex-direction: row;
  }
  .catalog__filters--button {
    flex: 2;
  }
  .catalog__filters--colors {
    flex-direction: row;
    gap: 16px;
  }
  .catalog__filters--colors .catalog__filters--text {
    font-size: 0;
    color: transparent !important;
  }
  .catalog__filters--colors .catalog__filters--ico {
    display: none;
  }
  .catalog__filters--colors label {
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    background: none !important;
  }
  .catalog__filters--colors label:hover {
    background: none !important;
  }
  .catalog__filters--colors label:hover .catalog__filters--color {
    box-shadow: 0 0 3px rgba(var(--color-orange-rgb), 1);
  }
  .catalog__filters--colors input:checked ~ label .catalog__filters--color {
    box-shadow: 0 0 0 2px rgba(var(--color-orange-rgb), 1);
  }
  .catalog__filters--color {
    margin: 2px;
    transition: box-shadow 0.25s;
  }
  .catalog__area {
    grid-column: 2/4;
    grid-row: 2/5;
    margin-top: 0;
  }
  .product__img {
    height: 257px;
    /* height: clamp(164px, -12.9230769231px + 0.1474358974 * 100vw, 210px); */
  }
  .product__title {
    /*font-size: clamp(16px, 8.3076923077px + 0.0064102564 * 100vw, 18px);*/
    font-size: 16px;
  }
  .card__box {
    grid-template-columns: minmax(0, 588px) minmax(0, 462px) 1fr;
    gap: 16px 34px;
  }
  .card__head {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .card__head--info {
    order: -1;
  }
  .card__head--title {
    order: 2;
    font-size: 16px;
  }
  .card__head--title b {
    font-size: 20px;
  }
  .card__img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .card__img--pagination {
    display: none;
  }
  .card__img--thumbsSlider {
    grid-column: 1/2;
    grid-row: 3/4;
    position: static;
    width: 100%;
    height: auto;
    opacity: 1;
    pointer-events: unset;
  }
  .card__img--thumbsSlider .card__img--item {
    width: 70px !important;
    height: 70px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
  }
  .card__img--thumbsSlider .card__img--item a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid transparent;
    transition: border 0.25s;
    z-index: 0;
  }
  .card__img--thumbsSlider .card__img--item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .card__img--thumbsSlider .card__img--item a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  .card__img--thumbsSlider .card__img--item.swiper-slide-thumb-active a:before {
    border-color: var(--color-orange);
  }
  .card__img--item img {
    max-height: 304px;
  }
  .card__settings {
    grid-column: 2/3;
    grid-row: 2/4;
  }
  .card__order {
    grid-column: 3/4;
    grid-row: 1/6;
  }
  .card__right {
    grid-column: 3/4;
    grid-row: 1/6;
  }
  .card__order--buttons {
    margin-top: 16px;
  }
  .card__order--delivery {
    margin-top: 28px;
  }
  .card__about {
    padding: 0;
    background: none;
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .card__about b {
    font-size: 18px;
  }
  .card__advantages {
    padding: 30px 40px;
  }
  .card__advantages--list {
    flex-wrap: nowrap;
    gap: 8px;
  }
  .card__advantages--item {
    min-width: 0;
    flex: auto;
  }
  .card__advantages--text {
    flex: 2;
    justify-content: space-between;
  }
  .card__need {
    margin-top: 48px;
  }
  .card__need--nav {
    margin-top: 8px;
  }
  .card__need--slider {
    margin-top: 16px;
    overflow: visible !important;
  }
  .card__need--pagination {
    padding-top: 12px;
    height: auto;
  }
  .card__need--title {
    font-size: 24px;
  }
  .card__viewed {
    margin-top: 36px;
  }
  .card__viewed--slider {
    margin-top: 32px;
    overflow: visible !important;
  }
  .card__viewed--pagination {
    padding-top: 12px;
    height: auto;
  }
  .card__viewed--title {
    font-size: 24px;
  }
  .card__accordion {
    flex-direction: row;
  }
  .card__accordion--box {
    flex: auto;
  }
  .card__accordion--head {
    height: 35px;
    font-size: 14px;
    white-space: nowrap;
    justify-content: center;
    border-bottom: none;
  }
  .card__accordion--head ~ .accordion--body {
    display: none !important;
  }
  .card__accordion--head:before, .card__accordion--head:after {
    display: none;
  }
  .card__accordion--desc {
    display: block !important;
  }
  .card__accordion--desc > *:not(.show) {
    display: none;
  }
  .card__accordion--review {
    padding: 20px;
    gap: 16px 20px;
    align-items: start;
    grid-template-columns: 44px auto auto;
  }
  .card__accordion--reviewAva img {
    width: 44px;
  }
  .card__accordion--reviewName b {
    margin-bottom: 8px;
  }
  .card__accordion--reviewRating {
    grid-column: 3/4;
    grid-row: 1/2;
    align-items: center;
  }
  .card__accordion--reviewDesc {
    grid-column: 2/4;
  }
}
@media (min-width: 1512px) {
  .catalog__area .product {
    min-height: 459px;
  }

  .post-content-headline h1 {
    max-width: calc(100% - 322px - 64px);
  }

  .post-content-body {
    gap: 64px;
  }

  .post-info {
    max-width: calc(100% - 322px - 64px);
    flex: 0 0 calc(100% - 322px - 64px);
  }

  .main__advantages--i1 {
    max-width: 199px;
  }
  .main__advantages--i2 {
    /* max-width: 277px; */
    /* min-width: 304px; */
    max-width: 304px;
  }
  .main__advantages--i3 {
    /* min-width: 221px; */
    max-width: 221px;
  }
  .main__advantages--i4 {
    max-width: 261px;
  }

  .complete-size .complete-category-list {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }

  .complete-size .card__head {
    grid-column: 2 / 3;
    grid-row: 1 / 1;
  }

  .complete-size .card__img {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  .complete-size .card__settings {
    grid-row: 2 / 6;
  }

  .complete-size .card__img--thumbsSlider {
    grid-row: 3 / 5;
  }
  .checkout-block.block-1 .ui-fields {
    margin-bottom: 0;
  }
  .card__img .card__img--item {
    height: 420px !important;
  }
  .card__additionally {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
  }

  .news-more {
    padding: 20px;
  }

  .catalog-nav {
    margin-bottom: 38px;
    margin-top: 0;
  }

  .catalog-nav-title {
    font-size: 14px;
  }

  .catalog-nav-subtitle {
    font-size: 14px;
  }

  .main__delivery {
    margin: 70px 0;
    margin-bottom: 140px;
  }

  .planer .discover {
    margin: 140px 0;
  }

  .main__technology {
    margin-top: 165px;
  }
  .checkout-express-widget {
    margin-bottom: 20px;
  }

  .checkout-summary-title {
    font-size: 24px;
  }

  .checkout-total {
    margin-bottom: 20px;
  }

  .checkout-summary-info {
    margin-bottom: 20px;
  }

  .checkout-block-btns {
    margin-top: 40px;
  }

  .checkout-payment-list .radio__text {
    font-size: 16px;
  }

  .checkout-block-title {
    font-size: 24px;
  }

  .checkout-block-content {
    margin-bottom: 24px;
  }

  .checkout-block {
    padding: 20px;
    padding-top: 24px;
    /* padding-bottom: 40px; */
  }

  .radio-block-input+.radio-label {
    padding-left: 24px;
    padding-right: 24px;
  }

  .checkout-delivery-list {
    gap: 16px;
  }

  .checkout-delivery-list .radio-block {
    width: calc(50% - 8px);
  }

  .checkout-block .ui-field {
    margin-bottom: 16px;
  }

  /* .checkout-block .ui-fields {
    margin-bottom: -16px;
  } */


  .complete-size {
    margin-bottom: 120px;
  }

  /* .complete-profile-img img {
  height: 260px;
  width: 100%;
  object-fit: cover;
} */

  .complete-profile-bottom {
    height: calc(100% - 260px);
  }

  /* .complete-category-headline {
    font-size: 14px;
  } */

  .complete-category-title {
    font-size: 14px;
  }

  /* .complete-category-list {
    gap: 0 7px;
  } */

  .complete-item-img img {
    height: 252px;
  }
  .complete-item-botom {
    height: calc(100% - 252px);
  }
  .shipping-item-img {
    height: 182px;
  }

  .shipping-item-bottom {
    height: calc(100% - 182px);
  }

  .projects-section .swiper {
    overflow: hidden !important;
  }

  .swiper::before {
    content: none;
  }

  .notfound-bg img {
    height: 648px;
  }
  .notfound-content-block {
    top: 104px;
  }

  .blog-content {
    margin-bottom: 104px;
  }
  .discover {
    margin-top: 120px;
  }
  .main__planer.new {
    margin-bottom: 0;
  }
  .main__planer.new .main__planer--bg{
    transform: none;
    left: auto;
    top: 0;
    right: -50%;
    width: auto;
  }

  .main__planer--imgs {
    top: -100px;
  }

  .main__planer--imgs {
    display: block;
  }

  .main__planer--left {
    max-width: none;
    flex: auto;
  }


  .main__planer--right {
    position: absolute;
    right: -60%;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 367px;
    width: 100%;
    max-width: 467px;
  }

  .discover-item-title {
    font-size: 26px;
  }

  .discover-item-img svg {
    width: auto;
    height: auto;
  }

  /* .about h1 {
    margin-top: 28px;
    margin-bottom: 28px;
  } */

  .about-images {
    flex-direction: row;
  }

  .about-images-left {
    flex-direction: column;
    width: 50%;
    /* gap: 16px; */
  }

  .about-images-right {
    width: 50%;
  }

  .about-images-item.big {
    height: 100%;
  }

  .about-images-left .about-images-item:first-child {
    height: 256px;
    margin-bottom: 16px;
  }

  .about-images-left .about-images-item {
    height: calc(100% - 256px - 16px);
  }

  .cart-empty h1 {
    margin-bottom: 40px;
  }


  .cart-content {
    margin-bottom: 80px;
  }

  .cart-item-top {
    margin-bottom: 33px;
    grid-template-columns: 209px 1fr auto;
    gap: 0 16px
  }

  .cart-item-title {
    font-size: 16px;
    margin-bottom: 7px;
  }

  .cart-item-desc {
    margin-bottom: 6px;
  }

  .cart-item-article {
    margin-bottom: 30px;
  }

  .cart-item-total {
    font-size: 18px;
  }

  .cart-summary {
    max-width: 347px;
    flex: 0 0 347px;
  }

  .cart-item-bottom {
    align-items: flex-end;
  }

  .cart-list {
    max-width: calc(100% - 363px);
    flex: 0 0 calc(100% - 363px);
  }

  .cart-summary-headline {
    font-size: 24px;
  }

  .cart-summary-txt {
    font-size: 16px;
  }

  .cart-summary-subtitle span {
    font-size: 18px;
  }

  .cart-summary-promocode {
    margin-bottom: 12px;
  }

  .breadcrumbs {
    padding: 20px 0 16px;
  }
  .header__top {
    gap: 80px;
  }
  .title {
    font-size: 36px;
  }
  .tabs_step {
    margin-top: 20px;
  }
  .planer__title {
    line-height: 40px;
  }
  .planer__panel {
    gap: 20px;
  }
  .material {
    gap: 16px;
  }
  .material__desc {
    padding: 0 20px 18px;
    gap: 16px;
  }
  .material__price--wrap {
    padding-top: 4px;
  }
  .material__price--value {
    font-size: 13px;
  }
  .material__price--currency {
    font-size: 13px;
  }
  .material__price--unit:before {
    font-size: 13px;
  }
  .info__box {
    width: 280px;
  }
  .info--bottom-xxl .info__box, .info--bottom-center-xxl .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, 10px) translateX(9px);
  }
  .info--bottom-left-xxl .info__box {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(-15px, 10px);
  }
  .info--bottom-right-xxl .info__box {
    top: 100%;
    left: auto;
    right: 0;
    bottom: auto;
    transform: translate(16px, 10px);
  }
  .info--top-xxl .info__box, .info--top-center-xxl .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-50%, -10px) translateX(9px);
  }
  .info--top-right-xxl .info__box {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    transform: translate(16px, -10px);
  }
  .info--top-left-xxl .info__box {
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    transform: translate(-15px, -10px);
  }
  .info--bottom-xxl .info__triangle, .info--bottom-center-xxl .info__triangle {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    margin: 0 0 -3px 0;
  }
  .info--bottom-left-xxl .info__triangle {
    left: 16px;
    right: auto;
    top: auto;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--bottom-right-xxl .info__triangle {
    left: auto;
    top: auto;
    right: 16px;
    bottom: 100%;
    margin: 0 0 -3px 0;
  }
  .info--top-xxl .info__triangle, .info--top-center-xxl .info__triangle {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: translateX(-50%) scale(1, -1);
  }
  .info--top-right-xxl .info__triangle {
    left: auto;
    right: 16px;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .info--top-left-xxl .info__triangle {
    left: 16px;
    right: auto;
    bottom: auto;
    top: 100%;
    margin: -3px 0 0 0;
    transform: scale(1, -1);
  }
  .footer {
    padding: 20px 40px;
  }
  .footer__box {
    grid-template-columns: 8fr 2fr 2fr 2fr 2fr;
  }
  .footer__nav {
    gap: 44px;
  }
  .footer__nav a {
    font-size: 16px;
  }
  .footer__nav2 {
    gap: 44px;
  }
  .footer__nav2 a {
    font-size: 14px;
  }
  .footer__soc {
    gap: 44px;
  }
  .footer__soc a span {
    font-size: 14px;
  }
  .footer__logo:after {
    transform: translateX(-35%);
  }
  .slider__wrapper {
    height: 636px !important;
  }
  .main.planer .main__title {
    font-size: 44px;
  }
  .main__title {
    font-size: 36px;
  }
  .main__slider--box {
    height: 664px !important;
  }
  .main__slider--title {
    font-size: 60px;
  }
  .main__slider--subtitle {
    font-size: 24px;
    margin-top: 20px;
  }
  .main__slider--buttons {
    margin-top: 40px;
  }
  .main__slider--button {
    height: 48px;
    width: 264px;
  }
  .main__slider--fixed {
    padding: 192px 15px 49px;
  }
  .main__slider--benefit {
    width: 1370px;
    margin: 0 auto;
  }
  .main__slider--item {
    font-size: 16px;
    font-weight: 500;
  }
  .main__popular--tabs {
    gap: 36px;
  }
  .main__advantages--title {
    margin-top: 140px;
  }
  .main__advantages--title svg {
    margin-left: 15px;
  }
  .main__advantages--subtitle {
    margin-top: 20px;
  }
  .main__advantages--box {
    margin-top: 56px;
    gap: 250px;
  }
  .main__advantages--list {
    gap: 0;
  }
  .main__advantages--item {
    padding: 16px;
    gap: 23px;
  }
  .main__advantages--text {
    gap: 8px;
  }
  .main__advantages--text b {
    font-size: 20px;
  }
  .main__advantages--ico {
    width: 52px;
    height: 52px;
  }
  .main__advantages--mode {
    width: 620px;
  }
  .main__advantages--ingredients:before {
    width: 400px;
    height: 222px;
  }
  .main__advantages--ingredient {
    gap: 30px;
  }
  .main__advantages--ingredient img {
    width: 84px;
  }
  .main__advantages--ingredient span {
    font-size: 16px;
  }
  .main__advantages--i1 {
    margin-top: 130px;
  }
  .main__advantages--i1:after {
    transform: translateY(7px) translateX(1.5px) rotateZ(33deg);
    width: 125px;
  }
  .main__advantages--i2 {
    margin-bottom: 350px;
  }
  .main__advantages--i2:before {
    margin-right: -100px;
  }
  .main__advantages--i2:after {
    margin-right: -100px;
    width: 120px;
  }
  .main__advantages--i3:before {
    margin-left: -102px;
  }
  .main__advantages--i3:after {
    margin-left: -102px;
    width: 157px;
  }
  .main__advantages--i4:after {
    transform: translateY(-50%) translateX(2.5px) rotateZ(-70deg);
    width: 119px;
  }
  .main__board {
    margin-top: 140px;
  }
  .main__board--item {
    padding: 28px 20px 20px;
  }
  .main__board--ico {
    margin: 6px 0;
  }
  .main__board--button {
    margin-top: 16px;
  }
  .main__transform {
    margin-top: 140px;
  }
  .main__transform--box {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 6fr 4fr;
    aspect-ratio: 1432/695;
  }
  .main__transform--subtitle {
    margin-top: 20px;
  }
  .main__transform--desc {
    gap: 4px;
  }
  .main__transform--pick1 {
    grid-column: 1/4;
    grid-row: 1/3;
  }
  .main__transform--pick2 {
    grid-column: 4/9;
    grid-row: 1/2;
  }
  .main__transform--pick3 {
    grid-column: 9/13;
    grid-row: 1/2;
  }
  .main__transform--pick4 {
    grid-column: 4/6;
    grid-row: 2/3;
  }
  .main__transform--pick5 {
    grid-column: 6/11;
    grid-row: 2/3;
  }
  .main__transform--pick6 {
    grid-column: 11/13;
    grid-row: 2/3;
  }
  .main__planer {
    margin-top: 207px;
  }
  .main__planer--subtitle {
    margin-top: 24px;
  }
  .main__planer--item {
    font-size: 16px;
  }
  .main__planer--item img {
    width: 32px;
  }
  .main__planer--plan {
    width: 736px;
    height: 444px;
  }
  .main__planer--info {
    min-width: 730px;
  }
  .main__planer--bg {
    width: 930px;
  }
  .main__technology--wrapper {
    padding-top: 133px;
    padding-bottom: 199px;
  }
  .main__technology--subtitle {
    margin-top: 35px;
    max-width: 430px;
    font-size: 18px;
  }
  .main__technology--box {
    margin-top: 100px;
  }
  .main__faq {
    margin-top: 140px;
  }
  .main__faq--right {
    gap: 24px;
  }
  .main__faq--ico {
    width: 24px;
    height: 24px;
  }
  .main__faq--ico:before {
    height: 12px;
  }
  .main__faq--ico:after {
    width: 12px;
  }
  .main__faq--subtitle {
    max-width: none;
  }
  /* .main__delivery {
    margin-top: 70px;
    margin-bottom: 140px;
  } */
  .main__delivery--box {
    width: 1028px;
    gap: 154px;
  }
  .product {
    padding: 0 8px 8px;
  }
  .product__img {
    height: 309px;
    margin: 0 -8px;
  }
  .product__title {
    font-size: 16px;
  }
  .catalog__box {
    grid-template-columns: 250px auto 320px;
  }
  .catalog__filters {
    gap: 20px;
  }
  .catalog__filters--body {
    gap: 6px 8px;
  }
  .catalog__links {
    margin-bottom: 8px;
  }
  .catalog__links--body {
    gap: 10px 12px;
  }
  .catalog__area {
    gap: 12px 16px;
  }
  .card__img {
    grid-column: 1/2;
    grid-row: 1/4;
  }
  .card__img--item img {
    max-height: 420px;
  }
  .card__img--thumbsSlider {
    grid-row: 1/5;
    margin-top: 440px;
  }
  .card__img--thumbsSlider .card__img--item {
    width: 108px !important;
    height: 124px !important;
  }
  .card__settings {
    grid-row: 2/3;
  }
  .card__about {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 12px;
  }
  .card__about b {
    font-size: 18px;
  }
  .card__advantages {
    padding: 40px 0 44px;
  }
  .card__need {
    margin-top: 72px;
  }
  .card__need--title {
    font-size: 26px;
  }
  .card__need--nav {
    margin-top: 12px;
  }
  .card__need--slider {
    margin-top: 12px;
  }
  .card__viewed {
    margin-top: 40px;
  }
  .card__viewed--title {
    font-size: 26px;
  }
  .card__viewed--slider {
    margin-top: 20px;
  }
}

/* dev.css */
.card__advantages--ico img {
    width: 100%;
    height: 100%;
}

.catalog__sorts--box .select{
    min-width: 135px;
}

.card__need--slider:not(.active) {
    display: none;
}

.catalog__sorts a,
.card__need--item .product,
.catalog__links--item,
.catalog__tabs--item {
    text-decoration: none;
}

.card__settings--item a {
    text-decoration: none;
}

.card__settings--item [data-active] {
    pointer-events: none;
}

.card__settings--item [disabled] {
    pointer-events: none;
    opacity: 0.5;
}

[blocked] {
    pointer-events: none;
}

[hidden] {
    display: none;
}

.woocommerce-error {
    scroll-margin-top: 120px;
}

.card__settings--item a.product__radio--item[disabled] label {
    background: var(--color-gray-light2);
}

.woof_container:not(:has(.catalog__filters--item)) {
    display: none;
}

.catalog__area.empty {
    display: block;
    width: 100%;
}

.main__advantages--ingredients::before {
    background: var(--bg, url(../img/material_demo.png) no-repeat center);
    background-size: contain;
    z-index: 4;
}

.main__technology {
    background: var(--bg, url(../img/technology_bg.jpg) center no-repeat);
}

.main__delivery--ico img {
    width: 100%;
    height: 100%;
}

[disabled] {
    pointer-events: none;
    opacity: 0.6;
}

.blog-content-nav .active {
    pointer-events: none;
}

.catalog__filters--color.black {
    background-color: #000;
}

.product__color--link.black {
    background-color: #000;
}

.select__selected.comment__single__product {
    pointer-events: none;
}

.select__selected.comment__single__product::after {
    content: unset;
}

.product__color--link.active {
    pointer-events: none;
}

.ui-status img {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translate(0, -50%);
}

.ui-status.red {
    background-color: #FFF2F2;
    color: #A82222;
}

.checkout-validation.checkout:has(.woocommerce-NoticeGroup-checkout) {
    padding-top: 90px;
}

.checkout-validation > .woocommerce-NoticeGroup-checkout {
    margin-top: -90px;
    grid-area: 1 / 1;
    grid-column-start: 1;
    grid-column-end: 4;
}

.ui-error__block {
    color: #A82222;
    font-weight: 400;
    font-size: 12px;
    font-family: "Roboto Flex", sans-serif;
    margin-bottom: 10px;
}

.ui-error__block.hide {
    display: none;
}

.order-success__text p:not(:last-of-type) {
    margin-bottom: 8px;
}

.order-success__text a {
    color: #ec4a0a;
}

.complete-catalog .select__options a {
    text-decoration: none;
}

.ui-status.red .button.wc-forward {
    display: inline-block;
    background: none;
    font-size: inherit;
    color: #ec4a0a !important;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
}

.tooltip-product__vat {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 0;
    margin: 0 0 -2px 5px;
}

.card__price--vat .tooltip-product__vat {
    margin: 0 5px -2px 0;
}

.tooltip-product__vat .tooltip-product-icon {
    height: 12px;
    width: 12px;
}

.tooltip-product__vat .tooltip-product-icon svg {
    height: 12px;
    width: 12px;
}

.tooltip-product__vat .tooltip-product-txt {
    top: -80px;
}

.cart-summary-title .tooltip-product__vat .tooltip-product-txt {
    top: -60px;
}

.header__cart--img {
    min-width: 20px;
}

.header__menu--list.first > li.current-menu-item,
.header__menu--list.first > li.current-menu-parent {
    background-color: #f7f7f7;
    border-bottom: 3px solid #d9ee2b;
}


.header__menu--list.second > li.current-menu-item a {
    border-bottom-color: #bacd1d;
}

.header__menu--list.second > li.current-menu-item a::before {
    opacity: 1;
}

.blog-more {
    width: fit-content;
    padding-left: 54px;
    padding-right: 54px;
    max-width: 320px;
}

.checkout .woocommerce-checkout #payment {
    background-color: transparent;
}

.woocommerce-checkout.checkout #payment div.payment_box {
    background-color: #f7f7f7;
    /*border: 1px solid #D9D9D9;*/
    padding: 0;
    color: #000;
}


/*.woocommerce-checkout.checkout .wc_payment_method iframe input {*/
/*    background-color: #fff;*/
/*    border: 1px solid #10110C !important;*/
/*    color: #10110C !important;*/
/*}*/

.woocommerce-checkout.checkout #payment div.payment_box::before {
    content: unset;
}

.checkout .blockUI.blockOverlay {
    background-color: rgba(255, 255, 255, 0.3) !important;
    z-index: 4 !important;
}

@media (min-width: 700px) {
    .card__accordion--reviewsAdd {
        max-width: 155px;
    }
}

@media (min-width: 425px) {
    .header__cart {
        width: fit-content;
    }

    .header__cart--text {
        width: fit-content;
        line-height: 44px;
    }

    .search__box {
        position: static;
    }

    .search__input {
        line-height: 34px;
    }
}

@media (max-width: 1199.5px) {
    .cart-content .cart-item-img img {
        width: 100%;
        height: auto;
        max-height: 130px;
    }
}