@charset "UTF-8";
@font-face {
  src: url("../fonts/MullerLight.woff2") format("woff2"), url("../fonts/MullerLight.woff") format("woff");
  font-family: "Muller";
  font-weight: 300;
  font-display: swap;
}
@font-face {
  src: url("../fonts/MullerRegular.woff2") format("woff2"), url("../../fonts/MullerRegular.woff") format("woff");
  font-family: "Muller";
  font-weight: 400;
  font-display: swap;
}
@font-face {
  src: url("../fonts/MullerMedium.woff2") format("woff2"), url("../fonts/MullerMedium.woff") format("woff");
  font-family: "Muller";
  font-weight: 500;
  font-display: swap;
}
@font-face {
  src: url("../fonts/MullerBold.woff2") format("woff2"), url("../fonts/MullerBold.woff") format("woff");
  font-family: "Muller";
  font-weight: 600;
  font-display: swap;
}
:root {
  --basic-color: #47413B;
  --contur-color: #E5E8F0;
  --white-color: #FFFFFF;
  --brown-color: #99948E;
  --light-grey-color: #F5F5F4;
  --dark-grey-color: #BABEC9;
  --contrast-color: #FF6624;
  --grey-color:#9DA1AC;
  --navigation-back-color: rgba(71, 65, 59, 0.2);
}

img {
  width: 100%;
  height: auto;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

body {
  font-family: "Muller", sans-serif;
  color: var(--basic-color);
  background-color: var(--white-color);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2;
  width: 100%;
  margin: 0;
  padding: 0;
  transition: 0.3s;
}

a {
  color: var(--basic-color);
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  color: var(--basic-color);
}

ul {
  list-style: none;
}

button {
  transition: 0.3s;
  cursor: pointer;
  font-family: "Muller", sans-serif;
}

button:hover {
  transition: 0.3s;
}

button:hover::before {
  transition: 0.3s;
}

button:hover::after {
  transition: 0.3s;
}

label {
  transition: 0.3s;
}

a {
  transition: 0.3s;
}

button {
  transition: 0.3s;
}

input {
  transition: 0.3s;
}

img {
  transition: 0.3s;
}

.page__centerer {
  padding: 0 15px;
}
@media (min-width: 992px) {
  .page__centerer {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 1230px) {
  .page__centerer {
    padding: 0;
  }
}

.page__hidden {
  scale: 0;
  position: absolute;
}

.page__title {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .page__title {
    font-size: 32px;
    margin-top: 60px;
  }
}
@media (min-width: 992px) {
  .page__title {
    font-size: 40px;
  }
}

.page__title--decor {
  position: relative;
  padding-bottom: 30px;
}
.page__title--decor::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 6px;
  background-color: var(--brown-color);
}

.page__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .page__text {
    font-size: 16px;
    line-height: 19px;
  }
}

.page__background {
  background-color: var(--light-grey-color);
}

.page__background-map {
  margin-top: 2px;
  background-color: var(--light-grey-color);
  background-image: url("../image/map_mobile.png");
}
@media (min-width: 768px) {
  .page__background-map {
    margin-top: 3px;
    background-image: url("../image/map_tablet.png");
    background-position: center left;
  }
}
@media (min-width: 992px) {
  .page__background-map {
    background-image: url("../image/map_desktop1.png");
    background-position: center center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1230px) {
  .page__background-map {
    background-image: url("../image/map_desktop2.png");
  }
}

.page__title-h2 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .page__title-h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

.no-scroll {
  overflow: visible !important;
}

@media (min-width: 992px) {
  .header {
    position: relative;
  }
}

.header__container {
  border-bottom: 1px solid var(--contur-color);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .header__container {
    min-height: 80px;
    height: 82px;
  }
}
@media (min-width: 992px) {
  .header__container {
    min-height: 90px;
    border-bottom: 1px solid #E5E8F0;
    height: 99px;
  }
}

.header__logo {
  display: block;
}
@media (min-width: 768px) {
  .header__logo {
    width: 28.3854166667%;
  }
}
@media (min-width: 992px) {
  .header__logo {
    width: 20.8333333333%;
  }
}

.header__logo img {
  display: block;
  width: 187px;
  height: 40px;
}
@media (min-width: 992px) {
  .header__logo img {
    width: 288px;
    height: 50px;
  }
}

@media (min-width: 768px) {
  .header__adress {
    display: flex;
    flex-direction: row;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .header__adress::before {
    content: "";
    width: 10px;
    height: 15px;
    background-image: url("../image/about_pin.svg");
  }
}

.header__adress-link {
  display: none;
}
@media (min-width: 992px) {
  .header__adress-link {
    display: block;
    font-weight: 300;
    font-size: 12px;
    text-decoration: underline;
    position: absolute;
    top: 60px;
    text-align: center;
  }
}

.header__adress-wrapper {
  display: none;
}
@media (min-width: 768px) {
  .header__adress-wrapper {
    display: flex;
    flex-direction: column;
    width: 14.3229166667%;
    align-items: center;
    position: relative;
    height: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 72px;
    width: 7.0833333333%;
  }
}
@media (min-width: 992px) {
  .header__adress-wrapper {
    width: 17.833333% !important;
    border-right: 1px solid var(--contur-color);
    border-left: 1px solid var(--contur-color);
  }
}

.header__email-container {
  display: none;
}

@media (min-width: 992px) {
  .header__email {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }
}

.header__search-container {
  display: none;
}
@media (min-width: 992px) {
  .header__search-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100px;
    border-left: 1px solid var(--contur-color);
    width: 7.0833333333%;
  }
}

.header__search-uslugi {
  display: none;
}
@media (min-width: 992px) {
  .header__search-uslugi {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100px;
    width: 5.8333333333%;
  }
}

.header__search {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}

.header__uslugi {
  color: var(--Basic, var(--Basic, #47413B));
  font-family: "Muller", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.header__search::before {
  content: "";
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: var(--basic-color);
  -webkit-mask: url("../image/search.svg");
          mask: url("../image/search.svg");
  transition: 0.3s;
}

.header__search:hover:before {
  background-color: var(--contrast-color);
}

.header__user-container {
  display: none;
}
@media (min-width: 992px) {
  .header__user-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100px;
    width: 7.0833333333%;
  }
}

.header__user {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}

.header__user::before {
  content: "";
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: var(--basic-color);
  -webkit-mask: url("../image/user.svg");
          mask: url("../image/user.svg");
  transition: 0.3s;
}

.header__user:hover:before {
  background-color: var(--contrast-color);
}

.header__contacts {
  display: none;
}
@media (min-width: 768px) {
  .header__contacts {
    display: flex;
    min-height: 80px;
    height: 100%;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    width: 43.0989583333%;
    border-left: 1px solid var(--contur-color);
  }
}
@media (min-width: 992px) {
  .header__contacts {
    gap: 16px;
    min-height: 88px;
    width: 27.0833333333%;
    position: relative;
  }
}

.header__socials-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 3px;
  align-items: center;
}
@media (min-width: 768px) {
  .header__socials-container {
    gap: 10px;
  }
}

.header__socials {
  display: block;
  width: 30px;
  height: 30px;
}

.header__socials-telegram {
  background: url("../image/telegram.svg") center no-repeat;
  background-size: 30px 30px;
}

.header__socials-whatsapp {
  background: url("../image/whatsapp.svg") center no-repeat;
  background-size: 30px 30px;
  margin-right: 5px;
}

.header__phone {
  display: none;
}
@media (min-width: 768px) {
  .header__phone {
    display: block;
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
  }
}

.header__time {
  display: none;
}
@media (min-width: 768px) {
  .header__time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    top: 58px;
    right: 143px;
  }
}
@media (min-width: 992px) {
  .header__time {
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 65px;
    right: 30px;
  }
}

.header__cart-container {
  display: none;
}
@media (min-width: 992px) {
  .header__cart-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100px;
    border-right: 1px solid var(--contur-color);
    width: 7.9166666667%;
  }
}

@media (min-width: 992px) {
  .header__cart {
    width: 26px;
    height: 25px;
    background-image: url("../image/cart.svg");
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 8px;
    border: none;
    background-color: transparent;
    position: relative;
    text-align: center;
  }
}

