@charset "UTF-8";
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PTSans-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PTSans-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PTSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PTSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  line-height: 1;
  font-family: "sans-serif";
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: "sans-serif";
  font-size: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  background-color: inherit;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

/*
&::-webkit-scrollbar {
	display: none;
}
*/
body {
  color: #000;
  font-size: 16px;
  font-family: "sans-serif";
  background-color: #fff;
}
body._lock {
  overflow: hidden;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.button {
  display: inline-flex;
  padding: 0px 0px;
}
.button._fw {
  width: 100%;
}

.select {
  position: relative;
}
.select__item {
  position: relative;
}
.select__title {
  color: #000;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 4px;
}
@media (max-width: 991.98px) {
  .select__title {
    font-size: 18px;
  }
}
.select__value {
  display: flex;
  font-size: 14px;
  height: 30px;
  padding: 0px 15px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.select__value span {
  height: 1em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.select__value:before {
  content: "";
  display: inline-block;
  transition: all 0.3s ease 0s;
  width: 11px;
  height: 7px;
  background: url("../img/icons/select.svg") center/100% no-repeat;
}
.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%;
}
.select__options {
  color: #000;
  position: absolute;
  top: 29px;
  border-radius: 0 0 4px 4px;
  min-width: 100%;
  left: 0;
  background-color: #fff;
  border-top: 0;
  border: 1px solid #d9d9d9;
  border-top: 0;
  font-size: 14px;
  padding: 10px 0px 5px 0px;
}
@media (max-width: 991.98px) {
  .select__options {
    font-size: 18px;
  }
}
.select__option {
  cursor: pointer;
  padding: 5px 15px;
  margin: 0px 0px 0px 0px;
}
@media (min-width: 992px) {
  .select__option:hover {
    background: #d9d9d9;
  }
}
.select._active {
  z-index: 5;
}
.select._active .select__value:before {
  transform: rotate(-180deg);
}
.select._active .select__options {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
  outline: none;
}

.input {
  border-radius: 0 !important;
  width: 100%;
  display: block;
  padding: 0px 20px;
}
textarea.input {
  resize: none;
  padding: 0px 0px;
}

.checkbox {
  position: relative;
}
.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.checkbox__input:checked + .checkbox__text:before {
  background: #fff url("../img/icons/check.svg") center no-repeat;
}
.checkbox__text {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: -0.3px;
  line-height: 1.25;
  cursor: pointer;
}
.checkbox__text:before {
  content: "";
  align-self: flex-start;
  margin: 0px 14px 0px 0px;
  flex: 0 0 20px;
  left: 0;
  top: 0;
  width: 20px;
  height: 18px;
  background: #fff;
  border: 1px solid #a7a9ac;
}
.checkbox a {
  color: #fff;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .checkbox a:hover {
    text-decoration: none;
  }
}
.checkbox._error .checkbox__text:before {
  border: 1px solid #ee1212;
}

.options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.options__item {
  position: relative;
  cursor: pointer;
}
.options__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  left: 0;
  top: 0;
  visibility: hidden;
}
.options__input:checked + .options__text:after {
  transform: scale(1);
}
.options__text {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: -0.3px;
  line-height: 1.25;
}
.options__text:before {
  content: "";
  align-self: flex-start;
  margin: 0px 14px 0px 0px;
  flex: 0 0 20px;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 20px;
  height: 18px;
  background: #fff;
  border: 1px solid #a7a9ac;
}
.options__text:after {
  content: "";
  transition: all 0.3s ease 0s;
  transform: scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #77243a;
  position: absolute;
  left: 5px;
  top: 4px;
}

.rating {
  display: flex;
  align-items: flex-end;
  font-size: 40px;
  line-height: 0.75;
  transition: opacity 0.3s ease 0s;
}

.rating.rating_sending {
  opacity: 0.2;
}

.rating.rating_set .rating__active,
.rating.rating_set .rating__item {
  cursor: pointer;
}

.rating__body {
  position: relative;
}

.rating__body::before {
  content: "★★★★★";
  display: block;
}

