:root {
   --mainColor: #453E2B;
   --beige: #B2A494;
   --platina: #D3C9BF;

}

header {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 100;
   padding-block: 32px;
   transition: 0.5s;
}

header:before {
   /*backdrop-filter: blur(7.199999809265137px);
   background: #FBFAF633;
   opacity: 0.8;*/
   background:rgba(255,255,255,0.8);
}

header.sticky {
   padding-block: 10px;
}

header.sticky .logo svg,
header.sticky .logo img {
   width: 160px;
}

footer {
   padding-block: 35px;
}

.footer-bottom {
   margin-top: 20px;
}

.header__container,
.footer-top {
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
}

.last-col {
   justify-self: end;
   display: flex;
   align-items: center;
}

.language,
.menu-list {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

.menu-list li {
   padding-block: 10px;
   padding-inline: 30px;
   line-height: 1.4;
   font-size: 20px;
}

.menu-list__link {
   white-space: nowrap;
}

.language {
   padding-inline: 30px;
}

.language__text {
   font-size: 20px;
   cursor: pointer;
   opacity: 0.5;
   transition: 0.5s;
}

.language__text:hover,
.language__text.active {
   opacity: 1;
}

.logo svg,
.logo img {
   width: clamp(11.875rem, 10.259rem + 6.9vw, 17.5rem);
   height: auto;
   transition: 0.5s;
}


/*main*/
.hero {
   background: url("../img/hero-bg.png") no-repeat center;
   background-size: cover;
   margin-top: 0px;
   padding-top: 150px;
   min-height: 600px;
}

#error .hero{
   background: url("../img/body-bg.png") no-repeat center;
   background-size: cover;
   min-height: 400px;
}

#error .container{
   display: flex;
   justify-content: flex-end;
   padding-top: 20px;
}

#error img{
   max-width: 85%;
}

.hero:before {
   background: linear-gradient(180deg, rgba(251, 250, 246, 0) 0%, #FBFAF6 100%);
}

.hero__container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
}

.hero__desc {
   grid-column: 1/-1;
   grid-row: 1/2;
   font-size: clamp(1rem, 0.898rem + 0.45vw, 1.375rem);
   padding-block: 25px;
   position: relative;
   z-index: 3;
}

.hero__wrapper {
   max-width: 66%;
   padding-left: 20px;
}

.hero__img {
   grid-column: 2/-1;
   grid-row: 1/2;
   position: relative;
   z-index: 2;
   display: flex;
   justify-content: center;
}

.hero__text-wrapper {
   display: flex;
   align-items: flex-start;
   gap: 20px;
}

/*investment*/
.investment__container,
.offer__container {
   gap: clamp(1.25rem, 0.711rem + 2.3vw, 3.125rem);
}

.offer__container {
   padding-block: 20px;
}

.investment__desc {
   padding-block: 40px;
   max-width: 720px;
}

.investment__desc .description p,
.offer .description p {
   margin-bottom: clamp(1.25rem, 0.891rem + 1.53vw, 2.5rem);
}

.investment__bg {
   position: absolute;
   top: 20px;
   right: 0px;
   width: clamp(8.438rem, 2.475rem + 25.44vw, 29.188rem);
}

.offer__col {
   display: grid;
   gap: clamp(1.563rem, 1.293rem + 1.15vw, 2.5rem);
}

.sec-products {
   background: var(--platina);
}

.sec-products .title-h2 {
   margin-bottom: clamp(1.25rem, 0.711rem + 2.3vw, 3.125rem);
}

.sec-products__row {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 5px;
}

.item-product {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   background: #FBFAF6;
   padding-block: clamp(1.25rem, 0.891rem + 1.53vw, 2.5rem);
   padding-inline: 10px;
   min-height: 230px;
   transition: 0.5s;
}

.item-product:hover {
   background: var(--beige)!important;
}

.item-product__name {
   font-weight: 700;
   text-align: center;
}

.item-product--big {
   grid-column: span 2;
   background: #F1ECE6;
   position: relative;
}