.header__cart:hover {
  background-image: url("../image/cart-hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.header__cart--active {
  background-image: url("../image/cart-active.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.header__cart--active span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  min-width: 7px;
  color: var(--white-color);
}

.header__cart--active:hover span {
  color: var(--contrast-color);
}

.calls__mobile {
  position: absolute;
  right: 60px;
}
@media (min-width: 768px) {
  .calls__mobile {
    display: none;
  }
}

.header__burger {
  position: relative;
}
@media (min-width: 768px) {
  .header__burger {
    width: 79px;
    position: static;
  }
}
@media (min-width: 992px) {
  .header__burger {
    display: none;
  }
}

.header a:hover {
  color: var(--contrast-color);
}

.catalog-mobile-time {
  color: var(--Basic, var(--Basic, #47413B));
  text-align: right;
  /* Mobile Text */
  font-family: "Muller", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
}

.footer {
  border-top: 1px solid var(--Contur, #E5E8F0);
  padding-top: 28px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .footer__container {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    column-gap: 40px;
  }
}
@media (min-width: 992px) {
  .footer__container {
    grid-template-columns: 1.3fr 2fr 1fr;
  }
}

.footer__logo {
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .footer__logo {
    margin-bottom: 20px;
  }
}

.footer__logo img {
  display: block;
  width: 200px;
  height: 50px;
}
@media (min-width: 768px) {
  .footer__logo img {
    width: 234px;
  }
}

.footer__title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .footer__title {
    font-weight: 700;
    margin-bottom: 20px;
  }
}

.footer_form-text {
  display: block;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 16px;
}

.footer__test-agree {
  margin-top: 20px;
  font-size: 12px;
  line-height: 14px;
}

.footer__form {
  margin-bottom: 30px;
}

.footer__contacts-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.footer__item-text {
  font-size: 14px;
  line-height: 17px;
}

.footer__item-link {
  display: block;
  color: var(--Basic, var(--white, #47413B));
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.footer__call-back {
  margin-bottom: 30px;
}

.footer__form-input {
  font-family: "Muller", sans-serif;
  font-size: 12px;
  line-height: 14px;
  border: none;
  border-bottom: 1px solid var(--brown-color);
  padding: 5px 5px 5px 0;
  width: 200px;
}

.footer__form-input:focus-visible {
  outline: none;
}

.footer__form-input-cont {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.footer__form-button {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 2px solid var(--basic-color);
  cursor: pointer;
}

.footer__form-button:hover {
  border-color: var(--contrast-color);
}

.footer__form-button::before {
  content: "";
  width: 21px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--basic-color);
  -webkit-mask: url("../image/submit_arrow.svg");
          mask: url("../image/submit_arrow.svg");
  transition: 0.3s;
}

.footer__form-button:hover:before {
  background-color: var(--contrast-color);
}

.footer__form-input::placeholder {
  font-family: "Muller", sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.footer__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer__link {
  font-size: 14px;
  line-height: 16px;
}

.footer a:hover {
  color: var(--contrast-color);
}

.footer__column2 {
  display: none;
}
@media (min-width: 768px) {
  .footer__column2 {
    display: block;
  }
}

.footer__buyers {
  margin-bottom: 30px;
}

.footer__about-site {
  font-size: 12px;
  line-height: 14px;
  color: var(--Basic, var(--Basic, #47413B));
  grid-column: 1/-1;
  display: block;
  padding-top: 30px;
  margin-top: 10px;
  border-top: 1px solid #E5E8F0;
}
@media (min-width: 768px) {
  .footer__about-site {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .footer__column2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

.footer__form-error {
  color: var(--contrast-color);
  margin-top: 5px;
  font-size: 12px;
}

.footer__phone {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 16.8px */
}

.footer__column1 {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .footer__column1 {
    margin-bottom: 0;
  }
}

.navigation {
  position: relative;
  width: 50px;
  min-height: 55px;
}
@media (min-width: 768px) and (max-width: 991.9px) {
  .navigation {
    width: 79px;
    min-height: 79px;
    border-left: 1px solid var(--contur-color);
  }
}
@media (min-width: 992px) {
  .navigation {
    width: 100%;
    border-bottom: 1px solid var(--contur-color);
    position: initial;
  }
}

.navigation__button {
  position: absolute;
  top: 17px;
  right: 3px;
  width: 35px;
  height: 25px;
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991.9px) {
  .navigation__button {
    top: 32px;
    right: 14px;
  }
}
@media (min-width: 992px) {
  .navigation__button {
    display: none;
  }
}

.navigation--closed .navigation__button::after {
  content: "";
  width: 35px;
  height: 2px;
  background-color: var(--basic-color);
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 9px 0 0 var(--basic-color), 0 18px 0 0 var(--basic-color);
}

.navigation--opened .navigation__button::before, .navigation--opened .navigation__button::after {
  content: "";
  width: 35px;
  height: 2px;
  background-color: var(--basic-color);
  position: absolute;
  top: 6px;
  left: 0;
}
.navigation--opened .navigation__button::before {
  transform: rotate(45deg);
}
.navigation--opened .navigation__button::after {
  transform: rotate(-45deg);
}

.navigation__container {
  display: none;
  position: absolute;
  right: 0;
  top: 63px;
  width: 100%;
  z-index: 100;
}
@media (min-width: 768px) {
  .navigation__container {
    position: relative;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .navigation__container {
    display: block;
    top: 0;
    position: initial;
  }
}

.navigation__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .navigation__list {
    border-top: 1px solid var(--contur-color);
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between;
    min-height: 61px;
  }
}

@media (--narrow-vp) {
  .navigation--closed .navigation__container {
    display: none;
  }
  .navigation--opened .navigation__container {
    display: block;
  }
}
.navigation__link {
  display: block;
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 992px) {
  .navigation__link {
    color: var(--black-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding-top: 22px;
    padding-bottom: 21px;
    position: relative;
  }
}

.navigation__item:hover {
  color: var(--contrast-color);
}

.navigation__link:hover {
  color: var(--contrast-color);
}

.navigation__submenu {
  display: none;
}
@media (min-width: 992px) {
  .navigation__submenu {
    display: block;
    background-color: var(--white-color);
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 99%;
    left: 0;
    transform-origin: top center;
    transform: scaleY(0);
    transition: 0.3s;
  }
}

@media (min-width: 992px) {
  .navigation__submenu__container {
    border-top: 1px solid var(--contur-color);
    padding: 60px 15px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .navigation__submenu-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 60px;
    position: relative;
  }
}
.navigation__submenu-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 6px;
  background-color: var(--brown-color);
}

.navigation__submenu-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.navigation__submenu-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}

.navigation__submenu-link:hover {
  color: var(--brown-color);
}

@media (min-width: 992px) {
  .navigation__submenu-bg {
    display: none;
    background-color: var(--navigation-back-color);
    position: fixed;
    z-index: 5;
    top: 180px;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.navigation__submenu:hover,
.navigation__link:hover ~ .navigation__submenu,
.navigation__link:hover ~ .navigation__submenu-bg,
.navigation__submenu:hover ~ .navigation__submenu-bg {
  transform: scaleY(1);
}

.special_link {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--black-color);
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  color: #FF0028;
}

.top {
  background-image: url("../image/backMobile.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  display: flex;
  flex-direction: column;
  height: 412px;
}
@media (min-width: 768px) {
  .top {
    background-image: url("../image/backTablet.png");
    height: 596px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }
}
@media (min-width: 992px) {
  .top {
    background: none;
    height: 500px;
    background-repeat: no-repeat;
    background-position: left;
  }
}
.top__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 416px;
}
@media (min-width: 768px) {
  .top__container {
    height: 596px;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .top__container {
    background-color: var(--light-grey-color);
    height: 500px;
    background: url("../image/background.webp"), linear-gradient(256deg, #EAEAE9 0%, rgba(245, 245, 244, 0) 100%);
    background-repeat: no-repeat;
    background-position: right;
  }
}

.top__title-text {
  display: block;
  font-weight: 700;
  font-size: 24px;
  margin-top: 30px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .top__title-text {
    font-size: 40px;
    margin-top: 80px;
    max-width: 535px;
    margin-top: 60px;
  }
}
@media (min-width: 992px) {
  .top__title-text {
    font-weight: 700;
    font-size: 48px;
    margin-top: 100px;
  }
}

.top__title {
  display: block;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .top__title {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .top__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 49px;
  }
}

.top__text {
  margin-top: 4px;
  display: block;
  max-width: 250px;
  color: var(--blac, #404040);
  font-family: "Muller", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .top__text {
    font-size: 48px;
    line-height: 100%;
    max-width: 360px;
    margin-top: 20px;
    font-weight: 700;
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .top__text {
    margin-top: 15px;
  }
}

.top__button {
  margin-top: 60px;
}

.top__diler img {
  width: 20px;
}

.top__diler {
  color: var(--orange, #FF6624);
  /* Text button Bold 16 */
  font-family: "Muller", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-right: 20px;
  gap: 10px;
  display: flex;
  align-items: center;
  margin-top: 14px;
}
@media (min-width: 768px) {
  .top__diler {
    margin-top: 40px;
    gap: 14px;
  }
}

.top__diler a {
  line-height: 100%;
  color: var(--orange, #FF6624);
  cursor: pointer;
}

.top__line {
  width: 46px;
}
@media (min-width: 768px) {
  .top__line {
    width: 99px;
  }
}

.button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 69px;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 26px 30px;
  font-family: inherit;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: var(--basic-color);
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 6px;
}

.button--border {
  border: 1px solid var(--brown-color);
}

.button:hover {
  color: var(--white-color);
  background-color: var(--contrast-color);
  border-color: var(--contrast-color);
  transition: 0.3s;
}

.button-orange {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: var(--white-color);
  background-color: var(--contrast-color);
  padding: 15px 28px;
  text-transform: uppercase;
  border: none;
  transition: 0.3s;
  cursor: pointer;
  max-height: 69px;
  border-radius: 6px;
}
@media (min-width: 992px) {
  .button-orange {
    padding: 20px 34px;
  }
}

.button-orange:hover {
  background: var(--basic-color);
  color: var(--white-color);
  transition: 0.3s;
}

.available {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .available {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .available {
    padding-bottom: 110px;
  }
}

@media (min-width: 768px) {
  .available__list.swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content min-content;
    column-gap: 30px;
    row-gap: 40px;
  }
}
@media (min-width: 992px) {
  .available__list.swiper-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    column-gap: 60px;
    row-gap: 60px;
  }
}

.available__title {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .available__title {
    margin-bottom: 30px;
  }
}

.available__text {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .available__text {
    display: none;
  }
}

.available__small-text {
  font-weight: 300;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .available__small-text {
    font-size: 16px;
    margin-bottom: 60px;
  }
}

.available__slider {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .available__slider {
    margin-bottom: 0;
    width: 100%;
    grid-column: 2/3;
    grid-row: 1/4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content min-content;
    column-gap: 30px;
    row-gap: 40px;
  }
}
@media (min-width: 992px) {
  .available__slider {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    column-gap: 60px;
    row-gap: 50px;
    padding: 0 5px !important;
  }
}

.door-card__slide {
  height: auto;
}

.available__button {
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .available__button {
    width: 213px;
    grid-column: 1/2;
    grid-row: 3/4;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .available__button {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .available__slider--wrapper {
    margin-bottom: 40px;
  }
}

.available__slider--scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .available__slider--scrollbar {
    display: block;
  }
}

@media (min-width: 768px) {
  .available__diler .page__title {
    margin-top: 0;
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .catalog__mobile {
    display: none;
  }
}

.catalog__mobile h2 {
  color: var(--Basic, var(--Basic, #47413B));
  /* 28 bold */
  font-family: "Muller", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 20px;
}

.linebrown {
  width: 40px;
  height: 6px;
  background-color: var(--brown-color);
  margin-bottom: 20px;
}

.catalog__mobile .door-card.swiper-slide {
  margin: 0 auto;
  margin-bottom: 15px;
}

.door-card {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 5px;
  background: var(--white, #FFF);
  border-radius: 5px;
  background: var(--light-grey, #F5F5F4);
  padding: 15px;
  margin-top: 15px;
  transition: 0.3s;
  cursor: pointer;
}
@media (min-width: 768px) {
  .door-card {
    padding: 20px;
    margin-bottom: 10px;
  }
}

.door-card:hover {
  border-radius: 5px;
  background: var(--white, #FFF);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.door-card:hover .door-card__name {
  color: var(--orange, #FF6624);
}

.door-card.swiper-slide {
  height: auto;
  width: -webkit-min-content;
  width: min-content;
}
@media (min-width: 768px) {
  .door-card.swiper-slide {
    width: auto;
  }
}

.door-card__img {
  display: block;
  width: 300px;
  height: 320px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .door-card__img {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
  }
}

.door-card__btn {
  display: none;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .door-card:hover .door-card__btn {
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
    transition: 0.3s;
  }
}

.door-card__name {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .door-card__name {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 6px;
  }
}

.door-card__name:hover {
  color: var(--contrast-color);
}

.door-card__price {
  font-weight: 400;
  font-size: 20px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .door-card__price {
    font-size: 20px;
    font-weight: 500;
  }
}

.door-card__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  color: var(--brown-color);
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .door-card__text {
    font-weight: 400;
    margin-bottom: 15px;
  }
}

.bonus {
  background-color: var(--light-grey-color);
  padding-top: 30px;
  padding-bottom: 56px;
  background-image: url("../image/bonus_bg.svg");
  background-repeat: no-repeat;
  background-size: 480px 380px;
  background-position: center right;
}
@media (min-width: 768px) {
  .bonus {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .bonus {
    padding-bottom: 60px;
  }
}

.bonus__title {
  margin-bottom: 15px;
}

.bonus__text {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 60px;
}

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

.button-contrast {
  display: block;
  min-height: 50px;
  background-color: var(--contrast-color);
  border: none;
  padding: 16px 28px;
  font-family: "Muller", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: var(--white-color);
  border-radius: 6px;
  cursor: pointer;
}

.button-contrast:hover {
  background: var(--basic-color);
}

.social {
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 10px;
  row-gap: 10px;
}
@media (min-width: 768px) {
  .social {
    column-gap: 20px;
  }
}

.social__item {
  position: relative;
  width: 35px;
  height: 35px;
}

.social__link::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  background-color: var(--basic-color);
}
.social__link:hover::before {
  background-color: var(--contrast-color);
}

.social__link--youtube::before {
  -webkit-mask: url("../image/youtube.svg") center no-repeat;
          mask: url("../image/youtube.svg") center no-repeat;
}

.social__link--ok::before {
  -webkit-mask: url("../image/ok.svg") center no-repeat;
          mask: url("../image/ok.svg") center no-repeat;
}

.social__link--vk::before {
  -webkit-mask: url("../image/vk.svg") center no-repeat;
          mask: url("../image/vk.svg") center no-repeat;
}

.under-order {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .under-order {
    padding-bottom: 0;
    position: relative;
  }
}

.under-order--back {
  background-color: var(--light-grey-color);
}

.under-order__container {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .under-order__container {
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 328px;
    grid-template-rows: auto auto auto;
  }
}

.under-order__title {
  margin-top: 0;
}
@media (min-width: 768px) {
  .under-order__title {
    padding-top: 60px;
  }
}

.under-order__text {
  font-weight: 300;
  font-size: 14px;
  display: block;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .under-order__text {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .under-order__text {
    max-width: 553px;
  }
}

.under-order__button-container__mobile {
  padding: 0 15px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .under-order__button-container__mobile {
    display: none;
  }
}

.under-order__button-container {
  display: none;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .under-order__button-container {
    display: block;
    position: absolute;
    bottom: 60px;
    left: 0;
  }
}
@media (min-width: 1230px) {
  .under-order__button-container {
    padding: 0;
    left: calc((100% - 1200px) / 2);
  }
}

.under-order__button {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .under-order__button {
    background-color: transparent;
    max-width: 216px;
  }
}

.under-order picture {
  align-self: center;
  position: relative;
}
@media (min-width: 768px) {
  .under-order picture {
    grid-column: 2/3;
    grid-row: 1/4;
  }
}

.under-order__img {
  width: 203px;
  height: 274px;
  display: block;
  align-self: center;
  margin-right: -50px;
}
@media (min-width: 768px) {
  .under-order__img {
    width: 238px;
    height: 463px;
    margin-right: -15px;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .under-order__img {
    width: 317px;
    height: 463px;
  }
}

.under-order picture::before {
  content: "Любой размер";
  display: block;
  text-align: center;
  width: 245px;
  border-bottom: 2px solid var(--dark-grey-color);
  white-space: nowrap;
  top: 50%;
  left: -95%;
  position: absolute;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: var(--dark-grey-color);
  text-transform: uppercase;
  transform: rotate(-90deg);
}
@media (min-width: 768px) {
  .under-order picture::before {
    width: 411px;
    top: 50%;
    left: -45%;
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 992px) {
  .under-order picture::before {
    left: -70%;
  }
}

.under-order picture::after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--dark-grey-color);
  border-bottom: 2px solid var(--dark-grey-color);
  border-radius: 2px;
  position: absolute;
  top: 31px;
  left: -15px;
  transform: rotate(-135deg);
}
@media (min-width: 768px) {
  .under-order picture::after {
    top: 52px;
    left: 74px;
  }
}
@media (min-width: 992px) {
  .under-order picture::after {
    left: -7px;
  }
}

@media (min-width: 768px) {
  .important-know {
    margin-top: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .important-know {
    gap: 40px;
    margin-top: 100px;
  }
}

.important-know__slider-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.important-know__slider-container__mobile {
  margin-bottom: 15px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .important-know__slider-container__mobile {
    display: none;
  }
}

.important-know .important-know__slider-container__mobile .important-know__slider {
  position: relative;
  margin-bottom: 30px;
}

.important-know__slider-container {
  display: none;
}
@media (min-width: 768px) {
  .important-know__slider-container {
    display: block;
  }
}

.important-know .important-know__slider-container .important-know__slider {
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .important-know .important-know__slider-container .important-know__slider {
    margin-bottom: 0;
  }
}

.important-know__slider-img {
  display: block;
  object-fit: cover;
  object-position: left;
}

.important-know__why-container {
  display: none;
}
@media (min-width: 768px) {
  .important-know__why-container {
    display: block;
  }
}
@media (min-width: 992px) {
  .important-know__why-container {
    margin-bottom: 60px;
  }
}

.important-know__button {
  position: absolute;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: var(--white-color);
  border: 1px solid var(--light-grey-color);
  outline: none;
  z-index: 9;
  cursor: pointer;
}

.important-know__button--right {
  bottom: 0;
}

.important-know__button--left {
  bottom: 60px;
}

.important-know__button--left::after {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--brown-color);
  border-bottom: 2px solid var(--brown-color);
  border-radius: 2px;
  position: absolute;
  right: 43%;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: 0.3s;
}

.important-know__button--right::after {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--brown-color);
  border-bottom: 2px solid var(--brown-color);
  border-radius: 2px;
  position: absolute;
  right: 30%;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  transition: 0.3s;
}

.important-know__button:hover {
  border-color: var(--contrast-color);
}

.important-know__button:hover::after {
  border-right-color: var(--contrast-color);
  border-bottom-color: var(--contrast-color);
}

.important-know__title-text {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .important-know__title-text {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .important-know__title-text {
    margin-bottom: 30px;
  }
}

.important-know__text {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .important-know__text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
  }
}

.important-know__text p:last-child {
  margin-bottom: 0;
}

.important-know__link {
  font-weight: 700;
  cursor: pointer;
}

.important-know__link:hover {
  color: var(--contrast-color);
}

.important-know__diler-list {
  list-style-type: disc;
  padding-left: 20px;
}

.services {
  display: none;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .services {
    display: block;
    padding-top: 20px;
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .services {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}

.services__title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .services__title {
    margin-bottom: 30px;
  }
}

.services__text {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .services__text {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .services__swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 15px;
  }
}

.swiper-wrapper .services__link {
  display: block;
  padding: 17px 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 350px;
  width: 220px;
  background-size: 100%;
  transition: 0.3s;
  background-position: 50% 50%;
}
@media (min-width: 768px) {
  .swiper-wrapper .services__link {
    width: 33%;
    height: auto;
    aspect-ratio: 390/572;
  }
}

@media (min-width: 992px) {
  .services__link:hover {
    background-size: 110%;
  }
}

.services__link span {
  color: var(--white-color);
  display: block;
}
.services__link span:first-child {
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.services__link span:last-child {
  font-size: 12px;
  line-height: 14px;
}
@media (min-width: 768px) {
  .services__link span:last-child {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .services__link span:first-child {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
  }
  .services__link span:last-child {
    font-size: 16px;
    line-height: 19px;
  }
}

.services__montage {
  background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services1.webp");
  background-size: cover;
}
@media (min-width: 768px) {
  .services__montage {
    background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services1_desk.webp");
    background-size: cover;
  }
}

.services__delivery {
  background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services3.webp");
  background-size: cover;
}
@media (min-width: 768px) {
  .services__delivery {
    background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services3_desk.webp");
    background-size: cover;
  }
}

.services__warranty {
  background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services4.webp");
  background-size: cover;
}
@media (min-width: 768px) {
  .services__warranty {
    background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services4_desk.webp");
    background-size: cover;
  }
}

.services_mobile {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .services_mobile {
    display: none;
  }
}

.services__container_mobile {
  display: flex;
  gap: 20px;
  overflow: scroll;
  scroll-snap-type: x mandatory;
}

.services__container_mobile::-webkit-scrollbar {
  width: 0;
}

.sevices__link_mobile {
  padding: 17px 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 350px;
  width: 220px;
  background-size: 100%;
  transition: 0.3s;
  background-position: 50% 50%;
}

.services__montage_mobile {
  background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services1.webp");
  background-size: cover;
}

.services__delivery_mobile {
  background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services3.webp");
  background-size: cover;
}

.services__warranty_mobile {
  background: linear-gradient(15.48deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 73, 67, 0.24252) 43.88%, rgba(71, 65, 59, 0) 100%), url("../image/webp/services4.webp");
  background-size: cover;
}

.sevices__link_mobile span:first-child {
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.sevices__link_mobile span {
  color: var(--white-color);
  display: block;
  width: 200px;
}

.useful {
  padding-top: 30px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .useful {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .useful {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}

.useful__slide.swiper-slide {
  padding: 30px;
  border: 1px solid var(--basic-color);
  width: 283px;
  min-height: 200px;
}
@media (min-width: 768px) {
  .useful__slide.swiper-slide {
    padding: 40px;
    width: 390px;
    min-height: 211px;
  }
}
@media (min-width: 992px) {
  .useful__slide.swiper-slide {
    min-height: 245px;
  }
}

.useful__slider-title {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 15px;
}

.useful__slider-text {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
@media (min-width: 768px) {
  .useful__slider-text {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .useful__slider-text {
    font-size: 16px;
    line-height: 19px;
  }
}

.about {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 2px;
  background-color: var(--white-color);
}
@media (min-width: 768px) {
  .about {
    gap: 3px;
  }
}

.about__link-container {
  display: flex;
  align-items: center;
  width: 100%;
}

.about__link {
  display: grid;
  justify-items: center;
  width: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  row-gap: 5px;
  background-color: var(--light-grey-color);
  padding-top: 12px;
  padding-bottom: 11px;
}
.about__link::before {
  content: "";
  width: 35px;
  height: 35px;
  align-self: center;
  background-repeat: no-repeat;
  background-position: center center;
}
.about__link--star::before {
  background-image: url("../image/about_star.svg");
}
.about__link--box::before {
  background-image: url("../image/about_box.svg");
}
.about__link--pin::before {
  background-image: url("../image/about_pin.svg");
}
@media (min-width: 768px) {
  .about__link {
    grid-template-columns: 35px auto;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    column-gap: 10px;
    row-gap: 5px;
    padding: 47px 0 43px 15px;
    justify-items: left;
  }
  .about__link::before {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media (min-width: 992px) {
  .about__link {
    grid-template-columns: 49px 240px;
    column-gap: 20px;
    row-gap: 2px;
    padding: 40px 0 39px 10px;
  }
  .about__link::before {
    width: 49px;
    height: 49px;
    grid-column: 1/2;
    grid-row: 1/3;
    background-size: 49px 49px;
  }
}
@media (min-width: 1230px) {
  .about__link {
    padding: 40px 0 39px 40px;
  }
}

.about__link span:first-child {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .about__link span:first-child {
    font-size: 16px;
    line-height: 19px;
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (min-width: 992px) {
  .about__link span:first-child {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
  }
}

.about__link span:last-child {
  font-size: 14px;
  line-height: 16px;
  display: none;
}
@media (min-width: 768px) {
  .about__link span:last-child {
    display: block;
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media (min-width: 992px) {
  .about__link span:last-child {
    font-size: 16px;
    line-height: 19px;
  }
}

.about__link--star {
  padding-left: 15px;
}
@media (min-width: 1230px) {
  .about__link--star {
    padding-left: 0;
  }
}

@media (min-width: 767.9px) {
  .test {
    display: contents !important;
  }
}

.opt {
  padding: 50px 0 40px 0;
}
@media (min-width: 992px) {
  .opt {
    padding: 60px 0 45px 0;
  }
}

.opt__title {
  color: var(--Basic, var(--Basic, #47413B));
  font-family: "Muller", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .opt__title {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

.opt__subtitle {
  color: var(--Basic, #47413B);
  font-family: "Muller", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .opt__subtitle {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.about-company {
  padding-top: 20px;
  padding-bottom: 115px;
}
@media (min-width: 768px) {
  .about-company {
    padding-bottom: 130px;
  }
}
@media (min-width: 992px) {
  .about-company {
    padding-top: 140px;
    padding-bottom: 212px;
  }
}

.about-company__text p {
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .about-company__text p {
    width: 70%;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
  }
}
@media (min-width: 992px) {
  .about-company__text p {
    width: 40%;
  }
}

.about-company__text {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .about-company__text {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .about-company__text {
    margin-bottom: 70px;
  }
}

.about-company__text p:last-child {
  margin-bottom: 0;
}

.about-company__title {
  display: block;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .about-company__title {
    margin-bottom: 40px;
  }
}

.about-company__link {
  display: flex;
  flex-direction: row;
  gap: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 60px;
}

.about-company__link--decor::after {
  content: "";
  width: 42px;
  height: 16px;
  background-image: url("../image/arrow_long.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 992px) {
  .about-company__link--decor::after {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 140px;
  }
}

.about-company__numbers {
  display: grid;
  width: 100%;
  max-width: 440px;
  column-gap: 15px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
}
@media (min-width: 768px) {
  .about-company__numbers {
    column-gap: 60px;
    row-gap: 10px;
    max-width: 480px;
    width: 470px;
  }
}
@media (min-width: 992px) {
  .about-company__numbers {
    column-gap: 70px;
    width: 480px;
  }
}

.about-company__number {
  font-weight: 700;
  font-size: 64px;
  line-height: 77px;
  color: var(--contrast-color);
}
@media (min-width: 768px) {
  .about-company__number {
    font-weight: 500;
    font-size: 110px;
    line-height: 110px;
  }
}

.about-company__number-text {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .about-company__number-text {
    font-size: 16px;
    line-height: 19px;
  }
}

.about-company__number span {
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .about-company__number span {
    font-size: 32px;
    line-height: 32px;
  }
}

.contacts__block {
  padding: 30px 0;
  position: relative;
}

.contacts__block:last-child {
  padding-bottom: 0;
}

.contacts__subtitle {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .contacts__subtitle {
    margin-bottom: 10px;
  }
}

.reqisites__title-h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.contacts__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .contacts__text {
    line-height: 19px;
  }
}

.contacts__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 331px;
}
@media (min-width: 768px) {
  .contacts__container {
    flex-direction: column;
    gap: 30px;
  }
}

.contacts__container div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contacts__button {
  margin-top: 40px;
}

.contacts__text-m {
  margin-bottom: 30px;
}

.contacts__block iframe {
  width: 100%;
  height: 372px;
}
@media (min-width: 768px) {
  .contacts__block iframe {
    height: 483px;
  }
}
@media (min-width: 992px) {
  .contacts__block iframe {
    height: 380px;
  }
}
@media (min-width: 1230px) {
  .contacts__block iframe {
    height: 420px;
    width: 840px;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .contacts__container-block {
    width: 22.75%;
  }
}

@media (min-width: 992px) {
  .contacts__container-desk {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .contacts__iframe-cont {
    width: 70%;
  }
}

.contacts__modal {
  display: block;
  position: absolute;
  bottom: 117px;
  left: 20px;
}
@media (min-width: 992px) {
  .contacts__modal {
    display: block;
    position: absolute;
    bottom: 246px;
    left: 20px;
  }
}

.contacts {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .contacts {
    margin-bottom: 100px;
  }
}

.button-accent {
  text-transform: uppercase;
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  color: var(--contrast-color);
  background-color: transparent;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.button-accent::after {
  content: "";
  width: 21px;
  height: 15px;
  background-image: url("../image/arrow_accent.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.why-us {
  counter-reset: section;
}
@media (min-width: 768px) {
  .why-us {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .why-us {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    padding-bottom: 0;
    margin-top: 100px;
  }
}

@media (min-width: 768px) {
  .why-us .why-us__title {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .why-us .why-us__title {
    margin-top: 0;
  }
}

.why-us__swiper {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .why-us__swiper {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .why-us__swiper .why-us__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    column-gap: 30px;
    row-gap: 60px;
  }
}
@media (min-width: 992px) {
  .why-us__swiper .why-us__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, -webkit-min-content);
    grid-template-rows: repeat(4, min-content);
    row-gap: 15px;
  }
}

.why-us__item.swiper-slide {
  display: block;
  width: 223px;
}
@media (min-width: 768px) {
  .why-us__item.swiper-slide {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .why-us__item.swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.why-us__item-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
  padding-top: 64px;
  position: relative;
}
@media (min-width: 768px) {
  .why-us__item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    padding-top: 84px;
    min-width: 180px;
    margin-bottom: 30px;
  }
}

.why-us__item-title::after {
  position: absolute;
  content: "";
  top: 38px;
  left: 0;
  width: 40px;
  height: 6px;
  background-color: var(--brown-color);
}
@media (min-width: 768px) {
  .why-us__item-title::after {
    top: 48px;
  }
}

.why-us__item-title::before {
  position: absolute;
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  font-weight: 300;
  font-size: 22px;
  top: 0;
  left: 0;
  line-height: 24px;
}

.why-us__item-text {
  font-weight: 300;
  font-size: 14px;
}
@media (min-width: 768px) {
  .why-us__item-text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .why-us__item-text {
    max-width: 313px;
    padding-top: 84px;
  }
}

.why-us .page__title--decor {
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .why-us .page__title--decor {
    padding-bottom: 30px;
  }
}
.why-us .page__title--decor::before {
  display: none;
}
@media (min-width: 992px) {
  .why-us .page__title--decor::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 6px;
    background-color: var(--brown-color);
  }
}

.why-us__main-text {
  display: none;
}
@media (min-width: 992px) {
  .why-us__main-text {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.why-us__img {
  display: none;
}
@media (min-width: 992px) {
  .why-us__img {
    display: block;
    max-width: 620px;
    max-height: 684px;
  }
}

.why-us__left-block {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .swiper.why-us__swiper {
    margin-left: 0;
  }
}

.why-us__item-title--diler {
  display: none;
}
@media (min-width: 768px) {
  .why-us__item-title--diler {
    display: block;
  }
}

.why-us__item-title--diler p {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  margin-top: 84px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .why-us__item-title--diler p {
    display: none;
  }
}

.login {
  padding-bottom: 40px;
}

.login__form {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .login__form {
    padding-top: 40px;
  }
}

.login__input {
  display: block;
  background-color: var(--light-grey-color);
  border: none;
  padding: 22px 20px;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .login__input {
    margin-bottom: 30px;
  }
}

.login__input::placeholder {
  color: var(--dark-grey-color);
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.login__forgotten {
  font-weight: 700;
  font-size: 16px;
  color: var(--contrast-color);
  border-bottom: 1px solid var(--contrast-color);
  text-transform: uppercase;
  display: inline-block;
  width: auto;
}

.login__btn-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  max-width: 330px;
}
@media (min-width: 768px) {
  .login__btn-container {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .login__btns-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.modal-call-back {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(71, 65, 59, 0.25);
  justify-content: center;
  align-items: center;
  padding: 10px 15px 69px 15px;
  display: none;
  opacity: 0;
  transition: 0.3s;
}

.modal-call-back.modal-call-back--active {
  display: flex;
}

.modal-call-back.modal-call-back--visible {
  opacity: 1;
}

.modal-call-back__body {
  background-color: #fff;
  width: 100%;
  max-width: 380px;
  padding: 20px;
  position: relative;
  border-radius: 6px;
}
@media (min-width: 768px) {
  .modal-call-back__body {
    max-width: 527px;
    padding: 40px;
  }
}

.modal-call-back__close-btn {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  .modal-call-back__close-btn {
    top: 40px;
    right: 40px;
  }
}

.modal-call-back__close-btn::after,
.modal-call-back__close-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--basic-color);
  position: absolute;
}

.modal-call-back__close-btn::before {
  transform: rotate(-45deg);
}

.modal-call-back__close-btn::after {
  transform: rotate(45deg);
}

.modal-call-back__title {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-call-back__title {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 15px;
    margin-right: 80px;
  }
}

.modal-call-back__info {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-call-back__info {
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 420px;
  }
}

.modal-call-back__label {
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .modal-call-back__label {
    font-size: 20px;
  }
}

.modal-call-back__label span {
  color: var(--contrast-color);
}

.modal-call-back__input {
  background-color: var(--light-grey-color);
  border-radius: 10px;
  padding: 20px;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  border: none;
  width: 100%;
  margin-bottom: 10px;
}

.modal-call-back__input::placeholder {
  color: var(--grey-color);
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
}

.modal-call-back__textarea {
  background-color: var(--light-grey-color);
  border-radius: 10px;
  padding: 20px;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  border: none;
  width: 100%;
  margin-bottom: 10px;
  resize: none;
}

.modal-call-back__agree {
  font-weight: 300;
  font-size: 12px;
}

.modal-call-back__agree a {
  color: var(--contrast-color);
  text-decoration: underline;
}

.modal-call-back__btn-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  .modal-call-back__btn-container {
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
  }
}

.modal-call-back__input-error {
  margin-top: -10px;
  margin-bottom: 20px;
  color: var(--contrast-color);
}

.search {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .search {
    padding-bottom: 80px;
  }
}

.search__input {
  background-color: var(--light-grey-color);
  border: none;
  padding: 22px 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .search__input {
    padding: 22px 30px;
  }
}

.search__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .search__container {
    flex-direction: row;
    gap: 30px;
    margin-top: 35px;
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .search__container {
    margin-bottom: 100px;
  }
}

.sticky-bottom {
  width: 100%;
  background-color: var(--white-color);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 0;
}
@media (min-width: 992px) {
  .sticky-bottom {
    display: none;
  }
}

.sticky-bottom__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.sticky-bottom__item {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.sticky-bottom__item::before {
  content: "";
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background: var(--dark-grey-color);
}
@media (min-width: 768px) {
  .sticky-bottom__item::before {
    width: 36px;
    height: 36px;
  }
}

.sticky-bottom__item--main::before {
  -webkit-mask: url("../image/sticky_main.svg");
          mask: url("../image/sticky_main.svg");
}

.sticky-bottom__item--search::before {
  -webkit-mask: url("../image/sticky_search.svg");
          mask: url("../image/sticky_search.svg");
}

.sticky-bottom__item--whatsapp::before {
  -webkit-mask: url("../image/sticky_whatsapp.svg");
          mask: url("../image/sticky_whatsapp.svg");
}

.sticky-bottom__item--cart::before {
  -webkit-mask: url("../image/sticky_cart.svg");
          mask: url("../image/sticky_cart.svg");
}

.sticky-bottom__item--profile::before {
  -webkit-mask: url("../image/sticky_profile.svg");
          mask: url("../image/sticky_profile.svg");
}

.sticky-bottom__item--active::before {
  background: var(--basic-color);
}

.sticky-bottom__item::before {
  -webkit-mask-size: 30px 30px;
          mask-size: 30px 30px;
}
@media (min-width: 768px) {
  .sticky-bottom__item::before {
    -webkit-mask-size: 36px 36px;
            mask-size: 36px 36px;
  }
}

.sticky-bottom__item > span {
  color: var(--white-color);
  font-weight: 400;
  font-size: 10px;
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: var(--contrast-color);
  border: 2px solid var(--white-color);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  padding: 2px 5px;
  top: 0;
  right: 10px;
}
@media (min-width: 768px) {
  .sticky-bottom__item > span {
    width: 20px;
    height: 20px;
    right: 5px;
    padding: 3px 5px;
  }
}

.catalog-mobile {
  left: -100%;
  width: 100%;
  position: fixed;
  z-index: 2;
  transition: 0.5s all;
  overflow: auto;
  height: 100%;
  background-color: var(--white-color);
}
@media (min-width: 992px) {
  .catalog-mobile {
    display: none;
  }
}

.catalog-mobile__container {
  background-color: var(--white-color);
  padding: 15px;
  padding-top: 20px;
}

.catalog-mobile--active {
  left: 0;
}

.catalog-mobile__switcher {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 20px;
}

.catalog-mobile__list {
  display: none;
}

.catalog-mobile__link {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.catalog-mobile__link:hover {
  color: var(--contrast-color);
}

.catalog-mobile__list--active {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.catalog-mobile__btn {
  background-color: var(--contrast-color);
  color: var(--white-color);
  border: 1px solid var(--contrast-color);
  font-weight: 500;
  font-size: 16px;
  padding: 11px 10px 10px 10px;
}

.catalog-mobile__btn--no-active {
  background-color: var(--white-color);
  color: var(--basic-color);
  border: 1px solid var(--contur-color);
}

.catalog-mobile__submenu {
  right: -100%;
  width: 100%;
  position: fixed;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  top: 56px;
  z-index: -1;
  transition: 0.5s all;
  overflow: auto;
  height: 100%;
  background-color: var(--white-color);
}
@media (min-width: 992px) {
  .catalog-mobile__submenu {
    display: none;
  }
}

.catalog-mobile__submenu--active {
  right: 0;
  top: 0;
}

.search-mobile {
  position: relative;
}

.search-mobile__input {
  border: 1px solid var(--contur-color);
  width: 100%;
  padding: 14px 38px 14px 12px;
  font-family: inherit;
  font-weight: 300;
  font-size: 12px;
}

.search-mobile__input::placeholder {
  font-family: inherit;
  font-weight: 300;
  font-size: 12px;
  color: var(--dark-grey-color);
}

.search-mobile__button {
  position: absolute;
  right: 12px;
  top: 12px;
  border: none;
  background-color: transparent;
  width: 17px;
  height: 17px;
  background: url("../image/search-mobile.svg") center center no-repeat;
  background-size: 17px 17px;
}

.product {
  padding-top: 30px;
  padding-bottom: 30px;
}

.product__title {
  display: block;
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .product__title {
    font-size: 32px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .product__title {
    font-size: 36px;
    line-height: 36px;
    text-transform: none;
  }
}

.product__title-text {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--brown-color);
}
@media (min-width: 768px) {
  .product__title-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
  }
}

.product__title-container {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .product__title-container {
    gap: 5px;
    margin-bottom: 10px;
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
@media (min-width: 992px) {
  .product__title-container {
    flex-direction: column;
    gap: 10px;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .product__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    column-gap: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .product__container {
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    margin-bottom: 60px;
    grid-template-rows: 107px;
  }
}

.picture__wrapper {
  margin: 0 !important;
  position: relative;
  display: block;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .picture__wrapper {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .picture__wrapper {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}

.swiper-button-prev_prod {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  border: 1px solid #2c2b3f;
  border-radius: 2px;
  cursor: pointer;
  top: 92%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 66%;
  border: 1px solid var(--Contur, #E5E8F0);
  background: var(--white, #FFF);
}
@media (min-width: 768px) {
  .swiper-button-prev_prod {
    left: 68%;
    top: 94%;
  }
}
@media (min-width: 992px) {
  .swiper-button-prev_prod {
    left: 80%;
    top: 95%;
  }
}

.swiper-button-next_prod {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  border: 1px solid #2c2b3f;
  border-radius: 2px;
  cursor: pointer;
  left: 83%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 92%;
  border: 1px solid var(--Contur, #E5E8F0);
  background: var(--white, #FFF);
}
@media (min-width: 768px) {
  .swiper-button-next_prod {
    left: 84%;
    top: 94%;
  }
}
@media (min-width: 992px) {
  .swiper-button-next_prod {
    left: 90%;
    top: 95%;
  }
}

.swiper-button-next_prod::after {
  content: "next";
  font-size: 16px;
  font-weight: 700;
  color: #2c2b3f;
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev_prod::after {
  content: "prev";
  font-size: 16px;
  font-weight: 700;
  color: #2c2b3f;
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.product__option-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--Basic, #47413B);
}

.product__radio {
  opacity: 0;
  position: absolute;
}

.product__radio-wrapper {
  max-width: 159px;
  display: flex;
}

.product__radio-wrapper label {
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  display: block;
  border: 1px solid var(--brown-color);
  padding: 15px 20px;
  text-align: center;
  min-width: 118px;
  border-radius: 5px;
  line-height: 100%;
}

.product__radio-wrapper label:hover {
  border: 1px solid var(--contrast-color);
  color: var(--contrast-color);
}

.product__radio-wrapper input[type=radio]:checked + label {
  border: 1px solid var(--contrast-color);
}

.product__radio-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media (min-width: 992px) {
  .product__radio-container {
    margin-bottom: 25px;
  }
}

.product__control-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  color: var(--Basic, #47413B);
}
@media (min-width: 768px) {
  .product__control-label {
    margin-bottom: 10px;
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  .product__control-label {
    margin-top: 0;
  }
}

.product__radio-wrapper label {
  line-height: 100%;
}

@media (min-width: 768px) {
  .product__option:first-child label {
    margin-top: 0;
  }
}

.product__price {
  font-weight: 700;
  font-size: 28px;
}
@media (min-width: 768px) {
  .product__price {
    font-size: 36px;
    line-height: 36px;
  }
}

.product__link {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase;
  color: var(--basic-color);
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: var(--basic-color);
}

.product__price-container {
  flex-direction: row;
  gap: 20px;
  align-items: baseline;
  margin-bottom: 20px;
  align-items: center;
}
@media (min-width: 768px) {
  .product__price-container {
    margin-bottom: 30px;
    display: flex;
  }
}
@media (min-width: 992px) {
  .product__price-container {
    gap: 10px;
    margin-top: 25px;
  }
}

.product__button {
  font-weight: 500;
  font-size: 16px;
  color: var(--white-color);
  background-color: var(--contrast-color);
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .product__button {
    max-width: 234px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .product__button {
    max-width: 234px;
    padding: 20px 40px;
  }
}

.product__button:hover {
  background-color: var(--basic-color);
}

.product__property {
  display: block;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  padding-top: 23px;
  padding-bottom: 22px;
  background-color: var(--light-grey-color);
  padding-left: 15px;
  padding-right: 15px;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .product__property {
    margin-bottom: 30px;
  }
}

.product__property-list div {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--contur-color);
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .product__property-list div {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.product__property-list dt {
  display: flex;
  justify-content: left;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  min-width: 200px;
}
@media (min-width: 768px) {
  .product__property-list dt {
    min-width: 262px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
  }
}

.product__property-list dd {
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 768px) {
  .product__property-list dd {
    font-size: 16px;
  }
}

.product__quantity.quantity {
  display: none;
}
@media (min-width: 992px) {
  .product__quantity.quantity {
    display: flex;
    flex-direction: row;
  }
}

.product__button-container {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.product__door_side {
  display: flex;
  gap: 10px;
}

.product__door_side img {
  width: 129px;
  height: 129px;
}

.quantity {
  display: flex;
  flex-direction: row;
}

.quantity button {
  width: 71px;
  height: 71px;
  border: 1px solid var(--brown-color);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quantity button:hover {
  border: 1px solid var(--contrast-color);
}

.quantity button:hover::after {
  border-color: var(--contrast-color);
}

.quantity input {
  width: 71px;
  height: 71px;
  border: none;
  font-family: inherit;
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
}

.quantity__minus::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-color: var(--basic-color);
  border: none;
  border-right: 2px solid var(--basic-color);
  border-bottom: 2px solid var(--basic-color);
  border-radius: 0;
  transform: translateY(-50%) rotate(45deg);
}

.quantity__plus::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-color: var(--basic-color);
  border: none;
  border-right: 2px solid #0f111d;
  border-bottom: 2px solid #0f111d;
  border-radius: 0;
  transform: rotate(-135deg);
}

.quantity-input:disabled {
  background-color: transparent;
}

.text-danger {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  color: var(--contrast-color);
  display: block;
  margin-top: 5px;
}

.modal-adress {
  background-color: var(--white-color);
  padding: 30px;
  width: 300px;
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.25);
}
@media (min-width: 992px) {
  .modal-adress {
    background-color: var(--white-color);
    padding: 30px;
    width: 430px;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.25);
  }
}

.modal-adress--hidden {
  display: none;
}

.modal-adress__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 20px;
}

.modal-adress__tel {
  display: block;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}

.modal-adress__time {
  display: block;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}

.modal-adress__btn-close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.modal-adress__btn-close::after,
.modal-adress__btn-close::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--basic-color);
  position: absolute;
  transform: rotate(45deg);
}

.modal-adress__btn-close::before {
  transform: rotate(-45deg);
}

.modal-adress__btn-close:hover .modal-adress__btn-close::after {
  background-color: red;
}

.modal-adress__btn-route {
  display: block;
  font-family: inherit;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 13px;
  background-color: transparent;
  border: 1px solid var(--contrast-color);
  border-radius: 0;
}

.modal-adress__btn-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.not-found {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .not-found {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .not-found {
    padding-bottom: 80px;
  }
}

.not-found__text {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.not-found__btn {
  display: inline-block;
}

.cart__list {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 768px) {
  .cart__list {
    margin-top: 40px;
    gap: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .cart__list {
    margin-top: 0;
  }
}

.cart__item {
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, -webkit-min-content);
  grid-template-rows: repeat(4, min-content);
  border: 1px solid var(--contur-color);
  column-gap: 20px;
  align-items: center;
}
@media (min-width: 768px) {
  .cart__item {
    grid-template-columns: 181fr 218fr 135px 140fr;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .cart__item {
    grid-template-columns: 225fr 318fr 150px 171fr 171fr;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    column-gap: 40px;
  }
}

.cart__item-title {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (min-width: 768px) {
  .cart__item-title {
    grid-column: 2/3;
    align-self: flex-start;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .cart__item-title {
    grid-column: 2/3;
    align-self: center;
  }
}

.cart__item-name {
  display: block;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .cart__item-name {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .cart__item-name {
    text-transform: uppercase;
  }
}

.cart__item-color {
  display: block;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart__item-color {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .cart__item-color {
    font-size: 22px;
    line-height: 26px;
  }
}

.cart__item-option {
  color: var(--brown-color);
  font-weight: 300;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart__item-option {
    display: none;
  }
}

.cart__item-option-wrapper {
  margin-bottom: 10px;
  display: inline-block;
}
@media (min-width: 768px) {
  .cart__item-option-wrapper {
    display: block;
  }
}

.cart__item-option-name {
  display: none;
}
@media (min-width: 768px) {
  .cart__item-option-name {
    display: inline;
    font-weight: 500;
    font-size: 14px;
    color: var(--brown-color);
  }
}
@media (min-width: 992px) {
  .cart__item-option-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
  }
}

.cart__item-option-value {
  color: var(--brown-color);
  font-weight: 300;
  font-size: 12px;
  display: inline;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart__item-option-value {
    display: inline;
    font-weight: 500;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .cart__item-option-value {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
  }
}

.cart__img {
  grid-column: 1/2;
  grid-row: 2/5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media (min-width: 768px) {
  .cart__img {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 25px 10px;
    border-right: 1px solid var(--contur-color);
  }
}
@media (min-width: 992px) {
  .cart__img {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 25px 30px;
    align-self: center;
    justify-self: center;
  }
}

.cart__item-price {
  font-weight: 700;
  font-size: 22px;
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (min-width: 768px) {
  .cart__item-price {
    grid-column: 4/5;
    grid-row: 1/2;
    justify-self: end;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .cart__item-price {
    grid-column: 4/5;
    grid-row: 1/2;
    padding: 0;
    justify-self: center;
  }
}

.cart__quantity {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media (min-width: 768px) {
  .cart__quantity {
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: center;
  }
}
@media (min-width: 992px) {
  .cart__quantity {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}

.cart__remove {
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-decoration: underline;
  width: -webkit-min-content;
  width: min-content;
  height: -webkit-min-content;
  height: min-content;
  align-self: center;
  grid-column: 2/3;
  grid-row: 4/5;
}
@media (min-width: 768px) {
  .cart__remove {
    grid-column: 4/5;
    grid-row: 1/2;
    align-self: end;
    justify-self: end;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .cart__remove {
    grid-column: 5/6;
    grid-row: 1/2;
    padding: 0;
    justify-self: center;
    align-self: center;
  }
}

.cart__item-img {
  display: block;
  width: 100%;
  height: auto;
}

.cart__list-title-container {
  display: none;
}
@media (min-width: 992px) {
  .cart__list-title-container {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 225fr 318fr 150px 171fr 171fr;
    gap: 40px;
    padding: 20px 0;
  }
}

.cart__list-title {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.cart__list-title--price {
  justify-self: center;
}

.cart__list-title--quantity {
  justify-self: center;
}

.cart .cart__quantity button {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .cart .cart__quantity button {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .cart .cart__quantity button {
    width: 50px;
    height: 50px;
  }
}

.cart .cart__quantity input {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .cart .cart__quantity input {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .cart .cart__quantity input {
    width: 50px;
    height: 50px;
  }
}

.cart .cart__quantity button::after {
  width: 7px;
  height: 7px;
  border-width: 2px;
}
@media (min-width: 768px) {
  .cart .cart__quantity button::after {
    width: 9px;
    height: 9px;
  }
}

.cart__total-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .cart__total-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .cart__total-container {
    grid-template-columns: 270px 1fr 217px;
    column-gap: 60px;
  }
}

.cart__back {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  text-decoration: underline;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .cart__back {
    font-size: 16px;
    line-height: 16px;
  }
}

.cart__total-price {
  display: block;
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 768px) {
  .cart__total-price {
    justify-self: end;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  .cart__total-price {
    font-size: 24px;
    align-self: center;
  }
}

.cart__button {
  display: block;
  max-width: 165px;
}
@media (min-width: 768px) {
  .cart__button {
    max-width: 217px;
    width: 217px;
    grid-column: 2/3;
    grid-row: 2/3;
    justify-self: end;
  }
}
@media (min-width: 992px) {
  .cart__button {
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: end;
  }
}

.thank-you__text {
  font-weight: 700;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 40px;
  display: block;
}

.thank-you__link {
  display: inline-block;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .thank-you__link {
    margin-bottom: 80px;
  }
}

.special {
  padding-bottom: 40px;
}

.card__back {
  z-index: -1;
  margin-top: 20px;
  background: linear-gradient(255.08deg, #f5f0ed 10.46%, rgba(242, 239, 237, 0) 82.96%);
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .card__back {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .card__back {
    margin-left: 0;
    margin-right: 0;
    margin-top: 60px;
  }
}

.special__card {
  z-index: 1;
  min-height: 383px;
  padding: 20px 15px 15px 15px;
  position: relative;
}
@media (min-width: 768px) {
  .special__card {
    min-height: 392px;
    padding-top: 40px;
    padding-bottom: 60px;
    padding-left: 35px;
  }
}
@media (min-width: 992px) {
  .special__card {
    min-height: 450px;
    padding-left: 60px;
  }
}

.special__label {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .special__label {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .special__label {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
  }
}

.special__label::before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("../image/special.svg") no-repeat center;
}

.special__text {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .special__text {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .special__text {
    font-size: 28px;
    margin-bottom: 15px;
  }
}

.special__text-bold {
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .special__text-bold {
    font-size: 20px;
  }
}

.special__free {
  display: block;
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 210px;
}
@media (min-width: 768px) {
  .special__free {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .special__free {
    font-size: 64px;
  }
}

.special__btn {
  position: absolute;
  bottom: 23px;
  left: 15px;
  display: block;
  max-width: 165px;
}
@media (min-width: 768px) {
  .special__btn {
    position: static;
  }
}

.special__image {
  z-index: -1;
  display: block;
  width: 320px;
  height: 210px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (min-width: 768px) {
  .special__image {
    width: 525px;
    height: 360px;
  }
}
@media (min-width: 992px) {
  .special__image {
    width: 654px;
    height: 448px;
  }
}

@media (min-width: 768px) {
  .special__image--size {
    width: 459px;
    height: 392px;
  }
}
@media (min-width: 992px) {
  .special__image--size {
    width: 597px;
    height: 450px;
  }
}

.delivery .special__free {
  color: #2c2b3f;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.modal-add {
  position: fixed;
  z-index: 3;
  top: 10px;
  right: 15px;
  width: calc(100% - 30px);
  background-color: #fff;
  border: 1px solid var(--contrast-color);
  padding: 10px 20px;
  display: none;
}
@media (min-width: 768px) {
  .modal-add {
    top: 20px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .modal-add {
    top: 70px;
    right: 40px;
    padding: 20px 40px;
  }
}

.modal-add__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 768px) {
  .modal-add__text {
    font-size: 16px;
    line-height: 20px;
  }
}

.montash {
  background: var(--light-grey, #F5F5F4);
}
@media (min-width: 992px) {
  .montash {
    margin-top: 100px;
  }
}

.montash_back {
  padding: 40px 15px 0 15px;
}
@media (min-width: 992px) {
  .montash_back {
    padding: 60px 15px;
    background-image: url(/catalog/view/theme/dvernoydom/image/montashBack.png);
    background-repeat: no-repeat;
    background-position: right bottom;
  }
}

.montash__title {
  color: var(--Basic, var(--Basic, #47413B));
  /* H2 */
  font-family: "Muller", sans-serif;
  line-height: 120%; /* 48px */
  text-transform: uppercase;
  max-width: 411px;
  margin-bottom: 20px;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 992px) {
  .montash__title {
    margin-bottom: 30px;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
  }
}

.montash__desktop__mobile {
  margin-bottom: 20px;
  width: 40px;
  height: 6px;
}
@media (min-width: 992px) {
  .montash__desktop__mobile {
    margin-bottom: 30px;
  }
}

.montash__text {
  color: var(--Basic, #47413B);
  font-family: "Muller", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 19.2px */
  max-width: 456px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .montash__text {
    margin-bottom: 40px;
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.montash__mobile__img {
  width: 100%;
  height: auto;
  margin-top: 23px;
}
@media (min-width: 992px) {
  .montash__mobile__img {
    display: none;
  }
}

.installation {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .installation {
    margin-bottom: 60px;
  }
}
.installation h2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
  margin: 20px 0 20px 0px;
}
@media (min-width: 768px) {
  .installation h2 {
    font-size: 24px;
    margin: 30px 0 20px 0px;
  }
}
.installation .items {
  list-style: decimal;
  padding-left: 20px;
}
.installation .items li {
  margin-bottom: 15px;
}

.warranty {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .warranty {
    margin-bottom: 60px;
  }
}

.warranty__body h3 {
  margin: 20px 0 10px 0;
}

.warranty__block-title {
  margin: 30px 0 20px 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
}

.item__list {
  list-style: disc;
  padding-left: 20px;
}
.item__list li {
  margin-bottom: 20px;
}

.delivery {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .delivery {
    margin-bottom: 60px;
  }
}
.delivery p {
  font-weight: 300;
}
.delivery .map__block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .delivery .map__block {
    column-gap: 57px;
    margin-bottom: 40px;
    flex-wrap: nowrap;
    margin-bottom: 0;
  }
}
.delivery .map__block-left {
  flex: 0 1 563px;
}
.delivery .map__block-right {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .delivery .map__block-right {
    flex: 0 1 580px;
    margin-top: 0;
  }
}
.delivery .text__block {
  margin: 20px 0;
}
@media (min-width: 768px) {
  .delivery .text__block {
    margin: 30px 0;
  }
}
.delivery .left__block-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
  margin-bottom: 20px;
}
.delivery .list__items {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 10px;
}
.delivery .list__items li {
  margin-bottom: 20px;
}
.delivery .payment__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
}
.delivery .payment__items {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .delivery .payment__items {
    column-gap: 60px;
    flex-wrap: nowrap;
  }
}
.delivery .payment__item {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .delivery .payment__item {
    flex: 0 1 360px;
  }
}
.delivery .item__number {
  position: relative;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%; /* 24.2px */
  margin-bottom: 15px;
}
.delivery .item__number::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 40px;
  height: 6px;
  background: #99948e;
}
.delivery .item__name {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .delivery .item__name {
    font-size: 24px;
  }
}
/*# sourceMappingURL=stylesheet.css.map */