* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
jdiv {display: none !important}
html, body {width: 100%}
.header__a, .call-number, .header__right-addres, .header__right-email {font-size: 15px}
a {text-decoration: none; color: inherit}
.articl {justify-content: flex-start !important; display: flex}
.sub-cats a:hover .img {transform: scale(1.03); /* немного увеличивается при наведении */}
.product-status nav {display: flex; padding-top: 18px}
.catalog {gap: 10px}
.h-block nav {display: flex; padding-top: 10px}
.sub-cats a .img {border-radius: 12px; background-size: cover; background-position: center}
body {font-family: 'Geologica', sans-serif; color: #1f1f1f; line-height: 1; background: #fff; padding-top: 0 !important; -webkit-font-smoothing: antialiased; font-size: 16px; -webkit-text-size-adjust: none; font-weight: 300}
html.lock, body.lock {overflow: hidden; padding-right: 4px}
.max {padding: 0px 15px; max-width: 1330px; margin: 0px auto}
.max-max {padding: 0px 15px; max-width: 850px; margin: 0px auto}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 250ms}
h1, h2, h3, .h2-like {width: 100%; font-weight: 400; color: #000; line-height: 1.1}
main .kcdek-geoposition-form .kcdek-map-open-button {background: #4d535a !important}
.social-block {gap: 10px; color: #4d535a; margin: 0 20px}
.teleg, .vk {height: 24px; width: 24px}
h1 {font-size: 32px; margin-bottom: 40px; text-align: left}
.white h1 {text-align: left}
h2, .h2-like {font-size: 32px; margin-bottom: 40px}
.h2-like:not(.summ-info) span {color: #4d535a; font-size: 16px}
h3 {font-size: 20px}
hr {margin: 20px 0px; height: 1px; border: none; background: rgba(0, 0, 0, 0.1)}
b, strong, th {font-weight: 600; color: #000}
i {font-style: normal}
ul {list-style-type: none}
img {object-fit: contain}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle}
iframe {width: 100%; border: none}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search] {display: block; width: 100%; font-size: 15px; border: 2px solid transparent; padding: 0px 10px; background: transparent; height: 50px; border-radius: 5px; font-weight: 300; transition: 250ms}
input[type=text], input[type=tel], input[type=email], input[type=password] {background: #fff}
textarea {display: block; width: 100%; border: 2px solid transparent; padding: 10px; resize: none; height: 100px; font-size: 15px; background: #fff; border-radius: 5px; font-weight: 500; transition: 250ms}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus, input[type=search]:focus {border-color: #E73633}
input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border: none; border: 1px solid #dadada; background: #fff}
input[type=checkbox]:hover {border-color: #E73633}
input[type=checkbox]:checked {background: url("data:image/svg+xml,<svg viewBox='0 0 356.7 297.3' xmlns='http://www.w3.org/2000/svg'><polygon points='42.4,153 0,195.4 101.9,297.3 356.7,42.4 314.3,0 101.9,212.4'/></svg>") 50% 50% no-repeat; background-size: 9px; border-color: #E73633}
input[type=radio] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border-radius: 50%; margin-left: 4px; border: none; border: 1px solid #dadada; background: #fff}
input[type=radio]:hover {border-color: #FF3D00}
input[type=radio]:checked {background: #fff; border: 4px solid #FF3D00}
select, .form-list .SumoSelect>.CaptionCont {display: block; width: 100%; font-size: 15px; font-weight: 500; border: none; border: 2px solid transparent; padding: 0px 25px; background: #fff url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat; background-position: right 25px center; border-radius: 5px; line-height: 46px; height: 50px !important; color: #7f7f7f; box-shadow: none !important; cursor: pointer; transition: border-color 250ms}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #E73633}
input[readonly], input[readonly]:focus {opacity: 0.5; border-color: #b3b3b3}
input.check:focus:invalid {border-bottom-color: #f10d48}
svg {fill: currentColor}
svg * {transition: fill 250ms}
::placeholder {color: #BEC0C2}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none}
/* GLOBAL */

/* BASIC */
main {min-height: calc(100vh - 292px); padding-bottom: 150px; /* background: url(../images/main.svg) 100% 100% no-repeat; */ /* background-size: 400px */ background-size: cover}
.hidden {display: none}
.lazy {visibility: hidden; opacity: 0; transition: 250ms}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.flex {display: flex; flex-wrap: wrap}
.flex.center {justify-content: center}
.flex.align-center {align-items: center}
.flex.space-between {justify-content: space-between}
.flex.nowrap {flex-wrap: nowrap}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.contain-0 {background-position: 0% 50%; background-repeat: no-repeat; background-size: contain}
.contain-50 {background-position: 50% 50%; background-repeat: no-repeat; background-size: contain}
.button {background-color: #E73633; transition: color 250ms, background-color 250ms; line-height: 50px; height: 50px; border: none; display: block; cursor: pointer; text-align: center; font-size: 16px; color: #fff; font-weight: 300; position: relative; max-width: 250px; padding: 0 10px; border-radius: 5px}
.button:hover {background-color: #b70404}
.button:disabled {opacity: 0.2; cursor: default}
.mobile-show {display: none}
.tablet-show {display: none}
.admin-bar {top: unset !important; bottom: 0px}
.admin-bar__item_template {display: none}
.admin-bar__item_edit {margin-left: auto}
/* BASIC */ /* vadim */ .reviews-photo {background-color: #e74c3c; color: #fff; font-weight: 600; font-size: 16px; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); flex-shrink: 0}
.bukva {color: #fff}
.portfolio__div {background: #fff; border-radius: 20px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer}
.portfolio__div:hover {transform: translateY(-5px)}
.portfolio__img {width: 100%; height: 300px; object-fit: cover; display: block}
.portfolio__bottom {padding: 20px; background-color: #f2f2f2}
.portfolio__title {font-size: 1.2rem; margin-bottom: 8px; color: #333}
.portfolio__text {font-size: 0.95rem; color: #666; line-height: 1.4}
.portfolio .slick-dots {bottom: -35px}
.portfolio .slick-track {padding-top: 10px; padding-bottom: 10px}
.home-news .news {overflow: hidden}
.home-first-slider img {width: 100%; display: block; aspect-ratio: 3/1.1; object-fit: cover}
.header__lc svg {width: 20px}
.header__lc {display: flex; gap: 5px; align-items: center; flex-direction: row-reverse}
.header__li {display: flex; align-items: center; gap: 5px}
.header__li .icon-personal {white-space: nowrap}
.header__right-info {display: flex; flex-direction: row-reverse; align-items: flex-end; gap: 15px}
.header__li svg {width: 23px}
.header__top .header__flex {flex-direction: row; gap: 10px; display: flex; justify-content: space-between}
header .pricesht {white-space: nowrap}
header .countsht {display: none; margin-right: 7px}
header .icons-block a.icon-cart {display: flex; align-items: center; gap: 10px; border-radius: 6px; color: #fff; background-color: #4d535a; width: auto; padding: 10px}
header .icons-block a.icon-cart:hover {background: #e74c3c}
header .icons-block {gap: 10px}
header .icons-block a {width: 40px; height: 40px; border-radius: 6px; background: #f2f2f2}
header .icons-block a:hover img {filter: unset}
.header__menu-left, .header__menu-right {display: flex; flex-wrap: wrap; justify-content: center; gap: 15px}
header a:hover {color: #E73633}
.catalog-btn:hover {cursor: pointer; background-color: #E73633; color: #fff}
input[type="search"]:focus {border: 1px solid #E73633 !important; box-shadow: 0 0 0 1px #E73633; outline: none}
.header__right-addres {color: #E73633}
.home-first-slider {overflow: hidden}
.home-first-slider .home-first-slider-pagination {opacity: 0; transition: 250ms; bottom: 30px; z-index: 1; gap: 2px; padding: 4px; border-radius: 14px; background-color: #fff}
.home-first-slider:hover .home-first-slider-pagination {opacity: 1}
.preim {padding: 80px 0; background-color: #f2f2f2}
.preim-block svg {max-height: 50px}
.preim-grid {display: grid; gap: 20px; grid-template-columns: repeat(5,1fr)}
.preim-block {background: #fff; border-radius: 12px; padding: 20px; text-align: center; transition: transform 0.3s}
.preim-block:hover {transform: translateY(-5px)}
.preim-block__for {margin-bottom: 15px}
.preim-block__for svg {width: 50px; height: 50px; fill: #E73633}
.preim-text {font-size: 16px; line-height: 1.4}
.home-portf-swiper {overflow: hidden; padding-top: 10px; padding-bottom: 10px}
.reviews-flex {display: flex; gap: 10px; align-items: center}
.reviews-img {max-height: 60px; border-radius: 50px}
.mobile-visiblee {display: none}
.home-product__blocks a:nth-of-type(8) {grid-column: span 6}
.home-product__blocks a:nth-of-type(9) {grid-column: span 6}
.home-product__blocks a:hover {background-color: #E73633; color: #fff}


.mobile-showw {display: none}
.block-mobile {display: none}
.home-news {background-color: #f2f2f2; padding-top: 80px; padding-bottom: 80px; overflow: hidden}
.news .grid {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 60px}
.news .img {height: 0; padding-bottom: 56%; position: relative; border-radius: 30px 30px 0px 0px; overflow: hidden}
header .max {padding-top: 15px; padding-bottom: 15px}
#catalog-toggle {display: none !important}
.home-news .home-news-next {right: -10px}
.home-news .home-news-prev {left: -10px}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 0 !important}
.swiper-button-prev.swiper-button-disabled svg, .swiper-button-next.swiper-button-disabled svg {fill: #e0e0e0}
.date {font-size: 14px; font-weight: 300; color: #828282}
.news .text {background-color: #fff; border-radius: 0px 0px 30px 30px; padding: 24px 30px}
.news.news-grid .text {background: #f2f2f2}
.news .text .title {margin-top: 10px; transition: all 0.3s ease; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em; height: 2.6em}
.all-news-btn {max-width: 250px; margin: auto; margin-top: 40px}
.top-line {padding-top: 15px; padding-bottom: 15px; background: #f2f2f2; top: 0px; z-index: 99; left: 0; width: 100%}
.catalog-btn.active span {display: none !important}
.swiper-pagination-clickable .swiper-pagination-bullet {width: 100px; height: 4px; border-radius: 14px}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper .swiper-pagination-bullet-active {background-color: #E73633}
.swiper-button-next, .swiper-button-prev {width: 60px; height: 60px; border-radius: 50%; background-color: #fff; border: 1px solid #fff; box-shadow: 0px 4px 25px 0px #00000024; transition: all 0.3s ease; z-index: 5}
.swiper-button-next svg, .swiper-button-prev svg {height: 30px}
.swiper-button-prev svg {transform: rotate(180deg)}
footer {padding-top: 50px; padding-bottom: 50px; background-color: #414952}
.footer-wrapper {gap: 30px}
footer h2 {margin-bottom: 20px; color: #fff}
footer .left-block, footer .right-block {background-color: #4d535a; padding: 40px 50px; border: 1px solid #4d535a; border-radius: 30px}
footer svg {width: 18px; height: 18px; display: block; flex-shrink: 0; fill: #e0e0e0; opacity: 0.5; transition: all 0.3s ease}
footer .social-media .flex {gap: 10px}
footer .social-media svg {width: 24px; height: 24px}
footer li {font-size: 15px; color: #e0e0e0}
footer li .flex {gap: 10px}
footer .left-block {width: 40%}
footer .left-block li {font-size: 15px; margin-bottom: 14px}
footer .left-block b {color: #e0e0e0; display: block; margin-bottom: 20px; margin-top: 30px; font-weight: 500}
footer .left-block .img {right: 0; bottom: 0}
footer .left-block .img svg {width: 295px; height: 135px; display: block; fill: #E73633; opacity: 1}
footer .right-block b {display: block; color: #fff; margin-bottom: 20px; font-weight: 500}
footer .right-block li {margin-bottom: 12px; font-weight: 300}
footer .right-block li .img-block {display: none}
footer .right-block {max-width: 735px; width: 100%; flex-direction: column; justify-content: space-between}
footer .right-block .bottom-part {font-size: 14px; padding-top: 25px; border-top: 1px solid rgba(224, 224, 224, 0.5); color: #aaaaaa}
footer .arrow {display: none}
.belka {transition: all 0.3s ease}
 .home-product {background: url(../images/main-left.svg) 0% 100% no-repeat; background-size: 250px; padding-bottom: 80px; margin-top: 80px}
.home-product__blocks {gap: 20px; display: grid; grid-template-columns: repeat(12, 1fr)}
.home-product__blocks a:nth-of-type(1) {grid-column: span 5}
.home-product__blocks a:nth-of-type(2) {grid-column: span 3}
.home-product__blocks a:nth-of-type(3) {grid-column: span 4}
.home-product__blocks a:nth-of-type(4) {grid-column: span 5}
.home-product__blocks a:nth-of-type(5) {grid-column: span 3}
.home-product__blocks a:nth-of-type(6) {grid-column: span 4}
.home-product__blocks a:nth-of-type(7) {grid-column: span 3}
.home-product__blocks a {overflow: hidden; font-size: 20px; display: block; border-radius: 30px; padding: 26px 32px; height: 220px; background-color: #f2f2f2}
.home-product__blocks title {display: block; border-radius: 30px; padding: 26px 32px}
.order {display: block; max-height: 60px; background: #E73633; color: #fff; border-color: #E73633}
.button.order:hover {background: #c00; border-color: #c00}
.home-product__blocks .title {position: relative; z-index: 2}
.home-product__blocks .left {left: 0; top: 0; z-index: 1}
.home-product__blocks .right {right: 0; width: 100%; height: 100%; object-fit: cover; bottom: 0}
.go-to-catalog {margin: auto; margin-top: 40px; display: block; max-width: 220px}
.home-product__blocks a:hover {background-color: #E73633; color: #fff}
.home-product__blocks a:hover svg {fill: #fff}
.title-blcok {margin-bottom: 40px}
.title-blcok h2 {margin-bottom: 0}
.title-blcok .order {max-width: 395px}
/* /vadim */ /* ALERT */ .alert {color: #E73633; font-weight: 500; text-align: center; margin-bottom: 50px}
.alert.success, #successModal {color: green; font-weight: 500; text-align: center}
.notify {font-weight: 500; text-align: center; margin-bottom: 50px}
.notify a {color: #E73633; text-decoration: underline}
/* ALERT */ /* HEADER */ /* HEADER */ header {background: #fff; position: sticky; position: -webkit-sticky; top: 0; z-index: 10}
header .max {padding-top: 15px; padding-bottom: 15px}
.logo-block {width: 73px; height: 40px; color: #E73633}
.logo-catalog-block {gap: 20px}
.catalog-btn {gap: 11px; width: 125px; height: 54px; border: 1px solid #f2f2f2; border-radius: 6px; background-color: #f2f2f2; color: #1f1f1f; transition: all 0.3s ease}
.catalog-btn svg {width: 16px; height: 16px; display: none}
.catalog-btn.active svg {fill: #fff; display: block}
.catalog-close.active {display: block}
.catalog-btn.active {background-color: #E73633; color: #fff}
nav {flex-shrink: 0}
nav ul {gap: 20px; font-size: 16px; white-space: nowrap}
nav ul li {position: relative}
nav ul li svg {width: 15px; height: 15px; margin-left: 8px; align-self: center; opacity: 0.3}
nav ul li:hover svg {opacity: 1}
.sub-menu {z-index: 100; top: 100%; background-color: #fff; width: 200px; left: -20px; padding: 20px 0; position: absolute; transform: scaleY(0); transform-origin: 0 0; transition: 250ms}
.sub-menu:after {content: ''; position: absolute; top: 25px; bottom: 0; left: 0; width: 100%; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); z-index: -1}
.sub-menu a {display: block; padding: 10px 20px}
.search-block {width: 100%}
.search-block input[type='search'] {padding: 14px 24px; border: 1px solid #e0e0e0; border-radius: 6px}
.search-img svg {width: 20px; height: 20px; fill: #E73633; transition: all 0.3s ease}
.search-img {top: 15px; background: none; border: none; right: 20px}
.lang-block {gap: 10px}
.lang-block .separator {width: 1px; height: 30px; background-color: #e0e0e0}
.lang.active {color: #E73633}
.lang {transition: all 0.3s ease}
.position-absolute {position: absolute}
.position-relative {position: relative}
header .call-block {flex-direction: column; align-items: end; flex-shrink: 0; gap: 10px}
header .up-block {gap: 10px}
.icons-block img {width: 18px; height: 18px}
header .call-block svg {width: 18px; height: 18px; fill: #fff; transition: all 0.3s ease}
header .call-block .bottom-block {opacity: 0.5; font-size: 16px; cursor: pointer}
header .call-block .bottom-block:hover {opacity: 1}
.catalog-menu {z-index: 1000; position: absolute; background-color: #fff; top: calc(100% + 10px); left: 0; transform: translateX(calc(-100% - 20px)); transition: 250ms; padding: 25px 20px; border-radius: 0 0 20px 0; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3); max-width: 90vw}
.catalog-menu.active {transform: translateX(0)}
.catalog-menu .catalog-menu__blocks {flex-direction: column; gap: 10px; margin-left: 80px}
.catalog-menu .catalog-menu__block {justify-content: flex-start; gap: 25px}
.catalog-menu .img-block {height: 72px; width: 96px; border-radius: 6px; background-color: #f2f2f2; background-position: 100% 100%; background-size: contain; background-repeat: no-repeat; flex-shrink: 0}
.menu-button {cursor: pointer; position: relative; margin-right: 20px; height: 60px; line-height: 60px; padding-left: 15px}
.menu-button span {background: currentcolor; height: 1px; position: absolute; width: 20px; left: 0; transition: bottom 250ms ease 250ms, top 250ms ease 250ms, transform 250ms ease 0ms; border-radius: 1px}
.menu-button span:nth-of-type(1) {top: 23px}
.menu-button span:nth-of-type(2) {top: 29px}
.menu-button span:nth-of-type(3) {top: 35px}
.menu-button.active span {transition: bottom 250ms ease 0ms, top 250ms ease 0ms, transform 250ms ease 250ms}
.menu-button.active span:nth-of-type(1) {transform: rotateZ(45deg); top: 30px}
.menu-button.active span:nth-of-type(2) {opacity: 0}
.menu-button.active span:nth-of-type(3) {transform: rotateZ(-45deg); top: 30px}
header .right-block {width: 100%; gap: 20px}
.header-wrapper {gap: 40px}
.icon-cart svg {width: 30px; height: 30px}
.wraper-fast-result {position: absolute; top: 100%; z-index: 10; background: #fff; border-top: 1px solid #EF4156; left: 0; width: 100%; transform: translateY(15px); border-radius: 10px; padding: 20px; display: none; box-shadow: 0 5px 15px rgba(0, 0, 0, .15)}
.wraper-fast-result:before {content: ''; position: absolute; left: 50%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #EF4156; top: -8px; margin-left: -10px}
.wraper-fast-result a+a {margin-top: 10px}
.wraper-fast-result a {display: flex; align-items: center; justify-content: space-between; color: #A1A1A1}
.wraper-fast-result a:hover {color: #EF4156}
.wraper-fast-result a .fast-result-img {width: 50px; height: 50px; position: relative}
.wraper-fast-result a .fast-result-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain}
.wraper-fast-result a .fast-result-info {width: calc(100% - 70px); font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.wraper-fast-result a .fast-result-info span {font-weight: 500; display: block; color: #2D2D2D}
/* HEADER */ /* FORM-LIST */ .form-list {margin-top: 40px}
.form-list li {position: relative}
.form-list li .placeholder {position: absolute; top: -20px; left: 0px; font-size: 12px; font-weight: 500; transition: 250ms; line-height: 1}
.form-list+.button {margin-top: 40px}
.cart_form .js-amount-change-up {display: flex; justify-content: flex-end}
.buy-block .flex-inline {align-items: center; display: flex}
.buy-block .js-product-controls {display: flex}
.product-status-list {margin-bottom: 5px}
.js-amount-change-up {padding-right: 3px}
.js-amount-change-down {padding-left: 3px}
.form-list li+li {margin-top: 40px}
.form-list li:hover .placeholder, .form-list li input:focus+.placeholder {color: #000}
.SumoSelect p, .SumoSelect div {display: none}
.optWrapper {font-size: 15px}
.SumoSelect>.CaptionCont>label {display: none}
.form-list.grid {display: grid; grid-gap: 40px; grid-template-columns: repeat(2, 1fr)}
.form-list.grid li+li {margin-top: 0px}
.form-list.grid li.width-100 {grid-column: span 2}
/* FORM-LIST */ /* FILTER */ .filter-form .inner {max-width: 1100px; margin: 0px auto}
.show-filter {height: 30px; line-height: 30px; font-size: 13px; font-weight: 500; padding: 0 20px; border-radius: 5px; background: #4d535a; color: #fff; text-align: center}
.show-filter:hover {background: #E73633}
.show-filter svg {width: 15px; height: 15px; margin-right: 15px; display: inline-block; vertical-align: middle}
.filter-form select, .filter-form .ui-slider, .mg-tooltip, .mg-filter-item .remove, .mg-filter-item .cbox, .mg-filter-item .unit, .filter-form label input {display: none !important}
.price-slider-list span {font-weight: 500; font-size: 12px; left: 15px; top: 8px; position: absolute}
.filter-form input[type=text] {height: 30px; padding: 0px 15px; display: inline-block; margin: 0px; text-align: center; line-height: 28px; background: transparent; border: 1px solid #7a838a}
.price-slider-list li {display: block; width: calc(50% - 2.5px); position: relative}
.mg-wrapper-body .mg-filter-title {font-weight: 400; margin-top: 20px; display: block}
.mg-viewfilter {color: #E73633; margin-top: 15px; display: inline-block}
.mg-viewfilter:hover {text-decoration: underline}
.filter-btn:hover {background: #b70404}
.filter-buttons {text-align: center}
.refreshFilter {display: inline-block; text-decoration: underline; line-height: 1; cursor: pointer}
.filter-icon {height: 21px; cursor: pointer; line-height: 21px; transition: 400ms; color: #6F7F89; margin-left: 25px}
.h-block .icon-search {height: 20px; margin-right: 25px; line-height: 20px; transition: 400ms; color: #6F7F89}
.group-catalog {margin-right: 40px; font-weight: 400; line-height: 16px; height: 16px}
.group-catalog a {display: inline-block; margin-right: 10px; width: 16px; height: 16px; vertical-align: middle}
.group-catalog a.active svg * {fill: #3c505a}
.mg-filter-title {font-weight: 300; font-size: 14px; display: block}
.mg-filter-item {margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1)}
.mg-filter-title {position: relative}
.mg-filter-title .title-close {position: absolute; cursor: pointer; top: -5px; right: 0; width: 25px; height: 25px; line-height: 23px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%}
.mg-filter-title .title-close:after {height: 1px; width: 11px; left: 6px; top: 11px; background: #fff; position: absolute; content: ''}
.mg-filter-title .title-close:before {height: 1px; width: 11px; left: 6px; top: 11px; background: #fff; position: absolute; content: ''; transition: 250ms}
.mg-filter-title.active .title-close:before {transform: rotateZ(90deg)}
.mg-filter-list {margin-top: 20px; gap: 5px}
.filter-form li {max-width: 100%}
.filter-form label input+span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; transition: 250ms; color: #fff; max-width: 100%; line-height: 28px; border-radius: 3px; height: 30px; font-size: 12px; padding: 0px 10px; display: block; background: #414952; cursor: pointer; position: relative}
.filter-form label.disabled-prop {opacity: 0.3; pointer-events: none; display: block}
.filter-form label:hover input+span {background: #f2f2f2; color: #4d535a; border-color: #f2f2f2}
.filter-form label input:checked+span {background: #E73633; color: #f2f2f2; border-color: #E73633}
.custom-color .img {width: 2px; display: inline-block; vertical-align: middle; border-radius: 1px 0 0 1px; position: absolute; top: -1px; left: -1px; height: 30px}
/* FILTER */

/* CART */ .cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 100px 30px; align-items: center; padding: 10px 0; position: relative}
.small-cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 30px; align-items: center; padding: 10px 0}
.cart-table .img-cell, .small-cart-table .img-cell {height: 0; padding-bottom: 100%; position: relative}
.cart-table .img-cell img, .small-cart-table .img-cell img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain}
.cart-table tr+tr, .small-cart-table tr+tr {margin-top: 20px}
.cart-table .name-cell a, .small-cart-table .name-cell a {color: #2F2D30; display: block; font-weight: 400}
.cart-table .price-cell, .small-cart-table .price-cell {margin-top: 5px; font-weight: 600; font-size: 14px; color: #000}
.cart-table .prop-position, .small-cart-table .prop-position {font-size: 14px; line-height: 1.3}
.cart-table .cart_form, .small-cart-table .cart_form {width: 100px}
.cart-table .cart_form input[type=text], .small-cart-table .cart_form input[type=text] {height: 30px; line-height: 30px}
.cart-table .cart_form button, .small-cart-table .cart_form button {height: 30px}
.cart-table .remove-cell a, .small-cart-table .remove-cell a {border: none; justify-content: center; width: 30px; height: 30px; transition: 250ms; cursor: pointer}
.cart-table .remove-cell a:hover svg, .small-cart-table .remove-cell a:hover svg {color: #E73633}
.cart-table .remove-cell a svg, .small-cart-table .remove-cell a svg {color: #BEC0C2; width: 15px; height: 15px}
.small-cart-table .name-cell .qty {margin-right: 10px}
.cart-table .img-cell .js-smallCartAmount, .small-cart-table .img-cell .js-smallCartAmount {position: absolute; width: 20px; height: 20px; background: #E73633; line-height: 20px; text-align: center; color: #fff; font-weight: 500; font-size: 10px; border-radius: 50%; right: -10px; top: 0px}
.cart-table tr.cat-119 .remove-cell a, .small-cart-table tr.cat-119 .remove-cell a {display: none !important}
.cart-table tr.cat-119, .small-cart-table tr.cat-119 {background: #fafafa}
.cart-table .pack, .small-cart-table .pack {display: none; position: absolute; left: 0px; bottom: 0px; background: #4d535a; color: #f2f2f2; font-weight: 500; padding: 2px 0px; font-size: 11px; width: 60px; text-align: center}
.cart-table tr.cat-119 .pack, .small-cart-table tr.cat-119 .pack {display: block}
/* CART */ /* ORDER */ .body__order .step .h2-like {font-size: 18px}
.body__order .step+.step {margin-top: 50px}
.body__order .left-part {width: calc(50% - 12.5px); background: #f2f2f2; padding: 50px; border-radius: 5px}
.body__order .right-part {width: calc(50% - 12.5px)}
.body__order .right-part .product-cart {border-radius: 5px; background: #f2f2f2; padding: 50px}
.payment-form-block {margin-bottom: 40px}
.cart-table+.pay-bonus {margin-top: 20px}
.body__order .right-part .total-price-block {display: none}
.delivery-details-list li+li, .payment-details-list li+li {margin-top: 10px}
.agreement {font-size: 12px; margin-top: 20px}
.agreement a {text-decoration: underline}
.delivery-details-list label {display: flex; align-items: center}
.deliveryPrice {font-weight: 500; margin-left: 10px; background: #E73633; font-size: 14px; color: #fff; line-height: 25px; height: 25px; padding-left: 6px; border-radius: 3px 0 0 3px}
.deliveryCurrency {font-weight: 500; background: #E73633; color: #fff; font-size: 14px; line-height: 25px; height: 25px; padding-right: 6px; border-radius: 0 3px 3px 0}
.promo-code-wrapper {position: relative; margin-bottom: 40px}
.promo-form>span {font-weight: 600; color: #000; line-height: 1; font-size: 18px; display: block; margin-bottom: 15px}
.promo-form>button {position: absolute; right: 0px; top: 34px; background: #4d535a; color: #fff; border: none; height: 40px; line-height: 30px; padding: 0 15px; border-radius: 5px; cursor: pointer}
.promo-form>button:hover {background: #E73633}
.promo-code-wrapper #msg-about-code {color: #E73633; margin-top: 5px; font-size: 12px}
ul.rpost {margin-top: 10px}
.extra {background: #fff; padding: 0 50px 50px 50px}
.extra .title {font-weight: 600; color: #000; line-height: 1; font-size: 18px; display: block; margin-bottom: 15px}
/* ORDER */ /* BLOG */ .mg-main-news-list {display: grid; grid-template-columns: repeat(2, 1fr)}
/* BLOG */  /* AMOUNT */ .cart_form {width: 65px; position: relative}
.cart_form input[type=text] {width: 100%; padding: 0; height: 50px; line-height: 50px; text-align: center; border: none}
.cart_form button {border: none; z-index: 1; color: #BEC0C2; justify-content: center; position: absolute; background: none; width: 20px; height: 50px; transition: 250ms; cursor: pointer}
.cart_form button.down {left: 0}
.cart_form button.up {right: 0}
.cart_form button svg {width: 10px; height: 10px}
.cart_form button:hover {color: #4d535a}
/* AMOUNT */ /* SUB-CATS */ .sub-cats {display: grid; grid-template-columns: repeat(5, 1fr); font-size: 14px; justify-content: center; grid-gap: 15px; margin-bottom: 40px}
.sub-cats a .img {aspect-ratio: 16/9; background-color: #fff; margin-bottom: 10px}
.sub-cats a:hover {color: #E73633}
/* SUB-CATS */ /* PROPERTIES */ .prop-string .prop-name {color: #888; white-space: nowrap; margin-right: 5px}
.prop-string .prop-spec {white-space: nowrap; margin-left: 5px}
.prop-string .prop-separator {background: linear-gradient(90deg, #BEC0C2 0, #BEC0C2 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 25%); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x}
.prop-string .prop-item+.prop-item {margin-top: 10px}
/* PROPERTIES */ /* CATALOG */ .h-block {justify-content: center; margin-bottom: 25px; line-height: 1; width: 100%}
.h-block h1 {margin-right: 25px}
.by-2 {width: calc(50% - 40px)}
.by-2 .grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px}
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 40px; row-gap: 60px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 40px; row-gap: 60px}
.product-wrapper .like, .product-wrapper .unlike {position: absolute; width: 20px; height: 20px; right: 20px; top: 20px; z-index: 1}
.product-wrapper .price-block .qty {font-size: 13px; margin-top: 5px}
.product-wrapper {position: relative}
.product-wrapper .img {position: relative; width: 100%; display: block; margin-bottom: 10px}
.product-wrapper .img img {border: 1px solid #f3f1ed; border-radius: 5px; aspect-ratio: 4/3; object-fit: cover; width: 100%}
.product-wrapper .stickers {position: absolute; left: -7px; top: 15px; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; pointer-events: none}
.product-wrapper .stickers div {margin-bottom: 15px; color: #fff; padding: 0px 12px; background: #4d535a; border-radius: 5px 5px 5px 0; position: relative; line-height: 20px; height: 20px; font-weight: 600; font-size: 11px}
.product-wrapper .stickers div:before {position: absolute; background: #1d262d; z-index: -1; content: ''; border-radius: 5px 0 0 5px; left: 0; bottom: -5px; width: 5px; height: 20px}
.product-wrapper .stickers div.sale {background: #E73633}
.product-wrapper .stickers div.sale:before {background: #b70404}
.product-wrapper .title {font-size: 16px; line-height: 1.3; display: block; margin-bottom: 10px; font-weight: 500; height: 2.6em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.product-wrapper .title:hover {color: #E73633}
.product-wrapper .addToCart {height: 40px; margin-left: 10px; font-size: 0; line-height: 40px; width: 40px; background: #E73633; border-radius: 3px; justify-content: center}
.product-wrapper .addToCart svg {width: 18px; height: 18px}
.product-wrapper .addToCart:hover, .product-wrapper .addToCart.alreadyInCart {background: #8a0301}
.product-wrapper .addToCart img {width: 18px; height: 18px}
.product-wrapper .product-price {font-size: 20px; font-weight: 500; color: #000}
.product-wrapper .old-price {color: #BEC0C2; font-size: 14px}
.product-wrapper .buttons-block {position: relative}
.product-wrapper .block-variants img {display: none}
.by-4-slider, .by-1-slider {padding: 15px; margin: -15px}
.sale-block .catalog-slider-button-prev {display: none !important}
.sale-block .catalog-slider-button-next {margin-top: -15px}
.catalog-slider-button-prev, .catalog-slider-button-next {width: 30px; margin-top: 15px; cursor: pointer; background: #4d535a; border-radius: 50%; color: #fff; height: 30px; position: absolute; top: 50%; z-index: 10; justify-content: center}
.catalog-slider-button-prev.swiper-button-disabled, .catalog-slider-button-next.swiper-button-disabled {opacity: 1; background: #f2f2f2}
.catalog-slider-button-prev svg, .catalog-slider-button-next svg {width: 9px; height: 14px}
.catalog-slider-button-prev:hover, .catalog-slider-button-next:hover {background: #E73633}
.catalog-slider-button-prev {left: 5px}
.catalog-slider-button-next {right: 5px}
.catalog-slider .show-all {position: absolute; height: 100%; top: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center}
.catalog-slider .show-all b {font-size: 20px; margin-bottom: 20px; display: block}
.catalog-slider .show-all svg {width: 16px; height: 10px; transform: rotateZ(180deg); display: inline-block; vertical-align: middle; margin-left: 10px}
.product-wrapper:hover {border-color: #E73633}
.related {margin-top: 35px}
/* CATALOG */ /* bread-crumbs */ .bread-crumbs {display: flex; gap: 5px; color: #4d535a; font-size: 14px; margin: 25px 0 40px 0; text-align: center}
.bread-crumbs a, .bread-crumbs .separator {opacity: 0.5}
.bread-crumbs .separator {margin: 0 5px}
.bread-crumbs a:hover {color: #E73633; opacity: 1}
.product-details-block .bread-crumbs li:nth-last-of-type(1), .product-details-block .bread-crumbs li:nth-last-of-type(2) {display: none}
/* bread-crumbs */ /* PRODUCT */ .product-details-block .left-part {width: calc(50% - 12.5px)}
.product-details-block .qty {font-size: 13px; margin-top: 5px}
.product-details-block .left-part .inner {background: #f2f2f2; border-radius: 5px; padding: 50px; position: relative; position: sticky; position: -webkit-sticky; top: 95px; z-index: 1}
.product-details-block .right-part {width: calc(50% - 12.5px); align-self: flex-start; padding: 50px}
.product-details-block .right-part .tab {font-size: 14px}
.product-details-block h1 {font-size: 26px; margin-bottom: 25px; text-align: left}
.product-details-block .buttons-block {position: relative}
.product-details-block .addToCart {width: 250px; margin-top: 25px}
.product-details-block .addToCart svg {display: none}
.product-details-block .goToCart {display: none; background: #E73633; position: absolute; left: 0px; top: 0px; text-align: center; height: 50px; line-height: 50px; color: #fff; width: calc(100% - 110px)}
.product-details-block .goToCart span {text-decoration: underline}
.product-details-block .like, .product-details-block .unlike {width: 50px; height: 50px; background: #000; margin-left: 10px; margin-top: 25px; display: flex; justify-content: center; align-items: center; color: #fff; cursor: pointer; background: #BEC0C2; border-radius: 5px}
.product-details-block .like:hover, .product-details-block .unlike {background: #E73633}
.product-details-block .unlike:hover {background: #b70404}
.product-details-block .like svg, .product-details-block .unlike svg {width: 25px; height: 25px}
.product-details-block .old-price {color: #BEC0C2; text-decoration: line-through}
.product-details-block .buy-block {margin: 40px 0}
.product-status-list {margin-right: 25px}
.product-details-block .price {font-size: 26px; font-weight: 500}
.product-details-block .product-code {color: #BEC0C2; font-size: 12px; font-weight: 600}
.product-details-block .available {color: #61A767; font-size: 12px; text-transform: uppercase; margin-left: 10px; font-weight: 600}
.product-details-block .product-slider .swiper-slide {background: #fff; position: relative; border: 1px solid #f3f1ed}
.product-details-block .product-slider .swiper-slide img {width: 100%; height: auto}
.product-details-block .product-slider .swiper-button-prev {top: 0px; z-index: 10; width: 30%; height: 100%; left: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='0,7.5 7.5,15 8.4,14.2 2.3,8.1 23.7,8.1 23.7,6.9 2.3,6.9 8.4,0.8 7.5,0'/></svg>"), auto}
.product-details-block .product-slider .swiper-button-next {top: 0px; z-index: 10; width: 20%; height: 100%; right: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='16.2,0 15.3,0.8 21.4,6.9 0,6.9 0,8.1 21.4,8.1 15.3,14.2 16.2,15 23.7,7.5'/></svg>"), auto}
.product-details-block .product-slider .swiper-pagination-bullet {opacity: 0.1; height: 7px; width: 7px; border-radius: 50%; background: #000}
.product-details-block .product-slider .swiper-pagination-bullet-active {opacity: 1}
.product-details-block .product-thumbs-slider {height: 75px; margin-top: 25px; width: 475px}
.product-details-block .product-thumbs-slider img {width: 55px; height: 55px}
.product-details-block .product-thumbs-slider .swiper-slide {width: 75px; height: 75px; padding: 10px; border-radius: 5px; border: 1px solid #BEC0C2; opacity: 0.5; background: #fff}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active, .product-details-block .product-thumbs-slider .swiper-slide:hover {opacity: 1}
.product-details-block .product-thumbs-slider .new-swiper-button-prev.swiper-button-disabled, .product-details-block .product-thumbs-slider .new-swiper-button-next.swiper-button-disabled {opacity: 0}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active {border-color: #4d535a}
.product-details-block .stickers {position: absolute; left: -10px; top: 30px; z-index: 100; display: flex; flex-direction: column; align-items: flex-start; pointer-events: none}
.product-details-block .stickers div {margin-bottom: 15px; color: #fff; padding: 0px 12px; background: #4d535a; border-radius: 5px 5px 5px 0; position: relative; line-height: 20px; height: 20px; font-weight: 600; font-size: 11px}
.product-details-block .stickers div:before {position: absolute; background: #1d262d; z-index: -1; content: ''; border-radius: 5px 0 0 5px; left: 0; bottom: -5px; width: 10px; height: 20px}
.product-details-block .stickers div.sale {background: #E73633}
.product-details-block .stickers div.sale:before {background: #b70404}
.html-properties {margin: 25px 0}
.html-properties .property-title {font-weight: 600; margin-bottom: 10px; display: block}
/* PRODUCT */ /* PAGER */ .pager {justify-content: center; grid-column: span 3; text-align: center; margin-top: 25px}
#chd-show-more-button {background: #fff; border: 1px solid #99804C; color: #99804C; cursor: pointer; border-radius: 4px; height: 40px; line-height: 38px; padding: 0px 20px; margin-right: 20px; border-radius: 5px}
#chd-show-more-button:hover {background: #99804C; color: #fff}
.pager ul {font-size: 0}
.pager li {height: 50px; font-size: 14px; display: inline-block; line-height: 50px; width: 50px; text-align: center}
.pager li a {display: block}
.pager li:hover a {color: #E73633}
.pager li.current a {background: #E73633; color: #fff; border-radius: 3px}
/* PAGER */ /* HOME */ .home-first {/* margin-top: -25px; */ margin-bottom: -50px; margin-bottom: 50px}
.home-slider {position: relative}
.home-first .sale-block {width: 315px}
.home-slider .swiper-container {border-radius: 5px; height: 100%}
.home-slider .swiper-slide {overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; height: 0; padding-bottom: 35%}
.home-slider .inner {height: 100%; position: absolute; top: 0; left: 0; width: 100%; /* background: rgba(0,0,0,0.25); */ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 0 50px}
.home-slider .title {font-size: 48px; margin-bottom: 10px; font-weight: 600; color: #fff; line-height: 1}
.home-slider .sub-title {font-weight: 600; color: #fff; background: #E73633; padding: 0 25px; margin-top: 10px; line-height: 50px; height: 50px; border-radius: 5px; font-size: 32px}
.home-slider .swiper-pagination-bullet {opacity: 1; height: 10px; width: 10px; border-radius: 50%; background: #f2f2f2}
.home-slider .swiper-pagination-bullet-active {background: #4d535a}
.home-slider-prev, .home-slider-next {width: 30px; margin-top: -15px; cursor: pointer; background: #4d535a; border-radius: 50%; color: #fff; height: 30px; position: absolute; top: 50%; z-index: 10; justify-content: center; opacity: 0}
.home-slider-prev.swiper-button-disabled, .home-slider-next.swiper-button-disabled {background: #f2f2f2}
.home-slider-prev svg, .home-slider-next svg {width: 9px; height: 14px}
.home-slider-prev:hover, .home-slider-next:hover {background: #E73633}
.home-slider:hover .home-slider-prev, .home-slider:hover .home-slider-next {opacity: 1}
.home-slider-prev {left: -15px}
.home-slider-next {right: -15px}
.home-cats {background: #fff; padding: 50px 0; margin-bottom: 50px}
.home-cats .grid {grid-template-columns: repeat(3, 1fr); grid-gap: 25px; display: grid}
.home-cats a {background-color: #f2f2f2; border-radius: 5px; position: relative; height: 0; padding-bottom: 50%}
.home-cats .inner {display: flex; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); color: #fff; font-size: 17px; justify-content: flex-start; font-weight: 600; padding: 25px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; align-items: flex-end}
.home-cats a .count {color: #E73633; margin-left: 5px}
.home-cats a:before {position: absolute; right: 10px; left: 10px; bottom: -5px; height: 5px; border-radius: 0 0 5px 5px; background: #4d535a; content: ''}
.home-cats a:after {position: absolute; right: 20px; left: 20px; bottom: -10px; height: 5px; border-radius: 0 0 5px 5px; background: #BEC0C2; content: ''}
.home-description {padding: 100px 0; margin-bottom: -150px; background: #fff url(../images/main.svg) 100% 100% no-repeat; background-size: 400px}
.home-description .max {max-width: 1200px}
.home-about-us {background: #fff; padding: 100px 0; margin-top: 50px; line-height: 1.5}
.home-about-us .h2-like {max-width: 500px; margin: 0 auto 40px auto; text-align: center}
.home-about-us .left-part {width: calc(50% - 25px)}
.home-about-us .right-part {width: calc(50% - 25px); position: relative}
.home-about-us .right-part .h2-like {color: #E73633}
.home-about-us .right-part svg {position: absolute; width: 40px; height: 40px; color: #E73633; right: 50px; top: 130px}
.home-reviews {padding: 80px 0}
.home-reviews .item .text {position: relative; padding: 25px; font-size: 15px; margin-top: 25px; line-height: 1.3; background: #f2f2f2; border-radius: 5px}
.home-reviews .item .text .inner {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; height: 5.2em}
.home-reviews .item .text:before {content: ''; position: absolute; left: 30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: -8px}
.home-reviews .button {margin: 25px auto 0 auto}
.home-reviews .item .name {font-weight: 600; font-size: 16px; margin-right: 10px; align-self: center}
.home-reviews .item .date {color: #BEC0C2; font-size: 13px; margin-top: 5px; align-self: center}
.reviews-slider {margin: -15px; padding: 15px}
.reviews-slider-prev, .reviews-slider-next {width: 30px; margin-top: -15px; cursor: pointer; background: #4d535a; border-radius: 50%; color: #fff; height: 30px; position: absolute; top: 50%; z-index: 10; display: flex; justify-content: center; align-items: center}
.reviews-slider-prev.swiper-button-disabled, .reviews-slider-next.swiper-button-disabled {opacity: 1; background: #f2f2f2}
.reviews-slider-prev svg, .reviews-slider-next svg {width: 9px; height: 14px}
.reviews-slider-prev:hover, .reviews-slider-next:hover {background: #E73633}
.reviews-slider-prev {left: 5px}
.reviews-slider-next {right: 5px}
/* HOME */ /* PERSONAL */ /* PERSONAL */ /* COMMENTS */ .comment-post {margin-top: 50px}
.comment-post .text {position: relative; padding: 25px; font-size: 15px; margin-top: 10px; line-height: 1.5; background: #f2f2f2; border-radius: 5px; box-shadow: 0px 0px 15px rgb(0 0 0 / 5%)}
.comment-post .text:before {content: ''; position: absolute; left: 30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f2f2f2; top: -8px}
.comment-post .name {font-weight: 600; font-size: 16px; margin-right: 10px; align-self: center}
.comment-post .date {color: #BEC0C2; font-size: 13px; align-self: center}
/* COMMENTS */ /* TABS */ .tab:not(.active) {display: none}
.tab-links {border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; gap: 30px}
.tab-link {height: 30px; position: relative; cursor: pointer}
.tab-link:after {position: absolute; left: 0px; right: 0px; bottom: -1px; content: ''; height: 2px}
.tab-link:hover {color: #E73633}
.tab-link.active {color: #000}
.tab-link.active:after {background: #000}
/* TABS */ /* STATIC */ .static .left-part {width: 315px; position: sticky; position: -webkit-sticky; top: 95px; padding: 20px 0; text-align: center; overflow: hidden; color: #fff; background: #4d535a; border-radius: 5px; align-self: flex-start}
.static .left-part .page-menu svg {width: 15px; height: 15px}
.static .left-part .page-menu li {display: block; padding: 0 20px}
.static .left-part .page-menu li a {line-height: 50px; border-radius: 30px; height: 50px; display: block}
.static .left-part .page-menu li.active>a {background: #E73633}
.static .left-part .page-menu li .level-2 {display: none; transform-origin: top left; transition: 250ms; transform: scaleY(0)}
.static .left-part .page-menu li.active .level-2 {display: block; transform: scaleY(1)}
.static .right-part {width: calc(100% - 340px); padding: 50px; background: #fff; border-radius: 5px}
table {width: 100% !important; border: none; display: block; border-collapse: collapse}
table tbody {width: 100%; display: block}
table td {border: none}
.content h2 {margin-top: 40px; margin-bottom: 20px}
.content {line-height: 1.5}
.content p a, .content li a {color: #E73633; font-weight: 500; text-decoration: underline}
.content p+p, .content p+ul, .content p+ol, .content ol+p, .content ul+p, .content ul+ul, .content li+li {margin-top: 10px}
/* .content table tr {display: flex; justify-content: space-between}
.content table tr + tr {margin-top: 80px}
.content table tr td {position: relative; width: calc(50% - 20px) !important}
.content table tr td img {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; max-width: unset; max-height: unset}
*/ .content ul:not(.form-list) li {position: relative; padding-left: 16px}
.content ul:not(.form-list) li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #E73633}
/* CONTENT */ .content {font-weight: 300; font-size: 16px; clear: both}
.content h2 {margin-bottom: 15px}
.content h3 {margin-top: 40px; margin-bottom: 15px}
.content ul + p, .content p + ul, .content p + p, .content ol + p, .content p + ol {margin-top: 15px}
.content ul li {display: block; position: relative; padding-left: 15px}
.content ul li:before {content: ''; width: 5px; height: 5px; background: #e7354c; border-radius: 50%; left: 0px; top: 11px; position: absolute}
.content a:not(.button) {color: #e7354c; text-decoration: underline}
.content a:not(.button):hover {color: #000}
.content .alignleft {float: left; margin-right: 20px}
.content .alignright {float: right; margin-left: 20px}
.content:not(.prices) table tr {display: flex; justify-content: space-between}
.content:not(.prices) table tr + tr {margin-top: 80px}
.content:not(.prices) table tr td {position: relative; width: calc(50% - 20px) !important}
.content:not(.prices) table tr td img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.content.prices table td {padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.05)}
.content.prices table tr:hover td {background: #ebebeb}
/* STATIC */  /* MODAL */ .overlay {position: fixed; display: none; z-index: 8000; top: 0px; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; left: 0px}
.modal {position: fixed; transition: 250ms; z-index: 9000; top: 0px; background: #fff; width: 600px; right: -600px; height: 100%}
.modal.show {right: 0px}
.modal .inner {padding: 25px 100px; height: 100%; display: flex; justify-content: center; flex-direction: column}
.modal .close, .modal-filter .close {top: 25px; right: 25px; height: 25px; width: 25px; cursor: pointer; position: absolute; z-index: 1}
.modal .close:hover, .modal-filter .close:hover {color: #E73633}
.modal .overflow-y {height: 100%; overflow-y: scroll; padding-right: 25px}
.modal .h2-like, .modal-filter .h2-like {margin-top: 0px; flex-shrink: 0}
.modal-cart .total {height: 20px; line-height: 20px; margin: 20px 0px}
.modal-agreement .inner, .modal-cart .inner {padding: 25px 35px 25px 50px; justify-content: space-between}
.modal-cart .total-payment {font-weight: 600; color: #000}
.modal-auth {display: flex; justify-content: center; flex-direction: column}
.modal .buttons {flex-wrap: nowrap; flex-shrink: 0; margin-top: 40px}
.modal .buttons .link {margin-left: 25px}
.links {margin-top: 50px; text-align: center}
.link {font-size: 14px; text-decoration: underline}
.link:hover {color: #E73633}
.link+.link {margin-left: 25px}
/* MODAL */  /* FOOTER */ footer .logo-block {flex-wrap: nowrap; color: #4d535a; align-items: center; font-size: 15px; margin-bottom: 18px}
footer .logo-block svg {height: 44px; width: 80px; margin-right: 20px; color: #E73633; flex-shrink: 0}
footer .logo-block .text {position: relative; white-space: nowrap; font-weight: 600; line-height: 1.5; font-size: 14px; color: #fff}
footer .logo-block .text:after {height: 6px; border-radius: 3px; width: 18px; background: #7a838a; margin-top: 6px; content: ''; display: block}
.p4-subscribe {margin-top: 25px}
.p4-subscribe .title {font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 34px}
.p4-subscribe input[type=text] {background: transparent; border: 2px solid #7a838a; height: 50px; line-height: 46px; border-radius: 5px 0 0 5px; padding: 0 25px}
.p4-subscribe input[type=button] {height: 50px; line-height: 50px; border-radius: 0 5px 5px 0; background: #7a838a; color: #4d535a}
.p4-subscribe input[type=button]:hover {color: #fff}
footer .payments {color: #7a838a; height: 30px; width: 186px; margin-top: 25px}
footer .copyright {margin-top: 65px; color: #7a838a}
footer .email, footer .address, footer .work-hours {margin-bottom: 10px; display: block; white-space: nowrap}
footer .phone-block {align-items: center; margin-bottom: 10px}
footer .phone:hover {color: #EF4156}
footer .top-part {font-size: 14px; padding-top: 40px; padding-bottom: 30px; color: #fff}
footer .top-part .level-2 {display: none}
footer .top-part .grid {display: flex; gap: 50px}
footer .top-part .grid li {margin-bottom: 10px}
footer .top-part .grid b {display: block; text-transform: uppercase; margin-bottom: 10px; font-size: 14px; color: #fff; margin-top: 25px}
footer .top-part .grid b:after {height: 6px; opacity: 0; border-radius: 3px; width: 18px; background: #7a838a; margin-top: 17px; content: ''; display: block}
footer .top-part .menu a:hover, footer .email:hover, footer .address:hover {color: #EF4156}
footer a:hover svg {fill: #EF4156}
footer .top-part .menu svg {display: none}
footer .middle-part {border-top: 1px solid #7a838a; padding: 20px 0}
.bottom-part a:hover {color: #EF4156 !important}
footer .social {justify-content: center}
footer .social a+a {margin-left: 20px}
footer .social a {width: 30px; height: 30px; border-radius: 50%; border: 1px solid #7a838a; color: #fff; border-radius: 50%; justify-content: center}
footer .social a:hover {background: #fff; color: #7a838a; border-color: #fff}
footer .bottom-part {font-size: 12px; padding: 15px 0}
footer .bottom-part a:hover {color: #000}
footer .belka svg {width: 30px; height: 14px}
.to-top {position: fixed; bottom: 130px; border-radius: 50%; justify-content: center; display: none; z-index: 1000; right: 40px; width: 50px; height: 50px; background: #4d535a; color: #fff}
.to-top:hover {box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 10%)}
.to-top svg {width: 9px; height: 15px; transform: rotateZ(-90deg); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto}
/* FOOTER */ .filter-buttons {margin-top: 25px !important}
.sub-menu {z-index: 100; top: 100%; background-color: #fff; width: 200px; left: -20px; margin-top: 10px; padding: 20px 0; position: absolute; transform: scaleY(0); transform-origin: 0 0; transition: 250ms}
.header__onas {position: relative}
.header__onas:hover .sub-menu {transform: scaleY(1)}
.top-line a:hover {color: #e7354c; transition: 250ms}
footer a:hover {color: #e7354c; transition: 250ms}


/* HOME GALLERY */ .home-gallery-swiper .img-part svg {width: 20px; height: 20px; fill: #fff; top: 50%; bottom: 50%}
.home-gallery-swiper .swiper-slide {height: unset}
.home-gallery-swiper .slide {border-radius: 30px; height: 100%; overflow: hidden}
.home-gallery-swiper .img-part {width: 50%; height: 200px}
.home-gallery-swiper .text-part {width: 50%}
.home-gallery-swiper .img-part img {height: 100%; object-fit: cover}
.home-gallery-swiper .img-part svg.left {left: 15px; transform: rotate(180deg)}
.home-gallery-swiper .img-part svg.right {right: 15px}
.home-gallery-swiper .text-part {background-color: #EBEBEB; flex-direction: column; gap: 10px; padding-left: 30px; font-weight: 500; padding-right: 30px; text-align: center}
.home-gallery-pagination {margin-top: 40px; z-index: 1; gap: 2px; padding: 4px; border-radius: 14px; background-color: #EBEBEB}
.home-gallery {background: url(../images/main-right.svg) 100% 0% no-repeat; background-size: 250px; margin-top: 0; padding-top: 80px}
.home-gallery .swiper-pagination-bullet-active {background-color: #E73633 !important}
.home-gallery .swiper-pagination-clickable .swiper-pagination-bullet {background-color: #fff; opacity: 1}
/* HOME GALLERY */ .gallery .grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px}
.gallery .grid a {height: 0; padding-bottom: 56%; position: relative}
.gallery .grid img {border-radius: 6px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}

@media screen and (max-width: 1919px) {
.logo-block svg {width: 65px}
.search-block input[type='search'] {height: 45px; font-size: 14px}
header .call-number {font-size: 16px; white-space: nowrap}
header .call-block .bottom-block {font-size: 15px}
.lang-block {font-size: 16px}
.catalog-btn {height: 45px; width: 130px; font-size: 16px}
.catalog-menu .catalog-menu__block {font-size: 16px}
.catalog-menu .catalog-menu__blocks {margin-left: 0}
.catalog-menu .img-block {width: 80px; height: 60px}
.search-img {top: 10px}
.search-img svg {width: 18px; height: 18px}
 header .call-block .up-block {line-height: 1}
}

@media screen and (max-width: 1420px) {
.home-product__blocks a {height: 220px}
.header-wrapper, .catalog-grid, .gallery .grid, .news-grid {gap: 30px}
.search-img {top: 12px; right: 15px}
.search-block input[type='search'] {min-width: 220px; padding-left: 15px}
footer .left-block .img {display: none}
footer h2 {font-size: 20px}
footer .left-block, footer .right-block {padding: 30px 35px}
}

@media screen and (max-width: 1139px) {
header .bold-menu {display: none}
header .bottom-part .max {display: flex; justify-content: space-between}
.by-3 {grid-template-columns: repeat(2, 1fr)}
.by-4 {grid-template-columns: repeat(3, 1fr)}
.pager {grid-column: span 2}
.form-list.grid {grid-template-columns: 100%}
.form-list.grid li.width-100 {grid-column: unset}
}

@media screen and (min-width: 1025px) {
.catalog .left-part {width: 315px; background: #4d535a; color: #fff; padding: 25px; border-radius: 5px; align-self: flex-start}
.catalog .right-part {width: calc(100% - 315px - 25px)}
.modal ::-webkit-scrollbar {background-color: #fff; width: 4px; border-radius: 2px}
.modal ::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.1); border: none; border-radius: 2px}
.modal ::-webkit-scrollbar-thumb {background-color: #414952; border-radius: 2px}
.modal ::-webkit-scrollbar-button {display: none}
}

@media screen and (min-width: 768px) {
.line-part .menu-block {position: absolute; top: 55px; z-index: 10; background: #4d535a; color: #fff; left: 20px; transform: translateY(15px); border-radius: 5px; padding: 40px; display: none; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); width: 600px}
.line-part .menu-block:before {content: ''; position: absolute; left: 30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #4d535a; top: -8px}
.line-part .menu-block .grid {display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 1fr)}
.line-part .menu-block svg, .line-part .menu-block .level-2 {display: none}
.line-part .menu-block a:hover {color: #E73633}
}

@media screen and (max-width: 1023px) {
.home-first-slider {margin-bottom: 20px}
.home-product__blocks a {border-radius: 20px}
.home-product__blocks a {padding: 20px}
.home-product__blocks {grid-template-columns: repeat(2, 1fr)}
.home-product__blocks a {grid-column: unset !important}
.catalog .left-part, .catalog .right-part {width: 100%}
.tablet-show {display: block}
.tablet-hide {display: none}
.call-block .header__li {display: none}
body {font-size: 14px}
.line-part .max {grid-template-columns: 220px auto 220px}
.home-first .grid {grid-template-columns: auto 220px}
.home-cats .grid {grid-template-columns: repeat(3, 1fr)}
footer .top-part .item {width: 100%}
.by-3, .by-4 {grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 40px}
.pager {grid-column: span 2}
.product-details-block .left-part .inner {padding: 50px 25px}
h1 {font-size: 26px}
.product-details-block h1, h2, .h2-like {font-size: 20px}
.product-details-block .addToCart {width: calc(100% - 60px)}
.buy-block>div:first-of-type {justify-content: center}
.home-about-us .right-part svg {display: none}
.static .left-part {width: 220px}
.static .right-part {width: calc(100% - 245px)}
.body__order .right-part {order: 1; width: 100%; position: static; margin-bottom: 25px}
.body__order .left-part {order: 2; width: 100%}
.body__order .right-part .product-cart {max-height: 300px}
.home-first .grid {grid-template-columns: 100%}
.modal-filter .overflow-y {height: 100%; overflow-y: scroll; padding-right: 25px}
.modal-filter .inner {padding: 25px 100px; height: 100%; display: flex; justify-content: center; flex-direction: column}
.modal-filter .buttons {flex-wrap: nowrap; flex-shrink: 0; margin-top: 40px}
.modal-filter .buttons .link {margin-left: 25px}
.modal-filter {position: fixed; transition: 250ms; z-index: 9000; top: 0px; background: #fff; width: 100%; right: -100%; height: 100%}
.modal-filter.show {right: 0px}
footer .left-block {display: none}
footer .right-block {max-width: 100%}
footer .right-block .up-part {margin-bottom: 20px}
}


@media screen and (max-width: 767px) {
    .back-form .button{width: 100%;max-width: none;}
    .page-contacts  table tr{flex-direction: column-reverse;gap: 30px;}
    body .content .page-contacts  table tr td{width: 100% !important;}
.custom-color .img {width: 4px}
header .icons-block a.icon-cart {width: 40px; background: #f2f2f2; color: #1f1f1f}
footer .right-block .footer-catalog {margin-right: 20px}
footer .left-block {display: block; width: 100%; text-align: center}
footer .belka {order: -1}
footer .arrow {margin-left: 10px; display: inline-block; transform: rotate(90deg); transition: transform 0.5s ease; display: inline-block}
footer .rotate-180 {transform: rotate(270deg)}
footer h2 {font-size: 15px; margin: 0; padding-bottom: 20px; border-bottom: 1px solid rgba(224, 224, 224, 0.5)}
footer .left-block b {margin-top: 20px; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid rgba(224, 224, 224, 0.5)}
footer .right-block b {margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid rgba(224, 224, 224, 0.5)}
.footer-wrapper ul {padding-top: 20px}
footer .right-block .footer-catalog, .footer-company {max-width: 900px; width: 100%}
.footer-company {padding-top: 20px}
.footer-wrapper {gap: 20px}
.social-media .flex {justify-content: center}
.footer-wrapper, footer .right-block .up-part {flex-direction: column; align-items: center}
.footer-wrapper ul {display: none}
footer .social-media {display: none; padding-top: 20px}
footer .right-block .footer-catalog {margin-right: 0}
footer .right-block .bottom-part {flex-direction: column-reverse; align-items: center; gap: 10px; border: none}
footer .left-block, footer .right-block {background: none; border: none; padding: 0}
footer .right-block .footer-catalog, footer .right-block .footer-catalog, .footer-company {text-align: center}
footer .left-block li {display: flex; justify-content: center; font-size: 15px}
footer .right-block .up-part {margin-bottom: 10px}
footer {padding-top: 40px; padding-bottom: 20px}
 header .right-block {width: 40px}
.home-product__blocks {grid-template-columns: 1fr 1fr}
.home-product__blocks a, .home-gallery-swiper .slide {border-radius: 6px}
.home-product__blocks a {height: 80px}
.mobile-show {display: block !important}
.mobile-hide {display: none !important}
body.lock {overflow: hidden}
main {background-size: 200px; padding-bottom: 40px}
h1 {font-size: 20px}
.h-block h1 {margin-right: 0; margin-bottom: 10px; width: 100% !important}
h2, .h2-like {font-size: 20px; margin-bottom: 20px}
.by-4 {grid-template-columns: 100%}
.pager {grid-column: unset}
header .logo-block {width: 50px; margin-top: 0}
header .icons-block .icon+.icon {margin-left: 0}
.line-part .icon-cart svg:nth-of-type(1) {margin: 0; width: 20px; height: 20px}
header .bottom-part .max {grid-gap: 10px}
header .contacts-block .address {font-size: 11px}
header .contacts-block .phone {width: 30px; height: 30px; background: url("data:image/svg+xml,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M13.1,11.7l-1-0.7c-0.1-0.1-0.3-0.1-0.4-0.1c-0.3,0-0.5,0.1-0.6,0.3l-0.2,0.3c-0.4-0.3-0.8-0.6-1.3-1.1 C9.1,10,8.8,9.6,8.5,9.2L8.8,9C9,8.8,9.1,8.7,9.2,8.4c0-0.2,0-0.4-0.1-0.6l-0.7-1C8.2,6.6,7.9,6.5,7.7,6.5c-0.1,0-0.2,0-0.3,0 c-0.1,0-0.2,0.1-0.3,0.1L7,6.8c0,0-0.1,0.1-0.1,0.1C6.8,7,6.6,7.3,6.6,7.5C6.3,8.6,7,10.3,8.4,11.6c1.1,1.1,2.5,1.9,3.6,1.9h0 c0.2,0,0.4,0,0.5-0.1c0.3-0.1,0.5-0.2,0.6-0.4c0,0,0.1-0.1,0.1-0.1l0.1-0.1c0-0.1,0.1-0.2,0.1-0.3C13.6,12.2,13.4,11.9,13.1,11.7z'/><path d='M10,0C4.5,0,0,4.5,0,10c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C20,4.5,15.5,0,10,0z M10,19.5 c-5.2,0-9.5-4.3-9.5-9.5S4.8,0.5,10,0.5s9.5,4.3,9.5,9.5S15.2,19.5,10,19.5z'/></svg>") 50% 50% no-repeat; background-size: 30px; margin-bottom: 0 !important}
header .contacts-block .phone span {display: none}
.home-first-slider img {aspect-ratio: 1/1}
header .contacts-block .phone:nth-of-type(2) {display: none}
header .bottom-part {padding: 10px 0 0 0}
.product-wrapper .title {font-size: 14px; height: 36px}
header .logo-block .text {font-size: 11px}
header .logo-block svg {margin-right: 10px}
header .logo-block .text:after {display: none}
.catalog-menu-button {font-size: 0; height: 40px; line-height: 40px; padding: 0}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search] {height: 40px; padding: 0 15px; line-height: 36px; font-size: 14px}
.line-part .max {grid-template-columns: 40px auto 40px; grid-gap: 10px}
.line-part .search-block svg {right: 15px; top: 12px}
.line-part .icon-cart svg:nth-of-type(2) {display: none}
.line-part .icon-cart .countsht {left: 32px}
.line-part .icon-cart {height: 40px; line-height: 40px; text-align: center; padding: 0}
.catalog-menu-button span {left: 10px; width: 20px; height: 2px}
.catalog-menu-button span:nth-of-type(1) {top: 13px}
.catalog-menu-button span:nth-of-type(2) {margin-top: -1px}
.catalog-menu-button span:nth-of-type(3) {bottom: 13px}
.bread-crumbs {font-size: 12px}
.product-details-block .left-part {width: 100%}
.product-details-block .right-part {width: 100%; border-radius: 0 0 5px 5px; padding: 20px}
.product-details-block .cart_form {margin: 20px auto}
.body__order .left-part {width: 100%; order: 2; padding: 40px 20px}
.body__order .right-part {width: 100%; order: 1; position: static}
.body__order .right-part .product-cart {padding: 20px}
.form-list.grid {grid-template-columns: 100%}
.tab-links {top: 70px}
.modal {width: 100%; right: -100%}
.modal .inner, .modal-filter .inner {padding: 22px 20px}
.content td {width: 100%; order: 2}
.content td.with-img {order: 1}
.content tr+tr, .content .table-wrapper {margin-top: 40px}
footer .contacts {width: 100%; text-align: center}
.home-about-us .left-part {width: 100%}
.home-about-us .right-part {width: 100%; margin-top: 50px}
.home-cats .grid {grid-template-columns: 100%}
.home-cats a {padding-bottom: 50%}
.product-details-block .left-part .inner {padding: 20px 20px 0 20px; border-radius: 5px 5px 0 0; position: relative; top: 0}
.product-details-block .left-part .inner:after {content: ''; position: absolute; left: 0; bottom: -20px; height: 20px; background: #fff; width: 100%}
.product-details-block .product-thumbs-slider .swiper-slide {height: 50px; width: 50px !important}
.product-details-block .product-thumbs-slider {width: 100%}
.line-part .menu-block {position: absolute; top: 50px; font-size: 14px; z-index: 9000; background: #4d535a; color: #fff; left: 0; display: none; padding: 40px 20px; width: 100%}
.line-part .menu-block li+li {margin-top: 20px}
.line-part .menu-block svg, .line-part .menu-block .level-2 {display: none}
.line-part .menu-block ul+ul {border-top: 1px solid #BEC0C2; margin-top: 20px; padding-top: 20px}
.home-slider {margin: -15px -15px 0px -15px; width: calc(100% + 30px)}
.home-first .grid {margin-bottom: 0}
.home-slider .swiper-slide {padding-bottom: 60%}
.home-slider .swiper-container {border-radius: 0}
.home-slider .inner {padding: 0 40px}
.home-about-us {padding: 40px 0}
.home-about-us .h2-like {margin: 0 auto 20px auto}
.home-slider .title {font-size: 26px}
.home-slider .sub-title {font-size: 14px}
.home-reviews {padding: 40px 0}
.home-description {margin-bottom: -40px; background-size: 200px; padding: 40px 0}
.home-cats .inner {font-size: 14px}
.home-cats {padding: 40px 0}
.home-first {margin-bottom: 0px; margin-top: 0px}
.home-reviews .button {width: 100%}
.home-slider-next {right: 5px; opacity: 1}
.home-slider-prev {left: 5px; opacity: 1}
.cart-table .img-cell, .small-cart-table .img-cell {grid-area: img}
.cart-table .name-cell, .small-cart-table .name-cell {grid-area: name}
.cart-table .count-cell, .small-cart-table .count-cell {grid-area: count}
.cart-table .remove-cell, .small-cart-table .remove-cell {grid-area: remove}
.cart-table .name-cell a, .small-cart-table .name-cell a {font-size: 13px}
.pager li {width: 40px; height: 40px; line-height: 40px}
.modal .close, .modal-filter .close {width: 20px; height: 20px; right: 20px; top: 23px}
.modal .overflow-y {padding-right: 0}
.small-cart-table tr {grid-gap: 10px}
.modal-cart tr {grid-template-columns: 40px auto 30px; grid-column-gap: 20px; grid-template-areas: 'img name remove'}
.product-cart .cart-table tr {grid-template-columns: 40px auto 30px; grid-template-areas: 'img name name' 'img count remove'; grid-column-gap: 20px; grid-row-gap: 10px}
.static .left-part {margin-top: 65px !important; width: 100%}
.static .right-part {width: 100%; padding: 40px 20px; margin-top: 20px}
.static .left-part .page-menu li a {line-height: 40px; height: 40px}
.product-wrapper .addToCart {width: 40px; height: 40px; line-height: 40px}
.product-wrapper .addToCart svg {width: 20px; height: 20px}
.cart_form input[type=text] {height: 40px; line-height: 40px}
.sub-cats {grid-template-columns: repeat(2, 1fr)}
.by-3, .by-4 {grid-template-columns: repeat(2, minmax(0,1fr))}
.mg-filter-item {margin-top: 0}
.home-product, .home-gallery {background-size: 100px}
.home-first-slider .home-first-slider-pagination {left: 20px; right: 20px}
.portfolio__img {height: 200px}
.portfolio__bottom {padding: 15px}
.portfolio__title {font-size: 1rem}
.portfolio__text {font-size: 0.875rem}
.preim-grid {grid-template-columns: 100%; gap: 5px}
.preim-block {max-width: 100%; width: 100%}
.preim-h2 {font-size: 24px}
.preim-block__for svg {width: 40px; height: 40px}
.reviews-slider-prev, .reviews-slider-next {margin-top: 15px}
.news .img {border-radius: 6px 6px 0 0}
.news .text {border-radius: 0 0 6px 6px; padding: 20px}
.home-gallery {overflow: hidden}
.home-news-swiper, .home-gallery-swiper {margin: 0 -20px}
.home-news-swiper .swiper-wrapper:after, .home-news-swiper .swiper-wrapper:before, .home-gallery-swiper .swiper-wrapper:after, .home-gallery-swiper .swiper-wrapper:before {content: ''; width: 20px; height: 20px; flex-shrink: 0; display: block}
.home-gallery-swiper .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper, .home-news-swiper .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: unset}
.content {font-size: 15px}
.home-description .button {margin: 0 auto}
}
 @media screen and (max-width: 550px) {.home-product__blocks {grid-template-columns: 1fr; gap: 10px}
.home-product__blocks a {font-size: 16px; padding: 10px 50px 10px 20px}
.button {height: auto}
}
@media screen and (max-width: 450px) {
.buy-block>div:first-of-type {justify-content: start !important; max-height: 60px}
.product-details-block .buy-block {margin-top: 20px !important}
.product-details-block .tab-links {margin-top: 20px !important}
.html-properties {margin: 15px 0 !important}
header .max {padding-top: 5px !important; padding-bottom: 5px !important}
.title-blcok {flex-wrap: wrap !important; margin-bottom: 10px; margin: 0}
.title-blcok .order {max-width: 100% !important; width: 100% !important; margin: 20px 0; max-height: 45px; display: flex; align-items: center; justify-content: center}
.title-blcok h2 {text-align: center}
header .icons-block .icon-cart {display: none}
header {top: 0 !important}
.menu-button {padding-left: 20px !important}
.right-block {justify-content: center !important}
.mobile-showw {display: block !important}
header .call-block {flex-direction: row !important}
.preim-block {max-width: 100%; width: 100%; max-height: 140px}
.header {top: 0}
.catalog-btn {display: none}
.top-line {display: none}
 .swiper-button-next, .swiper-button-prev {width: 45px !important; height: 45px !important}
.swiper-button-next svg, .swiper-button-prev svg {height: 23px !important}
.block-mobile li {text-align: center; justify-content: center}
#catalog-activve {background: #E73633; color: #fff; padding: 15px; border-radius: 5px; width: 100%; text-align: center; margin-bottom: 20px; line-height: 1}
.block-mobile {z-index: 9999; transform: scaleY(0); display: flex !important; width: 100%; gap: 0; position: absolute; top: 100%; left: 0; flex-direction: column; align-items: flex-start; background-color: #fff; box-shadow: -5px 5px 3px rgba(0, 0, 0, 0.1); padding: 20px; transition: all 0.5s ease; transform-origin: 0 0}
.block-mobile.show {transform: scaleY(1)}
.left-block ul, .right-block ul {display: none}
.arrow {display: inline-block; transition: transform 0.3s ease}
.arrow.rotate {transform: rotate(270deg)}
 .block-mobile ul {flex-direction: column}
}
header .top-line .max{padding: 0;}
.product-p{margin-top: 10px;}
.modal.for-form.show{padding: 40px;right: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 600px;border-radius: 25px;height: fit-content;}
.modal.for-form input{border-color: #dddddd;}
.modal.for-form .button{margin-top: 20px;width: 100%;max-width: none;}
.modal.for-form .close{font-size: 40px;cursor: pointer;font-weight: 200;color: #000000;transform: rotate(45deg);}
.btn.show-modal{margin-bottom: 40px;}
.back-form input{border-color: #dddddd;}
.back-form{margin-top: 40px;}
.back-form h2{color: #2f2f2f;}