.service-top {
   margin-bottom: 20px;
}

.service-top__desc {
   max-width: 900px;
}

.service-bottom__row {
   display: grid;
   grid-template-columns: minmax(350px, 36%) 1fr;
   gap: 20px;
}

.service-bottom__title {
   font-size: clamp(1.5rem, 1.356rem + 0.61vw, 2rem);
   margin-bottom: clamp(1.25rem, 0.891rem + 1.53vw, 2.5rem);
   font-weight: 700;
   line-height: 1.1;
}

.title-arrow {
   font-size: clamp(1.125rem, 1.053rem + 0.31vw, 1.375rem);
   margin-bottom: 10px;
   position: relative;
   font-family: "Inter", sans-serif;
   font-weight: 700;
   display: flex;
   align-items: center;
}

.title-arrow::before {
   content: "\e905";
   font-family: 'icomoon' !important;
   margin-right: 10px;
}

/*form*/
.feedback {
   padding-block: clamp(1.25rem, 0.352rem + 3.83vw, 4.375rem);
   padding-inline: clamp(0.938rem, 0.489rem + 1.92vw, 2.5rem);
   background: #F1ECE6;
}

.feedback .title-h2 {
   margin-bottom: clamp(1.563rem, 1.114rem + 1.92vw, 3.125rem);
}

.feedback .input-container {
   position: relative;
   margin-bottom: clamp(0.938rem, 0.848rem + 0.38vw, 1.25rem);
   z-index: 2;
}
.feedback .check-container {
   position: relative;
   z-index: 2;
}

.feedback .input-container input,
.feedback .input-container textarea {
   width: 100%;
   height: clamp(2.5rem, 2.356rem + 0.61vw, 3rem);
   border: none;
   border-bottom: 1px solid var(--mainColor);
   font-family: "Philosopher", sans-serif;
   font-size: clamp(1rem, 0.928rem + 0.31vw, 1.25rem);
   font-weight: 700;
   background: transparent;
   color: var(--mainColor);
   padding-inline: clamp(0.938rem, 0.668rem + 1.15vw, 1.875rem);
}

.feedback .input-container textarea {
   resize: none;
   height: clamp(2.5rem, 2.356rem + 0.61vw, 3rem);
   padding-top: 11px;
}

.feedback .input-container label {
   font-size: clamp(1rem, 0.928rem + 0.31vw, 1.25rem);
   color: var(--mainColor);
   position: absolute;
   top: -15px;
   left: 0;
   transition: all .2s;
   margin-bottom: 0;
   z-index: -1;
}
.feedback .check-container span.err, 
.feedback .input-container span.err {
   display: none;
   position: absolute;
   right: 0;
   bottom: -15px;
   color: #D81212;
   font-size: 12px;
}
.feedback .check-container.error span.err,
.feedback .input-container.error span.err {
   display: block;
}
.feedback .check-container.error .check span:before,
.feedback .input-container.error input {
   border-color: #D81212;
}
.feedback .check-container.error .check span{
   color: #D81212;
}

.feedback .btn {
   width: 100%;
   margin-top: clamp(1.563rem, 1.114rem + 1.92vw, 3.125rem);
}

.placeholder input:placeholder-shown:not(:focus)+*,
.placeholder textarea:placeholder-shown:not(:focus)+* {
   font-size: clamp(1rem, 0.928rem + 0.31vw, 1.25rem);
   line-height: 1;
   top: 12px;
   left: clamp(0.938rem, 0.668rem + 1.15vw, 1.875rem);
}

/*radio, checkbox*/
.check {
   margin-bottom: 0;
}

.check input {
   display: none;
}

.check span {
   display: inline-block;
   position: relative;
   font-size: clamp(1rem, 0.928rem + 0.31vw, 1.25rem);
   padding-left: 30px;
   cursor: pointer;
}

.check span:before,
.check input[type="checkbox"]:checked+span:after {
   content: "";
   position: absolute;
   top: 12px;
   transform: translatey(-50%);
}