.rating__active {
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.rating__active::before {
  content: "★★★★★";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #ffd300;
}

.rating__items {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.rating__item {
  flex: 0 0 20%;
  height: 100%;
  opacity: 0;
}

.rating__value {
  font-size: 50%;
  line-height: 1;
  padding: 0px 0px 0px 10px;
}

.quantity {
  width: 88px;
  height: 40px;
  display: flex;
  border: 1px solid rgba(166, 166, 166, 0.45);
}
.quantity__button {
  flex: 0 0 30px;
  position: relative;
  cursor: pointer;
}
.quantity__button::before, .quantity__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.3s ease 0s;
  margin: 0px 0px 0px -4.5px;
  background-color: #a6a6a6;
  width: 9px;
  height: 1px;
}
@media (min-width: 991.98px) {
  .quantity__button:hover::before, .quantity__button:hover::after {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.quantity__button_plus::before {
  transform: rotate(-90deg);
}
.quantity__input {
  flex: 1 1 auto;
}
.quantity__input input {
  height: 100%;
  color: #a6a6a6;
  font-size: 12px;
  width: 100%;
  text-align: center;
}

.row:after {
  display: block;
  content: "";
  clear: both;
}

.rub:after {
  content: "₽";
}

ol.counter {
  list-style-type: none;
  counter-reset: item;
}
ol.counter li {
  position: relative;
  padding: 0px 0px 0px 45px;
}
ol.counter li:before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0;
  color: #818181;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  border: 1px solid #4274bb;
}

.ellipsis {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.es {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table {
  display: table;
  font-size: 0;
  width: 100%;
}

.trow {
  display: table-row;
}

.cell {
  display: table-cell;
}
.cell.full {
  width: 100%;
}

._ibg {
  position: relative;
}
._ibg img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

body.ie ._ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.ie ._ibg img {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

._video {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
._video video,
._video iframe,
._video object,
._video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videobg video,
.videobg iframe,
.videobg object,
.videobg embed {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

._more-content {
  transition: all 0.3s ease 0s;
  overflow: hidden;
}

._more-link {
  cursor: pointer;
}
._more-link span {
  font-style: normal;
}
._more-link span:first-child {
  display: block;
}
._more-link span:last-child {
  display: none;
}
._more-link._active span {
  font-style: normal;
}
._more-link._active span:first-child {
  display: none;
}
._more-link._active span:last-child {
  display: block;
}

#map {
  background: url("../img/icons/loading.gif") center/50px no-repeat;
}

._swiper {
  overflow: hidden;
}
._swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}
._swiper.swiper-container-vertical .swiper-wrapper {
  flex-direction: column;
}
._swiper.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-container-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

._tabs-block {
  display: none;
}
._tabs-block._active {
  display: block;
}

.mirror {
  transform: scale(-1, 1);
}

.nicescroll-rails {
  z-index: 1000 !important;
}

._custom-scroll {
  position: fixed;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  z-index: 1000;
}
._custom-scroll__line {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px 0 0 3px;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}

.popup {
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  padding: 30px 10px;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
}
.popup::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
}
.popup.show {
  visibility: visible;
  overflow: auto;
}
.popup.show::before {
  opacity: 1;
}
.popup.show .popup__body {
  transform: scale(1);
}
.popup._active {
  overflow: auto;
  visibility: visible;
}
.popup._active::before {
  opacity: 1;
}
.popup._active .popup__body {
  transition: all 0.3s ease 0.2s;
  transform: scale(1);
}
.popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__body {
  transform: scale(0);
  transition: all 0.3s ease 0s;
  background-color: #fff;
  padding: 50px;
  width: 100%;
  max-width: 800px;
}
.popup__close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  z-index: 30;
  background: url("../img/icons/close.svg") 0 0 no-repeat;
}

.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: #FFF;
}
.header .header__top {
  width: 100%;
  padding: 8px 16px;
  background-color: #333;
}
@media (max-width: 1024px) {
  .header .header__top {
    display: none;
  }
}
.header .header__top .header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.header .header__top .header__container ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.header .header__top .header__container ul li a {
  color: #FFF;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 20.4px */
}
.header .header__top .header__container .header__contacts {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.header .header__top .header__container .header__contacts a {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 20.4px */
}
.header .header__bottom {
  width: 100%;
  padding: 16px;
  box-shadow: 0px 4px 8px 0px rgba(51, 51, 51, 0.08);
}
.header .header__bottom .header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.header .header__bottom .header__container .logo {
  width: 100%;
  max-width: 132px;
  display: block;
}
.header .header__bottom .header__container .logo img {
  width: 100%;
}
.header .header__bottom .header__container .header__right {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 710px;
  gap: 10px;
}
@media (max-width: 1024px) {
  .header .header__bottom .header__container .header__right {
    max-width: 484px;
    gap: 8px;
    justify-content: flex-end;
  }
}
@media (max-width: 520px) {
  .header .header__bottom .header__container .header__right {
    max-width: 184px;
  }
}
@media (max-width: 420px) {
  .header .header__bottom .header__container .header__right {
    max-width: 136px;
  }
}
.header .header__bottom .header__container .header__right .callbackbtn {
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  width: 100%;
  max-width: 226px;
  height: 40px;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #FD8900;
  transition: all 0.5s;
}
.header .header__bottom .header__container .header__right .callbackbtn:hover, .header .header__bottom .header__container .header__right .callbackbtn:focus {
  background-color: #EF7D00;
  color: #FFF;
}
@media (max-width: 1024px) {
  .header .header__bottom .header__container .header__right .callbackbtn {
    display: none;
  }
}
.header .header__bottom .header__container .header__right .search-form {
  width: 100%;
  max-width: 324px;
  border-radius: 5px;
  border: 1px solid var(--Orange-Main, #FD8900);
  padding: 0 16px;
  position: relative;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header .header__bottom .header__container .header__right .search-form .input-text {
  width: 100%;
  display: block;
}
@media (max-width: 520px) {
  .header .header__bottom .header__container .header__right .header__search .search-form {
    max-width: unset;
  }
  .header .header__bottom .header__container .header__right .header__search {
    left: 0;
    position: absolute;
    width: 100%;
    max-width: unset;
    padding: 20px;
    background: #FFF;
    z-index: 22;
    top: 72px;
    display: none;
  }
}
.header .header__bottom .header__container .header__right .search-form .input-text input {
  color: var(--Grey-Dark, #5B5D5C);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.header .header__bottom .header__container .header__right .search-form .input-btn {
  width: 100%;
  position: absolute;
  max-width: 16px;
  height: 16px;
  right: 16px;
  top: 10px;
}
@media (max-width: 520px) {
  .header .header__bottom .header__container .header__right .search-form .input-btn {
    position: absolute;
    display: block;
    width: 16px;
  }
  .header .header__bottom .header__container .header__right .header__buttons .search-mobile-btn {
    display: block!important;
  }
}
.header .header__bottom .header__container .header__right .search-form .input-btn input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.header .header__bottom .header__container .header__right .header__buttons {
  width: 100%;
  max-width: 136px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 520px) {
  .header .header__bottom .header__container .header__right .header__buttons {
    max-width: unset;
  }
}

.header .header__bottom .header__container .header__right .header__buttons .search-mobile-btn {
  display: none;
}

.header .header__bottom .header__container .header__right .header__buttons a,
.header .header__bottom .header__container .header__right .header__buttons button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  transition: all 0.5s;
}
.header .header__bottom .header__container .header__right .header__buttons a:hover,
.header .header__bottom .header__container .header__right .header__buttons button:hover {
  background-color: #FF9900;
}
@media (max-width: 420px) {
  .header .header__bottom .header__container .header__right .header__buttons a:nth-child(2),
.header .header__bottom .header__container .header__right .header__buttons button:nth-child(2) {
    display: none;
  }
}
.header .header__bottom .header__container .header__right .header__buttons .burgerbtn {
  background-image: url("../img/burgericon.svg");
  background-size: cover;
  background-position: center;
}
.header .header__bottom .header__container .header__right .header__buttons .burgerbtn.active {
  background-image: url("../img/clousicon.svg");
}

.footer {
  width: 100%;
  padding: 24px 16px 16px;
  background: var(--Grey-Light-BG, #F0F0F0);
}
.footer .footer__container .footer__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .footer .footer__container .footer__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 420px) {
  .footer .footer__container .footer__grid {
    display: block;
  }
}
.footer .footer__container .footer__grid .footer__about {
  width: 100%;
}
@media (max-width: 1024px) {
  .footer .footer__container .footer__grid .footer__about {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    grid-column-start: 1;
    grid-column-end: 3;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Grey-Dark, #5B5D5C);
  }
}
@media (max-width: 520px) {
  .footer .footer__container .footer__grid .footer__about {
    flex-direction: column;
  }
}
@media (max-width: 420px) {
  .footer .footer__container .footer__grid .footer__about {
    margin-bottom: 16px;
  }
}
.footer .footer__container .footer__grid .footer__about .logo {
  width: 100%;
  display: block;
  max-width: 132px;
  margin-bottom: 18px;
}
@media (max-width: 1024px) {
  .footer .footer__container .footer__grid .footer__about .logo {
    margin-bottom: 0;
    max-width: 168px;
  }
}
.footer .footer__container .footer__grid .footer__about .logo img {
  width: 100%;
  max-width: 132px;
}
.footer .footer__container .footer__grid .footer__about .text {
  width: 100%;
}
.footer .footer__container .footer__grid .footer__about .text h3 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
  margin-bottom: 16px;
}
.footer .footer__container .footer__grid .footer__about .text a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
}
.footer .footer__container .footer__grid .footer__about .text a:last-child {
  margin-bottom: 0;
}
.footer .footer__container .footer__grid .footer__about .text a span {
  text-transform: lowercase;
  font-weight: 400;
}
.footer .footer__container .footer__grid .footer__item {
  width: 100%;
}
@media (max-width: 420px) {
  .footer .footer__container .footer__grid .footer__item:nth-child(2) {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Grey-Dark, #5B5D5C);
    margin-bottom: 16px;
  }
}
.footer .footer__container .footer__grid .footer__item h4 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
  margin-bottom: 16px;
}
.footer .footer__container .footer__grid .footer__item ul li {
  margin-bottom: 16px;
}
.footer .footer__container .footer__grid .footer__item ul li:last-child {
  margin-bottom: 0;
}
.footer .footer__container .footer__grid .footer__item ul li a {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 20.4px */
}
.footer .footer__container .footer__bottom {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px 16px;
  padding-top: 16px;
  border-top: 1px solid var(--Grey-Dark, #5B5D5C);
}
@media (max-width: 1024px) {
  .footer .footer__container .footer__bottom {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 420px) {
  .footer .footer__container .footer__bottom {
    grid-template-columns: 1fr;
  }
}
.footer .footer__container .footer__bottom p, .footer .footer__container .footer__bottom a {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}

.page {
  flex: 1 1 auto;
}

._container {
  width: 100%;
  max-width: 952px;
  margin: 0 auto;
}

.header-error {
  width: 100%;
  padding: 16px;
  border-bottom: 1px solid var(--Grey-Mid, #959695);
  box-shadow: 0px 4px 8px 0px rgba(51, 51, 51, 0.08);
}
.page-404 {
  width: 100%;
  padding: 24px 16px;
}
.page-404 .page-404__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .page-404 .page-404__container h1 {
    font-size: 32px;
  }
}
.page-404 .page-404__container p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
  margin-bottom: 16px;
}
.page-404 .page-404__container .page-404__links {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.page-404 .page-404__container .page-404__links a, .page-404 .page-404__container .page-404__links span {
  color: var(--Orange-Dark, #EF7D00);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.page-404 .page-404__container .page-404__links span {
  text-decoration: unset;
}

.callback-modal {
  background: var(--Grey-Light-BG, #F0F0F0);
  width: 100%;
  position: fixed;
  left: 0;
  top: 108px;
  padding: 0 16px;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  .callback-modal {
    top: 72px;
  }
}
.callback-modal .callback-modal__container {
  height: 100%;
  overflow: auto;
  width: 100%;
  padding: 32px 0;
  padding-right: 10px;
}
.callback-modal .callback-modal__container::-webkit-scrollbar {
  width: 10px;
  border-radius: 6px;
}
.callback-modal .callback-modal__container::-webkit-scrollbar-thumb {
  background-color: #FF9900;
  border-radius: 6px;
}
.callback-modal .callback-modal__container .callback-modal__title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.callback-modal .callback-modal__container .callback-modal__title h2 {
  color: #000;
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .callback-modal .callback-modal__container .callback-modal__title h2 {
    font-size: 28px;
  }
}
.callback-modal .callback-modal__container .callback-modal__form {
  width: 100%;
}
.callback-modal .callback-modal__container .callback-modal__form form {
  width: 100%;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text {
  width: 100%;
  display: block;
  padding-bottom: 8px;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}
@media (max-width: 1024px) {
  .callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text:nth-child(2) {
    order: 1;
  }
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text input,
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text textarea {
  width: 100%;
  height: 56px;
  margin-top: 8px;
  border-radius: 5px;
  background: var(--White, #FFF);
  padding: 0 16px;
  color: var(--Grey-Dark, #5B5D5C);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text textarea {
  height: 84px;
  padding: 16px;
  resize: none;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .input-text .required {
  position: absolute;
  right: 16px;
  bottom: 8px;
  color: var(--Red, #FF6002);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .code-img {
  width: 100%;
}
@media (max-width: 1024px) {
  .callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .code-img {
    order: 2;
  }
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .code-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .code-img img {
    max-width: 400px;
  }
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 8px;
}
@media (max-width: 1024px) {
  .callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox {
    order: 3;
  }
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox span {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #959695;
  border-radius: 6px;
  min-width: 32px;
  background-color: #FFF;
  transition: all 0.5s;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox span svg {
  opacity: 0;
  transition: all 0.5s;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox input:checked ~ span {
  border-color: #EF7D00;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox input:checked ~ span svg {
  opacity: 1;
}
.callback-modal .callback-modal__container .callback-modal__form form .callback-modal__grid .checkbox p {
  color: #000;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-file {
  width: 100%;
  max-width: max-content;
  position: relative;
  display: block;
  grid-column-start: 1;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-file input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-file span {
  color: var(--Orange-Main, #FD8900);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
  transition: all 0.5s;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-btn {
  width: 100%;
  display: block;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-btn input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  cursor: pointer;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #FD8900;
  transition: all 0.5s;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-btn input:hover {
  background-color: #FFF;
  color: #FD8900;
}
.callback-modal .callback-modal__container .callback-modal__form form .input-btn input:focus {
  background-color: #EF7D00;
  color: #FFF;
}

.catalog__swiper {
  width: 100%;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .catalog__swiper {
    margin-bottom: 32px;
  }
}
.catalog__swiper .swiper {
  z-index: 0;
}
.catalog__swiper .swiper .swiper-wrapper {
  z-index: 1;
}
.catalog__swiper .swiper .swiper-wrapper .swiper-slide {
  max-width: 320px;
  width: auto;
  margin-right: 8px;
}
.catalog__swiper .swiper .swiper-wrapper .swiper-slide a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid var(--Grey-Dark, #5B5D5C);
  color: var(--Grey-Dark, #5B5D5C);
  text-align: center;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
  transition: all 0.5s;
}
.catalog__swiper .swiper .swiper-wrapper .swiper-slide a.active, .catalog__swiper .swiper .swiper-wrapper .swiper-slide a:hover {
  background: var(--Orange-Main, #FD8900);
  border-color: #FD8900;
  color: #FFF;
}

.catalog {
  width: 100%;
  padding: 0 16px 48px;
  padding-right: 0;
}
.catalog .catalog__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .catalog .catalog__container h1 {
    font-size: 32px;
  }
}
.catalog .catalog__container .catalog__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
}
.catalog .catalog__container .catalog__flex .catalog__flex-left {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 396px;
  gap: 16px;
}
@media (max-width: 768px) {
  .catalog .catalog__container .catalog__flex .catalog__flex-left .fillter-btn {
    display: none;
  }
  .catalog .catalog__container .catalog__flex {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.catalog .catalog__container .catalog__flex .catalog__flex-left .sort {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .catalog .catalog__container .catalog__flex .catalog__flex-left .sort {
    gap: 0 8px;
  }
}
.catalog .catalog__container .catalog__flex .catalog__flex-left .sort p {
  color: var(--Grey-Dark, #5B5D5C);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .catalog .catalog__container .catalog__flex .catalog__flex-left .sort p {
    width: 100%;
  }
}
.catalog .catalog__container .catalog__flex .catalog__flex-left .sort a, .catalog .catalog__container .catalog__flex .catalog__flex-left .sort span {
  color: var(--Grey-Mid, #959695);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
}
.catalog .catalog__container .catalog__flex .catalog__flex-left .sort a {
  text-decoration-line: underline;
}
.catalog .catalog__container .catalog__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-bottom: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .catalog .catalog__container .catalog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .catalog .catalog__container .catalog__grid {
    grid-template-columns: 1fr;
  }
}

.catalog-banner {
  background: var(--Orange-Main, #FD8900);
  width: 100%;
  padding: 24px 16px;
}
.catalog-banner .catalog-banner__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .catalog-banner .catalog-banner__container {
    flex-direction: column-reverse;
  }
}
.catalog-banner .catalog-banner__container .catalog-banner__text {
  width: 100%;
  max-width: 468px;
}
@media (max-width: 768px) {
  .catalog-banner .catalog-banner__container .catalog-banner__text {
    max-width: unset;
  }
}
.catalog-banner .catalog-banner__container .catalog-banner__text h2 {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .catalog-banner .catalog-banner__container .catalog-banner__text h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.catalog-banner .catalog-banner__container .catalog-banner__text a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  color: var(--White, #FFF);
  border-radius: 5px;
  border: 1px solid var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  transition: all 0.5s;
}
.catalog-banner .catalog-banner__container .catalog-banner__text a:hover {
  background-color: #FFF;
  color: #FD8900;
}
.catalog-banner .catalog-banner__container .catalog-banner__img {
  width: 100%;
  max-width: 342px;
}
@media (max-width: 768px) {
  .catalog-banner .catalog-banner__container .catalog-banner__img {
    max-width: 448px;
  }
}
.catalog-banner .catalog-banner__container .catalog-banner__img img {
  width: 100%;
}

.catalog-filters {
  width: 100%;
  position: sticky;
  z-index: 10;
  bottom: 0;
  overflow: hidden;
  height: 56px;
  transition: all 0.5s;
}
.catalog-filters .catalog-filters__title {
  width: 100%;
  padding: 8px 16px;
  border-radius: 8px 8px 0px 0px;
  background: var(--Black, #333);
  box-shadow: 0px -4px 8px 0px rgba(51, 51, 51, 0.15);
  cursor: pointer;
}
.catalog-filters .catalog-filters__title .catalog-filters__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.catalog-filters .catalog-filters__title .catalog-filters__container p {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
}
.catalog-filters .catalog-filters__title .catalog-filters__container svg:last-child {
  transition: all 0.5s;
}
.catalog-filters .catalog-filters__title.active svg:last-child {
  transform: rotate(180deg);
}
.catalog-filters .catalog-filters__bottom {
  background: var(--Grey-Light-BG, #F0F0F0);
  overflow: auto;
  height: calc(100% - 56px);
  padding: 24px 16px;
  padding-right: 0;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form {
  width: 100%;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item {
  width: 100%;
  margin-bottom: 16px;
  padding-right: 16px;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 8px 16px;
}
@media (max-width: 1024px) {
  .catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid {
    grid-gap: 8px;
  }
}
@media (max-width: 768px) {
  .catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid .checkbox {
  width: 100%;
  display: block;
  position: relative;
}

.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid .checkbox.disabled {
  opacity: 0.4;
}

.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid .checkbox.disabled input {
  cursor: no-drop;
}

.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid .checkbox p {
  width: 100%;
  height: 50px;
  border-radius: 100px;
  border: 1px solid var(--Grey-Dark, #5B5D5C);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Grey-Dark, #5B5D5C);
  text-align: center;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
  transition: all 0.5s;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid .checkbox input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__item .grid .checkbox input:checked ~ p {
  background-color: #FD8900;
  border-color: #FD8900;
  color: #FFF;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__buttons {
  width: 100%;
  padding-right: 16px;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .input-btn {
  width: 100%;
  display: block;
  margin-bottom: 8px;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .input-btn input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  cursor: pointer;
  border: unset;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
  transition: all 0.5s;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .input-btn input:hover {
  background-color: #EF7D00;
}
.catalog-filters .catalog-filters__bottom .catalog-filters__container form .clear {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid var(--Orange-Main, #FD8900);
  color: var(--Orange-Main, #FD8900);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  display: none;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: all 0.5s;
}

.catalog-filters .catalog-filters__bottom .catalog-filters__container form .catalog-filters__buttons .clear {display: flex;}

.catalog-filters .catalog-filters__bottom .catalog-filters__container form .clear:hover {
  background-color: #EF7D00;
  color: #FFF;
}

.choose-product {
  background: var(--Grey-Light-BG, #F0F0F0);
  width: 100%;
  padding: 40px 16px;
}
.choose-product .choose-product__container h2 {
  color: #000;
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container h2 {
    font-size: 28px;
  }
}
.choose-product .choose-product__container .choose-product__form {
  width: 100%;
}
.choose-product .choose-product__container .choose-product__form form {
  width: 100%;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container .choose-product__form form .choose-product__grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text {
  width: 100%;
  display: block;
  padding-bottom: 8px;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text:nth-child(2) {
    order: 1;
  }
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text input,
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text textarea {
  width: 100%;
  height: 56px;
  margin-top: 8px;
  border-radius: 5px;
  background: var(--White, #FFF);
  padding: 0 16px;
  color: var(--Grey-Dark, #5B5D5C);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text textarea {
  height: 84px;
  padding: 16px;
  resize: none;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .input-text .required {
  position: absolute;
  right: 16px;
  bottom: 8px;
  color: var(--Red, #FF6002);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .code-img {
  width: 100%;
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container .choose-product__form form .choose-product__grid .code-img {
    order: 2;
  }
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .code-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container .choose-product__form form .choose-product__grid .code-img img {
    max-width: 400px;
  }
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 8px;
}
@media (max-width: 1024px) {
  .choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox {
    order: 3;
  }
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox span {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #959695;
  border-radius: 6px;
  min-width: 32px;
  background-color: #FFF;
  transition: all 0.5s;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox span svg {
  opacity: 0;
  transition: all 0.5s;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox input:checked ~ span {
  border-color: #EF7D00;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox input:checked ~ span svg {
  opacity: 1;
}
.choose-product .choose-product__container .choose-product__form form .choose-product__grid .checkbox p {
  color: #000;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.choose-product .choose-product__container .choose-product__form form .input-file {
  width: 100%;
  max-width: max-content;
  position: relative;
  display: block;
  grid-column-start: 1;
}
.choose-product .choose-product__container .choose-product__form form .input-file input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
.choose-product .choose-product__container .choose-product__form form .input-file span {
  color: var(--Orange-Main, #FD8900);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
  transition: all 0.5s;
}
.choose-product .choose-product__container .choose-product__form form .input-btn {
  width: 100%;
  display: block;
}
.choose-product .choose-product__container .choose-product__form form .input-btn input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  cursor: pointer;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #FD8900;
  transition: all 0.5s;
}
.choose-product .choose-product__container .choose-product__form form .input-btn input:hover, .choose-product .choose-product__container .choose-product__form form .input-btn input:focus {
  background-color: #EF7D00;
  color: #FFF;
}

.contacts {
  width: 100%;
  padding: 0 16px 48px;
}
.contacts .contacts__container .contacts__links {
  width: 100%;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .contacts .contacts__container .contacts__links {
    margin-bottom: 32px;
  }
}
.contacts .contacts__container .contacts__links h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .contacts .contacts__container .contacts__links h1 {
    font-size: 32px;
  }
}
.contacts .contacts__container .contacts__links .contacts__links-item {
  width: 100%;
  margin-bottom: 16px;
}
.contacts .contacts__container .contacts__links .contacts__links-item:last-child {
  margin-bottom: 0;
}
.contacts .contacts__container .contacts__links .contacts__links-item p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.contacts .contacts__container .contacts__links .contacts__links-item p a {
  color: #FD8900;
  text-decoration: underline;
}
.contacts .contacts__container .contacts__address {
  width: 100%;
}
.contacts .contacts__container .contacts__address h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .contacts .contacts__container .contacts__address h2 {
    font-size: 28px;
  }
}
.contacts .contacts__container .contacts__address p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .contacts .contacts__container .contacts__address p {
    margin-bottom: 32px;
  }
}
.contacts .contacts__container .contacts__address h4 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
.contacts .contacts__container .contacts__address iframe {
  width: 100%;
  height: 534px;
  border-radius: 5px;
  border: unset;
}
@media (max-width: 768px) {
  .contacts .contacts__container .contacts__address iframe {
    height: 404px;
  }
}
@media (max-width: 520px) {
  .contacts .contacts__container .contacts__address iframe {
    height: 184px;
  }
}

.header-dropdown {
  width: 100%;
  position: absolute;
  left: 0;
  top: 108px;
  background-color: #333;
  padding: 0 16px;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  .header-dropdown {
    top: 72px;
  }
}
.header-dropdown .header-dropdown__container {
  height: 100%;
  overflow: auto;
  width: 100%;
  padding: 32px 0;
  padding-right: 10px;
}
.header-dropdown .header-dropdown__container::-webkit-scrollbar {
  width: 10px;
  border-radius: 6px;
}
.header-dropdown .header-dropdown__container::-webkit-scrollbar-thumb {
  background-color: #FF9900;
  border-radius: 6px;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--Grey-Mid, #959695);
}
@media (max-width: 520px) {
  .header-dropdown .header-dropdown__container .header-dropdown__grid {
    grid-template-columns: 1fr;
  }
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .callbackbtn {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  transition: all 0.5s;
  grid-column-start: 1;
  grid-column-end: 3;
  display: none;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .callbackbtn:hover, .header-dropdown .header-dropdown__container .header-dropdown__grid .callbackbtn:focus {
  background-color: #EF7D00;
  color: #FFF;
}
@media (max-width: 1024px) {
  .header-dropdown .header-dropdown__container .header-dropdown__grid .callbackbtn {
    display: block;
  }
}
@media (max-width: 768px) {
  .header-dropdown .header-dropdown__container .header-dropdown__grid .callbackbtn {
    order: 2;
  }
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item {
  width: 100%;
}
@media (max-width: 768px) {
  .header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item {
    order: 3;
  }
  .header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item:first-child {
    order: 1;
  }
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item h3 {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item h4 {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  padding-bottom: 4px;
  border-bottom: 1px solid #FF9900;
  max-width: max-content;
  margin-bottom: 16px;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  color: #FFF;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item a span {
  color: var(--White, #FFF);
  /* 1000 + 768/Link 1 */
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 20.4px */
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item .valutes {
  width: 100%;
  max-width: 172px;
  padding: 8px 16px;
  border-radius: 5px;
  background: var(--Grey-Light-BG, #F0F0F0);
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item .valutes p {
  color: #000;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 20.4px */
  margin-bottom: 8px;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item .valutes p:last-child {
  margin-bottom: 0;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item ul {
  width: 100%;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item ul li {
  margin-bottom: 16px;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item ul li:last-child {
  margin-bottom: 0;
}
.header-dropdown .header-dropdown__container .header-dropdown__grid .header-dropdown__item ul li a {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 20.4px */
}
@media (max-width: 520px) {
  .header-dropdown .header-dropdown__container .header-dropdown__grid:nth-child(2) .header-dropdown__item:first-child {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--Grey-Mid, #959695);
  }
}
.header-dropdown .header-dropdown__container .header-dropdown__contacts {
  width: 100%;
}
.header-dropdown .header-dropdown__container .header-dropdown__contacts h4 {
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  padding-bottom: 4px;
  border-bottom: 1px solid #FF9900;
  margin-bottom: 16px;
  max-width: max-content;
}
.header-dropdown .header-dropdown__container .header-dropdown__contacts iframe {
  width: 100%;
  border: unset;
  border-radius: 5px;
  height: 400px;
}

.delivery {
  width: 100%;
  padding: 0 16px 48px;
}
.delivery .delivery__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .delivery .delivery__container h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.delivery .delivery__container .delivery__item {
  width: 100%;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item {
    margin-bottom: 32px;
  }
}
.delivery .delivery__container .delivery__item:last-child {
  margin-bottom: 0;
}
.delivery .delivery__container .delivery__item h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item h2 {
    font-size: 28px;
  }
}
.delivery .delivery__container .delivery__item p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  max-width: 710px;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
  margin-bottom: 8px;
}
.delivery .delivery__container .delivery__item h5 {
  color: var(--Orange-Dark, #EF7D00);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
  margin-bottom: 8px;
}
.delivery .delivery__container .delivery__item h4 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
.delivery .delivery__container .delivery__item .delivery__prices {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item .delivery__prices {
    flex-direction: column;
  }
}
.delivery .delivery__container .delivery__item .delivery__prices .img {
  width: 100%;
  max-width: 226px;
}
@media (max-width: 520px) {
  .delivery .delivery__container .delivery__item .delivery__prices .img {
    max-width: unset;
  }
}
.delivery .delivery__container .delivery__item .delivery__prices .img img {
  width: 100%;
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right {
  width: 100%;
  max-width: 710px;
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table {
  width: 100%;
  margin-bottom: 8px;
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table thead tr td {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4ppx */
  text-transform: uppercase;
  padding: 4px 8px;
  background: var(--Grey-Light-BG, #F0F0F0);
  width: 476px;
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table thead tr td {
    width: auto;
  }
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table thead tr td:last-child {
  width: 234px;
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table thead tr td:last-child {
    width: auto;
  }
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table tbody tr td {
  width: 476px;
  padding: 4px 8px;
  color: var(--Black, #333);
  border-bottom: 1px solid var(--Grey-Light, #C8C8C8);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table tbody tr td {
    width: auto;
  }
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table tbody tr td:last-child {
  width: 234px;
}
@media (max-width: 768px) {
  .delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right table tbody tr td:last-child {
    width: auto;
  }
}
.delivery .delivery__container .delivery__item .delivery__prices .delivery__prices-right p {
  color: var(--Orange-Dark, #EF7D00);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
  margin-bottom: 0;
}
.delivery .delivery__container .delivery__item ul {
  margin-left: 20px;
  margin-bottom: 8px;
}
.delivery .delivery__container .delivery__item ul li {
  list-style: disc;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
}

.main {
  width: 100%;
  padding: 24px 16px;
  margin-top: 108px;
}
@media (max-width: 768px) {
  .main {
    margin-top: 72px;
  }
}
.main .main__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .main .main__container h1 {
    font-size: 32px;
  }
}
.main .main__container p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
  margin-bottom: 8px;
  max-width: 710px;
}
.main .main__container .main__grid, .main .main__container .main__flex {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 24px 0;
  gap: 16px;
}
@media (max-width: 768px) {
  .main .main__container .main__grid, .main .main__container .main__flex {
    grid-template-columns: 1fr 1fr;
    margin: 16px 0;
    gap: 8px;
  }
}
.main .main__container .main__grid .main__flex-item, .main .main__container .main__flex .main__flex-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--Grey-Light, #C8C8C8);
  width: 100%;
}
.main .main__container .main__grid .main__flex-item:nth-child(1), .main .main__container .main__flex .main__flex-item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 768px) {
  .main .main__container .main__grid .main__flex-item:nth-child(1), .main .main__container .main__flex .main__flex-item:nth-child(1) {
    grid-column-end: auto;
    grid-column-start: auto;
  }
}
.main .main__container .main__grid .main__flex-item:nth-child(2), .main .main__container .main__flex .main__flex-item:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: 5;
}
@media (max-width: 768px) {
  .main .main__container .main__grid .main__flex-item:nth-child(2), .main .main__container .main__flex .main__flex-item:nth-child(2) {
    grid-column-end: auto;
    grid-column-start: auto;
  }
}
.main .main__container .main__grid .main__flex-item:nth-child(3), .main .main__container .main__flex .main__flex-item:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: 7;
}
@media (max-width: 768px) {
  .main .main__container .main__grid .main__flex-item:nth-child(3), .main .main__container .main__flex .main__flex-item:nth-child(3) {
    grid-column-end: auto;
    grid-column-start: auto;
  }
}
.main .main__container .main__grid .main__flex-item:nth-last-child(2), .main .main__container .main__flex .main__flex-item:nth-last-child(2) {
  grid-column-start: 1;
  grid-column-end: 4;
}
@media (max-width: 768px) {
  .main .main__container .main__grid .main__flex-item:nth-last-child(2), .main .main__container .main__flex .main__flex-item:nth-last-child(2) {
    grid-column-end: auto;
    grid-column-start: auto;
  }
}
.main .main__container .main__grid .main__flex-item:last-child, .main .main__container .main__flex .main__flex-item:last-child {
  grid-column-start: 4;
  grid-column-end: 7;
}
@media (max-width: 768px) {
  .main .main__container .main__grid .main__flex-item:last-child, .main .main__container .main__flex .main__flex-item:last-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 768px) {
  .main .main__container .main__grid .main__flex-item, .main .main__container .main__flex .main__flex-item {
    max-width: unset;
  }
}
.main .main__container .main__grid .main__flex-item img, .main .main__container .main__flex .main__flex-item img {
  width: 100%;
  max-width: 230px;
  height: 160px;
  object-fit: scale-down;
  object-position: center;
}
.main .main__container .main__grid .main__flex-item span, .main .main__container .main__flex .main__flex-item span {
  color: var(--Black, #333);
  text-align: center;
  display: block;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
}
.main .main__container .main__grid.main__flex, .main .main__container .main__flex.main__flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.new-catalog {
  width: 100%;
  padding: 40px 16px;
}
.new-catalog .new-catalog__container h2 {
  color: #000;
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .new-catalog .new-catalog__container h2 {
    font-size: 28px;
  }
}
.new-catalog .new-catalog__container .new-catalog__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .new-catalog .new-catalog__container .new-catalog__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .new-catalog .new-catalog__container .new-catalog__grid {
    grid-template-columns: 1fr;
  }
}
.new-catalog .new-catalog__container .new-catalog__showmore {
  width: 100%;
}
.new-catalog .new-catalog__container .new-catalog__showmore a {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--Orange-Main, #FD8900);
  color: var(--Orange-Main, #FD8900);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #FD8900;
  transition: all 0.5s;
}
.new-catalog .new-catalog__container .new-catalog__showmore a:hover {
  background-color: #FD8900;
  color: #FFF;
}
.new-catalog .new-catalog__container .new-catalog__showmore a:focus {
  background-color: #EF7D00;
  color: #FFF;
}

.order {
  width: 100%;
  padding: 0 16px 48px;
}
.order .order__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .order .order__container h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.order .order__container .order__top {
  width: 100%;
  margin-bottom: 48px;
}
.order .order__container .order__top h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .order .order__container .order__top h2 {
    font-size: 28px;
  }
}
.order .order__container .order__top p {
  color: var(--Black, #333);
  max-width: 710px;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 8px;
}
.order .order__container .order__top p a {
  text-decoration: underline;
  color: #EF7D00;
}
.order .order__container .order__top .request-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.order .order__container .order__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
}
@media (max-width: 768px) {
  .order .order__container .order__flex {
    flex-direction: column;
    gap: 32px;
  }
}
.order .order__container .order__flex .order__item {
  width: 100%;
}
.order .order__container .order__flex .order__item:first-child {
  padding-right: 16px;
  border-right: 1px solid #C8C8C8;
}
@media (max-width: 768px) {
  .order .order__container .order__flex .order__item:first-child {
    padding-right: 0;
    border: unset;
  }
}
.order .order__container .order__flex .order__item h3 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .order .order__container .order__flex .order__item h3 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}
.order .order__container .order__flex .order__item p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.order .order__container .order__flex .order__item p a {
  text-decoration: underline;
  color: #EF7D00;
}

.product-detail {
  width: 100%;
  padding: 0 16px 48px;
}
.product-detail .product-detail__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .product-detail .product-detail__container h1 {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
.product-detail .product-detail__container .product-detail__top {
  width: 100%;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .product-detail .product-detail__container .product-detail__top {
    margin-bottom: 32px;
  }
}
.product-detail .product-detail__container .product-detail__top h4 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .product-detail .product-detail__container .product-detail__top h4 {
    font-size: 28px;
  }
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .product-detail .product-detail__container .product-detail__top .product-detail__flex {
    flex-direction: column;
  }
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__img {
  width: 100%;
  max-width: 226px;
}
@media (max-width: 520px) {
  .product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__img {
    max-width: unset;
  }
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__img img {
  width: 100%;
  height: 226px;
  object-fit: cover;
}
@media (max-width: 520px) {
  .product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__img img {
    height: auto;
  }
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info {
  width: 100%;
  max-width: 710px;
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info p {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 16px 0;
  border-bottom: 1px solid var(--Grey-Mid, #959695);
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  text-transform: uppercase;
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info p:first-child {
  border-top: 1px solid var(--Grey-Mid, #959695);
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info p span {
  font-weight: 400;
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info .note {
  flex-direction: column;
  align-items: flex-start;
}
.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info .note span {
  text-transform: none;
}

.product-detail .product-detail__container .product-detail__top .product-detail__flex .product-detail__info dl {
   font-family: "PT Sans";
    color: #333333;
}

.product-detail .product-detail__container .product-detail__top .buy-btn {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  cursor: pointer;
  border: unset;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  border: 1px solid #FD8900;
}
.product-detail .product-detail__container .product-detail__top .buy-btn:hover, .product-detail .product-detail__container .product-detail__top .buy-btn:focus {
  background-color: #EF7D00;
  color: #FFF;
}
.product-detail .product-detail__container .product-detail__characteristics {
  width: 100%;
  border-bottom: 1px solid #F90;
  margin-bottom: 16px;
}
.product-detail .product-detail__container .product-detail__characteristics h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #F90;
}
.product-detail .product-detail__container .product-detail__characteristics p {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid var(--Grey-Light, #C8C8C8);
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 23.4px */
}
.product-detail .product-detail__container .product-detail__characteristics p:nth-child(even) {
  background: var(--Grey-Light-BG, #F0F0F0);
}
@media (max-width: 520px) {
  .product-detail .product-detail__container .product-detail__characteristics p {
    font-size: 16px;
  }
  .product-detail .product-detail__container .product-detail__characteristics p:nth-child(2) {
    flex-direction: column;
    align-items: flex-start;
  }
  .product-detail .product-detail__container .product-detail__characteristics p:nth-child(2) span {
    max-width: 100%;
  }
}
.product-detail .product-detail__container .product-detail__characteristics p span {
  display: block;
  min-width: 50%;
  max-width: 50%;
  font-weight: 400;
}
.product-detail .product-detail__container .product-detail__bottom {
  width: 100%;
  max-width: 710px;
}
.product-detail .product-detail__container .product-detail__bottom p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
}
.product-detail .product-detail__container .product-detail__bottom p a {
  color: var(--Orange-Dark, #EF7D00);
  text-decoration: underline;
}

.product-item {
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--Grey-Light, #C8C8C8);
  background: var(--White, #FFF);
}
.product-item .img {
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-item .img img {
  width: 100%;
  max-width: 160px;
  height: 160px;
}
.product-item h4 {
  height: 92px;
  overflow: hidden;
  margin-bottom: 16px;
}
.product-item h4 a {
  overflow: hidden;
  color: var(--Black, #333);
  text-overflow: ellipsis;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.product-item p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.product-item p span {
  font-weight: 400;
}
.product-item .brand {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--Orange-Light, #F90);
}
.product-item .brand span {
  font-weight: 400;
}
.product-item .buy-btn {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #FD8900;
  transition: all 0.5s;
}
.product-item .buy-btn:hover, .product-item .buy-btn:focus {
  background-color: #EF7D00;
  color: #FFF;
}

.reviews {
  width: 100%;
  padding: 26px 16px;
  padding-right: 0;
}
.reviews .reviews__container h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .reviews .reviews__container h2 {
    font-size: 28px;
  }
}
.reviews .reviews__container .reviews__swiper {
  padding-bottom: 10px;
  width: 100%;
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide {
  max-width: 306px;
  height: auto;
}
@media (max-width: 520px) {
  .reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide {
    max-width: 284px;
  }
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item {
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--Grey-Light, #C8C8C8);
  background: var(--White, #FFF);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item .title {
  color: var(--Black, #333);
  text-align: center;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
  display: block;
  margin-bottom: 24px;
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item span {
  text-decoration-line: none !important;
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item img {
  width: 100%;
  max-width: 180px;
  height: 256px;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 auto 24px;
}
@media (max-width: 768px) {
  .reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item img {
    max-width: 100px;
    height: 142px;
  }
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item .more {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #FD8900;
  transition: all 0.5s;
}
.reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item .more:hover, .reviews .reviews__container .reviews__swiper .swiper-wrapper .swiper-slide .reviews__item .more:focus {
  background-color: #EF7D00;
  color: #FFF;
}

.search {
  width: 100%;
  padding: 0 16px 48px;
}
.search .search__container .search__title {
  width: 100%;
}
.search .search__container .search__title h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .search .search__container .search__title h1 {
    font-size: 32px;
  }
}
.search .search__container .search__title p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
}
.search .search__container .search__result {
  width: 100%;
  margin-top: 48px;
}
.search .search__container .search__result .search__grid {
  width: 100%;
  margin: 16px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}
@media (max-width: 768px) {
  .search .search__container .search__result .search__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 520px) {
  .search .search__container .search__result .search__grid {
    grid-template-columns: 1fr;
  }
}

.services {
  width: 100%;
  padding: 0 16px 48px;
}
.services .services__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .services .services__container h1 {
    font-size: 32px;
  }
}
.services .services__container .services__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}
@media (max-width: 520px) {
  .services .services__container .services__grid {
    grid-template-columns: 1fr;
  }
}

.services-complex {
  width: 100%;
  padding: 0 16px 48px;
}
.services-complex .services-complex__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .services-complex .services-complex__container h1 {
    font-size: 32px;
  }
}
.services-complex .services-complex__container .services-complex__text {
  width: 100%;
  display: grid;
  grid-template-columns: 74.26% 23.64%;
  grid-gap: 8px 16px;
  position: relative;
}
@media (max-width: 768px) {
  .services-complex .services-complex__container .services-complex__text {
    grid-template-columns: 31.94% 65.97%;
  }
}
.services-complex .services-complex__container .services-complex__text p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  grid-column-start: 1;
  grid-column-end: 2;
}
@media (max-width: 768px) {
  .services-complex .services-complex__container .services-complex__text p {
    grid-column-end: 3;
  }
}
@media (max-width: 768px) {
  .services-complex .services-complex__container .services-complex__text p:nth-child(3) {
    grid-column-start: 2;
  }
}
@media (max-width: 520px) {
  .services-complex .services-complex__container .services-complex__text p:nth-child(3) {
    grid-column-start: 1;
  }
}
.services-complex .services-complex__container .services-complex__text p a {
  text-decoration: underline;
  color: #EF7D00;
}
.services-complex .services-complex__container .services-complex__text img {
  position: absolute;
  right: 0;
  width: 23.4%;
  border-radius: 6px;
}
@media (max-width: 768px) {
  .services-complex .services-complex__container .services-complex__text img {
    position: relative;
    width: 100%;
    max-width: 230px;
  }
}

.services-item {
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--Grey-Light, #C8C8C8);
  background: var(--White, #FFF);
}
.services-item .img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.services-item .img img {
  width: 100%;
  max-width: 246px;
  height: 168px;
  object-fit: cover;
}
.services-item h4 {
  text-align: center;
}
.services-item h4 a {
  color: var(--Black, #333);
  text-align: center;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.services-working {
  width: 100%;
  padding: 0 16px 48px;
}
.services-working .services-working__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .services-working .services-working__container h1 {
    font-size: 32px;
  }
}
.services-working .services-working__container p {
  color: var(--Red, #FF6002);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .services-working .services-working__container p {
    font-size: 28px;
  }
}
.services-working .services-working__container img {
  width: 100%;
  max-width: 468px;
  border-radius: 5px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .services-working .services-working__container img {
    max-width: unset;
  }
}

.services-assembly {
  width: 100%;
  padding: 0 16px 48px;
}
.services-assembly .services-assembly__container h1 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .services-assembly .services-assembly__container h1 {
    font-size: 32px;
  }
}
.services-assembly .services-assembly__container .services-assembly__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 768px) {
  .services-assembly .services-assembly__container .services-assembly__flex {
    flex-direction: column-reverse;
  }
}
.services-assembly .services-assembly__container .services-assembly__flex .text {
  width: 100%;
}
.services-assembly .services-assembly__container .services-assembly__flex .text p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 8px;
}
.services-assembly .services-assembly__container .services-assembly__flex .text p:last-child {
  margin-bottom: 0;
}
.services-assembly .services-assembly__container .services-assembly__flex .text p span {
  color: #EF7D00;
}
.services-assembly .services-assembly__container .services-assembly__flex .text ul {
  margin-left: 20px;
  margin-bottom: 8px;
}
.services-assembly .services-assembly__container .services-assembly__flex .text ul li {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  list-style: disc;
}
.services-assembly .services-assembly__container .services-assembly__flex .text ul li a {
  color: #EF7D00;
  text-decoration: underline;
}
.services-assembly .services-assembly__container .services-assembly__flex .img {
  width: 226px;
}
@media (max-width: 768px) {
  .services-assembly .services-assembly__container .services-assembly__flex .img {
    width: 100%;
    max-width: 476px;
  }
}
.services-assembly .services-assembly__container .services-assembly__flex .img img {
  width: 100%;
  border-radius: 5px;
}

.brendcrumbs {
  width: 100%;
  margin-top: 108px;
  padding: 24px 16px;
}
@media (max-width: 768px) {
  .brendcrumbs {
    margin-top: 72px;
  }
}
.brendcrumbs .brendcrumbs__container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.brendcrumbs .brendcrumbs__container a {
  color: var(--Grey-Mid, #959695);
  font-family: "PT Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
}
.brendcrumbs .brendcrumbs__container p {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
}

.brendcrumbs .brendcrumbs__container span {
  color: var(--Black, #333333);
  font-family: "PT Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 22.1px */
}

.portfolio {
  width: 100%;
  padding: 0 16px 48px;
}
.portfolio .portfolio__container h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.portfolio .portfolio__container .portfolio__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 520px) {
  .portfolio .portfolio__container .portfolio__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.portfolio .portfolio__container .portfolio__grid .portfolio__item {
  width: 100%;
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(7), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(8) {
    display: none;
  }
}
.portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(9), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(11) {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(9), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(11) {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(9), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(11) {
    grid-column-end: 3;
  }
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(9) {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:last-child {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:last-child {
    grid-column-end: unset;
    grid-column-start: unset;
  }
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(9) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(10), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(12) {
  grid-column-start: 3;
  grid-column-end: 5;
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(10), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(12) {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(10), .portfolio .portfolio__container .portfolio__grid .portfolio__item:nth-child(12) {
    grid-column-end: 3;
  }
}
.portfolio .portfolio__container .portfolio__grid .portfolio__item img {
  width: 100%;
  height: 298px;
  border-radius: 5px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item img {
    height: 304px;
  }
}
@media (max-width: 520px) {
  .portfolio .portfolio__container .portfolio__grid .portfolio__item img {
    height: 212px;
  }
}
.portfolio .portfolio__container .portfolio__showmore {
  width: 100%;
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio .portfolio__container .portfolio__showmore button {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: var(--Orange-Main, #FD8900);
  color: var(--White, #FFF);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.pagination a {
  border-radius: 5px;
  border: 1px solid var(--Grey-Light, #C8C8C8);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
  transition: all 0.2s;
}

.pagination a.active-page, .pagination a:hover {
  border-color: #FD8900;
  color: #FFF;
  background: var(--Orange-Main, #FD8900);
}
.categories-swiper {
  width: 100%;
  padding: 0 16px 48px;
  padding-right: 0;
}
.categories-swiper .categories-swiper__container h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .categories-swiper .categories-swiper__container h2 {
    font-size: 28px;
  }
}
.categories-swiper .categories-swiper__container .catalog__swiper {
  width: 100%;
}
.categories-swiper .categories-swiper__container .catalog__swiper .swiper {
  z-index: 0;
}
.categories-swiper .categories-swiper__container .catalog__swiper .swiper .swiper-wrapper .swiper-slide {
  max-width: 320px;
  width: auto;
  margin-right: 8px;
}
.categories-swiper .categories-swiper__container .catalog__swiper .swiper .swiper-wrapper .swiper-slide a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid var(--Grey-Dark, #5B5D5C);
  color: var(--Grey-Dark, #5B5D5C);
  text-align: center;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 20.4px */
  text-transform: uppercase;
  transition: all 0.5s;
}
.categories-swiper .categories-swiper__container .catalog__swiper .swiper .swiper-wrapper .swiper-slide a.active, .categories-swiper .categories-swiper__container .catalog__swiper .swiper .swiper-wrapper .swiper-slide a:hover {
  background: var(--Orange-Main, #FD8900);
  border-color: #FD8900;
  color: #FFF;
}

.recomended {
  width: 100%;
  padding: 0 16px 48px;
}
.recomended .recomended__container h2 {
  color: var(--Black, #333);
  font-family: "PT Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .recomended .recomended__container h2 {
    font-size: 28px;
  }
}
.recomended .recomended__container .recomended__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}
@media (max-width: 768px) {
  .recomended .recomended__container .recomended__grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px 16px;
  }
}
@media (max-width: 520px) {
  .recomended .recomended__container .recomended__grid {
    grid-template-columns: 1fr;
  }
}