@charset "UTF-8";
/* GLOBAL STYLES */
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

:root {
  --font-family: "Geologica", sans-serif;
  --second-family: "Bebas Neue", sans-serif;
  --third-family: "Cera Pro", sans-serif;
  --font3: "Inter", sans-serif;
}

@font-face {
  font-family: "Bebas Neue";
  src: url("../assets/fonts/BebasNeue Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
[class*=__container] {
  padding: 0 90px;
  margin: 0 auto;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media (min-width: 1921px) {
  [class*=__container] {
    padding: 0 220px;
  }
}
@media (max-width: 1660px) {
  [class*=__container] {
    padding: 0 90px;
  }
}
@media (max-width: 991px) {
  [class*=__container] {
    padding: 0 24px;
  }
}

.ease-in {
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

/* animation */
section {
  opacity: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
section.hero {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

section.animated {
  opacity: 1;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}




.breadcrumbs {
  padding-top: 160px;
  padding-bottom: 12px;
}
@media (max-width: 467px) {
  .breadcrumbs {
    padding-top: 92px;
  }
}

.breadcrumbs__divider {
	font-weight: 100;
}
.breadcrumbs__wrapper {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 16px;
  color: var(--gray-50);
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  row-gap: 16px;
}
@media (min-width: 1920px) {
  .breadcrumbs__wrapper {
    row-gap: 16px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (row-gap: clamp(0.5pxrem, calc(2.6782307025px + 0.6938421509 * 1vw), 1pxrem)) {
    .breadcrumbs__wrapper {
      row-gap: clamp(0.5pxrem, calc(2.6782307025px + 0.6938421509 * 1vw), 1pxrem);
    }
  }
  @supports not (row-gap: clamp(0.5pxrem, calc(2.6782307025px + 0.6938421509 * 1vw), 1pxrem)) {
    .breadcrumbs__wrapper {
      row-gap: calc(8px + (100vw - 767px) * 0.0069384215);
    }
  }
}
@media (max-width: 767px) {
  .breadcrumbs__wrapper {
    row-gap: 8px;
  }
}
@media (max-width: 467px) {
  .breadcrumbs__wrapper {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  .breadcrumbs__wrapper {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  .breadcrumbs__wrapper {
    font-size: 12px;
  }
}
.breadcrumbs__wrapper__container nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1660px) {
  .breadcrumbs__wrapper__container nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.breadcrumbs__wrapper li {
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.breadcrumbs__wrapper li:last-of-type {
  background-color: unset;
}
.breadcrumbs__wrapper li:last-of-type a {
  background-color: #fff;
}
.breadcrumbs__wrapper a {
  font-family: var(--font-family);
  font-weight: 200;
  color: var(--gray-50);
  line-height: 32px !important;
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 991px) {
  .breadcrumbs__wrapper a {
    line-height: unset !important;
  }
}
.breadcrumbs__wrapper a:hover {
/*   -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  color: var(--dark-blue);
  text-shadow: 0 0 0.75px var(--dark-blue); /* Тень текста */
	
	-webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    color: #ffc242;
    text-shadow: 0 0 10px #ffc24273;
    border: none;
}
.breadcrumbs__wrapper__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.breadcrumbs__wrapper__item:hover {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

@media (max-width:767px) {
	.breadcrumbs { 
		padding-top: 80px;
	}
}


.accordion {
  border: none;
}
.accordion .accordion-header {
  border-bottom: 1px solid #000;
  border-radius: 0px;
	padding-right: 24px;
}

.accordion:last-of-type .accordion-content {
  border-bottom: 1px solid #bbb;
  margin-bottom: 0;
}

input[type=checkbox] {
  display: none;
}

.accordion-toggle {
  display: block;
  padding: 24px 0;
  cursor: pointer;
  position: relative;
  user-select: none;
}

/* Контейнер для плюсика/минуса */
.accordion-toggle::before,
.accordion-toggle::after {
  content: "";
  position: absolute;
  right: 0;          /* ставим справа */
  top: 50%;
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: .25s ease;
}

/* Вертикальная часть плюса */
.accordion-toggle::before {
  transform: translateY(-50%) rotate(90deg);
}

/* Горизонтальная часть */
.accordion-toggle::after {
  transform: translateY(-50%);
}

/* Когда открыт — превращаем плюс → в минус */
.toggle:checked + .accordion-toggle::before {
  opacity: 0;
  transform: translateY(-50%) rotate(90deg);
  height: 1px;
}


.accordion-content {
  max-height: 0px;
  overflow: hidden;
}

.toggle:checked + .accordion-toggle + .accordion-content {
  max-height: 350px;
}

.accordion-content .accordion-content-inner {
  padding: 24px;
}
@media (max-width:467px) {
	.accordion-content .accordion-content-inner {
		padding: 12px;
	}
}

.accordion .toggle:checked + label + .accordion-content {
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  -webkit-transition: margin-bottom 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin-bottom 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.best-offers__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 44px;
}
@media (min-width: 1920px) {
  .best-offers__top {
    margin-bottom: 44px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(2pxrem, calc(24.0173460538px + 1.0407632264 * 1vw), 2.75pxrem)) {
    .best-offers__top {
      margin-bottom: clamp(2pxrem, calc(24.0173460538px + 1.0407632264 * 1vw), 2.75pxrem);
    }
  }
  @supports not (margin-bottom: clamp(2pxrem, calc(24.0173460538px + 1.0407632264 * 1vw), 2.75pxrem)) {
    .best-offers__top {
      margin-bottom: calc(32px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .best-offers__top {
    margin-bottom: 32px;
  }
}
.best-offers__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .best-offers__title {
    font-size: 133px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2.625pxrem, calc(-18.5351257589px + 7.8924544666 * 1vw), 8.3125pxrem)) {
    .best-offers__title {
      font-size: clamp(2.625pxrem, calc(-18.5351257589px + 7.8924544666 * 1vw), 8.3125pxrem);
    }
  }
  @supports not (font-size: clamp(2.625pxrem, calc(-18.5351257589px + 7.8924544666 * 1vw), 8.3125pxrem)) {
    .best-offers__title {
      font-size: calc(42px + (100vw - 767px) * 0.0789245447);
    }
  }
}
@media (max-width: 767px) {
  .best-offers__title {
    font-size: 42px;
  }
}

/* UI ELEMENTS */
a.ui-button {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  padding: 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  background-color: #ffc242;
	width: 235px;
}
@media (min-width: 1920px) {
  a.ui-button {
    padding-top: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-top: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  a.ui-button {
    padding-top: 12px;
  }
}
@media (min-width: 1920px) {
  a.ui-button {
    padding-left: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-left: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-left: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-left: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  a.ui-button {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  a.ui-button {
    padding-right: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-right: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-right: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-right: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  a.ui-button {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  a.ui-button {
    padding-bottom: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    a.ui-button {
      padding-bottom: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  a.ui-button {
    padding-bottom: 12px;
  }
}

.search-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 50px;
  width: 100%;
  max-width: 380px;
}
@media (max-width: 1919px) {
  .search-form {
    max-width: 220px;
  }
}
@media (max-width: 567px) {
  .search-form {
    display: none;
  }
}
.search-form__button {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  color: #1C1C1C;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-form__button:hover {
  color: #FFC242;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.search-form__button:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.search-form__icon {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.search-form__input-wrapper {
  position: absolute;
  top: 50%;
  right: 44px;
  -webkit-transform: translateY(-50%) scaleX(0);
          transform: translateY(-50%) scaleX(0);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  width: 0;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-form--active .search-form__input-wrapper {
  width: 300px;
  opacity: 1;
  -webkit-transform: translateY(-50%) scaleX(1);
          transform: translateY(-50%) scaleX(1);
}
@media (max-width: 768px) {
  .search-form--active .search-form__input-wrapper {
    width: 250px;
  }
}
@media (max-width: 480px) {
  .search-form--active .search-form__input-wrapper {
    width: 200px;
  }
}
.search-form__input {
  width: 100%;
  height: 44px;
  padding: 0 50px 0 16px;
  border: 2px solid #e0e0e0;
  border-radius: 25px;
  background: #fff;
  font-size: 14px;
  color: #1C1C1C;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 209%;
  color: #1c1c1c;
  outline: none;
  border: none;
  border-bottom: 1px solid #1c1c1c;
  border-radius: 0;
  padding: 0 50px 0 0;
}
.search-form__input::-webkit-input-placeholder {
  color: #1c1c1c;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: 12px;
  line-height: 209%;
  color: #1c1c1c;
}
.search-form__input::-moz-placeholder {
  color: #1c1c1c;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: 12px;
  line-height: 209%;
  color: #1c1c1c;
}
.search-form__input:-ms-input-placeholder {
  color: #1c1c1c;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: 12px;
  line-height: 209%;
  color: #1c1c1c;
}
.search-form__input::-ms-input-placeholder {
  color: #1c1c1c;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: 12px;
  line-height: 209%;
  color: #1c1c1c;
}
.search-form__input::placeholder {
  color: #1c1c1c;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: 12px;
  line-height: 209%;
  color: #1c1c1c;
}
.search-form__input:focus {
  outline: none;
  border-color: #FFC242;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
          box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.search-form__input:focus::-webkit-input-placeholder {
  opacity: 0.7;
}
.search-form__input:focus::-moz-placeholder {
  opacity: 0.7;
}
.search-form__input:focus:-ms-input-placeholder {
  opacity: 0.7;
}
.search-form__input:focus::-ms-input-placeholder {
  opacity: 0.7;
}
.search-form__input:focus::placeholder {
  opacity: 0.7;
}
.search-form--active .search-form__input {
  -webkit-animation: inputSlideIn 0.4s ease forwards;
          animation: inputSlideIn 0.4s ease forwards;
}
.search-form__close {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-form--active .search-form__close {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.search-form__close:hover::before, .search-form__close:hover::after {
  background: #FFC242;
}
.search-form__close-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.search-form__close-icon::before, .search-form__close-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #666;
  border-radius: 1px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-form__close-icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.search-form__close-icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.search-form--active .search-form__icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.search-form--active .search-form__button {
  color: #FFC242;
}
.search-form--active .search-form__button svg {
  stroke: #FFC242;
}
.search-form__results {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin-top: 8px;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1000;
}
.search-form__results--visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.search-form__result-item {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.search-form__result-item:last-child {
  border-bottom: none;
}
.search-form__result-item:hover {
  background: #f8f9fa;
}
.search-form__result-item--highlight {
  background: #e3f2fd;
}

@-webkit-keyframes inputSlideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes inputSlideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes searchPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(201, 154, 2, 0.418);
            box-shadow: 0 0 0 0 rgba(201, 154, 2, 0.418);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}
@keyframes searchPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(201, 154, 2, 0.418);
            box-shadow: 0 0 0 0 rgba(201, 154, 2, 0.418);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}
.search-form__input:focus {
  -webkit-animation: searchPulse 2s infinite;
          animation: searchPulse 2s infinite;
}

.theme-dark .search-form__input {
  background: #2d3748;
  border-color: #4a5568;
  color: #fff;
}
.theme-dark .search-form__input:focus {
  border-color: #FFC242;
}
.theme-dark .search-form__button {
  color: #cbd5e0;
}
.theme-dark .search-form__button:hover {
  color: #FFC242;
}

/* HEADER & FOOTER */
header {
  font-family: Geologica;
	user-select: none;
	
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  background: white;
}

.header.sticky {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main-content {
  padding-top: 0;
  -webkit-transition: padding-top 0.3s ease-in-out;
  transition: padding-top 0.3s ease-in-out;
}

/* Когда шапка sticky, добавляем отступ для основного контента */
.header.sticky + .main-content {
  padding-top: 82px;
}

.header {
  padding-top: 40px;
  padding-bottom: 24px;
  background-color: #fff;
/*   -webkit-box-shadow: 0.5px 0.5px 20px rgba(202, 202, 202, 0.4666666667);
          box-shadow: 0.5px 0.5px 20px rgba(202, 202, 202, 0.4666666667); */
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (min-width: 1920px) {
  .header {
    padding-top: 40px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(18.8575361321px + 1.1011699931 * 1vw), 2.5pxrem)) {
    .header {
      padding-top: clamp(1.5pxrem, calc(18.8575361321px + 1.1011699931 * 1vw), 2.5pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(18.8575361321px + 1.1011699931 * 1vw), 2.5pxrem)) {
    .header {
      padding-top: calc(24px + (100vw - 467px) * 0.0110116999);
    }
  }
}
@media (max-width: 467px) {
  .header {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .header {
    padding-bottom: 24px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(0.75pxrem, calc(8.1431520991px + 0.8258774948 * 1vw), 1.5pxrem)) {
    .header {
      padding-bottom: clamp(0.75pxrem, calc(8.1431520991px + 0.8258774948 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(0.75pxrem, calc(8.1431520991px + 0.8258774948 * 1vw), 1.5pxrem)) {
    .header {
      padding-bottom: calc(12px + (100vw - 467px) * 0.0082587749);
    }
  }
}
@media (max-width: 467px) {
  .header {
    padding-bottom: 20px;
  }
}
@media (min-width: 678px) {
  .header.active .header__bottom {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    opacity: 0;
    height: 1px;
  }
}
@media (min-width: 678px) {
  .header.active .header__top {
    margin-bottom: 8px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
}
@media (min-width: 678px) {
  .header.sticky .header__bottom {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    opacity: 1;
    height: 24px;
  }
}
@media (min-width: 678px) {
  .header.sticky .header__top {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
}
@media (min-width: 678px) and (min-width: 1920px) {
  .header.sticky .header__top {
    margin-bottom: 40px;
  }
}
@media (min-width: 678px) and (min-width: 467px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.125pxrem, calc(10.9291121817px + 1.5141087405 * 1vw), 2.5pxrem)) {
    .header.sticky .header__top {
      margin-bottom: clamp(1.125pxrem, calc(10.9291121817px + 1.5141087405 * 1vw), 2.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.125pxrem, calc(10.9291121817px + 1.5141087405 * 1vw), 2.5pxrem)) {
    .header.sticky .header__top {
      margin-bottom: calc(18px + (100vw - 467px) * 0.0151410874);
    }
  }
}
@media (min-width: 678px) and (max-width: 467px) {
  .header.sticky .header__top {
    margin-bottom: 18px;
  }
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.header .burger-menu {
  display: none;
}
@media (max-width: 1500px) {
  .header .burger-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__logo {
  position: relative;
  top: 8px;
}
.header__logo svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__logo .tablet-logo {
  display: none;
}
@media (max-width: 867px) {
  .header__logo .desktop-logo {
    display: none;
  }
  .header__logo .tablet-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 467px) {
  .header__logo {
    display: none;
  }
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (min-width: 1920px) {
  .header__right {
    gap: 30px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (gap: clamp(0.875pxrem, calc(8.8575361321px + 1.1011699931 * 1vw), 1.875pxrem)) {
    .header__right {
      gap: clamp(0.875pxrem, calc(8.8575361321px + 1.1011699931 * 1vw), 1.875pxrem);
    }
  }
  @supports not (gap: clamp(0.875pxrem, calc(8.8575361321px + 1.1011699931 * 1vw), 1.875pxrem)) {
    .header__right {
      gap: calc(14px + (100vw - 467px) * 0.0110116999);
    }
  }
}
@media (max-width: 467px) {
  .header__right {
    gap: 14px;
  }
}
.header__tel .tel-number {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  color: #000;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  text-decoration: none;
}
@media (min-width: 1920px) {
  .header__tel .tel-number {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(-8px + 1.6666666667 * 1vw), 1.5pxrem)) {
    .header__tel .tel-number {
      font-size: clamp(1pxrem, calc(-8px + 1.6666666667 * 1vw), 1.5pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(-8px + 1.6666666667 * 1vw), 1.5pxrem)) {
    .header__tel .tel-number {
      font-size: calc(16px + (100vw - 1440px) * 0.0166666667);
    }
  }
}
@media (max-width: 1440px) {
  .header__tel .tel-number {
    font-size: 16px;
  }
}
.header__tel .tel-number:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  color: #FF7700;
}
@media (max-width: 867px) {
  .header__tel .tel-number {
    display: none;
  }
}
.header__tel .tel-logo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border: 1px solid #000;
  border-radius: 70px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
@media (max-width: 991px) {
  .header__tel .tel-logo {
    padding: 4px 8px;
  }
}
@media (max-width: 867px) {
  .header__tel .tel-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__tel .tel-logo svg {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.header__tel .tel-logo svg path {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.header__tel .tel-logo:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border-color: #FF7700;
  background-color: #FF7700;
  -webkit-filter: drop-shadow(1px 1px 10px rgba(255, 119, 0, 0.4666666667));
          filter: drop-shadow(1px 1px 10px rgba(255, 119, 0, 0.4666666667));
}
.header__tel .tel-logo:hover svg {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.header__tel .tel-logo:hover svg path {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  fill: #fff;
}
.header__bottom {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1920px) {
  .header__bottom {
    gap: 50px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (gap: clamp(0.5pxrem, calc(-5.4989676531px + 2.8905712319 * 1vw), 3.125pxrem)) {
    .header__bottom {
      gap: clamp(0.5pxrem, calc(-5.4989676531px + 2.8905712319 * 1vw), 3.125pxrem);
    }
  }
  @supports not (gap: clamp(0.5pxrem, calc(-5.4989676531px + 2.8905712319 * 1vw), 3.125pxrem)) {
    .header__bottom {
      gap: calc(8px + (100vw - 467px) * 0.0289057123);
    }
  }
}
@media (max-width: 467px) {
  .header__bottom {
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .header__bottom {
/*     display: none; */
  }
}
@media (max-width:1500px) {
	.header__bottom {
		margin-right: 32px !important;
	}
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1500px) {
  .header__nav {
    display: none;
  }
}
.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
@media (min-width: 1920px) {
  .header__nav-list {
    gap: 50px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (gap: clamp(1pxrem, calc(-86px + 7.0833333333 * 1vw), 3.125pxrem)) {
    .header__nav-list {
      gap: clamp(1pxrem, calc(-86px + 7.0833333333 * 1vw), 3.125pxrem);
    }
  }
  @supports not (gap: clamp(1pxrem, calc(-86px + 7.0833333333 * 1vw), 3.125pxrem)) {
    .header__nav-list {
      gap: calc(16px + (100vw - 1440px) * 0.0708333333);
    }
  }
}
@media (max-width: 1440px) {
  .header__nav-list {
    gap: 16px;
  }
}

@media (width:1920px) {
	.header__nav-list {
		gap: 28px;
	}
}

.header__nav-list li a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #1c1c1c;
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.header__nav-list li a:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  color: #FF7700;
  text-shadow: 0.5px 0.5px 4px rgba(255, 119, 0, 0.4862745098);
}
.header__nav-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #1c1c1c;
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.header__nav-link:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  color: #FF7700;
  text-shadow: 0.5px 0.5px 4px rgba(255, 119, 0, 0.4862745098);
}

@media (max-width: 567px) {
  .header__socials {
    display: none;
  }
}
.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (min-width: 1920px) {
  .socials {
    gap: 10px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (gap: clamp(0.25pxrem, calc(1.4855875831px + 0.44345898 * 1vw), 0.625pxrem)) {
    .socials {
      gap: clamp(0.25pxrem, calc(1.4855875831px + 0.44345898 * 1vw), 0.625pxrem);
    }
  }
  @supports not (gap: clamp(0.25pxrem, calc(1.4855875831px + 0.44345898 * 1vw), 0.625pxrem)) {
    .socials {
      gap: calc(4px + (100vw - 567px) * 0.0044345898);
    }
  }
}
@media (max-width: 567px) {
  .socials {
    gap: 4px;
  }
}
.socials__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border: 1px solid #000;
  border-radius: 70px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media (max-width: 991px) {
  .socials__item {
    padding: 4px 8px;
  }
}
.socials__item .socials__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.socials__item .socials__logo svg {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.socials__item .socials__logo svg path {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.socials__item:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border-color: #FF7700;
  background-color: #FF7700;
  -webkit-filter: drop-shadow(1px 1px 10px rgba(255, 119, 0, 0.4666666667));
          filter: drop-shadow(1px 1px 10px rgba(255, 119, 0, 0.4666666667));
}
.socials__item:hover .socials__logo {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.socials__item:hover .socials__logo svg {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.socials__item:hover .socials__logo svg path {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  fill: #fff;
}

.burger-menu {
  position: relative;
  cursor: pointer;
  z-index: 10;
}
.burger-menu .burger-icon .line {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.burger-menu .burger-icon.active .line-1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  y: 8px;
}
.burger-menu .burger-icon.active .line-2 {
  opacity: 0;
}
.burger-menu .burger-icon.active .line-3 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  y: 8px;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 44%;
  height: 100%;
  background-color: white;
  z-index: 1000;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 1px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 1px 0px rgba(0, 0, 0, 0.0392156863);
  padding: 24px 32px;
}
@media (max-width: 767px) {
  .mobile-menu {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .mobile-menu {
    width: 100%;
  }
}
.mobile-menu.active {
  left: 0;
}
.mobile-menu.active .header__nav-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-menu__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 42px;
  margin-top: 45px;
}
.mobile-menu__tel {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: #000;
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .mobile-menu__tel {
    font-size: 28px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  @supports (font-size: clamp(1.5pxrem, calc(20.1734693878px + 1.0204081633 * 1vw), 1.75pxrem)) {
    .mobile-menu__tel {
      font-size: clamp(1.5pxrem, calc(20.1734693878px + 1.0204081633 * 1vw), 1.75pxrem);
    }
  }
  @supports not (font-size: clamp(1.5pxrem, calc(20.1734693878px + 1.0204081633 * 1vw), 1.75pxrem)) {
    .mobile-menu__tel {
      font-size: calc(24px + (100vw - 375px) * 0.0102040816);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu__tel {
    font-size: 24px;
  }
}
@media (min-width: 767px) {
  .mobile-menu__tel {
    margin-bottom: 32px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(16.3469387755px + 2.0408163265 * 1vw), 2pxrem)) {
    .mobile-menu__tel {
      margin-bottom: clamp(1.5pxrem, calc(16.3469387755px + 2.0408163265 * 1vw), 2pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(16.3469387755px + 2.0408163265 * 1vw), 2pxrem)) {
    .mobile-menu__tel {
      margin-bottom: calc(24px + (100vw - 375px) * 0.0204081633);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu__tel {
    margin-bottom: 24px;
  }
}
.mobile-menu__address {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 144%;
  color: #000;
  margin-bottom: 16px;
}
@media (min-width: 767px) {
  .mobile-menu__address {
    font-size: 24px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  @supports (font-size: clamp(1pxrem, calc(8.3469387755px + 2.0408163265 * 1vw), 1.5pxrem)) {
    .mobile-menu__address {
      font-size: clamp(1pxrem, calc(8.3469387755px + 2.0408163265 * 1vw), 1.5pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(8.3469387755px + 2.0408163265 * 1vw), 1.5pxrem)) {
    .mobile-menu__address {
      font-size: calc(16px + (100vw - 375px) * 0.0204081633);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu__address {
    font-size: 16px;
  }
}
@media (min-width: 767px) {
  .mobile-menu__address {
    margin-bottom: 24px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  @supports (margin-bottom: clamp(1pxrem, calc(8.3469387755px + 2.0408163265 * 1vw), 1.5pxrem)) {
    .mobile-menu__address {
      margin-bottom: clamp(1pxrem, calc(8.3469387755px + 2.0408163265 * 1vw), 1.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1pxrem, calc(8.3469387755px + 2.0408163265 * 1vw), 1.5pxrem)) {
    .mobile-menu__address {
      margin-bottom: calc(16px + (100vw - 375px) * 0.0204081633);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu__address {
    margin-bottom: 16px;
  }
}
.mobile-menu__additional {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  color: #000;
}
@media (min-width: 767px) {
  .mobile-menu__additional {
    font-size: 18px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  @supports (font-size: clamp(0.875pxrem, calc(10.1734693878px + 1.0204081633 * 1vw), 1.125pxrem)) {
    .mobile-menu__additional {
      font-size: clamp(0.875pxrem, calc(10.1734693878px + 1.0204081633 * 1vw), 1.125pxrem);
    }
  }
  @supports not (font-size: clamp(0.875pxrem, calc(10.1734693878px + 1.0204081633 * 1vw), 1.125pxrem)) {
    .mobile-menu__additional {
      font-size: calc(14px + (100vw - 375px) * 0.0102040816);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu__additional {
    font-size: 14px;
  }
}
.mobile-menu nav {
  margin-bottom: 56px;
}
@media (min-width: 767px) {
  .mobile-menu nav {
    margin-bottom: 62px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  @supports (margin-bottom: clamp(2.625pxrem, calc(22.8673469388px + 5.1020408163 * 1vw), 3.875pxrem)) {
    .mobile-menu nav {
      margin-bottom: clamp(2.625pxrem, calc(22.8673469388px + 5.1020408163 * 1vw), 3.875pxrem);
    }
  }
  @supports not (margin-bottom: clamp(2.625pxrem, calc(22.8673469388px + 5.1020408163 * 1vw), 3.875pxrem)) {
    .mobile-menu nav {
      margin-bottom: calc(42px + (100vw - 375px) * 0.0510204082);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu nav {
    margin-bottom: 42px;
  }
}
.mobile-menu nav .header__logo {
  padding: 20px;
}
.mobile-menu nav ul {
  list-style: none;
}
.mobile-menu nav ul li {
  margin-bottom: 10px;
}
.mobile-menu nav ul li a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 144%;
  color: #000;
  text-decoration: none;
}
@media (min-width: 867px) {
  .mobile-menu nav ul li a {
    font-size: 20px;
  }
}
@media (min-width: 375px) and (max-width: 867px) {
  @supports (font-size: clamp(1pxrem, calc(12.9512195122px + 0.8130081301 * 1vw), 1.25pxrem)) {
    .mobile-menu nav ul li a {
      font-size: clamp(1pxrem, calc(12.9512195122px + 0.8130081301 * 1vw), 1.25pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(12.9512195122px + 0.8130081301 * 1vw), 1.25pxrem)) {
    .mobile-menu nav ul li a {
      font-size: calc(16px + (100vw - 375px) * 0.0081300813);
    }
  }
}
@media (max-width: 375px) {
  .mobile-menu nav ul li a {
    font-size: 16px;
  }
}

.footer {
  background-color: #1a1a1a;
  color: #f5f5f5;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 14px;
  margin: 0 90px 90px;
}
@media (max-width: 467px) {
  .footer {
    padding-top: 42px;
  }
}
@media (max-width: 1380px) {
  .footer {
    margin: 0;
  }
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 180px;
          flex: 1 1 180px;
  min-width: 160px;
}
.footer__col--brand {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 220px;
          flex: 1 1 220px;
}
.footer__col--contacts {
  gap: 36px;
}

.footer__logo {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.footer__logo span {
  color: #f5b51d;
}
@media (max-width: 467px) {
  .footer__logo-desktop {
    display: none;
  }
}
.footer__logo-mobile {
  display: none;
}
@media (max-width: 467px) {
  .footer__logo-mobile {
    display: block;
  }
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.footer__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.footer__text, .footer__link, .footer__item, .footer__policy {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 14px;
  color: #fff;
  line-height: normal;
}
.footer__link {
  text-decoration: none;
}
.footer__link:hover {
  color: #f5b51d;
}
.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 6px;
}
.footer__icon {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: inline-block;
}

div.footer__col.footer__col--buyer > h3:nth-child(3) {
  margin-top: auto;
}

.footer__bottom {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}
@media (max-width: 767px) {
  .footer__bottom {
    gap: 12px;
    margin-top: 42px;
  }
}
.footer__bottom .footer__col {
  max-width: 251px;
}

@media (max-width: 467px) {
  body > footer > div.footer__inner.footer__container > div.footer__col.footer__col--buyer > h3:nth-child(3) {
    margin-top: 42px;
  }
}
body > footer > div.footer__inner.footer__container > div.footer__col.footer__col--office > p {
  margin-bottom: 16px;
}

@media (max-width:467px) {
	header > div.header__container > div > div.header__bottom > .header-cart {
		display: none;
	}
}

.mobile-island {
    position: fixed;
    z-index: 100;
    bottom: 0;
	display: none;

}
@media (max-width:467px) {
	.mobile-island {
		display: flex;
	}
}
.mobile-island__wrapper {
	display: flex;
}
.mobile-island__item {
	background-color: #FFC242;
	height: 64px;
	width:64px;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-island__wrapper .mobile-island__item:nth-child(2) {
	border-left: 1px solid #1c1c1c;
	border-right: 1px solid #1c1c1c;
}

.mobile-island__item .header-cart__qty {
	background-color: #fff !important;
}

/* ~~~~~~~ Styles for index.html ~~~~~~~ */
.hero__pagination  {
	    display: flex;
    top: 59% !important;
    margin: 0 24px;
    width: -webkit-fill-available !important;
}
.swiper-pagination-progressbar-fill {
	background-color: #1C1C1C !important;
}
.swiper-pagination-progressbar {
	background-color: #E4E4E4 !important;
	
}
.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #fff;
  margin-top: 110px;
  margin-bottom: 100px;
}
@media (min-width: 1920px) {
  .hero {
    margin-bottom: 100px;
  }
}
@media (max-width:567px) {
	.hero {
		margin-top: 54px;
	}
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.5pxrem, calc(26.7302688638px + 3.81613183 * 1vw), 6.25pxrem)) {
    .hero {
      margin-bottom: clamp(3.5pxrem, calc(26.7302688638px + 3.81613183 * 1vw), 6.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.5pxrem, calc(26.7302688638px + 3.81613183 * 1vw), 6.25pxrem)) {
    .hero {
      margin-bottom: calc(56px + (100vw - 767px) * 0.0381613183);
    }
  }
}
@media (max-width: 767px) {
  .hero {
    margin-bottom: 56px;
  }
}
.hero__container {
  position: relative;
}
.hero__slider {
  width: 100%;
  height: 100%;
}
.hero__slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
/*   min-height: 70vh;
  max-height: 700px; */
	
	    min-height: 750px;
    max-height: 750px;
  width: 50%;
  overflow: hidden;
  background-color: #1C1C1C;
}
@media (max-width:1440px) and (min-width:768px) {
	.hero__slide {
		min-height: 650px;
    	max-height: 650px;
	}
}

@media (max-width: 567px) {
  .hero__slide {
    min-height: 600px;
  }
}
.hero__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFC242;
  z-index: 5;
  width: 50%;
  mix-blend-mode: multiply;
}
@media (max-width: 1024px) {
  .hero__slide::after {
    width: 100%;
    height: 50%;
  }
}
.hero__image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
/*   -webkit-transform: scale(1.1);
          transform: scale(1.1); */
  -webkit-transition: -webkit-transform 7s ease-out;
  transition: -webkit-transform 7s ease-out;
  transition: transform 7s ease-out;
  transition: transform 7s ease-out, -webkit-transform 7s ease-out;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 50%;
/* 	width: 47.5%; */
}
@media (max-width: 1024px) {
  .hero__image {
    width: 100%;
    height: 50%;
  }
}
.swiper-slide-active .hero__image {
/*   -webkit-transform: scale(1);
          transform: scale(1); */
}
.hero__content {
  position: relative;
  z-index: 2;
  padding: 60px;
  -webkit-animation: fadeIn 1s ease forwards;
          animation: fadeIn 1s ease forwards;
  opacity: 0;
  width: 50%;
  z-index: 10;
  position: absolute;
  right: 0;
}
.swiper-slide-active .hero__content {
  opacity: 1;
}
@media (max-width: 1024px) {
  .hero__content {
	  padding: 48px;
  }
}
@media (max-width: 1024px) {
  .hero__content {
    width: 100%;
    height: 50%;
    bottom: 0;
	  padding: 38px 24px 24px 24px;
  }
}
@media (max-width: 567px) {
  .hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	 justify-content: center;
  }
}
.hero__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #fff;
  margin-bottom: 90px;
  position: relative;
  left: -239px;
  z-index: 11;
  max-width: 1000px;
  width: 1000px;
}
@media (width: 1920px) {
	.hero__title {
		left: -195px;
    	bottom: -50px;
		margin-bottom: 156px;
	}
}
@media (min-width: 1920px) {
  .hero__title {
    font-size: 133px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(3.75pxrem, calc(11.4388551605px + 6.3313096271 * 1vw), 8.3125pxrem)) {
    .hero__title {
      font-size: clamp(3.75pxrem, calc(11.4388551605px + 6.3313096271 * 1vw), 8.3125pxrem);
    }
  }
  @supports not (font-size: clamp(3.75pxrem, calc(11.4388551605px + 6.3313096271 * 1vw), 8.3125pxrem)) {
    .hero__title {
      font-size: calc(60px + (100vw - 767px) * 0.0633130963);
    }
  }
}
@media (max-width: 1024px) {
  .hero__title {
    font-size: 60px;
  }
}
@media (max-width: 1919px) {
  .hero__title {
    width: 100%;
    position: unset;
  }
}
@media (max-height: 900px) {
  .hero__title {
    font-size: 72px;
  }
}
@media (max-width: 1024px) {
  .hero__title {
    margin-bottom: 16px;
    left: 0;
  }
}
@media (max-width: 567px) {
  .hero__title {
    position: absolute;
    top: -40%;
    left: 24px;
  }
}
.hero__text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  line-height: normal;
  margin-bottom: 50px;
  max-width: 380px;
  position: relative;
  left: 100px;
}
@media (min-width: 1920px) {
  .hero__text {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .hero__text {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .hero__text {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 1024px) {
  .hero__text {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .hero__text {
    left: 0;
    margin-bottom: 24px;
  }
}
.hero__button {
  background: #f6b73c;
  color: #000;
  font-weight: 700;
  padding: 24px 70px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
	
	width: 235px !important;
}
.hero__button:hover {
  background-color: #1c1c1c !important;
}
.hero__image-dc {
  position: absolute;
  left: -17.5%;
  top: 50%;
		    max-width: 240px;
    max-height: 300px;
}
@media (width:1920px) {
	.hero__image-dc {
		top: 55%;
	}
}
@media (max-width: 1440px) {
	.hero__image-dc {
		width: 200px;
		height: 300px;
		object-fit: contain;
		
	}
	
}
@media (max-width: 1024px) {
  .hero__image-dc {
    left: unset;
    right: 0;
    top: 30%;
    width: 170px;
    height: 200px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 676px) {
  .hero__image-dc {
    display: none;
  }
}
.hero__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  left: 100px;
}
@media (max-width: 1024px) {
  .hero__controls {
    left: 0;
  }
}
.hero__arrows {
  bottom: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2rem;
  z-index: 5;
  max-width: 50px;
	gap: 12px;
}
@media (max-width:467px) {
	.hero__arrows {
		display: none;
	}
}
.hero__arrows .hero__arrow {
  background: transparent;
  color: #fff;
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, transform 0.3s;
  transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.hero__arrow {
    padding: 28px;
	border: 2px solid transparent !important;
}
.hero__arrow svg {
	flex-shrink: 0;
}
.hero__arrows .hero__arrow:hover {
  background: transparent;
  color: #000;
/*   -webkit-transform: scale(1.1);
          transform: scale(1.1); */
     border: 2px solid #fff !important;
}
.hero__arrows .hero__arrow i {
  font-size: 1.2rem;
}
.hero__nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 28px;
  margin-top: 28px;
  position: relative;
  z-index: 10;
}
@media (min-width: 1920px) {
  .hero__nav {
    gap: 28px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (gap: clamp(0.875pxrem, calc(-28px + 2.9166666667 * 1vw), 1.75pxrem)) {
    .hero__nav {
      gap: clamp(0.875pxrem, calc(-28px + 2.9166666667 * 1vw), 1.75pxrem);
    }
  }
  @supports not (gap: clamp(0.875pxrem, calc(-28px + 2.9166666667 * 1vw), 1.75pxrem)) {
    .hero__nav {
      gap: calc(14px + (100vw - 1440px) * 0.0291666667);
    }
  }
}
@media (max-width: 1440px) {
  .hero__nav {
    gap: 14px;
  }
}
@media (min-width: 1920px) {
  .hero__nav {
    margin-top: 28px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (margin-top: clamp(0.875pxrem, calc(-28px + 2.9166666667 * 1vw), 1.75pxrem)) {
    .hero__nav {
      margin-top: clamp(0.875pxrem, calc(-28px + 2.9166666667 * 1vw), 1.75pxrem);
    }
  }
  @supports not (margin-top: clamp(0.875pxrem, calc(-28px + 2.9166666667 * 1vw), 1.75pxrem)) {
    .hero__nav {
      margin-top: calc(14px + (100vw - 1440px) * 0.0291666667);
    }
  }
}
@media (max-width: 1440px) {
  .hero__nav {
    margin-top: 14px;
  }
}
@media (max-width: 1024px) {
  .hero__nav {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .hero__nav {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.hero__nav-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 200px;
}
.hero__nav-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 42px;
  position: relative;
}
@media (min-width: 1920px) {
  .hero__nav-img {
    margin-bottom: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .hero__nav-img {
      margin-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .hero__nav-img {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .hero__nav-img {
    margin-bottom: 24px;
  }
}
.hero__nav-img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.hero__nav-img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1C1C1C;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.5;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  mix-blend-mode: multiply;
}
.hero__nav-title {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #1c1c1c;
  width: 100%;
  text-align: center;
}
.hero__nav-num {
  position: absolute;
  right: 24px;
  bottom: 92px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 85px;
  line-height: 124%;
  text-align: right;
  color: transparent;
  -webkit-text-stroke: 1px white;
  text-stroke: 1px white;
  paint-order: stroke fill;
}
@media (min-width: 1920px) {
  .hero__nav-num {
    font-size: 85px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(3.5pxrem, calc(36.7085862966px + 2.5151777971 * 1vw), 5.3125pxrem)) {
    .hero__nav-num {
      font-size: clamp(3.5pxrem, calc(36.7085862966px + 2.5151777971 * 1vw), 5.3125pxrem);
    }
  }
  @supports not (font-size: clamp(3.5pxrem, calc(36.7085862966px + 2.5151777971 * 1vw), 5.3125pxrem)) {
    .hero__nav-num {
      font-size: calc(56px + (100vw - 767px) * 0.025151778);
    }
  }
}
@media (max-width: 767px) {
  .hero__nav-num {
    font-size: 56px;
  }
}
.hero__nav-item {
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero__nav-item.active, .hero__nav-item:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  color: #f6b73c;
}
.hero__nav-item.active .hero__nav-img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFC242;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  mix-blend-mode: multiply;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
section.index-news {
  margin-bottom: 86px;
}
@media (min-width: 1920px) {
  section.index-news {
    margin-bottom: 86px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem)) {
    section.index-news {
      margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem)) {
    section.index-news {
      margin-bottom: calc(52px + (100vw - 767px) * 0.0294882914);
    }
  }
}
@media (max-width: 767px) {
  section.index-news {
    margin-bottom: 52px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 62px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top {
    margin-bottom: 62px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(8.0753880266px + 2.8085735403 * 1vw), 3.875pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top {
      margin-bottom: clamp(1.5pxrem, calc(8.0753880266px + 2.8085735403 * 1vw), 3.875pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(8.0753880266px + 2.8085735403 * 1vw), 3.875pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top {
      margin-bottom: calc(24px + (100vw - 567px) * 0.0280857354);
    }
  }
}
@media (max-width: 567px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top {
    margin-bottom: 24px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__top h3.section__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top h3.section__title {
    font-size: 133px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top h3.section__title {
      font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem);
    }
  }
  @supports not (font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top h3.section__title {
      font-size: calc(72px + (100vw - 767px) * 0.052905464);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top h3.section__title {
    font-size: 42px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  padding: 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  background-color: #ffc242;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-top: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-top: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-top: 12px;
  }
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-left: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-left: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-left: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-left: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-right: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-right: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-right: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-right: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-bottom: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
      padding-bottom: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__top .index-news__btn a.ui-button {
    padding-bottom: 12px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom {
    gap: 32px;
  }
}
@media (max-width: 1380px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: 450px;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big {
  position: relative;
  height: 100%;
  max-height: 450px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img {
  position: relative;
  width: 100%;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffc242;
  mix-blend-mode: multiply;
  top: 0;
  left: 0;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
  position: absolute;
  bottom: 200px;
  left: 60px;
  padding: auto;
  padding: 2px 4px;
  background-color: #fff;
  z-index: 10;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
    bottom: 200px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (bottom: clamp(5pxrem, calc(41.4315209911px + 8.2587749484 * 1vw), 12.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
      bottom: clamp(5pxrem, calc(41.4315209911px + 8.2587749484 * 1vw), 12.5pxrem);
    }
  }
  @supports not (bottom: clamp(5pxrem, calc(41.4315209911px + 8.2587749484 * 1vw), 12.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
      bottom: calc(80px + (100vw - 467px) * 0.0825877495);
    }
  }
}
@media (max-width: 467px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
    bottom: 80px;
  }
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
    left: 60px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (left: clamp(1.125pxrem, calc(0.399113082px + 3.1042128603 * 1vw), 3.75pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
      left: clamp(1.125pxrem, calc(0.399113082px + 3.1042128603 * 1vw), 3.75pxrem);
    }
  }
  @supports not (left: clamp(1.125pxrem, calc(0.399113082px + 3.1042128603 * 1vw), 3.75pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
      left: calc(18px + (100vw - 567px) * 0.0310421286);
    }
  }
}
@media (max-width: 567px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge {
    left: 18px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__img .index-news-card-big__img-badge p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  color: #1c1c1c;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
  position: absolute;
  left: 60px;
  bottom: 72px;
  max-width: 680px;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
    left: 60px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (left: clamp(1.125pxrem, calc(0.399113082px + 3.1042128603 * 1vw), 3.75pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
      left: clamp(1.125pxrem, calc(0.399113082px + 3.1042128603 * 1vw), 3.75pxrem);
    }
  }
  @supports not (left: clamp(1.125pxrem, calc(0.399113082px + 3.1042128603 * 1vw), 3.75pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
      left: calc(18px + (100vw - 567px) * 0.0310421286);
    }
  }
}
@media (max-width: 567px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
    left: 18px;
  }
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
    bottom: 72px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (bottom: clamp(1.125pxrem, calc(-4.6297117517px + 3.9911308204 * 1vw), 4.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
      bottom: clamp(1.125pxrem, calc(-4.6297117517px + 3.9911308204 * 1vw), 4.5pxrem);
    }
  }
  @supports not (bottom: clamp(1.125pxrem, calc(-4.6297117517px + 3.9911308204 * 1vw), 4.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
      bottom: calc(18px + (100vw - 567px) * 0.0399113082);
    }
  }
}
@media (max-width: 567px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title {
    bottom: 18px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title h5 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 52px;
  line-height: 88%;
  color: #fff;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title h5 {
    font-size: 52px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.75pxrem, calc(17.9423503326px + 1.7738359202 * 1vw), 3.25pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title h5 {
      font-size: clamp(1.75pxrem, calc(17.9423503326px + 1.7738359202 * 1vw), 3.25pxrem);
    }
  }
  @supports not (font-size: clamp(1.75pxrem, calc(17.9423503326px + 1.7738359202 * 1vw), 3.25pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title h5 {
      font-size: calc(28px + (100vw - 567px) * 0.0177383592);
    }
  }
}
@media (max-width: 567px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big .index-news-card-big__title h5 {
    font-size: 28px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 24px;
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 56px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card {
  max-width: 440px;
  width: 100%;
	display: flex;
	flex-direction: column;
}
@media (max-width: 1660px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card {
    max-width: 100%;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 72px;
  width: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img {
    margin-bottom: 72px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(-7.9306157849px + 4.1630529055 * 1vw), 4.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img {
      margin-bottom: clamp(1.5pxrem, calc(-7.9306157849px + 4.1630529055 * 1vw), 4.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(-7.9306157849px + 4.1630529055 * 1vw), 4.5pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0416305291);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img {
    margin-bottom: 24px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
	filter: grayscale(1);
}

section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 2px 4px;
  background-color: #FFC242;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img-badge p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  color: #1c1c1c;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__title {
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__title {
    margin-bottom: 36px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__title {
      margin-bottom: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem)) {
    section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__title {
      margin-bottom: calc(12px + (100vw - 767px) * 0.0208152645);
    }
  }
}
@media (max-width: 767px) {
  section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__title {
    margin-bottom: 12px;
  }
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__title h5 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 33px;
  color: #000;
    max-width: 390px;
}
section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__subtitle p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
.index-news-card__subtitle {
	margin-top: auto;
}

h2.section__title--big {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #1c1c1c;
  margin-bottom: 52px;
}
@media (min-width: 1920px) {
  h2.section__title--big {
    font-size: 133px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem)) {
    h2.section__title--big {
      font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem);
    }
  }
  @supports not (font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem)) {
    h2.section__title--big {
      font-size: calc(72px + (100vw - 767px) * 0.052905464);
    }
  }
}
@media (max-width: 767px) {
  h2.section__title--big {
    font-size: 72px;
  }
}
@media (min-width: 1920px) {
  h2.section__title--big {
    margin-bottom: 52px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(2pxrem, calc(18.6955767563px + 1.7346053773 * 1vw), 3.25pxrem)) {
    h2.section__title--big {
      margin-bottom: clamp(2pxrem, calc(18.6955767563px + 1.7346053773 * 1vw), 3.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(2pxrem, calc(18.6955767563px + 1.7346053773 * 1vw), 3.25pxrem)) {
    h2.section__title--big {
      margin-bottom: calc(32px + (100vw - 767px) * 0.0173460538);
    }
  }
}
@media (max-width: 767px) {
  h2.section__title--big {
    margin-bottom: 32px;
  }
}

.catalog-tiles {
  margin-bottom: 110px;
}
@media (min-width: 1920px) {
  .catalog-tiles {
    margin-bottom: 110px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.5pxrem, calc(20.078057242px + 4.6834345186 * 1vw), 6.875pxrem)) {
    .catalog-tiles {
      margin-bottom: clamp(3.5pxrem, calc(20.078057242px + 4.6834345186 * 1vw), 6.875pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.5pxrem, calc(20.078057242px + 4.6834345186 * 1vw), 6.875pxrem)) {
    .catalog-tiles {
      margin-bottom: calc(56px + (100vw - 767px) * 0.0468343452);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles {
    margin-bottom: 56px;
  }
}
.catalog-tiles h2.section__title--big {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #1c1c1c;
  margin-bottom: 52px;
}
@media (min-width: 1920px) {
  .catalog-tiles h2.section__title--big {
    font-size: 133px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem)) {
    .catalog-tiles h2.section__title--big {
      font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem);
    }
  }
  @supports not (font-size: clamp(4.5pxrem, calc(31.4215091067px + 5.2905464007 * 1vw), 8.3125pxrem)) {
    .catalog-tiles h2.section__title--big {
      font-size: calc(72px + (100vw - 767px) * 0.052905464);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles h2.section__title--big {
    font-size: 72px;
  }
}
@media (min-width: 1920px) {
  .catalog-tiles h2.section__title--big {
    margin-bottom: 52px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(2pxrem, calc(18.6955767563px + 1.7346053773 * 1vw), 3.25pxrem)) {
    .catalog-tiles h2.section__title--big {
      margin-bottom: clamp(2pxrem, calc(18.6955767563px + 1.7346053773 * 1vw), 3.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(2pxrem, calc(18.6955767563px + 1.7346053773 * 1vw), 3.25pxrem)) {
    .catalog-tiles h2.section__title--big {
      margin-bottom: calc(32px + (100vw - 767px) * 0.0173460538);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles h2.section__title--big {
    margin-bottom: 32px;
  }
}
.catalog-tiles__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 1920px) {
  .catalog-tiles__wrapper {
    gap: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__wrapper {
      gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__wrapper {
      gap: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles__wrapper {
    gap: 12px;
  }
}
.catalog-tiles__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 1920px) {
  .catalog-tiles__top {
    gap: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__top {
      gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__top {
      gap: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles__top {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .catalog-tiles__top {
    max-height: 700px;
  }
}
@media (max-width: 767px) {
  .catalog-tiles__top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .catalog-tiles__top a.catalog-tiles-card.mobile-wide {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
  }
}
.catalog-tiles__top-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 33.33%;
}
@media (min-width: 1920px) {
  .catalog-tiles__top-center {
    gap: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__top-center {
      gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__top-center {
      gap: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles__top-center {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .catalog-tiles__top-center {
    width: 100%;
  }
}
.catalog-tiles__top-center img {
  width: 100%;
  height: 100%;
}
.catalog-tiles__top-center .catalog-tiles-card {
  width: 100%;
  height: 100%;
}
.catalog-tiles__top-center .catalog-tiles-card__title {
  position: absolute;
  left: 70px;
  bottom: 20%;
}
@media (min-width: 1920px) {
  .catalog-tiles__top-center .catalog-tiles-card__title {
    left: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem)) {
    .catalog-tiles__top-center .catalog-tiles-card__title {
      left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem);
    }
  }
  @supports not (left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem)) {
    .catalog-tiles__top-center .catalog-tiles-card__title {
      left: calc(20px + (100vw - 767px) * 0.0433651344);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles__top-center .catalog-tiles-card__title {
    left: 20px;
  }
}
@media (min-width: 1920px) {
  .catalog-tiles__top-center .catalog-tiles-card__title {
    bottom: 80px;
  }
}
@media (min-width: 991px) and (max-width: 1920px) {
  @supports (bottom: clamp(1.25pxrem, calc(-44.0043057051px + 6.4585575888 * 1vw), 5pxrem)) {
    .catalog-tiles__top-center .catalog-tiles-card__title {
      bottom: clamp(1.25pxrem, calc(-44.0043057051px + 6.4585575888 * 1vw), 5pxrem);
    }
  }
  @supports not (bottom: clamp(1.25pxrem, calc(-44.0043057051px + 6.4585575888 * 1vw), 5pxrem)) {
    .catalog-tiles__top-center .catalog-tiles-card__title {
      bottom: calc(20px + (100vw - 991px) * 0.0645855759);
    }
  }
}
@media (max-width: 991px) {
  .catalog-tiles__top-center .catalog-tiles-card__title {
    bottom: 20px;
  }
}
.catalog-tiles__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 1920px) {
  .catalog-tiles__bottom {
    gap: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__bottom {
      gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-tiles__bottom {
      gap: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles__bottom {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .catalog-tiles__bottom {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  .catalog-tiles__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .catalog-tiles__bottom a.catalog-tiles-card.mobile-wide {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
  }
}
.catalog-tiles-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.33%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px) {
  .catalog-tiles-card {
    width: 100%;
  }
}
.catalog-tiles-card:hover {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.catalog-tiles-card:hover img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.catalog-tiles-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
	    object-position: top;
}

.catalog-tiles-card__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 50px;
  line-height: 84%;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 70px;
  bottom: 20%;
  z-index: 10;
  max-width: 260px;
  line-height: 84%;
}
@media (min-width: 1920px) {
  .catalog-tiles-card__title {
    font-size: 50px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.25pxrem, calc(0.0433651344px + 2.6019080659 * 1vw), 3.125pxrem)) {
    .catalog-tiles-card__title {
      font-size: clamp(1.25pxrem, calc(0.0433651344px + 2.6019080659 * 1vw), 3.125pxrem);
    }
  }
  @supports not (font-size: clamp(1.25pxrem, calc(0.0433651344px + 2.6019080659 * 1vw), 3.125pxrem)) {
    .catalog-tiles-card__title {
      font-size: calc(20px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles-card__title {
    font-size: 20px;
  }
}
@media (min-width: 1920px) {
  .catalog-tiles-card__title {
    left: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem)) {
    .catalog-tiles-card__title {
      left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem);
    }
  }
  @supports not (left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem)) {
    .catalog-tiles-card__title {
      left: calc(20px + (100vw - 767px) * 0.0433651344);
    }
  }
}
@media (max-width: 767px) {
  .catalog-tiles-card__title {
    left: 20px;
  }
}
@media (min-width: 1920px) {
  .catalog-tiles-card__title {
    bottom: 120px;
  }
}
@media (min-width: 991px) and (max-width: 1920px) {
  @supports (bottom: clamp(1.25pxrem, calc(-86.6738428418px + 10.764262648 * 1vw), 7.5pxrem)) {
    .catalog-tiles-card__title {
      bottom: clamp(1.25pxrem, calc(-86.6738428418px + 10.764262648 * 1vw), 7.5pxrem);
    }
  }
  @supports not (bottom: clamp(1.25pxrem, calc(-86.6738428418px + 10.764262648 * 1vw), 7.5pxrem)) {
    .catalog-tiles-card__title {
      bottom: calc(20px + (100vw - 991px) * 0.1076426265);
    }
  }
}
@media (max-width: 991px) {
  .catalog-tiles-card__title {
    bottom: 20px;
  }
}
.catalog-tiles-card::after {
  content: "";
  position: absolute;
  background-color: rgba(28, 28, 28, 0.5);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.catalog-tiles-card.orange-filter::after {
  content: "";
  position: absolute;
  background-color: #ffc242;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media (min-width:1441px) {
	.catalog-product-line .product-line__bottom {
		margin-bottom: unset !important;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}

.product-line {
  margin-bottom: 120px;
}
@media (min-width: 1920px) {
  .product-line {
    margin-bottom: 120px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .product-line {
      margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .product-line {
      margin-bottom: calc(60px + (100vw - 767px) * 0.0520381613);
    }
  }
}
@media (max-width: 767px) {
  .product-line {
    margin-bottom: 60px;
  }
}
.product-line.product-line-secondary {
  margin-bottom: 150px;
}
@media (max-width: 1440px) {
  .product-line.product-line-secondary {
    margin-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .product-line.product-line-secondary {
    margin-bottom: 60px;
  }
}
.product-line.product-line-secondary .product-line__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1660px) {
  .product-line.product-line-secondary .product-line__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product-line.product-line-secondary .product-line__top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.product-line.product-line-secondary .product-line__bottom {
  max-height: 240px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1660px) {
  .product-line.product-line-secondary .product-line__bottom {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .product-line.product-line-secondary .product-line__bottom {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-height: unset;
  }
}
.product-line__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 70px;
}
@media (min-width: 1920px) {
  .product-line__wrapper {
    gap: 70px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (gap: clamp(1.875pxrem, calc(13.2372505543px + 2.9563932003 * 1vw), 4.375pxrem)) {
    .product-line__wrapper {
      gap: clamp(1.875pxrem, calc(13.2372505543px + 2.9563932003 * 1vw), 4.375pxrem);
    }
  }
  @supports not (gap: clamp(1.875pxrem, calc(13.2372505543px + 2.9563932003 * 1vw), 4.375pxrem)) {
    .product-line__wrapper {
      gap: calc(30px + (100vw - 567px) * 0.029563932);
    }
  }
}
@media (max-width: 567px) {
  .product-line__wrapper {
    gap: 30px;
  }
}
.product-line__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media (max-width: 767px) {
  .product-line__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product-line__top h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .product-line__top h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .product-line__top h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .product-line__top h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .product-line__top h2 {
    font-size: 32px;
  }
}
.product-line__top p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
  line-height: normal;
}
.product-line__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
@media (max-width: 1440px) {
  .product-line__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .product-line__bottom {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.product-line__badge {
  background: rgba(28, 28, 28, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 28px 36px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  cursor: default;
}
@media (min-width: 1920px) {
  .product-line__badge {
    padding-left: 36px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem)) {
    .product-line__badge {
      padding-left: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem);
    }
  }
  @supports not (padding-left: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem)) {
    .product-line__badge {
      padding-left: calc(12px + (100vw - 767px) * 0.0208152645);
    }
  }
}
@media (max-width: 767px) {
  .product-line__badge {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  .product-line__badge {
    padding-right: 36px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem)) {
    .product-line__badge {
      padding-right: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem);
    }
  }
  @supports not (padding-right: clamp(0.75pxrem, calc(-3.9653078925px + 2.0815264527 * 1vw), 2.25pxrem)) {
    .product-line__badge {
      padding-right: calc(12px + (100vw - 767px) * 0.0208152645);
    }
  }
}
@media (max-width: 767px) {
  .product-line__badge {
    padding-right: 12px;
  }
}
.product-line__badge:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: #FFC242;
  color: #fff;
}
/* .product-line__badge:hover p {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  color: #fff;
} */
.product-line__badge:hover svg {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
/* .product-line__badge:hover svg path {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  fill: #fff;
} */
.product-line__badge svg {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.product-line__badge svg path {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 1280px) {
  .product-line__badge svg {
    width: 42px;
    height: 42px;
  }
}
.product-line__badge p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #1c1c1c;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.why-us {
  margin-bottom: 70px;
}
@media (min-width: 1920px) {
  .why-us {
    margin-bottom: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.875pxrem, calc(3.3911535126px + 3.4692107546 * 1vw), 4.375pxrem)) {
    .why-us {
      margin-bottom: clamp(1.875pxrem, calc(3.3911535126px + 3.4692107546 * 1vw), 4.375pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.875pxrem, calc(3.3911535126px + 3.4692107546 * 1vw), 4.375pxrem)) {
    .why-us {
      margin-bottom: calc(30px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .why-us {
    margin-bottom: 30px;
  }
}
.why-us h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .why-us h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .why-us h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .why-us h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .why-us h2 {
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .why-us.why-us-catalog .why-us__bottom div:nth-child(5) {
    grid-column: unset;
  }
}
.why-us-secondary .why-us__bottom div:nth-child(5) {
  grid-column: unset;
}
@media (max-width: 1440px) {
  .why-us-secondary .why-us__bottom div:nth-child(1) {
    grid-column: 1/-1;
  }
  .why-us-secondary .why-us__bottom {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 467px) {
  .why-us-secondary .why-us__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.why-us__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (min-width: 1920px) {
  .why-us__wrapper {
    gap: 32px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(1.25pxrem, calc(12.0173460538px + 1.0407632264 * 1vw), 2pxrem)) {
    .why-us__wrapper {
      gap: clamp(1.25pxrem, calc(12.0173460538px + 1.0407632264 * 1vw), 2pxrem);
    }
  }
  @supports not (gap: clamp(1.25pxrem, calc(12.0173460538px + 1.0407632264 * 1vw), 2pxrem)) {
    .why-us__wrapper {
      gap: calc(20px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .why-us__wrapper {
    gap: 20px;
  }
}
.why-us__top h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .why-us__top h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .why-us__top h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .why-us__top h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .why-us__top h2 {
    font-size: 32px;
  }
}
.why-us__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
@media (min-width: 1920px) {
  .why-us__bottom {
    gap: 60px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(1.5pxrem, calc(0.0520381613px + 3.1222896791 * 1vw), 3.75pxrem)) {
    .why-us__bottom {
      gap: clamp(1.5pxrem, calc(0.0520381613px + 3.1222896791 * 1vw), 3.75pxrem);
    }
  }
  @supports not (gap: clamp(1.5pxrem, calc(0.0520381613px + 3.1222896791 * 1vw), 3.75pxrem)) {
    .why-us__bottom {
      gap: calc(24px + (100vw - 767px) * 0.0312228968);
    }
  }
}
@media (max-width: 767px) {
  .why-us__bottom {
    gap: 24px;
  }
}
@media (max-width: 1440px) {
  .why-us__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .why-us__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .why-us__bottom div:nth-child(5) {
    grid-column: 1/-1;
  }
}
@media (max-width: 567px) {
  .why-us__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.why-us-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.why-us-step-text {
  grid-column: 1/-1;
}
.why-us-step__num {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 73px;
  line-height: 144%;
  color: white;
  -webkit-text-stroke: 4px #FFC242;
  text-stroke: 4px #FFC242;
  paint-order: stroke fill;

}
.about-company .why-us-step__num {
		    position: relative;
    top: -12px;
}
@media (min-width: 1920px) {
  .why-us-step__num {
    font-size: 73px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (font-size: clamp(3.5pxrem, calc(48.8758314856px + 1.2564671101 * 1vw), 4.5625pxrem)) {
    .why-us-step__num {
      font-size: clamp(3.5pxrem, calc(48.8758314856px + 1.2564671101 * 1vw), 4.5625pxrem);
    }
  }
  @supports not (font-size: clamp(3.5pxrem, calc(48.8758314856px + 1.2564671101 * 1vw), 4.5625pxrem)) {
    .why-us-step__num {
      font-size: calc(56px + (100vw - 567px) * 0.0125646711);
    }
  }
}
@media (max-width: 567px) {
  .why-us-step__num {
    font-size: 56px;
  }
}
.why-us-step__text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  color: #1c1c1c;
}

.for-who {
  margin-bottom: 100px;
}
@media (min-width: 1920px) {
  .for-who {
    margin-bottom: 100px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.75pxrem, calc(33.3911535126px + 3.4692107546 * 1vw), 6.25pxrem)) {
    .for-who {
      margin-bottom: clamp(3.75pxrem, calc(33.3911535126px + 3.4692107546 * 1vw), 6.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.75pxrem, calc(33.3911535126px + 3.4692107546 * 1vw), 6.25pxrem)) {
    .for-who {
      margin-bottom: calc(60px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .for-who {
    margin-bottom: 60px;
  }
}
.for-who__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}
@media (max-width: 991px) {
  .for-who__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.for-who__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1440px) {
  .for-who__left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 32px;
  }
}
.for-who__left h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .for-who__left h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .for-who__left h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .for-who__left h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .for-who__left h2 {
    font-size: 32px;
  }
}
.for-who__left p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
@media (min-width:1441px) {
	.for-who__left p {
		padding-right: 50px;
	}
}
.for-who__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 18px;
}
@media (max-width: 1440px) {
  .for-who__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.for-who-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  cursor: default;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.for-who-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFC242;
  mix-blend-mode: multiply;
  opacity: 0;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
.for-who-card:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.for-who-card:hover::after {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 1;
}
@media (max-width: 991px) {
  .for-who-card {
    aspect-ratio: 4/3;
  }
}
@media (max-width: 567px) {
  .for-who-card {
    aspect-ratio: unset;
  }
}
.for-who-card img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.for-who-card__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  position: absolute;
  z-index: 10;
  left: 24px;
  bottom: 44px;
  line-height: normal;
  max-width: 170px;
}
@media (max-width: 467px) {
  .for-who-card__title {
    left: 12px;
    bottom: 24px;
  }
}

.blog-overview {
  margin-bottom: 120px;
}
@media (min-width: 1920px) {
  .blog-overview {
    margin-bottom: 120px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .blog-overview {
      margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .blog-overview {
      margin-bottom: calc(60px + (100vw - 767px) * 0.0520381613);
    }
  }
}
@media (max-width: 767px) {
  .blog-overview {
    margin-bottom: 60px;
  }
}
.blog-overview__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 56px;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
@media (max-width: 1920px) {
  .blog-overview__wrapper {
    -ms-grid-columns: 1fr 84px 1fr 84px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 84px;
       -moz-column-gap: 84px;
            column-gap: 84px;
    row-gap: 42px;
  }
}
@media (max-width: 1920px) and (min-width: 1920px) {
  .blog-overview__wrapper {
    -webkit-column-gap: 84px;
       -moz-column-gap: 84px;
            column-gap: 84px;
  }
}
@media (max-width: 1920px) and (min-width: 1440px) and (max-width: 1920px) {
  @supports ((-moz-column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem)) or (column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem))) {
    .blog-overview__wrapper {
      -webkit-column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem);
         -moz-column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem);
              column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem);
    }
  }
  @supports not ((-moz-column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem)) or (column-gap: clamp(1.5pxrem, calc(-156px + 12.5 * 1vw), 5.25pxrem))) {
    .blog-overview__wrapper {
      -webkit-column-gap: calc(24px + (100vw - 1440px) * 0.125);
         -moz-column-gap: calc(24px + (100vw - 1440px) * 0.125);
              column-gap: calc(24px + (100vw - 1440px) * 0.125);
    }
  }
}
@media (max-width: 1920px) and (max-width: 1440px) {
  .blog-overview__wrapper {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media (max-width: 1920px) and (min-width: 1920px) {
  .blog-overview__wrapper {
    row-gap: 42px;
  }
}
@media (max-width: 1920px) and (min-width: 767px) and (max-width: 1920px) {
  @supports (row-gap: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .blog-overview__wrapper {
      row-gap: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (row-gap: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .blog-overview__wrapper {
      row-gap: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 1920px) and (max-width: 767px) {
  .blog-overview__wrapper {
    row-gap: 24px;
  }
}
@media (max-width: 1024px) {
  .blog-overview__wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .blog-overview__wrapper {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 32px;
  }
}
@media (max-width: 467px) {
  .blog-overview__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.blog-overview-card {
  text-decoration: none;
}
.blog-overview-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 14px;
  aspect-ratio: 4/4;
}
.blog-overview-card__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/4;
}
.blog-overview-card__date {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 157%;
  color: #1c1c1c;
  margin-bottom: 8px;
}
@media (min-width: 1920px) {
  .blog-overview-card__date {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .blog-overview-card__date {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .blog-overview-card__date {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .blog-overview-card__date {
    font-size: 12px;
  }
}
.blog-overview-card__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 33px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1920px) {
  .blog-overview-card__title {
    font-size: 33px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.125pxrem, calc(8.0216825672px + 1.300954033 * 1vw), 2.0625pxrem)) {
    .blog-overview-card__title {
      font-size: clamp(1.125pxrem, calc(8.0216825672px + 1.300954033 * 1vw), 2.0625pxrem);
    }
  }
  @supports not (font-size: clamp(1.125pxrem, calc(8.0216825672px + 1.300954033 * 1vw), 2.0625pxrem)) {
    .blog-overview-card__title {
      font-size: calc(18px + (100vw - 767px) * 0.0130095403);
    }
  }
}
@media (max-width: 767px) {
  .blog-overview-card__title {
    font-size: 18px;
  }
}
.blog-overview-card__title p {
  max-width: 400px;
}

.blog-post {
  margin-top: 62px;
  margin-bottom: 126px;
}
@media (min-width: 1920px) {
  .blog-post {
    margin-top: 62px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (margin-top: clamp(2pxrem, calc(-58px + 6.25 * 1vw), 3.875pxrem)) {
    .blog-post {
      margin-top: clamp(2pxrem, calc(-58px + 6.25 * 1vw), 3.875pxrem);
    }
  }
  @supports not (margin-top: clamp(2pxrem, calc(-58px + 6.25 * 1vw), 3.875pxrem)) {
    .blog-post {
      margin-top: calc(32px + (100vw - 1440px) * 0.0625);
    }
  }
}
@media (max-width: 1440px) {
  .blog-post {
    margin-top: 32px;
  }
}
@media (min-width: 1920px) {
  .blog-post {
    margin-bottom: 126px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(4pxrem, calc(22.7562879445px + 5.3772766696 * 1vw), 7.875pxrem)) {
    .blog-post {
      margin-bottom: clamp(4pxrem, calc(22.7562879445px + 5.3772766696 * 1vw), 7.875pxrem);
    }
  }
  @supports not (margin-bottom: clamp(4pxrem, calc(22.7562879445px + 5.3772766696 * 1vw), 7.875pxrem)) {
    .blog-post {
      margin-bottom: calc(64px + (100vw - 767px) * 0.0537727667);
    }
  }
}
@media (max-width: 767px) {
  .blog-post {
    margin-bottom: 64px;
  }
}
.blog-post__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 136px;
}
@media (min-width: 1920px) {
  .blog-post__wrapper {
    gap: 136px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (gap: clamp(4.25pxrem, calc(-136px + 14.1666666667 * 1vw), 8.5pxrem)) {
    .blog-post__wrapper {
      gap: clamp(4.25pxrem, calc(-136px + 14.1666666667 * 1vw), 8.5pxrem);
    }
  }
  @supports not (gap: clamp(4.25pxrem, calc(-136px + 14.1666666667 * 1vw), 8.5pxrem)) {
    .blog-post__wrapper {
      gap: calc(68px + (100vw - 1440px) * 0.1416666667);
    }
  }
}
@media (max-width: 1440px) {
  .blog-post__wrapper {
    gap: 68px;
  }
}
@media (max-width: 1380px) {
  .blog-post__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 567px) {
  .blog-post__wrapper {
    gap: 42px;
  }
}
.blog-post__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  max-width: 670px;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
@media (max-width: 1380px) {
  .blog-post__img {
    max-width: 100%;
    aspect-ratio: 16/5;
  }
}
@media (max-width: 1024px) {
  .blog-post__img {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 767px) {
  .blog-post__img {
    aspect-ratio: 4/3;
  }
}
.blog-post__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-post__img-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 157%;
  text-align: center;
  color: #1c1c1c;
  padding: 8px 16px;
  background-color: #fff;
  position: absolute;
  right: 32px;
  top: 32px;
}
.blog-post__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.blog-post__text h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  max-width: 730px;
  margin-bottom: 48px;
}
@media (min-width: 1920px) {
  .blog-post__text h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .blog-post__text h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .blog-post__text h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .blog-post__text h2 {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .blog-post__text h2 {
    margin-bottom: 48px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem)) {
    .blog-post__text h2 {
      margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem)) {
    .blog-post__text h2 {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0208152645);
    }
  }
}
@media (max-width: 767px) {
  .blog-post__text h2 {
    margin-bottom: 24px;
  }
}
.blog-post__text p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 229%;
  color: #1c1c1c;
  margin-bottom: 32px;
}
@media (min-width: 1920px) {
  .blog-post__text p {
    margin-bottom: 32px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1pxrem, calc(5.356461405px + 1.3876843018 * 1vw), 2pxrem)) {
    .blog-post__text p {
      margin-bottom: clamp(1pxrem, calc(5.356461405px + 1.3876843018 * 1vw), 2pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1pxrem, calc(5.356461405px + 1.3876843018 * 1vw), 2pxrem)) {
    .blog-post__text p {
      margin-bottom: calc(16px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .blog-post__text p {
    margin-bottom: 16px;
  }
}
.blog-post__text .blog-post__btn {
  margin-top: auto;
}
.page-delivery-breadcrumbs {
	padding-top: 136px;
}
@media (max-width:767px) {
	.page-delivery-breadcrumbs {
    	padding-top: 62px;
	}
}
.contacts {
/*   margin-bottom: 120px; */
	    margin-bottom: 52px !important;
}
@media (min-width: 1920px) {
  .contacts {
    margin-bottom: 120px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .contacts {
      margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .contacts {
      margin-bottom: calc(60px + (100vw - 767px) * 0.0520381613);
    }
  }
}
@media (max-width: 767px) {
  .contacts {
    margin-bottom: 60px;
  }
}
.contacts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
}
@media (min-width: 1920px) {
  .contacts__wrapper {
    gap: 60px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(1.875pxrem, calc(10.0433651344px + 2.6019080659 * 1vw), 3.75pxrem)) {
    .contacts__wrapper {
      gap: clamp(1.875pxrem, calc(10.0433651344px + 2.6019080659 * 1vw), 3.75pxrem);
    }
  }
  @supports not (gap: clamp(1.875pxrem, calc(10.0433651344px + 2.6019080659 * 1vw), 3.75pxrem)) {
    .contacts__wrapper {
      gap: calc(30px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .contacts__wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .contacts__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contacts-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.contacts-map img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
}

.contacts-info {
  font-family: var(--font-family);
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}
.contacts-info__title {
  font-weight: 300;
  margin-bottom: 8px;
}
section.contacts > div > div > div.contacts-info > div > p:nth-child(1) {
	margin-bottom: 18px;
}
section.contacts > div > div > div.contacts-info > div > p:nth-child(5) {
	margin-top: 36px;
	margin-bottom: 18px;
}

section.contacts > div > div > div.contacts-info > div > p:nth-child(3) {
	margin-bottom: 0;
}
.contacts-info__text {
  margin-bottom: 6px;
}
.contacts-info__link {
  color: inherit;
  text-decoration: none;
	color: #000;
}


.contacts-info__link:hover {
  text-decoration: none;
}
.contacts-info__schedule {
  margin-top: 20px;
}
.contacts-info__table {
  width: 100%;
  max-width: 340px;
  border-collapse: collapse;
  margin-top: 14px;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  color: #000;
}
.contacts-info__table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contacts-info__table th,
.contacts-info__table td {
  border: 1px solid #000;
  padding: 8px 12px;
  text-align: left;
  width: 50%;
  max-width: 50%;
}
.contacts-info__table th {
  font-weight: 300;
  background-color: #fff;
}
section.contacts> div > div > div.contacts-info > div > table > thead {
	border: 1px solid #000;
}
section.contacts > div > div > div.contacts-info > div > table > thead > tr > th {
    width: 100%;
    border: none;
}
.contacts-info__address {
    font-weight: 300;
    font-size: 18px;
}
div.contacts-info > div > table > tbody:nth-child(2) {
/*   border: 1px solid #000; */
}

div.contacts-info > div > table > tbody:nth-child(2) > tr > th {
  border: none;
  width: 100%;
  max-width: 100%;
}

.services-overview {
  margin-bottom: 120px;
}
@media (min-width: 1920px) {
  .services-overview {
    margin-bottom: 120px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .services-overview {
      margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.75pxrem, calc(20.0867302689px + 5.2038161318 * 1vw), 7.5pxrem)) {
    .services-overview {
      margin-bottom: calc(60px + (100vw - 767px) * 0.0520381613);
    }
  }
}
@media (max-width: 767px) {
  .services-overview {
    margin-bottom: 60px;
  }
}
.services-overview-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 1920px) {
  .services-overview-tiles {
    gap: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .services-overview-tiles {
      gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .services-overview-tiles {
      gap: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .services-overview-tiles {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .services-overview-tiles {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .services-overview-tiles a.catalog-tiles-card.mobile-wide {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
  }
}
.services-overview-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.33%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px) {
  .services-overview-card {
    width: 100%;
  }
}
.services-overview-card:hover {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.services-overview-card:hover img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
/* .services-overview-card:hover::after {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  background-color: #ffc242;
  mix-blend-mode: multiply;
} */
.services-overview-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-overview-card__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 50px;
  line-height: 84%;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 70px;
  bottom: 20%;
  z-index: 10;
  max-width: 260px;
  line-height: 84%;
}
@media (min-width: 1920px) {
  .services-overview-card__title {
    font-size: 50px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.25pxrem, calc(0.0433651344px + 2.6019080659 * 1vw), 3.125pxrem)) {
    .services-overview-card__title {
      font-size: clamp(1.25pxrem, calc(0.0433651344px + 2.6019080659 * 1vw), 3.125pxrem);
    }
  }
  @supports not (font-size: clamp(1.25pxrem, calc(0.0433651344px + 2.6019080659 * 1vw), 3.125pxrem)) {
    .services-overview-card__title {
      font-size: calc(20px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .services-overview-card__title {
    font-size: 20px;
  }
}
@media (min-width: 1920px) {
  .services-overview-card__title {
    left: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem)) {
    .services-overview-card__title {
      left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem);
    }
  }
  @supports not (left: clamp(1.25pxrem, calc(-13.2610581093px + 4.3365134432 * 1vw), 4.375pxrem)) {
    .services-overview-card__title {
      left: calc(20px + (100vw - 767px) * 0.0433651344);
    }
  }
}
@media (max-width: 767px) {
  .services-overview-card__title {
    left: 20px;
  }
}
@media (min-width: 1920px) {
  .services-overview-card__title {
    bottom: 120px;
  }
}
@media (min-width: 991px) and (max-width: 1920px) {
  @supports (bottom: clamp(1.25pxrem, calc(-86.6738428418px + 10.764262648 * 1vw), 7.5pxrem)) {
    .services-overview-card__title {
      bottom: clamp(1.25pxrem, calc(-86.6738428418px + 10.764262648 * 1vw), 7.5pxrem);
    }
  }
  @supports not (bottom: clamp(1.25pxrem, calc(-86.6738428418px + 10.764262648 * 1vw), 7.5pxrem)) {
    .services-overview-card__title {
      bottom: calc(20px + (100vw - 991px) * 0.1076426265);
    }
  }
}
@media (max-width: 991px) {
  .services-overview-card__title {
    bottom: 20px;
  }
}
.services-overview-card::after {
  content: "";
  position: absolute;
  background-color: rgba(28, 28, 28, 0.5);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.services-overview__wrapper > div > a:nth-child(1)::after {
	background-color: #ffc242;
    mix-blend-mode: multiply;
}
@media (max-width: 767px) {
  .services-overview-card:last-of-type {
    grid-column: 1/-1;
    aspect-ratio: 16/7;
  }
}
.services-overview-card.orange-filter::after {
  content: "";
  position: absolute;
  background-color: #ffc242;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.services-accordion {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: normal;
  color: #1c1c1c;
  margin-bottom: 132px;
}
@media (min-width: 1920px) {
  .services-accordion {
    margin-bottom: 132px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(4.125pxrem, calc(22.0954032958px + 5.724197745 * 1vw), 8.25pxrem)) {
    .services-accordion {
      margin-bottom: clamp(4.125pxrem, calc(22.0954032958px + 5.724197745 * 1vw), 8.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(4.125pxrem, calc(22.0954032958px + 5.724197745 * 1vw), 8.25pxrem)) {
    .services-accordion {
      margin-bottom: calc(66px + (100vw - 767px) * 0.0572419775);
    }
  }
}
@media (max-width: 767px) {
  .services-accordion {
    margin-bottom: 66px;
  }
}
.services-accordion-secondary .text {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  max-width: 600px;
}
@media (max-width: 1240px) {
  .services-accordion-secondary .text {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .services-accordion-secondary .text {
    max-width: 100%;
  }
}
.services-accordion-secondary .text p {
  margin-bottom: 16px;
}
.services-accordion-secondary .services-accordion__wrapper {
  gap: 60px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1920px) {
  .services-accordion-secondary .services-accordion__wrapper {
    gap: 60px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(1.875pxrem, calc(10.0433651344px + 2.6019080659 * 1vw), 3.75pxrem)) {
    .services-accordion-secondary .services-accordion__wrapper {
      gap: clamp(1.875pxrem, calc(10.0433651344px + 2.6019080659 * 1vw), 3.75pxrem);
    }
  }
  @supports not (gap: clamp(1.875pxrem, calc(10.0433651344px + 2.6019080659 * 1vw), 3.75pxrem)) {
    .services-accordion-secondary .services-accordion__wrapper {
      gap: calc(30px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .services-accordion-secondary .services-accordion__wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .services-accordion-secondary .services-accordion__wrapper {
    gap: 0;
  }
}
.services-accordion-secondary .services-accordion-accordion {
  max-width: 900px;
}
.services-accordion h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  max-width: 730px;
  margin-bottom: 48px;
}
@media (min-width: 1920px) {
  .services-accordion h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .services-accordion h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .services-accordion h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .services-accordion h2 {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .services-accordion h2 {
    margin-bottom: 48px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem)) {
    .services-accordion h2 {
      margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem)) {
    .services-accordion h2 {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0208152645);
    }
  }
}
@media (max-width: 767px) {
  .services-accordion h2 {
    margin-bottom: 24px;
  }
}
.services-accordion p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: normal;
  color: #1c1c1c;
}
.services-accordion__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .services-accordion__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.services-accordion-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.services-accordion-accordion > p {
  max-width: 580px;
  margin-bottom: 32px;
}
@media (min-width: 1920px) {
  .services-accordion-accordion > p {
    margin-bottom: 32px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.125pxrem, calc(8.6869037294px + 1.2142237641 * 1vw), 2pxrem)) {
    .services-accordion-accordion > p {
      margin-bottom: clamp(1.125pxrem, calc(8.6869037294px + 1.2142237641 * 1vw), 2pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.125pxrem, calc(8.6869037294px + 1.2142237641 * 1vw), 2pxrem)) {
    .services-accordion-accordion > p {
      margin-bottom: calc(18px + (100vw - 767px) * 0.0121422376);
    }
  }
}
@media (max-width: 767px) {
  .services-accordion-accordion > p {
    margin-bottom: 18px;
  }
}
.services-accordion .accordion-content-inner {
  position: relative;
}
.services-accordion .accordion-content-inner::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.services-accordion .accordion-content-inner ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.services-accordion .accordion-content-inner ul li {
  position: relative;
}
.services-accordion .accordion-content-inner ul li::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ffc242;
  left: -24px;
  top: 0;
}
@media (max-width:467px) {
	.services-accordion .accordion-content-inner ul li::after {
		width: 7px;
		height: 7px;
		left: -14px;
    	top: 4px;
	}
	.services-accordion .accordion-content-inner ul li {
		margin-left: 12px;
	}
}

.accordion-header {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: normal;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .accordion-header {
    font-size: 36px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.375pxrem, calc(12.6869037294px + 1.2142237641 * 1vw), 2.25pxrem)) {
    .accordion-header {
      font-size: clamp(1.375pxrem, calc(12.6869037294px + 1.2142237641 * 1vw), 2.25pxrem);
    }
  }
  @supports not (font-size: clamp(1.375pxrem, calc(12.6869037294px + 1.2142237641 * 1vw), 2.25pxrem)) {
    .accordion-header {
      font-size: calc(22px + (100vw - 767px) * 0.0121422376);
    }
  }
}
@media (max-width: 767px) {
  .accordion-header {
    font-size: 22px;
  }
}

.services-banner {
  margin-top: 110px;
  margin-bottom: 50px;
}
@media (min-width: 1920px) {
  .services-banner {
    margin-bottom: 50px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(6.7042497832px + 2.2549869905 * 1vw), 3.125pxrem)) {
    .services-banner {
      margin-bottom: clamp(1.5pxrem, calc(6.7042497832px + 2.2549869905 * 1vw), 3.125pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(6.7042497832px + 2.2549869905 * 1vw), 3.125pxrem)) {
    .services-banner {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0225498699);
    }
  }
}
@media (max-width: 767px) {
  .services-banner {
    margin-bottom: 24px;
	margin-top:56px;
  }
}
.services-banner__wrapper {
  position: relative;
}
.services-banner__img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.services-banner__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
}
@media (max-width:467px) {
	.services-banner__img img {
		height: 200px;
	}
}
.services-banner__img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFC242;
  mix-blend-mode: multiply;
  z-index: 10;
}
.services-banner h1 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #fff;
}
@media (min-width: 1920px) {
  .services-banner h1 {
    font-size: 132px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(3.875pxrem, calc(15.434518647px + 6.0711188205 * 1vw), 8.25pxrem)) {
    .services-banner h1 {
      font-size: clamp(3.875pxrem, calc(15.434518647px + 6.0711188205 * 1vw), 8.25pxrem);
    }
  }
  @supports not (font-size: clamp(3.875pxrem, calc(15.434518647px + 6.0711188205 * 1vw), 8.25pxrem)) {
    .services-banner h1 {
      font-size: calc(62px + (100vw - 767px) * 0.0607111882);
    }
  }
}
@media (max-width: 767px) {
  .services-banner h1 {
    font-size: 62px;
  }
}
@media (max-width: 767px) and (min-width: 767px) {
  .services-banner h1 {
    font-size: 62px;
  }
}
@media (max-width: 767px) and (min-width: 467px) and (max-width: 767px) {
  @supports (font-size: clamp(2pxrem, calc(-14.7px + 10 * 1vw), 3.875pxrem)) {
    .services-banner h1 {
      font-size: clamp(2pxrem, calc(-14.7px + 10 * 1vw), 3.875pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(-14.7px + 10 * 1vw), 3.875pxrem)) {
    .services-banner h1 {
      font-size: calc(32px + (100vw - 467px) * 0.1);
    }
  }
}
@media (max-width: 767px) and (max-width: 467px) {
  .services-banner h1 {
    font-size: 32px;
  }
}
.services-banner__text {
  position: absolute;
  top: 48px;
  left: 50px;
  z-index: 15;
}
@media (min-width: 1920px) {
  .services-banner__text {
    top: 48px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (top: clamp(5.75pxrem, calc(106.1417756366px + -3.0282174811 * 1vw), 3pxrem)) {
    .services-banner__text {
      top: clamp(5.75pxrem, calc(106.1417756366px + -3.0282174811 * 1vw), 3pxrem);
    }
  }
  @supports not (top: clamp(5.75pxrem, calc(106.1417756366px + -3.0282174811 * 1vw), 3pxrem)) {
    .services-banner__text {
      top: calc(92px + (100vw - 467px) * -0.0302821748);
    }
  }
}
@media (max-width: 467px) {
  .services-banner__text {
    top: 42px;
  }
}
@media (min-width: 1920px) {
  .services-banner__text {
    left: 50px;
  }
}
@media (min-width: 467px) and (max-width: 1920px) {
  @supports (left: clamp(1.5pxrem, calc(15.6434962147px + 1.7894012388 * 1vw), 3.125pxrem)) {
    .services-banner__text {
      left: clamp(1.5pxrem, calc(15.6434962147px + 1.7894012388 * 1vw), 3.125pxrem);
    }
  }
  @supports not (left: clamp(1.5pxrem, calc(15.6434962147px + 1.7894012388 * 1vw), 3.125pxrem)) {
    .services-banner__text {
      left: calc(24px + (100vw - 467px) * 0.0178940124);
    }
  }
}
@media (max-width: 467px) {
  .services-banner__text {
    left: 24px;
  }
}
.services-banner__text .breadcrumbs {
  padding: 0 0 10px 0;
}
.services-banner__text .breadcrumbs__current, .services-banner__text .breadcrumbs__divider, .services-banner__text .breadcrumbs__link {
  color: #fff;
}
.services-banner__text .breadcrumbs__item {
  background-color: transparent;
}

.services-swiper {
  padding: 30px 0 60px 0;
}
.services-swiper .ui-button {
  margin: 0 auto;
}
.services-swiper__wrapper {
  overflow: hidden;
  margin-bottom: 44px;
}
.services-swiper__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 0px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.services-swiper__slide:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.services-swiper__slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.services-swiper__image {
  width: 100%;
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px;
}
.services-swiper__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #1c1c1c;
  margin-bottom: 8px;
  text-align: center;
}
.services-swiper__text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #1c1c1c;
  margin-bottom: 16px;
}
.services-swiper__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
  max-width: 90vw;
  margin: 0 auto;
}
.services-swiper__buttons .services-swiper__button {
  pointer-events: auto;
  background: transparent;
  border: none;
  outline: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.services-swiper__buttons .services-swiper__button:hover {
  background: #000;
  color: #fff;
}

.compensate-for-scrollbar {
  padding-right: 1px !important;
}

.usage {
  margin-bottom: 110px;
}
@media (min-width: 1920px) {
  .usage {
    margin-bottom: 110px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.5pxrem, calc(20.078057242px + 4.6834345186 * 1vw), 6.875pxrem)) {
    .usage {
      margin-bottom: clamp(3.5pxrem, calc(20.078057242px + 4.6834345186 * 1vw), 6.875pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.5pxrem, calc(20.078057242px + 4.6834345186 * 1vw), 6.875pxrem)) {
    .usage {
      margin-bottom: calc(56px + (100vw - 767px) * 0.0468343452);
    }
  }
}
@media (max-width: 767px) {
  .usage {
    margin-bottom: 56px;
  }
}
.usage h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  max-width: 680px;
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  .usage h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .usage h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .usage h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .usage h2 {
    font-size: 32px;
  }
}
.usage__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1380px) {
  .usage__wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .usage__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
	  gap: 12px;
  }
}
.usage-card {
  padding: 42px 56px;
  border: 1px solid #000;
}
@media (min-width: 1920px) {
  .usage-card {
    padding-top: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-card {
      padding-top: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-card {
      padding-top: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .usage-card {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .usage-card {
    padding-right: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .usage-card {
      padding-right: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (padding-right: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .usage-card {
      padding-right: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .usage-card {
    padding-right: 24px;
  }
}
@media (min-width: 1920px) {
  .usage-card {
    padding-bottom: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-card {
      padding-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-card {
      padding-bottom: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .usage-card {
    padding-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .usage-card {
    padding-left: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .usage-card {
      padding-left: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (padding-left: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .usage-card {
      padding-left: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .usage-card {
    padding-left: 24px;
  }
}
.usage-card__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 21px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
}
.usage-card__title p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 21px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  max-width: 265px;
}
@media (min-width: 1920px) {
  .usage-card__title p {
    font-size: 21px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(12.6738941891px + 0.4336513443 * 1vw), 1.3125pxrem)) {
    .usage-card__title p {
      font-size: clamp(1pxrem, calc(12.6738941891px + 0.4336513443 * 1vw), 1.3125pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(12.6738941891px + 0.4336513443 * 1vw), 1.3125pxrem)) {
    .usage-card__title p {
      font-size: calc(16px + (100vw - 767px) * 0.0043365134);
    }
  }
}
@media (max-width: 767px) {
  .usage-card__title p {
    font-size: 16px;
  }
}

.usage-order-guide h2 {
  margin-bottom: 56px;
}
@media (min-width: 1920px) {
  .usage-order-guide h2 {
    margin-bottom: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .usage-order-guide h2 {
      margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .usage-order-guide h2 {
      margin-bottom: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .usage-order-guide h2 {
    margin-bottom: 24px;
  }
}
.usage-order-guide h3 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 33px;
  color: #000;
}
.usage-order-guide .usage__wrapper {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 676px) {
  .usage-order-guide .usage__wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 467px) {
  .usage-order-guide .usage__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.usage-order-guide .usage-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 42px;
  text-align: left;
}
@media (min-width: 1920px) {
  .usage-order-guide .usage-card {
    padding-top: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-top: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-top: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .usage-order-guide .usage-card {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .usage-order-guide .usage-card {
    padding-right: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-right: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-right: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-right: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .usage-order-guide .usage-card {
    padding-right: 24px;
  }
}
@media (min-width: 1920px) {
  .usage-order-guide .usage-card {
    padding-bottom: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-bottom: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .usage-order-guide .usage-card {
    padding-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .usage-order-guide .usage-card {
    padding-left: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-left: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-left: clamp(1.5pxrem, calc(12.0260190807px + 1.5611448395 * 1vw), 2.625pxrem)) {
    .usage-order-guide .usage-card {
      padding-left: calc(24px + (100vw - 767px) * 0.0156114484);
    }
  }
}
@media (max-width: 767px) {
  .usage-order-guide .usage-card {
    padding-left: 24px;
  }
}
.usage-order-guide .usage-card h3 {
  text-align: left;
  margin-bottom: 32px;
}
.usage-order-guide .usage-card p {
  text-align: left;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #000;
  text-transform: none;
}

.usage-order-guide-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
      justify-content: space-between;
}
@media (max-width: 676px) {
  .usage-order-guide-card {
    grid-column: 1/-1;
	  margin-bottom: 12px;
  }
}
.usage-order-guide-card p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #000;
	max-width: 420px;
}

.team-swiper h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  margin-bottom: 44px;
}
@media (min-width: 1920px) {
  .team-swiper h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .team-swiper h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .team-swiper h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .team-swiper h2 {
    font-size: 32px;
  }
}

.company-history {
  margin-bottom: 86px;
}
@media (min-width: 1920px) {
  .company-history {
    margin-bottom: 86px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem)) {
    .company-history {
      margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem)) {
    .company-history {
      margin-bottom: calc(52px + (100vw - 767px) * 0.0294882914);
    }
  }
}
@media (max-width: 767px) {
  .company-history {
    margin-bottom: 52px;
  }
}
.company-history h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  margin-bottom: 24px;
}
@media (min-width: 1920px) {
  .company-history h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .company-history h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .company-history h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .company-history h2 {
    font-size: 32px;
  }
}
.company-history__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 86px 1fr 86px 1fr 86px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-column-gap: 86px;
     -moz-column-gap: 86px;
          column-gap: 86px;
}
@media (min-width: 1920px) {
  .company-history__wrapper {
    -webkit-column-gap: 86px;
       -moz-column-gap: 86px;
            column-gap: 86px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports ((-moz-column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem)) or (column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem))) {
    .company-history__wrapper {
      -webkit-column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem);
         -moz-column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem);
              column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem);
    }
  }
  @supports not ((-moz-column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem)) or (column-gap: clamp(1.5pxrem, calc(-17.2437120555px + 5.3772766696 * 1vw), 5.375pxrem))) {
    .company-history__wrapper {
      -webkit-column-gap: calc(24px + (100vw - 767px) * 0.0537727667);
         -moz-column-gap: calc(24px + (100vw - 767px) * 0.0537727667);
              column-gap: calc(24px + (100vw - 767px) * 0.0537727667);
    }
  }
}
@media (max-width: 767px) {
  .company-history__wrapper {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media (max-width: 1024px) {
  .company-history__wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 56px;
  }
}
@media (max-width: 1024px) and (min-width: 1024px) {
  .company-history__wrapper {
    row-gap: 56px;
  }
}
@media (max-width: 1024px) and (min-width: 767px) and (max-width: 1024px) {
  @supports (row-gap: clamp(2pxrem, calc(-39.626459144px + 9.3385214008 * 1vw), 3.5pxrem)) {
    .company-history__wrapper {
      row-gap: clamp(2pxrem, calc(-39.626459144px + 9.3385214008 * 1vw), 3.5pxrem);
    }
  }
  @supports not (row-gap: clamp(2pxrem, calc(-39.626459144px + 9.3385214008 * 1vw), 3.5pxrem)) {
    .company-history__wrapper {
      row-gap: calc(32px + (100vw - 767px) * 0.093385214);
    }
  }
}
@media (max-width: 1024px) and (max-width: 767px) {
  .company-history__wrapper {
    row-gap: 32px;
  }
}
@media (max-width: 1024px) and (min-width: 766px) {
  .company-history__wrapper {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media (max-width: 1024px) and (min-width: 467px) and (max-width: 766px) {
  @supports ((-moz-column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem)) or (column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem))) {
    .company-history__wrapper {
      -webkit-column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem);
         -moz-column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem);
              column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem);
    }
  }
  @supports not ((-moz-column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem)) or (column-gap: clamp(0.75pxrem, calc(-6.7424749164px + 4.0133779264 * 1vw), 1.5pxrem))) {
    .company-history__wrapper {
      -webkit-column-gap: calc(12px + (100vw - 467px) * 0.0401337793);
         -moz-column-gap: calc(12px + (100vw - 467px) * 0.0401337793);
              column-gap: calc(12px + (100vw - 467px) * 0.0401337793);
    }
  }
}
@media (max-width: 1024px) and (max-width: 467px) {
  .company-history__wrapper {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width:467px) {
	.company-history__wrapper {
		grid-template-columns: 1fr !important;
	}
}
.company-history-block__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.company-history-block__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.company-history-block__img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FFC242;
  mix-blend-mode: multiply;
}
.company-history-block__badge {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  color: #000;
  padding: 10px 24px;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
  margin: 0 auto;
  bottom: 54px;
}
@media (min-width: 1920px) {
  .company-history-block__badge {
    font-size: 18px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.875pxrem, calc(11.3391153513px + 0.3469210755 * 1vw), 1.125pxrem)) {
    .company-history-block__badge {
      font-size: clamp(0.875pxrem, calc(11.3391153513px + 0.3469210755 * 1vw), 1.125pxrem);
    }
  }
  @supports not (font-size: clamp(0.875pxrem, calc(11.3391153513px + 0.3469210755 * 1vw), 1.125pxrem)) {
    .company-history-block__badge {
      font-size: calc(14px + (100vw - 767px) * 0.0034692108);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__badge {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .company-history-block__badge {
    padding-top: 10px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(0.25pxrem, calc(0.0086730269px + 0.5203816132 * 1vw), 0.625pxrem)) {
    .company-history-block__badge {
      padding-top: clamp(0.25pxrem, calc(0.0086730269px + 0.5203816132 * 1vw), 0.625pxrem);
    }
  }
  @supports not (padding-top: clamp(0.25pxrem, calc(0.0086730269px + 0.5203816132 * 1vw), 0.625pxrem)) {
    .company-history-block__badge {
      padding-top: calc(4px + (100vw - 767px) * 0.0052038161);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__badge {
    padding-top: 4px;
  }
}
@media (min-width: 1920px) {
  .company-history-block__badge {
    padding-left: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.5pxrem, calc(-2.643538595px + 1.3876843018 * 1vw), 1.5pxrem)) {
    .company-history-block__badge {
      padding-left: clamp(0.5pxrem, calc(-2.643538595px + 1.3876843018 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-left: clamp(0.5pxrem, calc(-2.643538595px + 1.3876843018 * 1vw), 1.5pxrem)) {
    .company-history-block__badge {
      padding-left: calc(8px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__badge {
    padding-left: 8px;
  }
}
@media (min-width: 1920px) {
  .company-history-block__badge {
    padding-right: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.5pxrem, calc(-2.643538595px + 1.3876843018 * 1vw), 1.5pxrem)) {
    .company-history-block__badge {
      padding-right: clamp(0.5pxrem, calc(-2.643538595px + 1.3876843018 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-right: clamp(0.5pxrem, calc(-2.643538595px + 1.3876843018 * 1vw), 1.5pxrem)) {
    .company-history-block__badge {
      padding-right: calc(8px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__badge {
    padding-right: 8px;
  }
}
@media (min-width: 1920px) {
  .company-history-block__badge {
    padding-bottom: 10px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(0.25pxrem, calc(0.0086730269px + 0.5203816132 * 1vw), 0.625pxrem)) {
    .company-history-block__badge {
      padding-bottom: clamp(0.25pxrem, calc(0.0086730269px + 0.5203816132 * 1vw), 0.625pxrem);
    }
  }
  @supports not (padding-bottom: clamp(0.25pxrem, calc(0.0086730269px + 0.5203816132 * 1vw), 0.625pxrem)) {
    .company-history-block__badge {
      padding-bottom: calc(4px + (100vw - 767px) * 0.0052038161);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__badge {
    padding-bottom: 4px;
  }
}
@media (min-width: 1920px) {
  .company-history-block__badge {
    bottom: 54px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (bottom: clamp(1.5pxrem, calc(4.0433651344px + 2.6019080659 * 1vw), 3.375pxrem)) {
    .company-history-block__badge {
      bottom: clamp(1.5pxrem, calc(4.0433651344px + 2.6019080659 * 1vw), 3.375pxrem);
    }
  }
  @supports not (bottom: clamp(1.5pxrem, calc(4.0433651344px + 2.6019080659 * 1vw), 3.375pxrem)) {
    .company-history-block__badge {
      bottom: calc(24px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__badge {
    bottom: 24px;
  }
}
.company-history-block__title {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  color: #000;
  max-width: 225px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
@media (min-width: 1920px) {
  .company-history-block__title {
    font-size: 18px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.875pxrem, calc(11.3391153513px + 0.3469210755 * 1vw), 1.125pxrem)) {
    .company-history-block__title {
      font-size: clamp(0.875pxrem, calc(11.3391153513px + 0.3469210755 * 1vw), 1.125pxrem);
    }
  }
  @supports not (font-size: clamp(0.875pxrem, calc(11.3391153513px + 0.3469210755 * 1vw), 1.125pxrem)) {
    .company-history-block__title {
      font-size: calc(14px + (100vw - 767px) * 0.0034692108);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__title {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .company-history-block__title {
    margin-top: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .company-history-block__title {
      margin-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (margin-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .company-history-block__title {
      margin-top: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .company-history-block__title {
    margin-top: 12px;
  }
}

.about-company h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  margin-bottom: 56px;
}
@media (min-width: 1920px) {
  .about-company h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .about-company h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .about-company h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .about-company h2 {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .about-company h2 {
    margin-bottom: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .about-company h2 {
      margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .about-company h2 {
      margin-bottom: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .about-company h2 {
    margin-bottom: 24px;
  }
}
.about-company h3 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 33px;
  color: #000;
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  .about-company h3 {
    font-size: 33px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.5pxrem, calc(18.0130095403px + 0.7805724198 * 1vw), 2.0625pxrem)) {
    .about-company h3 {
      font-size: clamp(1.5pxrem, calc(18.0130095403px + 0.7805724198 * 1vw), 2.0625pxrem);
    }
  }
  @supports not (font-size: clamp(1.5pxrem, calc(18.0130095403px + 0.7805724198 * 1vw), 2.0625pxrem)) {
    .about-company h3 {
      font-size: calc(24px + (100vw - 767px) * 0.0078057242);
    }
  }
}
@media (max-width: 767px) {
  .about-company h3 {
    font-size: 24px;
  }
}
.about-company p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 157%;
  color: #1c1c1c;
  margin-bottom: 16px;
}
.about-company .ui-button {
  margin-top: 56px;
  width: 235px;
}
@media (max-width:467px) {
	.about-company .ui-button {
		padding: 24px;
	}
}
.about-company__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
	justify-content: space-between;
}
@media (min-width: 1920px) {
  .about-company__wrapper {
    gap: 100px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(3.5pxrem, calc(26.7302688638px + 3.81613183 * 1vw), 6.25pxrem)) {
    .about-company__wrapper {
      gap: clamp(3.5pxrem, calc(26.7302688638px + 3.81613183 * 1vw), 6.25pxrem);
    }
  }
  @supports not (gap: clamp(3.5pxrem, calc(26.7302688638px + 3.81613183 * 1vw), 6.25pxrem)) {
    .about-company__wrapper {
      gap: calc(56px + (100vw - 767px) * 0.0381613183);
    }
  }
}
@media (max-width: 767px) {
  .about-company__wrapper {
    gap: 56px;
  }
}
@media (max-width: 991px) {
  .about-company__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.about-company__text {
  max-width: 700px;
}
.about-company__info {
  max-width: 900px;
}
.about-company .product-line__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 567px) {
  .about-company .product-line__bottom {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .about-company .product-line__badge.img {
    grid-column: 1/-1;
  }
}
.about-company .product-line__badge {
  background-color: transparent;
}
/* .about-company .product-line__badge:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: #FFC242;
  color: #FFC242;
} */
.about-company .product-line__badge img {
  width: 189px;
  height: 277px;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-line__badge.img {
	position: relative;	
}


.product-line__badge.img::before {
    content: "";
    position: absolute;
    background: #f5f5f5;
    width: 200px;
    height: 185px;
    z-index: -5;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    bottom: 15%;
    right: 0;
}

section.about-company > div > div > div.about-company__info > div.why-us__bottom > div:nth-child(3) {
	width: 50%;
}

.page-delivery-why-us {
	margin-bottom: 42px !important;
}

@media (max-width: 567px) {
  .about-company .product-line__badge img {
    width: 150px;
    height: 220px;
  }
}
.about-company .product-line__badge {
  padding: 0;
}
.about-company .why-us__bottom {
  gap: 12px;
  margin-bottom: 56px;
}
@media (min-width: 1920px) {
  .about-company .why-us__bottom {
    margin-bottom: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.5pxrem, calc(56px + 0 * 1vw), 3.5pxrem)) {
    .about-company .why-us__bottom {
      margin-bottom: clamp(3.5pxrem, calc(56px + 0 * 1vw), 3.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.5pxrem, calc(56px + 0 * 1vw), 3.5pxrem)) {
    .about-company .why-us__bottom {
      margin-bottom: calc(56px + (100vw - 767px) * 0);
    }
  }
}
@media (max-width: 767px) {
  .about-company .why-us__bottom {
    margin-bottom: 56px;
  }
}
@media (max-width: 1024px) {
  .about-company .why-us__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.about-company .why-us-step__text {
  max-width: 280px;
	margin-top: 0;
}
@media (max-width:767px) {
	section.why-us.page-catalog div.why-us__bottom {
		gap: 0px;
	}
}
.order-guide-banner {
  margin-bottom: 86px;
}
.catalog-tiles.page-catalog .breadcrumbs {
    padding-top: 138px;
}
@media (max-width:767px) {
	.catalog-tiles.page-catalog .breadcrumbs {
        padding-top: 62px;
	}
}

@media (min-width: 1920px) {
  .order-guide-banner {
    margin-bottom: 86px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem)) {
    .order-guide-banner {
      margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.25pxrem, calc(29.3824804857px + 2.9488291414 * 1vw), 5.375pxrem)) {
    .order-guide-banner {
      margin-bottom: calc(52px + (100vw - 767px) * 0.0294882914);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-banner {
    margin-bottom: 52px;
  }
}
.order-guide-banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 567px) {
  .order-guide-banner__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.order-guide-banner__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffc242;
  padding: 52px;
}
@media (min-width: 1920px) {
  .order-guide-banner__text {
    padding-top: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-top: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-top: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-banner__text {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .order-guide-banner__text {
    padding-left: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-left: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (padding-left: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-left: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-banner__text {
    padding-left: 24px;
  }
}
@media (min-width: 1920px) {
  .order-guide-banner__text {
    padding-right: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-right: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (padding-right: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-right: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-banner__text {
    padding-right: 24px;
  }
}
@media (min-width: 1920px) {
  .order-guide-banner__text {
    padding-bottom: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .order-guide-banner__text {
      padding-bottom: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-banner__text {
    padding-bottom: 24px;
  }
}
.order-guide-banner__text h3 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  margin-bottom: 24px;
}
@media (min-width: 1920px) {
  .order-guide-banner__text h3 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .order-guide-banner__text h3 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .order-guide-banner__text h3 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-banner__text h3 {
    font-size: 32px;
  }
}
.order-guide-banner__text p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #000;
  max-width: 380px;
}
.order-guide-banner__text-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	
	
    justify-content: space-between;
    height: 100%;
    display: flex;
    align-items: center;
}
@media (max-width:1660px) {
	.order-guide-banner__button a {
		    padding: 12px !important;
	}
}
@media (max-width:767px) {
	.order-guide-banner__button a {
		padding: 12px 24px !important;
	}
}
@media (min-width: 568px) {
	.order-guide-banner__text {
		width: 120%;
	}
}
@media (max-width:567px) {
	.order-guide-banner__text-bottom {
		align-items: flex-start;
		    margin-bottom: 12px;
	}
	
}
@media (max-width: 1660px) {
  .order-guide-banner__text-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
.order-guide-banner__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.order-guide-banner__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.order-guide-banner__img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.4;
  mix-blend-mode: multiply;
}
.order-guide-banner__button {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  padding: 24px 56px;
  background-color: #fff;
}

.order-guide-delivery {
  margin-bottom: 100px;
}
@media (min-width: 1920px) {
  .order-guide-delivery {
    margin-bottom: 100px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.125pxrem, calc(16.7389418907px + 4.3365134432 * 1vw), 6.25pxrem)) {
    .order-guide-delivery {
      margin-bottom: clamp(3.125pxrem, calc(16.7389418907px + 4.3365134432 * 1vw), 6.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.125pxrem, calc(16.7389418907px + 4.3365134432 * 1vw), 6.25pxrem)) {
    .order-guide-delivery {
      margin-bottom: calc(50px + (100vw - 767px) * 0.0433651344);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery {
    margin-bottom: 50px;
  }
}
.order-guide-delivery .contacts-info__table th {
  background-color: transparent;
}
.order-guide-delivery h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  margin-bottom: 44px;
}
@media (min-width: 1920px) {
  .order-guide-delivery h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .order-guide-delivery h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .order-guide-delivery h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery h2 {
    font-size: 32px;
  }
}
.order-guide-delivery__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}
@media (min-width: 1920px) {
  .order-guide-delivery__wrapper {
    gap: 32px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(1pxrem, calc(5.356461405px + 1.3876843018 * 1vw), 2pxrem)) {
    .order-guide-delivery__wrapper {
      gap: clamp(1pxrem, calc(5.356461405px + 1.3876843018 * 1vw), 2pxrem);
    }
  }
  @supports not (gap: clamp(1pxrem, calc(5.356461405px + 1.3876843018 * 1vw), 2pxrem)) {
    .order-guide-delivery__wrapper {
      gap: calc(16px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery__wrapper {
    gap: 16px;
  }
}
@media (max-width: 1440px) {
  .order-guide-delivery__wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .order-guide-delivery__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.order-guide-delivery-card {
  background-color: #F6F6F6;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .order-guide-delivery-card {
    padding-top: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-top: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-top: calc(24px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery-card {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .order-guide-delivery-card {
    padding-right: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-right: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem);
    }
  }
  @supports not (padding-right: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-right: calc(24px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery-card {
    padding-right: 24px;
  }
}
@media (min-width: 1920px) {
  .order-guide-delivery-card {
    padding-bottom: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-bottom: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-bottom: calc(24px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery-card {
    padding-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .order-guide-delivery-card {
    padding-left: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-left: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem);
    }
  }
  @supports not (padding-left: clamp(1.5pxrem, calc(13.356461405px + 1.3876843018 * 1vw), 2.5pxrem)) {
    .order-guide-delivery-card {
      padding-left: calc(24px + (100vw - 767px) * 0.013876843);
    }
  }
}
@media (max-width: 767px) {
  .order-guide-delivery-card {
    padding-left: 24px;
  }
}
.order-guide-delivery-card__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 33px;
  color: #000;
  margin-bottom: 32px;
}
.order-guide-delivery-card.img {
  padding: 0;
  position: relative;
}
.order-guide-delivery-card.img img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.order-guide-delivery-card.img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFC242;
  mix-blend-mode: multiply;
}
@media (max-width: 1440px) {
  .order-guide-delivery-card.img {
    grid-column: 1/-1;
    aspect-ratio: 16/5;
  }
}
@media (max-width: 767px) {
	.order-guide-delivery-card.img {
		aspect-ratio: 4 / 4;
	}
}
.order-guide-delivery-card .contacts-info__text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  color: #000;
	max-width: 420px;
	margin-bottom: 0;
}

section.order-guide-delivery > div > div > div:nth-child(2) > div.contacts-info > div > p:nth-child(1)  {
	margin-bottom: 26px;
}
body > main > section.order-guide-delivery.animated > div > div > div:nth-child(1) > div.contacts-info > div > p:nth-child(1) {
	margin-bottom: 16px;
}
.order-guide-delivery-card .tip {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 157%;
  color: #1c1c1c;
  margin-top: auto;
  max-width: 280px;
}

.catalog {
  margin-bottom: 120px;
}
@media (min-width: 1920px) {
  .catalog {
    margin-bottom: 120px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(5.625pxrem, calc(70.0433651344px + 2.6019080659 * 1vw), 7.5pxrem)) {
    .catalog {
      margin-bottom: clamp(5.625pxrem, calc(70.0433651344px + 2.6019080659 * 1vw), 7.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(5.625pxrem, calc(70.0433651344px + 2.6019080659 * 1vw), 7.5pxrem)) {
    .catalog {
      margin-bottom: calc(90px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .catalog {
    margin-bottom: 90px;
  }
}
.catalog__layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 40px 1fr;
  grid-template-columns: 280px 1fr;
  gap: 40px;
}
@media (min-width: 1920px) {
  .catalog__layout {
    gap: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(1.25pxrem, calc(6.6955767563px + 1.7346053773 * 1vw), 2.5pxrem)) {
    .catalog__layout {
      gap: clamp(1.25pxrem, calc(6.6955767563px + 1.7346053773 * 1vw), 2.5pxrem);
    }
  }
  @supports not (gap: clamp(1.25pxrem, calc(6.6955767563px + 1.7346053773 * 1vw), 2.5pxrem)) {
    .catalog__layout {
      gap: calc(20px + (100vw - 767px) * 0.0173460538);
    }
  }
}
@media (max-width: 767px) {
  .catalog__layout {
    gap: 20px;
  }
}
@media (max-width: 676px) {
  .catalog__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.catalog__count {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 54px;
}
@media (min-width: 1920px) {
  .catalog__count {
    margin-bottom: 54px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(4.0433651344px + 2.6019080659 * 1vw), 3.375pxrem)) {
    .catalog__count {
      margin-bottom: clamp(1.5pxrem, calc(4.0433651344px + 2.6019080659 * 1vw), 3.375pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(4.0433651344px + 2.6019080659 * 1vw), 3.375pxrem)) {
    .catalog__count {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .catalog__count {
    margin-bottom: 24px;
  }
}

.catalog-filters {
  background: #fff;
  padding: 20px;
}
.catalog-filters__title {
  font-family: var(--second-family);
  font-weight: 700;
  margin: 0 0 20px 0;
  font-size: 36px;
}
@media (min-width: 1920px) {
  .catalog-filters__title {
    font-size: 28px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.5pxrem, calc(21.3391153513px + 0.3469210755 * 1vw), 1.75pxrem)) {
    .catalog-filters__title {
      font-size: clamp(1.5pxrem, calc(21.3391153513px + 0.3469210755 * 1vw), 1.75pxrem);
    }
  }
  @supports not (font-size: clamp(1.5pxrem, calc(21.3391153513px + 0.3469210755 * 1vw), 1.75pxrem)) {
    .catalog-filters__title {
      font-size: calc(24px + (100vw - 767px) * 0.0034692108);
    }
  }
}
@media (max-width: 767px) {
  .catalog-filters__title {
    font-size: 24px;
  }
}
.catalog-filters__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalog-filters__list .catalog-filters__item {
  margin-bottom: 14px;
}
.catalog-filters__list label {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .catalog-filters__list label {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .catalog-filters__list label {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .catalog-filters__list label {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .catalog-filters__list label {
    font-size: 12px;
  }
}
.catalog-filters__list label input {
  width: 10px;
  height: 10px;
  background-color: #ffc242;
  border-radius: 100%;
}
.catalog-filters__range {
  display: none;
  margin-top: 10px;
}
.catalog-filters__range input[type=range] {
  width: 100%;
}
.catalog-filters__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-family: var(--font-family);
	    flex-direction: column-reverse;
}
.catalog-filters__inputs {
	display: flex;
	align-items: center;
	gap: 8px;
}
.catalog-filters__price-input {
	    width: 50%;
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 14px;
	text-transform: capitalize;
	color: #1C1C1C;
	border: none !important;
	padding: 14px !important;
	border-radius: 0 !important;
	outline: none !important;
	background-color: #F6F6F6 !important;
	
}
.catalog-filters__price-input::placeholder {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 14px;
	text-transform: capitalize;
	color: #bcbcbc;
}

.catalog-filters__price span {
  font-weight: 500;
}
.catalog-filters__price-input {
  width: 100%;
  padding: 12px;
  background: rgba(28, 28, 28, 0.04);
  outline: none;
  border: none;
  font-family: var(--font-family);
}
.catalog-filters__price-input::-webkit-input-placeholder {
  font-family: var(--font-family);
}
.catalog-filters__price-input::-moz-placeholder {
  font-family: var(--font-family);
}
.catalog-filters__price-input:-ms-input-placeholder {
  font-family: var(--font-family);
}
.catalog-filters__price-input::-ms-input-placeholder {
  font-family: var(--font-family);
}
.catalog-filters__price-input::placeholder {
  font-family: var(--font-family);
}
.catalog-filters__btn {
  width: 100%;
  background: #f6b300;
  border: none;
  color: #000;
  padding: 24px 10px;
  margin-top: 20px;
  cursor: pointer;
  font-weight: 600;
  font-family: var(--font-family);
	border-radius: 0;
}
.catalog-filters__reset {
  width: 100%;
  border: 1px solid #000;
  background: none;
  padding: 24px 10px;
  margin-top: 10px;
  cursor: pointer;
  font-family: var(--font-family);
		border-radius: 0;
}

.catalog-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
  row-gap: 90px;
  margin-bottom: 160px;
}
@media (min-width: 1920px) {
  .catalog-grid {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports ((-moz-column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem)) or (column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem))) {
    .catalog-grid {
      -webkit-column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem);
         -moz-column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem);
              column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem);
    }
  }
  @supports not ((-moz-column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem)) or (column-gap: clamp(1.5pxrem, calc(18.6782307025px + 0.6938421509 * 1vw), 2pxrem))) {
    .catalog-grid {
      -webkit-column-gap: calc(24px + (100vw - 767px) * 0.0069384215);
         -moz-column-gap: calc(24px + (100vw - 767px) * 0.0069384215);
              column-gap: calc(24px + (100vw - 767px) * 0.0069384215);
    }
  }
}
@media (max-width: 767px) {
  .catalog-grid {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .catalog-grid {
    row-gap: 90px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (row-gap: clamp(3.75pxrem, calc(40.0433651344px + 2.6019080659 * 1vw), 5.625pxrem)) {
    .catalog-grid {
      row-gap: clamp(3.75pxrem, calc(40.0433651344px + 2.6019080659 * 1vw), 5.625pxrem);
    }
  }
  @supports not (row-gap: clamp(3.75pxrem, calc(40.0433651344px + 2.6019080659 * 1vw), 5.625pxrem)) {
    .catalog-grid {
      row-gap: calc(60px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .catalog-grid {
    row-gap: 60px;
  }
}
@media (min-width: 1920px) {
  .catalog-grid {
    margin-bottom: 160px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(7.5pxrem, calc(93.3911535126px + 3.4692107546 * 1vw), 10pxrem)) {
    .catalog-grid {
      margin-bottom: clamp(7.5pxrem, calc(93.3911535126px + 3.4692107546 * 1vw), 10pxrem);
    }
  }
  @supports not (margin-bottom: clamp(7.5pxrem, calc(93.3911535126px + 3.4692107546 * 1vw), 10pxrem)) {
    .catalog-grid {
      margin-bottom: calc(120px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .catalog-grid {
    margin-bottom: 120px;
  }
}
@media (max-width: 1920px) {
  .catalog-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1280px) {
  .catalog-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .catalog-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 676px) {
  .catalog-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 390px) {
  .catalog-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.catalog-card {
  position: relative;
  background: rgba(28, 28, 28, 0.04);
  padding: 24px 42px 38px 42px;
  text-align: center;
  position: relative;
	
	padding-bottom: 56px !important;
}
@media (min-width: 1920px) {
  .catalog-card {
    padding-top: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-card {
      padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-top: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-card {
      padding-top: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card {
    padding-top: 12px;
  }
}
@media (min-width: 1920px) {
  .catalog-card {
    padding-right: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.75pxrem, calc(-7.9566348656px + 2.6019080659 * 1vw), 2.625pxrem)) {
    .catalog-card {
      padding-right: clamp(0.75pxrem, calc(-7.9566348656px + 2.6019080659 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-right: clamp(0.75pxrem, calc(-7.9566348656px + 2.6019080659 * 1vw), 2.625pxrem)) {
    .catalog-card {
      padding-right: calc(12px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .catalog-card {
    padding-bottom: 38px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(14.6869037294px + 1.2142237641 * 1vw), 2.375pxrem)) {
    .catalog-card {
      padding-bottom: clamp(1.5pxrem, calc(14.6869037294px + 1.2142237641 * 1vw), 2.375pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(14.6869037294px + 1.2142237641 * 1vw), 2.375pxrem)) {
    .catalog-card {
      padding-bottom: calc(24px + (100vw - 767px) * 0.0121422376);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card {
    padding-bottom: 54px;
  }
}
@media (min-width: 1920px) {
  .catalog-card {
    padding-left: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.75pxrem, calc(-7.9566348656px + 2.6019080659 * 1vw), 2.625pxrem)) {
    .catalog-card {
      padding-left: clamp(0.75pxrem, calc(-7.9566348656px + 2.6019080659 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-left: clamp(0.75pxrem, calc(-7.9566348656px + 2.6019080659 * 1vw), 2.625pxrem)) {
    .catalog-card {
      padding-left: calc(12px + (100vw - 767px) * 0.0260190807);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card {
    padding-left: 12px;
  }
}
.catalog-card__img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
}
.catalog-card__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffc242;
  border: 1px solid #ffc242;
  padding: 6px;
  font-size: 14px;
  font-weight: 300;
  font-family: var(--font-family);
	color: #1C1C1C;
}
@media (min-width: 1920px) {
  .catalog-card__badge {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .catalog-card__badge {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .catalog-card__badge {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__badge {
    font-size: 14px;
  }
}
.catalog-card__badge--hit {
  top: 40px;
  background: transparent;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  font-weight: 300;
}
@media (min-width: 1920px) {
  .catalog-card__badge--hit {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .catalog-card__badge--hit {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .catalog-card__badge--hit {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__badge--hit {
    font-size: 12px;
  }
}
.catalog-card__badge--new, .catalog-card__badge--novinka {
	background-color: #fff;
	border: 1px solid #000;
	 color: #000;
}

.catalog-card__code {
  font-size: 12px;
  color: #888;
  text-align: left;
  font-family: var(--font-family);
}
.catalog-card__title {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  text-transform: capitalize;
  color: #000;
  margin: 10px 0 24px 0;
  text-align: left;
}
@media (min-width: 1920px) {
  .catalog-card__title {
    font-size: 18px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(14.6695576756px + 0.1734605377 * 1vw), 1.125pxrem)) {
    .catalog-card__title {
      font-size: clamp(1pxrem, calc(14.6695576756px + 0.1734605377 * 1vw), 1.125pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(14.6695576756px + 0.1734605377 * 1vw), 1.125pxrem)) {
    .catalog-card__title {
      font-size: calc(16px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__title {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .catalog-card__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-card__title {
      margin-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(0.75pxrem, calc(4.0173460538px + 1.0407632264 * 1vw), 1.5pxrem)) {
    .catalog-card__title {
      margin-bottom: calc(12px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__title {
    margin-bottom: 12px;
  }
}
.catalog-card__price {
  font-size: 18px;
  text-align: left;
  font-family: var(--font-family);
  font-weight: 300;
  text-transform: capitalize;
  color: #000;
}
@media (min-width: 1920px) {
  .catalog-card__price {
    font-size: 18px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(14.6695576756px + 0.1734605377 * 1vw), 1.125pxrem)) {
    .catalog-card__price {
      font-size: clamp(1pxrem, calc(14.6695576756px + 0.1734605377 * 1vw), 1.125pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(14.6695576756px + 0.1734605377 * 1vw), 1.125pxrem)) {
    .catalog-card__price {
      font-size: calc(16px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__price {
    font-size: 16px;
  }
}
@media (max-width: 467px) {
  .catalog-card__price {
    font-size: 18px;
  }
}
.catalog-card__price-old {
  text-decoration: line-through;
  margin-right: 5px;
  color: #888;
}
.catalog-card__add {
  margin-top: 10px;
  width: 64px !important;
  height: 64px !important;
  border: none;
  background: #f6b300;
  font-size: 36px;
  cursor: pointer;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -32px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .catalog-card__add {
    width: 64px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (width: clamp(2pxrem, calc(10.7129228101px + 2.7753686036 * 1vw), 4pxrem)) {
    .catalog-card__add {
      width: clamp(2pxrem, calc(10.7129228101px + 2.7753686036 * 1vw), 4pxrem);
    }
  }
  @supports not (width: clamp(2pxrem, calc(10.7129228101px + 2.7753686036 * 1vw), 4pxrem)) {
    .catalog-card__add {
      width: calc(32px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__add {
    width: 64px;
  }
}
@media (min-width: 1920px) {
  .catalog-card__add {
    height: 64px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (height: clamp(2pxrem, calc(10.7129228101px + 2.7753686036 * 1vw), 4pxrem)) {
    .catalog-card__add {
      height: clamp(2pxrem, calc(10.7129228101px + 2.7753686036 * 1vw), 4pxrem);
    }
  }
  @supports not (height: clamp(2pxrem, calc(10.7129228101px + 2.7753686036 * 1vw), 4pxrem)) {
    .catalog-card__add {
      height: calc(32px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .catalog-card__add {
    height: 64px;
  }
}
@media (max-width: 991px) {
  .catalog-card__add {
    bottom: -32px;
  }
}
.catalog-card__add svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 33.33%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.catalog-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 40px;
}
.catalog-pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  list-style: none;
}
.catalog-pagination__item {
  width: 32px;
  height: 32px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.catalog-pagination__item.active {
  background: #000;
  color: #fff;
}
.catalog-pagination__btn {
  border: none;
  background: none;
  font-size: 18px;
  cursor: pointer;
  font-family: var(--font-family);
}

h2.recent-product__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 133px;
  line-height: 79%;
  color: #000;
	margin-bottom: 42px;
}
@media (min-width: 1920px) {
  h2.recent-product__title {
    font-size: 132px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(3.875pxrem, calc(15.434518647px + 6.0711188205 * 1vw), 8.25pxrem)) {
    h2.recent-product__title {
      font-size: clamp(3.875pxrem, calc(15.434518647px + 6.0711188205 * 1vw), 8.25pxrem);
    }
  }
  @supports not (font-size: clamp(3.875pxrem, calc(15.434518647px + 6.0711188205 * 1vw), 8.25pxrem)) {
    h2.recent-product__title {
      font-size: calc(62px + (100vw - 767px) * 0.0607111882);
    }
  }
}
@media (max-width: 767px) {
  h2.recent-product__title {
    font-size: 62px;
  }
}
@media (max-width: 767px) and (min-width: 767px) {
  h2.recent-product__title {
    font-size: 62px;
  }
}
@media (max-width: 767px) and (min-width: 467px) and (max-width: 767px) {
  @supports (font-size: clamp(2pxrem, calc(-14.7px + 10 * 1vw), 3.875pxrem)) {
    h2.recent-product__title {
      font-size: clamp(2pxrem, calc(-14.7px + 10 * 1vw), 3.875pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(-14.7px + 10 * 1vw), 3.875pxrem)) {
    h2.recent-product__title {
      font-size: calc(32px + (100vw - 467px) * 0.1);
    }
  }
}
@media (max-width: 767px) and (max-width: 467px) {
  h2.recent-product__title {
    font-size: 32px;
  }
}

.recent-product {
  margin-bottom: 150px;
	overflow: hidden;
}
.recent-product__slider {
	overflow: visible !important;
}

@media (min-width: 1920px) {
  .recent-product {
    margin-bottom: 150px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(6.25pxrem, calc(66.7389418907px + 4.3365134432 * 1vw), 9.375pxrem)) {
    .recent-product {
      margin-bottom: clamp(6.25pxrem, calc(66.7389418907px + 4.3365134432 * 1vw), 9.375pxrem);
    }
  }
  @supports not (margin-bottom: clamp(6.25pxrem, calc(66.7389418907px + 4.3365134432 * 1vw), 9.375pxrem)) {
    .recent-product {
      margin-bottom: calc(100px + (100vw - 767px) * 0.0433651344);
    }
  }
}
@media (max-width: 767px) {
  .recent-product {
    margin-bottom: 100px;
  }
}
.recent-product__header {
  margin-bottom: 42px;
}
@media (min-width: 1200px) {
  .recent-product__header {
    margin-bottom: 42px;
  }
}
@media (min-width: 320px) and (max-width: 1200px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(17.4545454545px + 2.0454545455 * 1vw), 2.625pxrem)) {
    .recent-product__header {
      margin-bottom: clamp(1.5pxrem, calc(17.4545454545px + 2.0454545455 * 1vw), 2.625pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(17.4545454545px + 2.0454545455 * 1vw), 2.625pxrem)) {
    .recent-product__header {
      margin-bottom: calc(24px + (100vw - 320px) * 0.0204545455);
    }
  }
}
@media (max-width: 320px) {
  .recent-product__header {
    margin-bottom: 24px;
  }
}
.recent-product__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
  max-width: 90vw;
  margin: 0 auto;
}
.recent-product__nav button {
  pointer-events: auto;
  background: transparent;
  border: none;
  outline: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.recent-product__nav button:hover {
  background: #000;
  color: #fff;
}

.recent-product__nav button svg {
	flex-shrink: 0; 
}

.recent-product__slider .catalog-card {
  padding-bottom: 100px;
}
.recent-product__slider .catalog-card__add {
/*   bottom: 20px; */
}

.text-section {
  margin-bottom: 80px;
}
@media (min-width: 1920px) {
  .text-section {
    margin-bottom: 80px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.75pxrem, calc(46.6955767563px + 1.7346053773 * 1vw), 5pxrem)) {
    .text-section {
      margin-bottom: clamp(3.75pxrem, calc(46.6955767563px + 1.7346053773 * 1vw), 5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.75pxrem, calc(46.6955767563px + 1.7346053773 * 1vw), 5pxrem)) {
    .text-section {
      margin-bottom: calc(60px + (100vw - 767px) * 0.0173460538);
    }
  }
}
@media (max-width: 767px) {
  .text-section {
    margin-bottom: 60px;
  }
}
.text-section__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1920px) {
  .text-section__wrapper {
    gap: 80px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem)) {
    .text-section__wrapper {
      gap: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem);
    }
  }
  @supports not (gap: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem)) {
    .text-section__wrapper {
      gap: calc(40px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .text-section__wrapper {
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .text-section__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.text-section h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 97%;
  color: #1c1c1c;
  max-width: 730px;
  margin-bottom: 48px;
}
@media (min-width: 1920px) {
  .text-section h2 {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .text-section h2 {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .text-section h2 {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .text-section h2 {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .text-section h2 {
    margin-bottom: 48px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem)) {
    .text-section h2 {
      margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(8.0346921075px + 2.0815264527 * 1vw), 3pxrem)) {
    .text-section h2 {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0208152645);
    }
  }
}
@media (max-width: 767px) {
  .text-section h2 {
    margin-bottom: 24px;
  }
}
.text-section p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 157%;
  color: #1c1c1c;
  margin-bottom: 16px;
}
.text-section__text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 157%;
  color: #1c1c1c;
  max-width: 800px;
}
.text-section__text ul {
  list-style: disc;
  margin-bottom: 16px;
}
.text-section__text ul li {
  position: relative;
  left: 26px;
}

.subcategory-card {
  padding: 26px;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 767px) {
  .subcategory-card {
    padding: 13px;
  }
}
.subcategory-card p {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 35px;
}
@media (min-width: 1920px) {
  .subcategory-card p {
    font-size: 35px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.5pxrem, calc(16.682567216px + 0.9540329575 * 1vw), 2.1875pxrem)) {
    .subcategory-card p {
      font-size: clamp(1.5pxrem, calc(16.682567216px + 0.9540329575 * 1vw), 2.1875pxrem);
    }
  }
  @supports not (font-size: clamp(1.5pxrem, calc(16.682567216px + 0.9540329575 * 1vw), 2.1875pxrem)) {
    .subcategory-card p {
      font-size: calc(24px + (100vw - 767px) * 0.0095403296);
    }
  }
}
@media (max-width: 767px) {
  .subcategory-card p {
    font-size: 24px;
  }
}
.subcategory-card:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: #f6b300;
  border-color: #f6b300;
}
.subcategory-card:hover p {
  color: #fff;
}

.cart {
  margin-top: 200px;
  margin-bottom: 130px;
}
@media (min-width: 1920px) {
  .cart {
    margin-top: 200px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-top: clamp(7.5pxrem, calc(66.7823070252px + 6.9384215091 * 1vw), 12.5pxrem)) {
    .cart {
      margin-top: clamp(7.5pxrem, calc(66.7823070252px + 6.9384215091 * 1vw), 12.5pxrem);
    }
  }
  @supports not (margin-top: clamp(7.5pxrem, calc(66.7823070252px + 6.9384215091 * 1vw), 12.5pxrem)) {
    .cart {
      margin-top: calc(120px + (100vw - 767px) * 0.0693842151);
    }
  }
}
@media (max-width: 767px) {
  .cart {
    margin-top: 120px;
  }
}
@media (min-width: 1920px) {
  .cart {
    margin-bottom: 130px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(3.875pxrem, calc(16.7649609714px + 5.8976582827 * 1vw), 8.125pxrem)) {
    .cart {
      margin-bottom: clamp(3.875pxrem, calc(16.7649609714px + 5.8976582827 * 1vw), 8.125pxrem);
    }
  }
  @supports not (margin-bottom: clamp(3.875pxrem, calc(16.7649609714px + 5.8976582827 * 1vw), 8.125pxrem)) {
    .cart {
      margin-bottom: calc(62px + (100vw - 767px) * 0.0589765828);
    }
  }
}
@media (max-width: 767px) {
  .cart {
    margin-bottom: 62px;
  }
}
@media (max-width: 767px) {
  .cart h2.section__title--big {
    margin-bottom: 18px;
  }
}
.cart__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (min-width: 1920px) {
  .cart__container {
    gap: 40px;
  }
}
@media (min-width: 567px) and (max-width: 1920px) {
  @supports (gap: clamp(1.5pxrem, calc(17.2949002217px + 1.1825572801 * 1vw), 2.5pxrem)) {
    .cart__container {
      gap: clamp(1.5pxrem, calc(17.2949002217px + 1.1825572801 * 1vw), 2.5pxrem);
    }
  }
  @supports not (gap: clamp(1.5pxrem, calc(17.2949002217px + 1.1825572801 * 1vw), 2.5pxrem)) {
    .cart__container {
      gap: calc(24px + (100vw - 567px) * 0.0118255728);
    }
  }
}
@media (max-width: 567px) {
  .cart__container {
    gap: 24px;
  }
}
.cart__header {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 24px;
  border-top: 1px solid #000;
}
@media (min-width: 1920px) {
  .cart__header {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .cart__header {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .cart__header {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .cart__header {
    font-size: 12px;
  }
}
.cart__header span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cart__back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1920px) {
  .cart__back {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .cart__back {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .cart__back {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .cart__back {
    font-size: 12px;
  }
}
.cart__back:hover {
  opacity: 0.7;
}
.cart__back {
	color: #1c1c1c !important;
}
.cart__back i {
  font-size: 12px;
}
.cart__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 144px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .cart__form {
    gap: 144px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  @supports (gap: clamp(2pxrem, calc(-192px + 17.5 * 1vw), 9pxrem)) {
    .cart__form {
      gap: clamp(2pxrem, calc(-192px + 17.5 * 1vw), 9pxrem);
    }
  }
  @supports not (gap: clamp(2pxrem, calc(-192px + 17.5 * 1vw), 9pxrem)) {
    .cart__form {
      gap: calc(32px + (100vw - 1280px) * 0.175);
    }
  }
}
@media (max-width: 1280px) {
  .cart__form {
    gap: 32px;
  }
}
@media (max-width: 1279px) {
  .cart__form {
    flex-direction: column;
  }
}
.cart__items {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.cart__summary {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media (max-width: 1440px) {
  .cart__summary {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
  }
}
@media (max-width: 1280px) {
  .cart__summary {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
  }
}

.cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  border-top: 1px solid #000;
  border-radius: none;
  padding: 68px 0 68px 42px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  position: relative;
  cursor: default;
}
@media (min-width: 1920px) {
  .cart-item {
    padding-top: 68px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(-56.2352941176px + 6.4705882353 * 1vw), 4.25pxrem)) {
    .cart-item {
      padding-top: clamp(1.5pxrem, calc(-56.2352941176px + 6.4705882353 * 1vw), 4.25pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(-56.2352941176px + 6.4705882353 * 1vw), 4.25pxrem)) {
    .cart-item {
      padding-top: calc(24px + (100vw - 1240px) * 0.0647058824);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .cart-item {
    padding-right: 1px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.0625pxrem, calc(1px + 0 * 1vw), 0.0625pxrem)) {
    .cart-item {
      padding-right: clamp(0.0625pxrem, calc(1px + 0 * 1vw), 0.0625pxrem);
    }
  }
  @supports not (padding-right: clamp(0.0625pxrem, calc(1px + 0 * 1vw), 0.0625pxrem)) {
    .cart-item {
      padding-right: calc(1px + (100vw - 1240px) * 0);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item {
    padding-right: 1px;
  }
}
@media (min-width: 1920px) {
  .cart-item {
    padding-bottom: 68px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(-56.2352941176px + 6.4705882353 * 1vw), 4.25pxrem)) {
    .cart-item {
      padding-bottom: clamp(1.5pxrem, calc(-56.2352941176px + 6.4705882353 * 1vw), 4.25pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(-56.2352941176px + 6.4705882353 * 1vw), 4.25pxrem)) {
    .cart-item {
      padding-bottom: calc(24px + (100vw - 1240px) * 0.0647058824);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item {
    padding-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .cart-item {
    padding-left: 42px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.125pxrem, calc(-25.7647058824px + 3.5294117647 * 1vw), 2.625pxrem)) {
    .cart-item {
      padding-left: clamp(1.125pxrem, calc(-25.7647058824px + 3.5294117647 * 1vw), 2.625pxrem);
    }
  }
  @supports not (padding-left: clamp(1.125pxrem, calc(-25.7647058824px + 3.5294117647 * 1vw), 2.625pxrem)) {
    .cart-item {
      padding-left: calc(18px + (100vw - 1240px) * 0.0352941176);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .cart-item {
    padding-left: 0;
  }
}
@media (max-width: 567px) {
  .cart-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cart-item:last-of-type {
  border-bottom: 1px solid #000;
}
.cart-item__image img {
  width: 170px;
  height: 170px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .cart-item__image img {
    width: 170px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (width: clamp(7.5pxrem, calc(86.7389418907px + 4.3365134432 * 1vw), 10.625pxrem)) {
    .cart-item__image img {
      width: clamp(7.5pxrem, calc(86.7389418907px + 4.3365134432 * 1vw), 10.625pxrem);
    }
  }
  @supports not (width: clamp(7.5pxrem, calc(86.7389418907px + 4.3365134432 * 1vw), 10.625pxrem)) {
    .cart-item__image img {
      width: calc(120px + (100vw - 767px) * 0.0433651344);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__image img {
    width: 120px;
  }
}
@media (min-width: 1920px) {
  .cart-item__image img {
    height: 170px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (height: clamp(6.25pxrem, calc(53.434518647px + 6.0711188205 * 1vw), 10.625pxrem)) {
    .cart-item__image img {
      height: clamp(6.25pxrem, calc(53.434518647px + 6.0711188205 * 1vw), 10.625pxrem);
    }
  }
  @supports not (height: clamp(6.25pxrem, calc(53.434518647px + 6.0711188205 * 1vw), 10.625pxrem)) {
    .cart-item__image img {
      height: calc(100px + (100vw - 767px) * 0.0607111882);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__image img {
    height: 100px;
  }
}
.cart-item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 567px) {
  .cart-item__info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.cart-item__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 35px;
  line-height: 86%;
  color: #1c1c1c;
  margin-bottom: 12px;
}
@media (min-width: 1920px) {
  .cart-item__title {
    font-size: 35px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1.5pxrem, calc(16.682567216px + 0.9540329575 * 1vw), 2.1875pxrem)) {
    .cart-item__title {
      font-size: clamp(1.5pxrem, calc(16.682567216px + 0.9540329575 * 1vw), 2.1875pxrem);
    }
  }
  @supports not (font-size: clamp(1.5pxrem, calc(16.682567216px + 0.9540329575 * 1vw), 2.1875pxrem)) {
    .cart-item__title {
      font-size: calc(24px + (100vw - 767px) * 0.0095403296);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__title {
    font-size: 24px;
  }
}
@media (max-width: 567px) {
  .cart-item__title {
    text-align: center;
  }
}
.cart-item__code {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
  margin-bottom: 80px;
}
.cart-item__discount {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #000;
  padding: 4px;
}
.cart-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
	margin-bottom: 6px;
}
@media (max-width: 567px) {
  .cart-item__price {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cart-item__price-old {
  text-decoration: line-through;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 24px;
  text-transform: capitalize;
  color: #bcbcbc;
}
@media (min-width: 1920px) {
  .cart-item__price-old {
    font-size: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .cart-item__price-old {
      font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .cart-item__price-old {
      font-size: calc(16px + (100vw - 767px) * 0.0069384215);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__price-old {
    font-size: 16px;
  }
}
.cart-item__price-current {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 24px;
  text-transform: capitalize;
  color: #000;
}
@media (min-width: 1920px) {
  .cart-item__price-current {
    font-size: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .cart-item__price-current {
      font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .cart-item__price-current {
      font-size: calc(16px + (100vw - 767px) * 0.0069384215);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__price-current {
    font-size: 16px;
  }
}
.cart-item__qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  border: 1px solid #000;
}
@media (min-width: 1920px) {
  .cart-item__qty {
    padding-top: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-top: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-top: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-top: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-top: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item__qty {
    padding-top: 12px;
  }
}
@media (min-width: 1920px) {
  .cart-item__qty {
    padding-right: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-right: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-right: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-right: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item__qty {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .cart-item__qty {
    padding-bottom: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-bottom: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-bottom: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item__qty {
    padding-bottom: 12px;
  }
}
@media (min-width: 1920px) {
  .cart-item__qty {
    padding-left: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-left: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-left: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .cart-item__qty {
      padding-left: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .cart-item__qty {
    padding-left: 12px;
  }
}
@media (max-width: 567px) {
  .cart-item__qty {
    padding: 6px;
  }
}
.cart-item__qty-btn {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  outline: none;
  border: none;
  background: transparent;
}
.cart-item__qty-btn:hover {
  background: #f8f8f8;
}
.cart-item__qty-input {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  outline: none;
  border: none;
  background: transparent;
  width: 80px;
}
@media (min-width: 1920px) {
  .cart-item__qty-input {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.625pxrem, calc(7.3391153513px + 0.3469210755 * 1vw), 0.875pxrem)) {
    .cart-item__qty-input {
      font-size: clamp(0.625pxrem, calc(7.3391153513px + 0.3469210755 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.625pxrem, calc(7.3391153513px + 0.3469210755 * 1vw), 0.875pxrem)) {
    .cart-item__qty-input {
      font-size: calc(10px + (100vw - 767px) * 0.0034692108);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__qty-input {
    font-size: 10px;
  }
}
@media (min-width: 1920px) {
  .cart-item__qty-input {
    width: 80px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (width: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem)) {
    .cart-item__qty-input {
      width: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem);
    }
  }
  @supports not (width: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem)) {
    .cart-item__qty-input {
      width: calc(40px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .cart-item__qty-input {
    width: 40px;
  }
}
@media (max-width: 567px) {
  .cart-item__qty-input {
    width: 20px;
  }
}
.cart-summary {
  position: relative;
}

.cart-summary__loader {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 30;
  backdrop-filter: blur(2px);
}

.cart-summary__loader.active {
  display: flex;
}

.spinner {
  width: 26px;
  height: 26px;
  border: 3px solid #FFC242;
  border-top-color: #1C1C1C;
  border-radius: 50%;
  animation: spin .75s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.input-text.qty.text {
	outline: none;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 8px;
	
	font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
text-align: center;
color: #1c1c1c;
}

.cart-item__variation {
	font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    color: #1c1c1c;

}
.cart-item__variation b {
	font-weight: 500;
}
.cart-item__remove {
  border: none;
  background: none;
  font-size: 20px;
  color: #1C1C1C;
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 0;
  padding: 0;
}
.cart-item__remove:hover {
  color: #000;
}

.cart-summary {
  border: 1px solid #eee;
  border-radius: none;
  background: rgba(28, 28, 28, 0.04);
  padding: 58px 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 1920px) {
  .cart-summary {
    padding-top: 58px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(-38px + 5 * 1vw), 3.625pxrem)) {
    .cart-summary {
      padding-top: clamp(1.5pxrem, calc(-38px + 5 * 1vw), 3.625pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(-38px + 5 * 1vw), 3.625pxrem)) {
    .cart-summary {
      padding-top: calc(24px + (100vw - 1240px) * 0.05);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary {
    padding-top: 24px;
  }
}
@media (min-width: 1920px) {
  .cart-summary {
    padding-right: 72px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-right: clamp(2.25pxrem, calc(-29.6470588235px + 5.2941176471 * 1vw), 4.5pxrem)) {
    .cart-summary {
      padding-right: clamp(2.25pxrem, calc(-29.6470588235px + 5.2941176471 * 1vw), 4.5pxrem);
    }
  }
  @supports not (padding-right: clamp(2.25pxrem, calc(-29.6470588235px + 5.2941176471 * 1vw), 4.5pxrem)) {
    .cart-summary {
      padding-right: calc(36px + (100vw - 1240px) * 0.0529411765);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary {
    padding-right: 36px;
  }
}
@media (min-width: 1920px) {
  .cart-summary {
    padding-bottom: 58px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.5pxrem, calc(-38px + 5 * 1vw), 3.625pxrem)) {
    .cart-summary {
      padding-bottom: clamp(1.5pxrem, calc(-38px + 5 * 1vw), 3.625pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.5pxrem, calc(-38px + 5 * 1vw), 3.625pxrem)) {
    .cart-summary {
      padding-bottom: calc(24px + (100vw - 1240px) * 0.05);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary {
    padding-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .cart-summary {
    padding-left: 72px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-left: clamp(2.25pxrem, calc(-29.6470588235px + 5.2941176471 * 1vw), 4.5pxrem)) {
    .cart-summary {
      padding-left: clamp(2.25pxrem, calc(-29.6470588235px + 5.2941176471 * 1vw), 4.5pxrem);
    }
  }
  @supports not (padding-left: clamp(2.25pxrem, calc(-29.6470588235px + 5.2941176471 * 1vw), 4.5pxrem)) {
    .cart-summary {
      padding-left: calc(36px + (100vw - 1240px) * 0.0529411765);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary {
    padding-left: 36px;
  }
}
.cart-summary__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  font-weight: 700;
}
.cart-summary__label {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  text-transform: uppercase;
  color: #1c1c1c;
}
.cart-summary__value {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  text-transform: uppercase;
  color: #1c1c1c;
}
.cart-summary__details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
  margin-bottom: 14px;
}
.cart-summary__button {
  background: #ffc242;
  border: 1px solid #ffc242;
  color: #fff;
  border-radius: none;
  padding: 34px 34px;
  font-size: 15px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .cart-summary__button {
    padding-top: 34px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-top: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem);
    }
  }
  @supports not (padding-top: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-top: calc(18px + (100vw - 1240px) * 0.0235294118);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary__button {
    padding-top: 18px;
  }
}
@media (min-width: 1920px) {
  .cart-summary__button {
    padding-right: 34px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-right: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-right: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem);
    }
  }
  @supports not (padding-right: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-right: calc(18px + (100vw - 1240px) * 0.0235294118);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary__button {
    padding-right: 18px;
  }
}
@media (min-width: 1920px) {
  .cart-summary__button {
    padding-bottom: 34px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-bottom: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem);
    }
  }
  @supports not (padding-bottom: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-bottom: calc(18px + (100vw - 1240px) * 0.0235294118);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary__button {
    padding-bottom: 18px;
  }
}
@media (min-width: 1920px) {
  .cart-summary__button {
    padding-left: 34px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-left: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem);
    }
  }
  @supports not (padding-left: clamp(1.125pxrem, calc(-11.1764705882px + 2.3529411765 * 1vw), 2.125pxrem)) {
    .cart-summary__button {
      padding-left: calc(18px + (100vw - 1240px) * 0.0235294118);
    }
  }
}
@media (max-width: 1240px) {
  .cart-summary__button {
    padding-left: 18px;
  }
}
.cart-summary__button:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background: transparent;
  color: #000;
  border-color: #ffc242;
}
.cart-summary__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
.cart-summary__note i {
  font-size: 14px;
  margin-top: 2px;
}

.section-product {
  padding-bottom: 100px;
}
@media (min-width: 1920px) {
  .section-product {
    padding-bottom: 100px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(3.75pxrem, calc(33.3911535126px + 3.4692107546 * 1vw), 6.25pxrem)) {
    .section-product {
      padding-bottom: clamp(3.75pxrem, calc(33.3911535126px + 3.4692107546 * 1vw), 6.25pxrem);
    }
  }
  @supports not (padding-bottom: clamp(3.75pxrem, calc(33.3911535126px + 3.4692107546 * 1vw), 6.25pxrem)) {
    .section-product {
      padding-bottom: calc(60px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .section-product {
    padding-bottom: 60px;
  }
}

.product {
  padding-top: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1920px) {
  .product {
    padding-top: 72px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (padding-top: clamp(1.5pxrem, calc(-7.9306157849px + 4.1630529055 * 1vw), 4.5pxrem)) {
    .product {
      padding-top: clamp(1.5pxrem, calc(-7.9306157849px + 4.1630529055 * 1vw), 4.5pxrem);
    }
  }
  @supports not (padding-top: clamp(1.5pxrem, calc(-7.9306157849px + 4.1630529055 * 1vw), 4.5pxrem)) {
    .product {
      padding-top: calc(24px + (100vw - 767px) * 0.0416305291);
    }
  }
}
@media (max-width: 767px) {
  .product {
    padding-top: 24px;
  }
}
@media (max-width: 1024px) {
  .product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1920px) {
  .product__gallery {
    gap: 32px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  @supports (gap: clamp(1pxrem, calc(-16px + 2.5 * 1vw), 2pxrem)) {
    .product__gallery {
      gap: clamp(1pxrem, calc(-16px + 2.5 * 1vw), 2pxrem);
    }
  }
  @supports not (gap: clamp(1pxrem, calc(-16px + 2.5 * 1vw), 2pxrem)) {
    .product__gallery {
      gap: calc(16px + (100vw - 1280px) * 0.025);
    }
  }
}
@media (max-width: 1280px) {
  .product__gallery {
    gap: 16px;
  }
}
@media (min-width: 1025px) {
  .product__gallery {
    width: 100%;
    max-width: 50%;
  }
}
@media (max-width: 1024px) {
  .product__gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.product__thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .product__thumbs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.product__thumb {
  width: 200px;
  height: 200px;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease, outline 0.2s ease;
  transition: opacity 0.2s ease, outline 0.2s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  object-fit: contain;
}
@media (min-width: 1920px) {
  .product__thumb {
    width: 200px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  @supports (width: clamp(6.25pxrem, calc(-100px + 15.625 * 1vw), 12.5pxrem)) {
    .product__thumb {
      width: clamp(6.25pxrem, calc(-100px + 15.625 * 1vw), 12.5pxrem);
    }
  }
  @supports not (width: clamp(6.25pxrem, calc(-100px + 15.625 * 1vw), 12.5pxrem)) {
    .product__thumb {
      width: calc(100px + (100vw - 1280px) * 0.15625);
    }
  }
}
@media (max-width: 1280px) {
  .product__thumb {
    width: 100px;
  }
}
@media (min-width: 1920px) {
  .product__thumb {
    height: 200px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  @supports (height: clamp(6.25pxrem, calc(-100px + 15.625 * 1vw), 12.5pxrem)) {
    .product__thumb {
      height: clamp(6.25pxrem, calc(-100px + 15.625 * 1vw), 12.5pxrem);
    }
  }
  @supports not (height: clamp(6.25pxrem, calc(-100px + 15.625 * 1vw), 12.5pxrem)) {
    .product__thumb {
      height: calc(100px + (100vw - 1280px) * 0.15625);
    }
  }
}
@media (max-width: 1280px) {
  .product__thumb {
    height: 100px;
  }
}
@media (max-width: 1024px) {
  .product__thumb {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 1024px) and (min-width: 1024px) {
  .product__thumb {
    width: 150px;
  }
}
@media (max-width: 1024px) and (min-width: 467px) and (max-width: 1024px) {
  @supports (width: clamp(5pxrem, calc(21.3105924596px + 12.5673249551 * 1vw), 9.375pxrem)) {
    .product__thumb {
      width: clamp(5pxrem, calc(21.3105924596px + 12.5673249551 * 1vw), 9.375pxrem);
    }
  }
  @supports not (width: clamp(5pxrem, calc(21.3105924596px + 12.5673249551 * 1vw), 9.375pxrem)) {
    .product__thumb {
      width: calc(80px + (100vw - 467px) * 0.1256732496);
    }
  }
}
@media (max-width: 1024px) and (max-width: 467px) {
  .product__thumb {
    width: 80px;
  }
}
@media (max-width: 1024px) and (min-width: 1024px) {
  .product__thumb {
    height: 150px;
  }
}
@media (max-width: 1024px) and (min-width: 467px) and (max-width: 1024px) {
  @supports (height: clamp(5pxrem, calc(21.3105924596px + 12.5673249551 * 1vw), 9.375pxrem)) {
    .product__thumb {
      height: clamp(5pxrem, calc(21.3105924596px + 12.5673249551 * 1vw), 9.375pxrem);
    }
  }
  @supports not (height: clamp(5pxrem, calc(21.3105924596px + 12.5673249551 * 1vw), 9.375pxrem)) {
    .product__thumb {
      height: calc(80px + (100vw - 467px) * 0.1256732496);
    }
  }
}
@media (max-width: 1024px) and (max-width: 467px) {
  .product__thumb {
    height: 80px;
  }
}
.product__thumb--active, .product__thumb:hover {
  opacity: 1;
  outline: 2px solid #ffc107;
}
.product__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 70px;
  line-height: 81%;
  color: #1c1c1c;
  margin-bottom: 52px;
}
@media (min-width: 1920px) {
  .product__title {
    font-size: 70px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .product__title {
      font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem);
    }
  }
  @supports not (font-size: clamp(2pxrem, calc(6.7215958369px + 3.2957502168 * 1vw), 4.375pxrem)) {
    .product__title {
      font-size: calc(32px + (100vw - 767px) * 0.0329575022);
    }
  }
}
@media (max-width: 767px) {
  .product__title {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .product__title {
    margin-bottom: 52px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.625pxrem, calc(8.7042497832px + 2.2549869905 * 1vw), 3.25pxrem)) {
    .product__title {
      margin-bottom: clamp(1.625pxrem, calc(8.7042497832px + 2.2549869905 * 1vw), 3.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.625pxrem, calc(8.7042497832px + 2.2549869905 * 1vw), 3.25pxrem)) {
    .product__title {
      margin-bottom: calc(26px + (100vw - 767px) * 0.0225498699);
    }
  }
}
@media (max-width: 767px) {
  .product__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 1025px) {
  .product__title {
    max-width: 720px;
  }
}
.product__articul {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .product__articul {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__articul {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__articul {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__articul {
    font-size: 12px;
  }
}
.product__sizes-label {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .product__sizes-label {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__sizes-label {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__sizes-label {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__sizes-label {
    font-size: 12px;
  }
}
.product__sizes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 52px;
}
@media (min-width: 1920px) {
  .product__sizes-list {
    margin-bottom: 52px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.625pxrem, calc(8.7042497832px + 2.2549869905 * 1vw), 3.25pxrem)) {
    .product__sizes-list {
      margin-bottom: clamp(1.625pxrem, calc(8.7042497832px + 2.2549869905 * 1vw), 3.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.625pxrem, calc(8.7042497832px + 2.2549869905 * 1vw), 3.25pxrem)) {
    .product__sizes-list {
      margin-bottom: calc(26px + (100vw - 767px) * 0.0225498699);
    }
  }
}
@media (max-width: 767px) {
  .product__sizes-list {
    margin-bottom: 26px;
  }
}
.product__size {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  color: #1c1c1c;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 86px;
  height: 58px;
  border: none;
  outline: none;
  background: rgba(28, 28, 28, 0.04);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
	border-radius: 0 !important;
}
@media (min-width: 1920px) {
  .product__size {
    font-size: 16px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.875pxrem, calc(12.6695576756px + 0.1734605377 * 1vw), 1pxrem)) {
    .product__size {
      font-size: clamp(0.875pxrem, calc(12.6695576756px + 0.1734605377 * 1vw), 1pxrem);
    }
  }
  @supports not (font-size: clamp(0.875pxrem, calc(12.6695576756px + 0.1734605377 * 1vw), 1pxrem)) {
    .product__size {
      font-size: calc(14px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__size {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .product__size {
    width: 86px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  @supports (width: clamp(3.5pxrem, calc(-4px + 4.6875 * 1vw), 5.375pxrem)) {
    .product__size {
      width: clamp(3.5pxrem, calc(-4px + 4.6875 * 1vw), 5.375pxrem);
    }
  }
  @supports not (width: clamp(3.5pxrem, calc(-4px + 4.6875 * 1vw), 5.375pxrem)) {
    .product__size {
      width: calc(56px + (100vw - 1280px) * 0.046875);
    }
  }
}
@media (max-width: 1280px) {
  .product__size {
    width: 56px;
  }
}
@media (min-width: 1920px) {
  .product__size {
    height: 58px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  @supports (height: clamp(2.875pxrem, calc(22px + 1.875 * 1vw), 3.625pxrem)) {
    .product__size {
      height: clamp(2.875pxrem, calc(22px + 1.875 * 1vw), 3.625pxrem);
    }
  }
  @supports not (height: clamp(2.875pxrem, calc(22px + 1.875 * 1vw), 3.625pxrem)) {
    .product__size {
      height: calc(46px + (100vw - 1280px) * 0.01875);
    }
  }
}
@media (max-width: 1280px) {
  .product__size {
    height: 46px;
  }
}
.product__size.active {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: #ffc242;
}
.product__size:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: #ffc242;
}
.product__discount {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #000;
  padding: 2px 6px;
}
@media (min-width: 1920px) {
  .product__discount {
    font-size: 12px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.625pxrem, calc(8.6695576756px + 0.1734605377 * 1vw), 0.75pxrem)) {
    .product__discount {
      font-size: clamp(0.625pxrem, calc(8.6695576756px + 0.1734605377 * 1vw), 0.75pxrem);
    }
  }
  @supports not (font-size: clamp(0.625pxrem, calc(8.6695576756px + 0.1734605377 * 1vw), 0.75pxrem)) {
    .product__discount {
      font-size: calc(10px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__discount {
    font-size: 10px;
  }
}
.product__main {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  aspect-ratio: 4 / 4;
}
@media (min-width: 1920px) {
  .product__main {
    max-width: 600px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (max-width: clamp(25pxrem, calc(266.9557675629px + 17.3460537728 * 1vw), 37.5pxrem)) {
    .product__main {
      max-width: clamp(25pxrem, calc(266.9557675629px + 17.3460537728 * 1vw), 37.5pxrem);
    }
  }
  @supports not (max-width: clamp(25pxrem, calc(266.9557675629px + 17.3460537728 * 1vw), 37.5pxrem)) {
    .product__main {
      max-width: calc(400px + (100vw - 767px) * 0.1734605377);
    }
  }
}
@media (max-width: 767px) {
  .product__main {
    max-width: 400px;
  }
}
@media (min-width: 1920px) {
  .product__main {
    max-height: 600px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (max-height: clamp(25pxrem, calc(266.9557675629px + 17.3460537728 * 1vw), 37.5pxrem)) {
    .product__main {
      max-height: clamp(25pxrem, calc(266.9557675629px + 17.3460537728 * 1vw), 37.5pxrem);
    }
  }
  @supports not (max-height: clamp(25pxrem, calc(266.9557675629px + 17.3460537728 * 1vw), 37.5pxrem)) {
    .product__main {
      max-height: calc(400px + (100vw - 767px) * 0.1734605377);
    }
  }
}
@media (max-width: 767px) {
  .product__main {
    max-height: 400px;
  }
}
@media (max-width: 1919px) {
  .product__main {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
  }
}
@media (max-width: 1024px) {
  .product__main {
    margin: 0 auto;
    max-width: 500px;
    max-height: 450px;
  }
}
@media (max-width: 767px) {
  .product__main {
    width: 100%;
    height: 100%;
    aspect-ratio: 4/4;
  }
}
.product__info {
  padding-left: 100px;
}
@media (min-width: 1920px) {
  .product__info {
    padding-left: 100px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (padding-left: clamp(1.5pxrem, calc(-204px + 15.8333333333 * 1vw), 6.25pxrem)) {
    .product__info {
      padding-left: clamp(1.5pxrem, calc(-204px + 15.8333333333 * 1vw), 6.25pxrem);
    }
  }
  @supports not (padding-left: clamp(1.5pxrem, calc(-204px + 15.8333333333 * 1vw), 6.25pxrem)) {
    .product__info {
      padding-left: calc(24px + (100vw - 1440px) * 0.1583333333);
    }
  }
}
@media (max-width: 1440px) {
  .product__info {
    padding-left: 24px;
  }
}
@media (min-width: 1025px) {
  .product__info {
    max-width: 50%;
  }
}
@media (max-width: 1024px) {
  .product__info {
    padding-left: 0;
  }
}
.product__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.product__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 1440px) {
  .product__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 767px) {
  .product__buttons {
    width: 100%;
  }
}
.product__quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #000;
}
@media (min-width: 1920px) {
  .product__quantity {
    padding-top: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-top: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-top: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-top: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-top: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .product__quantity {
    padding-top: 12px;
  }
}
@media (min-width: 1920px) {
  .product__quantity {
    padding-right: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-right: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-right: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-right: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-right: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .product__quantity {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .product__quantity {
    padding-bottom: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-bottom: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-bottom: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-bottom: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-bottom: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .product__quantity {
    padding-bottom: 12px;
  }
}
@media (min-width: 1920px) {
  .product__quantity {
    padding-left: 24px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  @supports (padding-left: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-left: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem);
    }
  }
  @supports not (padding-left: clamp(0.75pxrem, calc(-9.8823529412px + 1.7647058824 * 1vw), 1.5pxrem)) {
    .product__quantity {
      padding-left: calc(12px + (100vw - 1240px) * 0.0176470588);
    }
  }
}
@media (max-width: 1240px) {
  .product__quantity {
    padding-left: 12px;
  }
}
@media (max-width: 1440px) {
  .product__quantity {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .product__quantity {
    width: 100%;
  }
}
@media (max-width: 567px) {
  .product__quantity {
    padding: 6px;
  }
}
.product__quantity-btn {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.product__quantity-input {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #1c1c1c;
  outline: none;
  border: none;
  background: transparent;
  width: 80px;
}
@media (min-width: 1920px) {
  .product__quantity-input {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.625pxrem, calc(7.3391153513px + 0.3469210755 * 1vw), 0.875pxrem)) {
    .product__quantity-input {
      font-size: clamp(0.625pxrem, calc(7.3391153513px + 0.3469210755 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.625pxrem, calc(7.3391153513px + 0.3469210755 * 1vw), 0.875pxrem)) {
    .product__quantity-input {
      font-size: calc(10px + (100vw - 767px) * 0.0034692108);
    }
  }
}
@media (max-width: 767px) {
  .product__quantity-input {
    font-size: 10px;
  }
}
@media (min-width: 1920px) {
  .product__quantity-input {
    width: 80px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (width: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem)) {
    .product__quantity-input {
      width: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem);
    }
  }
  @supports not (width: clamp(2.5pxrem, calc(13.3911535126px + 3.4692107546 * 1vw), 5pxrem)) {
    .product__quantity-input {
      width: calc(40px + (100vw - 767px) * 0.0346921075);
    }
  }
}
@media (max-width: 767px) {
  .product__quantity-input {
    width: 40px;
  }
}
@media (max-width: 567px) {
  .product__quantity-input {
    width: 20px;
  }
}
.product__label {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 0px;
}
.product__label--sale {
  background: #ffc107;
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 14px;
	text-transform: capitalize;
	color: #1c1c1c;
	
	border: 1px solid #ffc107;
}
.product__label--hit {
  background: #000;
  color: #fff;
	
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 14px;
	text-transform: capitalize;
	border: 1px solid #000;
}
.product__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  .product__price {
    margin-bottom: 36px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.375pxrem, calc(12.6869037294px + 1.2142237641 * 1vw), 2.25pxrem)) {
    .product__price {
      margin-bottom: clamp(1.375pxrem, calc(12.6869037294px + 1.2142237641 * 1vw), 2.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.375pxrem, calc(12.6869037294px + 1.2142237641 * 1vw), 2.25pxrem)) {
    .product__price {
      margin-bottom: calc(22px + (100vw - 767px) * 0.0121422376);
    }
  }
}
@media (max-width: 767px) {
  .product__price {
    margin-bottom: 22px;
  }
}
.product__price-old {
  text-decoration: line-through;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 24px;
  text-transform: capitalize;
  color: #bcbcbc;
}
@media (min-width: 1920px) {
  .product__price-old {
    font-size: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .product__price-old {
      font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .product__price-old {
      font-size: calc(16px + (100vw - 767px) * 0.0069384215);
    }
  }
}
@media (max-width: 767px) {
  .product__price-old {
    font-size: 16px;
  }
}
.product__price-current {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 24px;
  text-transform: capitalize;
  color: #000;
}
@media (min-width: 1920px) {
  .product__price-current {
    font-size: 24px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .product__price-current {
      font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem);
    }
  }
  @supports not (font-size: clamp(1pxrem, calc(10.6782307025px + 0.6938421509 * 1vw), 1.5pxrem)) {
    .product__price-current {
      font-size: calc(16px + (100vw - 767px) * 0.0069384215);
    }
  }
}
@media (max-width: 767px) {
  .product__price-current {
    font-size: 16px;
  }
}
.product__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 42px;
}
@media (min-width: 1920px) {
  .product__cart {
    margin-bottom: 42px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.25pxrem, calc(5.3651344319px + 1.908065915 * 1vw), 2.625pxrem)) {
    .product__cart {
      margin-bottom: clamp(1.25pxrem, calc(5.3651344319px + 1.908065915 * 1vw), 2.625pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.25pxrem, calc(5.3651344319px + 1.908065915 * 1vw), 2.625pxrem)) {
    .product__cart {
      margin-bottom: calc(20px + (100vw - 767px) * 0.0190806592);
    }
  }
}
@media (max-width: 767px) {
  .product__cart {
    margin-bottom: 20px;
  }
}
.product__btn {
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  width: 200px;
}
@media (min-width: 1920px) {
  .product__btn {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__btn {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__btn {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__btn {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .product__btn {
    width: 200px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  @supports (width: clamp(9.375pxrem, calc(0px + 10.4166666667 * 1vw), 12.5pxrem)) {
    .product__btn {
      width: clamp(9.375pxrem, calc(0px + 10.4166666667 * 1vw), 12.5pxrem);
    }
  }
  @supports not (width: clamp(9.375pxrem, calc(0px + 10.4166666667 * 1vw), 12.5pxrem)) {
    .product__btn {
      width: calc(150px + (100vw - 1440px) * 0.1041666667);
    }
  }
}
@media (max-width: 1440px) {
  .product__btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product__btn {
    width: 100%;
  }
}
.product__btn--cart {
  background: #ffc107;
}
.product__btn--fast {
  background: #000;
  color: #fff;
}
.product__meta {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin-bottom: 56px;
}
@media (min-width: 1920px) {
  .product__meta {
    margin-bottom: 56px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .product__meta {
      margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(2.7129228101px + 2.7753686036 * 1vw), 3.5pxrem)) {
    .product__meta {
      margin-bottom: calc(24px + (100vw - 767px) * 0.027753686);
    }
  }
}
@media (max-width: 767px) {
  .product__meta {
    margin-bottom: 24px;
	  max-width: 100% !important;
  }
}
.product__meta .product__availability, .product__meta .product__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product__meta .product__availability span:first-of-type, .product__meta .product__time span:first-of-type {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #9d9d9d;
}
@media (min-width: 1920px) {
  .product__meta .product__availability span:first-of-type, .product__meta .product__time span:first-of-type {
    gap: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__meta .product__availability span:first-of-type, .product__meta .product__time span:first-of-type {
      gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__meta .product__availability span:first-of-type, .product__meta .product__time span:first-of-type {
      gap: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__meta .product__availability span:first-of-type, .product__meta .product__time span:first-of-type {
    gap: 12px;
  }
}
.product__meta .product__availability span:last-of-type, .product__meta .product__time span:last-of-type {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  text-align: right;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .product__meta .product__availability span:last-of-type, .product__meta .product__time span:last-of-type {
    gap: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__meta .product__availability span:last-of-type, .product__meta .product__time span:last-of-type {
      gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .product__meta .product__availability span:last-of-type, .product__meta .product__time span:last-of-type {
      gap: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .product__meta .product__availability span:last-of-type, .product__meta .product__time span:last-of-type {
    gap: 12px;
  }
}
.accordion__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  max-width: 450px;
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  .accordion__list {
    margin-bottom: 36px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (margin-bottom: clamp(1.5pxrem, calc(16.0173460538px + 1.0407632264 * 1vw), 2.25pxrem)) {
    .accordion__list {
      margin-bottom: clamp(1.5pxrem, calc(16.0173460538px + 1.0407632264 * 1vw), 2.25pxrem);
    }
  }
  @supports not (margin-bottom: clamp(1.5pxrem, calc(16.0173460538px + 1.0407632264 * 1vw), 2.25pxrem)) {
    .accordion__list {
      margin-bottom: calc(24px + (100vw - 767px) * 0.0104076323);
    }
  }
}
@media (max-width: 767px) {
  .accordion__list {
    margin-bottom: 24px;
	  max-width: 100% !important;
  }
}
.accordion__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
         justify-content: flex-start;
}
.accordion__list li span:first-of-type {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #9d9d9d;
	flex: 1;
    max-width: 50%;
}
@media (min-width: 1920px) {
  .accordion__list li span:first-of-type {
    gap: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion__list li span:first-of-type {
      gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion__list li span:first-of-type {
      gap: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .accordion__list li span:first-of-type {
    gap: 12px;
  }
}
.accordion__list li span:last-of-type {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  text-align: right;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .accordion__list li span:last-of-type {
    gap: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion__list li span:last-of-type {
      gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (gap: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion__list li span:last-of-type {
      gap: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .accordion__list li span:last-of-type {
    gap: 12px;
  }
}

.accordion__note {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .accordion__note {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion__note {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion__note {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .accordion__note {
    font-size: 12px;
  }
}

.accordion-content-inner p {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #1c1c1c;
}
@media (min-width: 1920px) {
  .accordion-content-inner p {
    font-size: 14px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  @supports (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion-content-inner p {
      font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem);
    }
  }
  @supports not (font-size: clamp(0.75pxrem, calc(10.6695576756px + 0.1734605377 * 1vw), 0.875pxrem)) {
    .accordion-content-inner p {
      font-size: calc(12px + (100vw - 767px) * 0.0017346054);
    }
  }
}
@media (max-width: 767px) {
  .accordion-content-inner p {
    font-size: 12px;
  }
}

.product__size {
	width: fit-content;
}

.product__sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}



.js-clear-cart {
    display: flex;
    align-items: center;
    gap: 10px;
	color: #1c1c1c;
	text-decoration: none;
}

.services-overview-card img {
	filter: grayscale(1);
}
.services-overview-card {
    aspect-ratio: 4 / 3.66;
}
.why-us.why-us-secondary > div > div > div > div:nth-child(1) {
	width: 45%;
}
.why-us.why-us-secondary.animated > div > div > div > div:nth-child(1) {
	width: 66%;
}

.product-line__badge:not(.img) img {
    max-height: 90px;
    max-width: 60px;
    aspect-ratio: 4 / 3;
    object-fit: contain;
}
.product-line__bottom:has(.product-line__badge:nth-child(5)) {
    margin-bottom: 100px;
}


.team-swiper .services-swiper__buttons {
	top: 52%;
	    max-width: 89.8vw;
} 

.services-swiper__buttons {
	top: 40%;
}
.services-swiper__buttons .services-swiper__button {
	 width: 50px;
    height: 50px;
}
.services-swiper__buttons .services-swiper__button:hover {
    background: transparent;
    
}

.usage-card {
	display: flex;
    justify-content: center;
    align-items: center;	
}

.product-line__top {
	max-width: 700px;
}
@media (max-width:1660px) {
	.product-line__bottom:has(.product-line__badge:nth-child(5)) {
		margin-bottom: 0px;
	}
}


@media (min-width:1381px) {
	.blog-post__img img {
		aspect-ratio: 4 / 4;
	}

}

section.why-us.why-us-catalog > div > div > div > div.why-us-step.why-us-step-text {
	    width: 35%;
}
section.why-us.why-us-catalog > div > div > div {
	gap: 28px;
}
.order-guide-banner__button {
	padding: 0;
}
.order-guide-banner__button a {
	text-decoration: none;
	color: #1C1C1C;
	padding: 24px 56px;
	background-color: #fff;
}


section.order-guide-delivery > div > div > div:nth-child(1) > div.contacts-info > div > table > thead > tr > th {
    width: 100%;
    border: none;
    max-width: 100%;
}
section.order-guide-delivery > div > div > div:nth-child(1) > div.contacts-info > div > table > thead > tr {
	width: 100%;
    border: 1px solid;
}

/* ====== POPUP OVERLAY ====== */
.zn-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .25s ease;
  z-index: 999999;
}

.zn-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.zn-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.blog-post__btn .ui-button {
	width: 235px;
}

.ui-button {
    transition: .2s ease;
	border: 1px solid #ffc242;
}
.ui-button:hover {
    transition: .2s ease;
    background-color: #fff;
    border: 1px solid #ffc242;
    box-shadow: 1px 1px 20px #ffc2423b;
}


.blog-overview-card__date {
	cursor: default;
}
.blog-overview-card__title {
	transition: .2s ease;
}
.blog-overview-card__title:hover {
    transition: .2s ease;
    color: #ffb10c;
    text-shadow: 1px 1px 10px #ffc2423b;
}
.blog-overview-card__title span path {
	transition: .2s ease;
	transform: translateX(0px);
}
.blog-overview-card__title:hover span svg path {
	transition: .2s ease;
	transform: translateX(12px);

} 

/* ====== POPUP WINDOW ====== */
.zn-modal__window {
  position: relative;
  z-index: 2;
  background: #ffffff;
  max-width: 680px;
  width: 100%;
  padding: 50px 64px 46px;
  box-sizing: border-box;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* крестик */
.zn-modal__close {
  position: absolute;
	right: -72px;
    top: -12px;

  border: none;
  background: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

/* ====== TITLE ====== */
.zn-modal__title {
  margin: 0 0 32px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}


/* ====== FORM FIELDS ====== */
#znOneClickForm {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* инпуты и textarea одинаковыми блоками */
#znOneClickForm input[type="text"],
#znOneClickForm input[type="email"],
#znOneClickForm textarea {
  width: 100%;
  display: block;
  box-sizing: border-box;
  border: none;
  background: #F7F7F7;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.4;
  outline: none;
	    border-radius: 0;
}

#znOneClickForm input[type="text"],
#znOneClickForm input[type="email"] {
  height: 52px;
}

#znOneClickForm textarea {
  min-height: 110px;
  resize: vertical;
}

/* placeholder как в макете */
#znOneClickForm input::placeholder,
#znOneClickForm textarea::placeholder {
  color: #9E9E9E !important;
}

/* ====== POLICY / ЧЕКБОКС ====== */
.zn-form__policy {
  margin-top: 12px;
  margin-bottom: 18px;
  font-size: 11px;
  line-height: 1.4;
	 text-indent: -36px;
    margin-left: 36px;
	
}
.zn-form__policy a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #000;
}
.zn-form__policy input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #1c1c1c;
  border-radius: 50% !important;
  display: inline-block;
  position: relative;
  margin-right: 12px;
  cursor: pointer;
  outline: none;
  background: #fff;
  transition: 0.2s;
  position: relative;
  top: 4px;

}


.zn-form__policy input[type="checkbox"]:checked::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #FFC93C;  /* как на картинке */
  border-radius: 50% !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	
	transition: .2s ease;
}


.zn-form__policy input[type="checkbox"]:hover {
  border-color: #000;
	transition: .2s ease;
}


/* ====== BUTTON ====== */
.zn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 92px;
  background: #FFC242;
  border: none;
  cursor: pointer;
	font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
    border-radius: 0;
	color: #1C1C1C !important; 
}

/* ====== SUCCESS POPUP ====== */
#znOneClickSuccess .zn-modal__window {
  max-width: 670px;
  padding: 62px 50px;
  text-align: center;
}
#znOneClickSuccess .zn-btn {
	max-width: 350px;
}
#znOneClickSuccess h2 {
     margin: 0 0 56px;
  text-transform: uppercase;
	font-family: var(--second-family);
font-weight: 700;
font-size: 70px;
line-height: 43%;
text-align: center;
color: #1c1c1c;
}

#znOneClickSuccess p {
font-family: var(--font-family);
font-weight: 300;
font-size: 14px;
text-align: center;
color: #1c1c1c;
margin: 0 auto 46px;
    line-height: normal;
    max-width: 340px;
}

/* адаптив, чтобы на мобиле не рвало */
@media (max-width: 575px) {
  .zn-modal__window {
    max-width: 100%;
    margin: 0 12px;
    padding: 32px 20px 28px;
  }
}


/* Fade animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInAnim .35s forwards ease;
}
@keyframes fadeInAnim {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* GRID LOADER */
.best-offers__grid.loading {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

@media (min-width:992px) {
	.best-offers__grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


.grid-spinner {
    width: 40px;
    height: 40px;
	  border: 3px solid #FFC242;
	  border-top-color: #1C1C1C;
    border-radius: 50%;
    animation: spin .8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* LOAD MORE BUTTON LOADER */
.loadmore-spinner {
    display: none;
    width: 16px;
    height: 16px;
	  border: 3px solid #FFC242;
	  border-top-color: #1C1C1C;
    border-radius: 50%;
    margin-left: 10px;
    animation: spin .7s linear infinite;
}

/* TABS */
.best-offers__tabs {
    display: flex;
    gap: 40px;
}

.best-offers__tab--link {
	color: #1c1c1c !important;
}

.best-offers__tab {
    font-weight: 300;
    font-size: 14px;
    color: #1c1c1c;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

a.best-offers__tab {
    text-decoration: none;
}



.mobile-menu__logo.mobile {
	display: none;
}

@media (min-width:768px) {
	.menu-close {
		position: absolute;
		right: 24px;
		top: 42px;
	}
}

.mobile-menu nav ul li {
	text-transform: uppercase;
	margin-bottom: 24px;
}

.mobile-menu__tel a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	color: #1c1c1c;
	
	text-decoration: none;
}
.mobile-menu__address {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 14px;
	color: #1c1c1c;
}

@media (max-width:767px) {
	.mobile-menu__logo {
		margin: 0;
        position: relative;
        bottom: -3px;
	}
	.burger-menu-close {
     	display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 46px;
	}
	.mobile-menu__logo.desktop {
		display: none;
	}
	
	.mobile-menu__logo.mobile {
		display: flex;
	}
}


/* Button */
.catalog-loadmore {
    margin: 40px auto 0;
    padding: 24px 52px;
    background: #000;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	    margin-bottom: 80px;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	    border: none;
	color: #fff;
		transition: .2s ease;
}

.catalog-loadmore:hover {
	transition: .2s ease;
	background-color: #FFC242;
	color: #000;
	
}

/* buy 1 click popup  */
.zn-modal__title {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 70px;
	line-height: normal;
	text-align: center;
	color: #1c1c1c;
}
@media (max-width:567px) {
	.zn-modal__title {
 		font-size: 46px;
	}
}
.znOneClickForm input {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 16px;
	color: #1c1c1c;
	border-radius: none;
}
.znOneClickForm input::placeholder {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 16px;
	color: #1c1c1c;
}
#znOneClickForm input {
	border-radius: 0;
	    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    color: #000;
}
#znOneClickForm input::placeholder {
	border-radius: 0;
	    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    color: #000;
}

#znOneClickForm input[type="text"], #znOneClickForm input[type="email"] {
    height: 85px;
}

@media (max-width:567px) {
	#znOneClickForm input[type="text"], #znOneClickForm input[type="email"] {
    	height: 45px;
	}
}

#znOneClickForm textarea {
	height: 200px;
	 resize: block;
}
.zn-form__policy {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 14px;
	color: #000;
}
.zn-btn {
	border-radius: none;
	text-decoration: none;
}
@media (max-width:567px) {
	#znOneClickForm > button {
		height: 50px;
	}
}

/* style fixes */
.header__logo-mobile {
	display: none !important;
}

@media (max-width:467px) {
	.header__logo {
		display: flex !important;
	}
	.header__logo-desktop {
		display: none !important;
	}
	.header__logo-mobile {
		display: flex !important;
	}
}
.catalog-product-line .product-line__top h2 {
	max-width: 750px;
}
.catalog-product-line .product-line__top{
	max-width: 100%;
}
.catalog-product-line .product-line__top p{
	max-width: 500px;
}

@media (min-width:1440px) {
	.catalog-product-line .product-badge {
		
	}
	section.product-line.catalog-product-line > div > div > div.product-line__bottom {
		height: 250px;
	}
}
.best-offers__tab {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: #1c1c1c;
	
	position: relative;
}

@media (min-width: 468px) {
	.best-offers__tab:after {
		content:"";
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: -16px;
		z-index: -10;
		left: 0;
		background-color: #ffc242;
		opacity: 0;
		transition: .2s ease;

	}
	.best-offers__tab.active:after {
		opacity: 1;
		bottom: -6px;
		transition: .2s ease;
	}

	.best-offers__tab:hover::after {
		opacity: 1;
		bottom: -6px;
		transition: .2s ease;
	}

}
@media (max-width:467px) {
	.best-offers__tab {
		border-radius: 0;
		width: max-content;
	}
	.best-offers__tab {
		padding: 20px 22px;
		background-color: #fff;
		border: 1px solid #1C1C1C;
	}
	.best-offers__tab.active {
		padding: 20px 22px;
		background-color: #ffc242;
		border: 1px solid #ffc242;
	}
	/* включаем горизонтальный скролл */
	.best-offers__tabs {
		padding: 0 24px;
		display: flex;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		scrollbar-width: none; /* Firefox скрыть скролл */
		gap: 10px;
	}

	.best-offers__tabs::-webkit-scrollbar {
		display: none; /* Chrome скрыть скролл */
	}

	/* каждый таб фиксируется при свайпе */
	.best-offers__tab {
		scroll-snap-align: start;
		flex: 0 0 auto; /* важное: делает табы свайп-элементами */
		    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
	}
	.best-offers__container {
		padding: 0;
	}

	.best-offers__title {
		padding: 0 24px;
		max-width: 300px;
    	line-height: 85%;
	}
	.best-offers__grid {
		padding: 0 24px;
		grid-template-columns: 1fr !important;
	}
}

.best-offers__top {
	flex-wrap: wrap;
	gap: 32px;
}

.ui-button:hover {
    transition: .2s ease;
    background-color: #fff;
    color: #ffc242;
}

@media (max-width: 467px) {
	.hero__nav-img {
		display:none;
	}
	.hero__nav-num {
		position: unset;
		-webkit-text-stroke: 1px #1C1C1C;
    	text-stroke: 1px #1C1C1C;
	}
	.hero__nav {
		grid-template-columns: 1fr;
		gap: 0px;
	}
	.hero__nav-info {
		max-width: 100%;
		width: 100%;
		gap: 18px;
	}
	.hero__nav-title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
	}
}


.index-news__btn.mobile {
	display: none;
}
@media (max-width:467px) {
	.index-news__btn.desktop {
		display: none;
	}
	.index-news__btn.mobile {
		display: flex;
	}
}

.search-form__input {
	outline: none !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #1c1c1c !important;
    border-radius: 0 !important;
}
.search-form__icon {
	flex-shrink: 0;
}


/* header cart */
.header-cart {
	text-decoration: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	color: #1c1c1c;
	
	position: relative;
	
	user-select: none;
}
.header-cart .header-cart__qty {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #FFC242;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: -12px;
	
	user-select: none;
}
	

.cart-checkout__form {
    background: #F3F3F3;
    padding: 54px 74px 24px;
    margin-bottom: 24px;
}
.cart-checkout__form input,
.cart-checkout__form textarea {
    width: 100%;
    background: #fff;
    border: none;
    padding: 32px 22px;
    margin-bottom: 24px;
    font-size: 15px;
	
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 16px;
	color: #1c1c1c;
}
.cart-checkout__form input::placeholder,
.cart-checkout__form textarea::placeholder {
	color: #1c1c1c;
}
.cart-checkout__form textarea {
    height: 120px;
	resize: block;
}


#znCartCheckoutForm > label {
	margin-left: 0;
	text-indent: 0;
}
#znCartCheckoutForm > label > input[type=checkbox] {
    flex-shrink: 0;
    padding: unset;
	    margin: 0;
}

@media (max-width:1660px) {
	#cartCheckoutFormBlock {
		padding: 24px;
	}
	.cart-checkout__form input, .cart-checkout__form textarea {
		padding: 24px 24px;
	}
}
@media (max-width:1440px) {
	div.cart-item > div.product__quantity {
		width: fit-content;
	}
}





.single-product_recent-products .catalog-card__add.add-to-cart-btn {
	bottom: -32px !important;
}
.single-product_recent-products {
	padding-bottom: 150px !important;
	margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .single-product_recent-products {
	padding-top: 24px;
    padding-bottom: 100px !important;
  }
}


.breadcrumbs.white {
	color: #fff;
} 

.services-swiper__wrapper {
	overflow: visible;
}

.services-swiper__pagination {
	display: flex;
    margin: 0 24px;
    width: -webkit-fill-available !important; 
    top: 85% !important;
}

@media (max-width:767px) {
	.catalog-tiles-index .catalog-tiles-card__title {
        font-size: 35px;
    }
	.index-news .ui-button {
		padding: 24px;
		width: 235px;
	}
	section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-right .index-news-card__img {
		aspect-ratio: 4 / 3;
	}
	.catalog-card__img {
		   margin-bottom: 12px;
		object-fit: contain;
		display: flex;
		aspect-ratio: 4 / 4;
		        justify-content: center;
        align-items: center;
	}
}
@media (max-width:467px) {
	.catalog-tiles-index .catalog-tiles__top {
	   grid-template-columns: 1fr !important;	
	}
	.catalog-tiles-index .catalog-tiles-card {
		height: 220px;
	}
	.catalog-tiles-card__title {
		font-size: 35px;
	}
	section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left .index-news-card-big {
		aspect-ratio: 9 / 11;
	}
	
}
@media (max-width: 767px) {
	.page-catalog.why-us why-us__bottom {
		gap: 0px;
	}
}
@media (max-width:467px) {
	.page-catalog.catalog-tiles .catalog-tiles__top {
		grid-template-columns: 1fr;
	}
	.page-catalog.catalog-tiles .catalog-tiles__bottom {
		grid-template-columns: 1fr;
	}
	.page-catalog.catalog-tiles .catalog-tiles-card {
		max-height: 220px;
	}
	
}
.catalog-card__badges span:nth-child(1) {
	top: 22px;
}
.catalog-card__badges span:nth-child(2) {
	top: 54px;
}
.catalog-card__badges span:nth-child(3) {
	top: 88px;
}
.catalog-card__badges span:nth-child(4) {
	top: 122px;
}




/* ============================================================
   DOUBLE RANGE SLIDER — CLEAN VERSION
   работает с разметкой:
   <div class="catalog-filters__range-wrap">
      <input type="range" id="zn-range-min">
      <input type="range" id="zn-range-max">
   </div>
============================================================ */

.catalog-filters__range-wrap {
  position: relative;
  width: 100%;
  height: 2px !important;
  margin: 20px 0 10px;
}

.catalog-filters__track {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px !important;
  background: #ddd;
  border-radius: 3px;
  transform: translateY(-50%);
  z-index: 1;
}

/* ACTIVE PRICE RANGE (цвет заполненной линии) */
.catalog-filters__track::before {
  content: "";
  position: absolute;
  height: 2px;
  background: #1c1c1c;
  border-radius: 0px;
  z-index: 2;
  left: var(--a, 0%);
  right: var(--b, 0%);
}

/* Слайдеры */
.catalog-filters__range-wrap input[type="range"] {
  position: absolute;
  width: 100%;
  height: 32px;
  top: -14px;
  left: 0;
  margin: 0;
  padding: 0;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
	border: none; 
	z-index: 2;
}

.catalog-filters__range-wrap input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0366d6;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  cursor: grab;
  transition: .15s;
}

.catalog-filters__range-wrap input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}

.catalog-filters__range-wrap input[type="range"]::-webkit-slider-thumb:active {
  cursor: grabbing;
  transform: scale(1.1);
}

/* Firefox */
.catalog-filters__range-wrap input[type="range"]::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0366d6;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  cursor: grab;
}

/* Убираем стандартную полосу Firefox */
.catalog-filters__range-wrap input[type="range"]::-moz-range-track {
  background: none;
}
/* COLORS */
.catalog-filters__track {
  background: #1C1C1C; /* Чёрный правый трек */
}

/* активная левая часть */
.catalog-filters__track::before {
  background: #FFC242; /* Жёлтая заливка слева */
}

/* левый слайдер — жёлтый */
#zn-range-min::-webkit-slider-thumb {
  background: #FFC242;
  border: 2px solid #FFC242;
}
#zn-range-min::-moz-range-thumb {
  background: #FFC242;
  border: 2px solid #FFC242;
}

/* правый слайдер — чёрный */
#zn-range-max::-webkit-slider-thumb {
  background: #1C1C1C;
  border: 2px solid #1C1C1C;
}
#zn-range-max::-moz-range-thumb {
  background: #1C1C1C;
  border: 2px solid #1C1C1C;
}


.catalog-card__add:hover {
	transition: .2s ease;
	
	
}

.catalog-card__add svg path {
	transition: .2s ease;
}
.catalog-card__add:hover svg path {
	transition: .2s ease;
	stroke: #fff;
	
}
.catalog-card__add:hover {
	transition: .2s ease;
	stroke: #fff;
	background: #000;
}


.catalog {
	margin-bottom: 80px;
}

.product__main-wrapper {
	position: relative;
	    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}
.archive-services.why-us > div > div > div > div:nth-child(1) {
	width: 42% !important;
}

@media (max-width:467px) {
	.archive-services.services-overview .services-overview-tiles {
		grid-template-columns: 1fr !important;
	}
	.archive-services.services-overview .services-overview-tiles .services-overview-card {
		height: 220px;
	}
}


.services-accordion.single-services .text p {
	line-height: 229%;
}

section.product-line.product-line-secondary.animated > div > div > div.product-line__top > a {
 width: 235px;
}

a.ui-button {
	padding: 24px !important;
}

.footer__icon svg path {
	transition: .2s ease;
}

.footer__icon:hover svg path {
	transition: .2s ease;
	fill: #fff;
}

/* pixel perfect for 1920 */
@media (width:1920px) {
	.header__bottom {
		gap: 100px;
	}
	.header__nav-list {
        gap: 30px;
    }
	.hero__nav {
    	margin-top: 18px;
	}
	
	

	
	
	
	
	.footer__col--contacts {
		position: relative;
    	left: 36px;
	}
	.footer__col.footer__col--catalog {
	 	position: relative;
   		left: 105px;
	}
	.footer__col.footer__col--company {
		position: relative;
    	left: 101px;
	}
	.footer__col.footer__col--buyer {
		    position: relative;
			left: 70px;
	}
	.footer__bottom {
		padding-left: 26px;
	}
	
	.hero__arrows {
		gap: 0px;
		left: 25px;
		position: relative;
	}
	.best-offers__grid {
		margin-bottom: 100px;
	}
	.catalog-tiles-index {
		margin-bottom: 70px;
	}
	.footer__list {
		    gap: 10px;
	}
	section.index-news .index-news__container .index-news__wrapper .index-news__bottom .index-news__bottom-left {
		    width: 90%;
	}
	.footer {
		padding-bottom: 125px;
	}
	.footer__social {
		margin-top: 40px;
	}
	.footer__col--contacts {
    	gap: 14px;
	}
	
	.order-guide-banner__text-bottom {
		    gap: 42px;
		justify-content: unset;
	}
	.usage-order-guide {
		  margin-bottom: 80px;
	}
	
	section.order-guide-delivery > div > div > div:nth-child(2) > div.contacts-info > div > p:nth-child(1)  {
		margin-bottom: 26px;
	}
	body > main > section.order-guide-delivery.animated > div > div > div:nth-child(1) > div.contacts-info > div > p:nth-child(1) {
		margin-bottom: 50px;
	}
	body > main > section.order-guide-delivery.animated > div > div > div:nth-child(1) > div.contacts-info > div > p:nth-child(2) {
		margin-bottom: 38px;
	}
	
	
	.services-banner {
		margin-top: 144px;
		margin-bottom: 64px;
	}
	.about-company p {
		margin-bottom: 48px;
		max-width: 650px;
	}
	
	body > main > section.about-company.animated > div > div > div.about-company__text > p:last-child {
		    margin-bottom: 92px;
	}
	.page-about.product-line__bottom {
		column-gap: 122px;
		margin-bottom: 64px;
	}
	.team-swiper {
		padding-bottom: 52px;
	}
	
	.page-template-page-contacts .breadcrumbs {
		    padding-top: 140px !important;
    		padding-bottom: 0px !important;
	}
	
	.page-template-page-contacts section.contacts {
		    margin-bottom: 146px !important;
	}
	
	.page-template-page-contacts .contacts__wrapper {
		        gap: 0 !important;
	}
	.contacts-map img {
		max-width: 1190px;
	}
	section.contacts > div > div > div.contacts-info > div > p:nth-child(1) {
		margin-bottom: 36px;
	}
	section.contacts > div > div > div.contacts-info > div > p:nth-child(5) {
		margin-top: 46px;
		margin-bottom: 18px;
	}
	.post-type-archive-services .breadcrumbs {
		padding-top: 135px;
    	padding-bottom: 12px;
	}
	.services-accordion__wrapper {
		justify-content: space-between;
	}
	.services-accordion-accordion {
		    max-width: 930px;
		    margin-top: 63px;
	}
	.services-accordion h2 {
		    margin-top: 26px;
	}
	.services-accordion {
		    margin-bottom: 110px;
	}
	.archive-services.why-us {
		    margin-bottom: 113px;
	}
	.archive-services.services-overview h2 {
		margin-bottom: 74px:
	}
}


.for-who__cards .for-who-card:nth-child(1)::after {
	opacity: 1;
	background-color: #FFC242;
}
.for-who__cards .for-who-card::after {
	background-color: #00000052;
	opacity: 1;
}


	.hero__content {
		height: 670px;
		display: flex;
		flex-direction: column;
		        
	}
	.hero__title {
		margin-bottom: auto;
	}

@media (max-width: 1560px) {
	.hero__title {
/* 	   position: unset !important; */
		        width: 800px;
	}

}
@media (min-width: 1441px) {
    .hero__title {
        font-size: 133px;
		width:1000px;
    }
}

@media (max-width:1024px) {
		.hero__title {
	   position: unset !important;
			width: 100%;

	}
	.hero__content {
    	height: 400px;
	}
}

@media (max-width:1919px) {
	 .hero__title {
        left: -330px;
		position: relative;
		
    }
}


.catalog-card__add {
	padding: 0;
}
.catalog-card__add {
    width: 65px !important;
    height: 65px !important;
}



li.current-menu-item.current_page_item a {
	font-weight: 500;
	    color: #FF7700;

}


.contacts-info__table th, .contacts-info__table td{
    border: none;
}
div.contacts-info > div > table > tbody > tr:nth-child(1) > td:nth-child(1) {
	border: 1px solid;
    border-top: none;
}
div.contacts-info > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
	border: 1px solid;
    border-left: none;
    border-top: none;
}
div.contacts-info > div > table > tbody > tr:nth-child(2) > td:nth-child(1) {
	border: 1px solid #000;
    border-top: 0;
}
div.contacts-info > div > table > tbody > tr:nth-child(2) > td:nth-child(2) {
	border: 1px solid #000;
    border-left: 0;
    border-top: 0;
}



.catalog-filters__btn {
	transition: .2s ease;
}
.catalog-filters__btn:hover {
	background: #000;
    color: #fff;
    transition: .2s ease;
}

.catalog-filters__reset {
	transition: .2s ease;
}
.catalog-filters__reset:hover {
	background: #000;
    color: #fff;
    transition: .2s ease;
}


@media (max-width: 991px) {
	body.woocommerce-page > main > section.why-us.why-us-catalog > div > div > div > div.why-us-step.why-us-step-text {
		width: 100%;
	}
}

@media (max-width:467px) {
	.recent-product {
		margin-bottom: 60px;
	}
	.text-section__wrapper {
		gap: 0;
	}
}