.check span:before {
   height: 18px;
   width: 18px;
   left: 0px;
   border: 1px solid var(--mainColor);
   border-radius: 4px;
}

.check input[type="checkbox"]:checked+span:after {
   content: "\e902";
   font-family: 'icomoon' !important;
   left: 2px;
   font-size: 16px;
   padding-top: 2px;
}

/*--------*/

.contacts__container {
   display: grid;
   grid-template-columns: minmax(350px, 35%) 1fr;
   gap: clamp(1.25rem, -9.583rem + 18.06vw, 9.375rem);
}

.contacts__desc .description {
   padding-top: 20px;
   text-align: right;
}

/*about*/
#about .hero__text-wrapper {
   margin-bottom: 80px;
}

#about .hero__text {
   max-width: 780px;
}

.item-our__img img,
.item-our__img svg {
   max-height: clamp(2.5rem, 1.422rem + 4.6vw, 6.25rem);
   width: auto;
   margin-bottom: clamp(0.625rem, 0.445rem + 0.77vw, 1.25rem);
}

.item-our__title {
   margin-bottom: 10px;
}

.info__title {
   max-width: 720px;
}

.info__row {
   display: grid;
   grid-template-columns: minmax(330px, 36%) 1fr;
   gap: clamp(1.25rem, 0.891rem + 1.53vw, 2.5rem);
}

.info__img-bl {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 3fr 1fr 3fr;
   gap: clamp(0.625rem, 0.445rem + 0.77vw, 1.25rem)
}

.info__img {
   min-height: clamp(8.438rem, -0.407rem + 37.74vw, 14.688rem);
}

.info__img:nth-child(2),
.info__img:nth-child(3) {
   grid-row: span 2;
}

/*contacts*/
#contacts .hero {
   background: url("../img/map.png") no-repeat center;
   background-size: cover;
   min-height: clamp(34.375rem, 26.652rem + 32.95vw, 61.25rem);
}

#contacts .hero:before {
   display: none;
}

#contacts .hero__desc {
   padding-top: clamp(1.563rem, 0.665rem + 3.83vw, 4.688rem);
}

#contacts .title-h1 {
   text-shadow: 1px -1px 0px #FAF9F6;
}

.city {
   overflow: hidden;
}

.city__bg {
   position: absolute;
   bottom: 0px;
   right: 0px;
}

.city__container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   align-items: start;
}
.mob__city{
   display: none !important;
}

.city__col {
   display: grid;
   gap: 20px;
}

.item-city {
   border: 1px solid var(--mainColor);
}

.item-city__head {
   padding-block: 10px;
   min-height: 55px;
   padding-inline: 30px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 7px;
}

.item-city__head .icon {
   font-size: clamp(1.25rem, 0.773rem + 2.04vw, 1.75rem);
   transition: 0.5s;
}

.open .item-city__head .icon {
   transform: rotatex(180deg);
}

.item-city__title {
   font-size: clamp(1.125rem, 0.874rem + 1.07vw, 2rem);
   line-height: 1.1;
}

.item-city__body {
   display: none;
   padding-block: 10px;
   padding-inline: 30px;
}

.open .item-city__head,
.open .item-city__body {
   color: #FBFAF6;
   background: var(--platina);
}

.item-body:not(:last-child) {
   border-bottom: 1px solid #FBFAF6;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.item-body__name {
   font-size: clamp(1.125rem, 0.945rem + 0.77vw, 1.75rem);
   line-height: 1.1;
   margin-bottom: 15px;
}

.item-body__tel {
   margin-bottom: 5px;
}

.item-body__tel,
.item-body__email {
   display: block;
   white-space: wrap;
   word-break: break-all;
}

/*card-product*/
#card-product .section-padding {
   padding-block: clamp(2.5rem, 1.782rem + 3.07vw, 5rem);
}

.card-product__container {
   display: grid;
   grid-template-columns: 40% 1fr 1fr;
   align-items: start;
}

.card-product--col-2{
   grid-template-columns: 1fr 1.3fr 0.7fr;
   column-gap: clamp(1.25rem, 0.532rem + 3.07vw, 3.75rem);
}

.card-product--col-3{
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: clamp(1.25rem, 0.532rem + 3.07vw, 3.75rem);
}

.card-product--col-2 .table-pr--col-3,
.card-product--col-3 .table-pr--col-3{
   margin-left: 0;
}

.card-product__img {
   margin-right: clamp(1.25rem, 0.172rem + 4.6vw, 5rem);
}

.table-pr {
   font-family: "Inter", sans-serif;
   font-weight: 600;
   display: grid;
}

.table-pr__row {
   display: grid;
   grid-template-columns: auto minmax(100px, 25%) 1fr;
   align-items: center;
   border-bottom: 1px solid var(--mainColor);
   column-gap: clamp(0.938rem, 0.758rem + 0.77vw, 1.563rem); 
   padding-block: clamp(0.938rem, 0.758rem + 0.77vw, 1.563rem);
}
.table-pr__row.table-pr__row--4{
   grid-template-columns: auto minmax(100px, 25%) 1fr auto;
}

.table-pr__row:last-child{
   border-bottom: none;
}

.table-pr--col-3 {
   margin-left: clamp(1.25rem, 0.532rem + 3.07vw, 3.75rem);
}

.table-pr__img {
   width: clamp(3.625rem, 3.445rem + 0.77vw, 4.25rem);
   height: auto;
}

.table-pr__name {
   font-size: clamp(1rem, 0.964rem + 0.15vw, 1.125rem);
}
.table-pr__spec,
.table-pr__number {
   font-size: clamp(1.375rem, 1.267rem + 0.46vw, 1.75rem);
}

/*breadcrumb*/
.breadcrumb {
   padding-bottom: 15px;
   display: flex;
   justify-content: flex-start;
   overflow: auto;
}
.breadcrumb>li{
   display: block;
   white-space: nowrap;
}
.breadcrumbs li span {
   display: block;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.breadcrumb>li+li:before {
   padding: 0 3px;
   content: "/\00a0";
}

.item-offer {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-block: 40px;
   padding-inline: clamp(0.625rem, 0.029rem + 2.54vw, 1.25rem);
   gap: 20px;
}

.viewed__title,
.item-offer__text {
   font-size: clamp(2rem, 1.069rem + 1.84vw, 3rem);
   font-weight: 700;
   line-height: 1.1;
   text-align: center;
}

.viewed__head {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.viewed__buttons {
   display: flex;
   gap: 20px;
}

.viewed__buttons .icon {
   font-size: 50px;
   cursor: pointer;
}

.static__wrapper {
   padding: clamp(0rem, -0.359rem + 1.53vw, 1.25rem);
   max-width: 840px;
}

#catalog .breadcrumb {
   padding-bottom: 80px;
}

#catalog .sec-products {
   background: none;
}

#catalog .item-product{
   background: #F1ECE6;
}

/*new style*/
.item-offer__img,
.item-product__img {
   width: 100%;
   position: relative;
}

.item-offer__img img,
.item-product__img img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: contain;
   transform: scale(1);
   transition: 0.5s;
}

.item-offer:hover .item-offer__img img,
.item-product:hover .item-product__img img{
   transform: scale(1.1);
}

.item-offer__img {
   height: 332px;
   max-width: 506px;
}

.item-product__img {
   height: clamp(9rem, 6.665rem + 9.96vw, 17.125rem);
   max-width: 340px;
   margin-bottom: 25px;
}

.item-product--big .item-product__img {
   height: clamp(9rem, 4.833rem + 17.78vw, 23.5rem);
   max-width: 440px;
   margin-bottom: 25px;
}

.item-product__name{
   font-size: clamp(1.063rem, 0.578rem + 2.07vw, 2.75rem);
   height: 2em;
   display: flex;
   align-items: end;
}

.item-product--big .item-product__name{
	height: 1em;
}