* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
html, body {width: 100%}
html {overflow-y: overlay}
body {font-family: 'Golos Text', sans-serif; padding-top: 140px !important; line-height: 1.5; background: #fff; font-size: 16px; -webkit-text-size-adjust: none; font-weight: 400; color: #312f35; -webkit-font-smoothing: antialiased}
body.body__noindex {padding-top: 140px !important}
html.lock, body.lock {overflow: hidden}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: color 250ms}
h1, h2, h3 {width: 100%; font-weight: 500}

h1 {font-size: 32px; margin-bottom: 40px}
h2, .h2-like {font-size: 26px; margin-bottom: 20px; margin-top: 20px}
.h2-like span {color: #888; font-size: 20px}
h3 {font-size: 20px}
hr {margin: 20px 0px; height: 1px; border: none; background: rgba(0,0,0,0.1)}
b, strong, th {font-weight: 500}
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 #FFC43D; padding: 10px; background: transparent; line-height: 46px; height: 50px; border-radius: 10px; margin-top: 5px}
textarea {display: block; width: 100%; border:2px solid #FFC43D; padding: 10px; resize: none; height: 400px; font-size: 15px; border-radius: 10px; margin-top: 5px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus, input[type=search]:focus {border-color: #000}

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: red}
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: red}

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; border: none; border: 2px solid #FFC43D; padding: 0px 10px; background: transparent 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 15px center; border-radius: 10px; margin-top: 5px; line-height: 39px; height: 40px !important;  color: #7f7f7f; box-shadow: none !important; cursor: pointer; transition: border-color 300ms}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #000}

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:#dadada}


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)}
.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; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-nowrap {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap}
.flex-center {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items:center}
.flex-inline {display: flex; display:-webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.max {padding: 0px 20px; max-width: 1240px; margin: 0px auto}
.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: #EF476F; transition: color 250ms, background-color 250ms; /*line-height: 35px; */height: 35px; border: none; display: block; cursor: pointer; text-align: center; font-size: 16px; color: #fff; position: relative; width: 150px; border-radius: 25px}
.button:hover {background-color: #df3f64}
.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}
.tab:not(.active) {display: none}
/* BASIC */


/* ALERT */
.alert {background: #EF476F; color: #fff; padding: 5px; text-align: center; margin-bottom: 40px}
/* ALERT */


/* FORM-LIST */
.form-list li {position: relative}
.form-list li .placeholder {position: absolute; top: 5px; left: 10px; font-size: 10px; opacity: 0.3; transition: 250ms; line-height: 1}
.form-list + .button {margin-top: 40px}
.form-list li + li {margin-top: 20px}
.form-list li:hover .placeholder, .form-list li input:focus + .placeholder {opacity: 0.7}
.SumoSelect p, .SumoSelect div {display: none}
.optWrapper {font-size: 15px}
.SumoSelect>.CaptionCont>label {display: none}

.form-list.grid {display: grid; grid-gap: 20px; grid-template-columns: repeat(1,1fr)}
.form-list.grid li + li {margin-top: 0px}
.form-list.grid li.width-100 {grid-column: span 2}
/* FORM-LIST */


/* FILTER */
.filter-form {text-align: center; position: relative; margin: 60px 0px; z-index: 500}
.filter-form .inner {max-width: 1100px; margin: 0px auto}
.filter-form .last-items-dropdown {display: none}
.show-filter {border-top: 1px solid rgba(0,0,0,0.1); height: 50px; line-height: 48px; margin: 40px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center}
.show-filter svg {width: 10px; height: 10px; margin-left: 10px; display: inline-block; vertical-align: middle}
.filter-preview {display: none !important}
.mg-filter-item {margin: 0 5px; text-align: left; position: relative}
.mg-filter-item .mg-filter-title {padding-bottom: 14px; padding-right: 20px; border-bottom: 2px solid #2F2D30; font-size: 14px; text-transform: uppercase; position: relative; display: flex; flex-shrink: 0; justify-content: space-between; align-items: center; width: 100%; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.mg-filter-item:hover .mg-filter-title, .mg-filter-item.active .mg-filter-title {color: #ff6900}
.mg-filter-item .mg-filter-list {display: none; top: 100%; z-index: 10; background: #fff; position: absolute; left: -20px; width: 240px; max-height: 380px; box-shadow: 0 5px 15px rgba(0,0,0,.15); overflow-y: auto; padding: 28px 20px; font-weight: 500; /*text-transform: lowercase*/}
.mg-filter-item:hover .mg-filter-list {display: block}
.mg-filter-item .value-name {font-size: 13px; cursor: pointer; display: inline-block}
.mg-filter-item li:hover .value-name {color: #5c6370}
.mg-filter-item li + li {margin-top: 14px}
.filter-buttons {position: absolute; right: 3vw; color: #5c6370; font-size: 13px; text-transform: lowercase; top: 0px; cursor: pointer; display: none}
.filter-buttons:hover {color: #ff6900}
.mg-filter-item .remove {position: absolute; width: 10px; height: 10px; right: 0px; top: 0px; display: none; cursor: pointer}
.mg-filter-item .remove svg {width: 10px; height: 10px}
.mg-filter-item.active .remove {display: block}
.mg-filter-item .remove:hover {color: #ff6900}
.mg-filter-item {display: inline-block; vertical-align: top}
.mg-filter-head, .mg-filter-body, .mg-filter {display: inline}
.filter-select {width: 180px}
.price-slider-list li input[type=text] {padding-left: 25px}
.price-slider-list li {position: relative}
.price-slider-list li span {position: absolute; left: 0px; top: 17px}
.price-slider-list li + li {margin-top: 0px}
.ui-slider .ui-slider-handle {background: #fff; top: -9px; height: 20px; width: 20px; border: 1px solid #2F2D30; border-radius: 50%}
.ui-slider-horizontal {height: 2px; background: #b3b3b3; margin-top: 15px}
.ui-slider .ui-slider-range {background: #2F2D30}
/* FILTER */


/* CART */
.cart-table .img-cell, .small-cart-table .img-cell {width: 60px; height: 60px; 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: 40px}
.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: 500}
.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; margin: 0px}
.cart-table .cart_form input[type=text], .small-cart-table .cart_form input[type=text] {width: 40px; height: 30px; line-height: 30px}
.cart-table .cart_form button, .small-cart-table .cart_form button {width: 30px; 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 .cart_form button svg, .cart-table .remove-cell a svg, .small-cart-table .cart_form button 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: 12px; border-radius: 50%; right: -10px; top: 0px}
/* CART */


/* ORDER */
.body__order .left-part {width: calc(100% - 280px)}
.body__order .right-part {width: 200px; position: sticky; top: 140px; position: -webkit-sticky}
.body__order .left-part .summ-info {font-size: 18px; color: #ff6900; font-weight: 400; margin-bottom: 20px}
.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}
/* ORDER */


/* BLOG */
.mg-news-details .right-part {width: 200px}
.mg-news-details .left-part {width: calc(100% - 280px)}

.mg-main-news-list {display: grid; grid-template-columns: repeat(3,1fr); gap: 40px}
.mg-main-news-list article {overflow: hidden; border-radius: 20px; transition: 300ms; position: relative; display: flex; flex-direction: column}
.mg-main-news-list article .mg-list-news-img {height: 0; padding-bottom: 56%; display: block; position: relative}
.mg-main-news-list article .mg-list-news-img:before {border: 2px solid #fff; border-radius: 20px 20px 0 0; left: 5px; top: 5px; bottom: 5px; right: 5px; position: absolute; content: ''}
.mg-main-news-list article .mg-list-news-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.mg-main-news-list article .mg-news-date {opacity: 0.5; font-size: 12px; margin-bottom: 10px}
.mg-main-news-list article h3 {line-height: 1.3; margin-bottom: 10px}
.mg-main-news-list article:nth-of-type(2n + 1) {border: 2px solid #EF476F}
.mg-main-news-list article:nth-of-type(2n) {border: 2px solid #FFC43D}
.mg-main-news-list article .mg-news-info {padding: 20px; font-size: 14px; display: flex; flex-direction: column; height: 100%}

.tags {gap: 5px; margin-top: auto; padding-top: 20px}
.tags a {color: #fff; font-size: 11px; font-weight: 500; padding: 5px 10px; border-radius: 20px; background: #EF476F}
.mg-main-news-list article:nth-of-type(2n + 1) .tags a {background: #EF476F}
.mg-main-news-list article:nth-of-type(2n) .tags a {background: #FFC43D}
.mg-main-news-list article:hover {transform: translateY(-5px)}
.mg-main-news-list article:nth-of-type(2n + 1):hover h3 {color: #EF476F}
.mg-main-news-list article:nth-of-type(2n):hover h3 {color: #FFC43D}
/* BLOG */

/* HEADER */
header {position: fixed; left: 0px; top: 0px; width: 100%; z-index: 1000; height: 100px; background: linear-gradient(#fff, rgba(255,255,255,0.8)); -webit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); box-shadow: 0 0 20px rgba(0,0,0,0.2)}
header .max {height: 100%}
header .logo {white-space: nowrap; font-size: 32px; font-weight: 500}
header .logo:hover {color: #EF476F}
header .icons-block {gap: 20px; padding-right: 25px}
header .icons-block svg {width: 24px; height: 24px}
header .icons-block a:hover {color: #EF476F}
header .icons-block .countsht {position: absolute; top: 0; height: 24px; line-height: 24px; left: 100%; border-left: 1px solid rgba(0,0,0,0.1); padding-left: 10px; margin-left: 10px}

.menu {font-weight: 500; gap: 30px; font-size: 14px; align-items: center}
.menu a.active {color: #EF476F}
.menu .bold {background: #EF476F; color: #fff; padding: 5px 15px; border-radius: 20px}

.catalog-menu-button {cursor: pointer; position: relative; height: 40px; line-height: 40px; width: 20px}
.catalog-menu-button span {background: #000; height: 2px; position: absolute; width: 20px; left: 0; transition: bottom 250ms ease 250ms, top 250ms ease 250ms, transform 250ms ease 0ms}
.catalog-menu-button span:nth-of-type(1) {top: 13px}
.catalog-menu-button span:nth-of-type(2) {top: 50%; margin-top: -1px}
.catalog-menu-button span:nth-of-type(3) {bottom: 13px}

.catalog-menu-button.active span {transition: bottom 250ms ease 0ms, top 250ms ease 0ms, transform 250ms ease 250ms}
.catalog-menu-button.active span:nth-of-type(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
.catalog-menu-button.active span:nth-of-type(2) {opacity: 0}
.catalog-menu-button.active span:nth-of-type(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
/* HEADER */


/* SEARCH */
.wraper-fast-result {position: absolute; top: 100%; z-index: 10; background: #fff; border-top: 1px solid #EF476F; 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 #EF476F; 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: #EF476F}
.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}
/* SEARCH */


/* AMOUNT */
.cart_form input[type=text] {width: 60px; height: 40px; line-height: 40px; text-align: center; border: none; background: transparent}
.cart_form button {border: none; border-radius: 50%; justify-content: center; background: none; width: 40px; height: 40px; background: #ebebeb; transition: 250ms; cursor: pointer; color: #A2A2A2}
.cart_form button svg {width: 10px; height: 10px}
.cart_form button:hover {background: #EF476F; color: #fff}
/* AMOUNT */


/* 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, #888 0, #888 25%, hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0)); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x}
/* PROPERTIES */



/* CATALOG */
.top-desc {margin-bottom: 40px}


.products-wrapper .grid {grid-template-columns: repeat(3,1fr); gap: 40px; display: grid}
.product-wrapper .like, .product-wrapper .unlike {position: absolute; width: 20px; height: 20px; right: 20px; top: 20px; z-index: 1}
.product-wrapper .img {position: relative; display: block; padding-bottom: 100%; height: 0px}
.product-wrapper .img:before {position: absolute; pointer-events: none; content: ''; width: 100%; z-index: 1; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03)}

.product-wrapper.post {display: none}
.product-wrapper.post.active {display: block}
.product-wrapper.post {
    overflow: hidden; 
    border-radius: 24px; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    padding: 30px;
    border: 1px solid rgba(0,0,0,0.06);
    background: #ffffff;
}
.product-wrapper.post:hover {
    transform: translateY(-8px);
    border-color: transparent;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}
.product-wrapper.post .desc {color: #666; font-size: 15px; line-height: 1.5;}
.product-wrapper.post .desc b {color: #111; font-weight: 600;}
.product-wrapper.post .desc li {display: flex; align-items: center; justify-content: space-between;}
.product-wrapper.post .desc li + li {margin-top: 12px; border-top: 1px dashed rgba(0,0,0,0.05); padding-top: 12px;}
.product-wrapper.post .mg-buy-click-button {
    background: #EF476F; 
    color: #fff; 
    text-shadow: none;
    border-radius: 14px; 
    height: 46px; 
    line-height: 46px; 
    padding: 0 30px; 
    display: inline-block; 
    margin-top: 25px; 
    transition: all 0.2s ease;
    font-weight: 600;
    letter-spacing: 0.3px;
    border: none;
    width: 100%;
    text-align: center;
}
.product-wrapper.post .mg-buy-click-button:hover {
    background: #d63b5f;
    box-shadow: 0 8px 20px rgba(239, 71, 111, 0.25);
}


.product-wrapper .img img {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto}
.product-wrapper .stickers {position: absolute; left: 20px; top: 20px; display: flex; flex-direction: column; align-items: flex-start; pointer-events: none}
.product-wrapper .stickers div {margin-bottom: 10px; color: #fff; padding: 0px 5px}
.product-wrapper .stickers div.hit {background: blue}
.product-wrapper .stickers div.new {background: green}
.product-wrapper .stickers div.sale {background: red}
.product-wrapper .title {font-size: 18px; line-height: 1.3; display: block; margin-bottom: 10px}
.product-wrapper .addToCart {height: 40px; margin-left: auto; line-height: 40px}
.product-wrapper .product-price {font-size: 20px; font-weight: 500}
.product-wrapper .buttons-block {position: relative}
.product-wrapper .block-variants img {display: none}
.product-wrapper .top-part {position: relative}

.by-4-slider {width: calc(50% - 20px)}
.by-4-slider-button-prev, .by-4-slider-button-next {width: 20px; color: #000; height: 13px; position: absolute; top: 48px; z-index: 10; justify-content: center}
.by-4-slider-button-prev.swiper-button-disabled, .by-4-slider-button-next.swiper-button-disabled {opacity: 0.3}
.by-4-slider-button-prev {right: 50px}
.by-4-slider-button-next {right: 0px; transform: rotateY(180deg)}
.by-4-slider .show-all {position: absolute; height: 100%; top: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center}
.by-4-slider .show-all b {font-size: 20px; margin-bottom: 20px; display: block}
.by-4-slider .show-all svg {width: 16px; height: 10px; transform: rotateZ(180deg); display: inline-block; vertical-align: middle; margin-left: 10px}

.product-wrapper .fast-view {position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; height: 30px; line-height: 30px; background: #000; color: #fff; text-align: center; width: 150px; cursor: pointer; font-size: 12px; z-index: 1; opacity: 0; transition: 250ms}
.product-wrapper:hover .fast-view {opacity: 1}
/* CATALOG */


/* BREAD-CRUMBS */
.bread-crumbs {color: #888; font-size: 14px; margin-bottom: 40px}
.bread-crumbs a:hover {color: red}
.bread-crumbs li:nth-last-of-type(1), .bread-crumbs li:nth-last-of-type(2) {display: none}
/* BREAD-CRUMBS */


/* PRODUCT */
.product-details-block .left-part {width: calc(50% - 15px); position: relative}
.product-details-block .left-part .zoom {position: absolute; right: 0px; bottom: 0; z-index: 10; width: 42px; height: 42px; color: #A1A1A1}
.product-details-block .left-part .product-slider {margin: 0 70px}
.product-details-block .left-part .product-slider .img {height: 0; padding-bottom: 100%}
.product-details-block .left-part .product-slider:hover .zoom {color: #EF476F}
.product-details-block .left-part .inner {position: sticky; position: -webkit-sticky; top: 0px; z-index: 10}
.product-details-block.big .block-variants {margin-top: 10px; margin-bottom: 35px}
.product-details-block.big .block-variants .variant-tr + .variant-tr {margin-left: 15px}
.product-details-block.big .left-part .inner {top: 122px}
.product-details-block .left-part .brand-info {border: 1px solid #ebebeb; margin: 30px 0; display: block; border-radius: 5px; padding: 26px 31px; line-height: 1; color: #EF476F}
.product-details-block .left-part .brand-info img {width: 168px; margin-right: 36px}
.product-details-block .left-part .brand-info svg {width: 8px; height: 15px; margin-left: 14px; vertical-align: middle; display: inline-block}
.product-details-block .left-part .brand-info:hover {border-color: #EF476F}
.product-details-block .right-part {width: calc(50% - 15px)}
.product-details-block .buttons-block {position: relative}
.product-details-block .addToCart {width: 300px}
.product-details-block .help {margin-top: 30px}
.product-details-block .help a {margin-right: 20px; margin-top: 10px}
.product-details-block .help a.whatsapp {color: #3ADC49}
.product-details-block .help a.telegram {color: #4195d0}
.product-details-block .mg-buy-click-button {border: 1px solid #EF476F; border-radius: 3px; height: 54px; line-height: 52px; text-align: center; color: #EF476F; display: block; margin-left: 10px; width: 216px}
.product-details-block .mg-buy-click-button:hover {border-color: #2A2A2A; color: #2A2A2A}

.product-details-block .goToCart {display: none; background: red; 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 h1 {font-size: 24px; width: calc(100% - 58px)}
.product-details-block .like, .product-details-block .unlike {width: 28px; margin-bottom: 40px; height: 26px; color: #EF476F; cursor: pointer}

.product-details-block .buy-block {margin-top: 35px}
.product-details-block .price {font-weight: 700; font-size: 24px}
.product-details-block .old-price {color: #A1A1A1; display: inline-block; font-size: 14px; position: relative}
.product-details-block .old-price:before {content: ''; position: absolute; border-bottom: 1px solid #EF476F; width: 100%; height: 50%; transform: rotate(-12deg)}

.product-details-block .product-status-list {margin-right: 30px}
.buttons-block {margin-top: 26px}

.product-details-block .product-slider .swiper-slide {background: #fff; height: auto}
.product-details-block .product-slider .swiper-slide img {margin: 0px auto}
.product-details-block .product-slider .swiper-slide iframe {height: 100%; width: 100%}

.product-details-block .product-thumbs-slider {position: absolute; left: 0px; z-index: 20; top: 50px; width: 50px}
.product-details-block .product-thumbs-slider .swiper-container {height: 330px}
.product-details-block .product-thumbs-slider img {width: 100%; height: 100%}
.product-details-block .product-thumbs-slider .swiper-slide {width: 50px; height: 50px; border-radius: 5px; opacity: 0.5; background: #fff; cursor: pointer}
.product-details-block .product-thumbs-slider .swiper-slide.video {background-size: 120px; background-position: 50% 50%; background-repeat: no-repeat}
.product-details-block .product-thumbs-slider .swiper-slide.video:before {content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-left: 16px solid #fff; border-bottom: 8px solid transparent; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px}
.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 .stickers div {margin-bottom: 10px; color: #fff; width: 47px; text-align: center; border-radius: 2px; height: 31px; color: #fff; font-weight: 700; margin-right: 5px; line-height: 31px; font-size: 12px; text-transform: uppercase}
.product-details-block .stickers div.hit {background: #FFB546}
.product-details-block .stickers div.new {background: #91D797}
.product-details-block .stickers div.sale {background: #EF476F}

.product-details-block span.stock-in {color: #91D797; margin-bottom: 10px; display: block}
.product-details-block span.stock-out {color: #EF476F; margin-bottom: 10px; display: block}
/* PRODUCT */


.delivery-info {padding: 40px; margin: 40px 0; border-radius: 5px; color: #fff; background: #EF476F}
.delivery-info a {margin-top: 20px; text-decoration: underline; display: block}
.delivery-info .h2-like {margin: 0}



/* Control Chart - Modern Minimalist Design */
.control-chart-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0;
}

.control-chart-card {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 24px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.chart-input {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-group label {
    font-size: 13px;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrapper input {
    width: 100%;
    height: 52px;
    padding: 0 48px 0 16px;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    background: #fafafa;
    border: 2px solid transparent;
    border-radius: 12px;
    transition: all 0.2s ease;
    outline: none;
}

.input-wrapper input:hover {
    background: #f5f5f5;
}

.input-wrapper input:focus {
    background: #fff;
    border-color: #FFC43D;
}

.input-wrapper input::placeholder {
    color: #aaa;
    font-weight: 400;
}

.input-unit {
    position: absolute;
    right: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    pointer-events: none;
}

.chart-results {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.result-label {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.result-value {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    line-height: 1.2;
}

.result-value.chart-label {
    color: #FFC43D;
}

.result-value.brt-value {
    color: #36a2eb;
}

.result-value.ext-value {
    color: #EF476F;
}

.chart-container {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    height: 450px;
    position: relative;
}

.chart-container canvas {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
}

/* Рекомендации */
.chart-recommendations {
    background: #fff;
    border-radius: 16px;
    padding: 24px 32px;
    margin-top: 24px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.chart-recommendations h3 {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px 0;
}

.recommendation-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rec-item {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
}

.rec-item strong {
    font-weight: 600;
}

.rec-success {
    background: rgba(40, 167, 69, 0.1);
    color: #155724;
    border-left: 3px solid #28a745;
}

.rec-warning {
    background: rgba(255, 193, 7, 0.1);
    color: #856404;
    border-left: 3px solid #ffc107;
}

.rec-info {
    background: rgba(54, 162, 235, 0.1);
    color: #004085;
    border-left: 3px solid #36a2eb;
}

/* Responsive */
@media (max-width: 768px) {
    .control-chart-wrapper {
        padding: 12px;
    }
    
    .control-chart-card {
        padding: 20px 16px;
        border-radius: 12px;
    }
    
    .chart-input {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 20px;
    }
    
    .input-group label {
        font-size: 12px;
    }
    
    .input-wrapper input {
        height: 48px;
        font-size: 16px;
    }
    
    .chart-results {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 16px;
    }
    
    .result-item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    }
    
    .result-item:last-child {
        border-bottom: none;
    }
    
    .result-label {
        font-size: 12px;
    }
    
    .result-value {
        font-size: 18px;
    }
    
    .chart-container {
        height: 350px;
        padding: 8px;
        border-radius: 12px;
    }
    
    .chart-recommendations {
        padding: 16px;
        margin-top: 16px;
        border-radius: 12px;
    }
    
    .chart-recommendations h3 {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .rec-item {
        padding: 10px 12px;
        font-size: 13px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 350px) {
    .control-chart-wrapper {
        padding: 8px;
    }
    
    .control-chart-card {
        padding: 16px 12px;
        border-radius: 10px;
    }
    
    .chart-input {
        gap: 10px;
        margin-bottom: 16px;
    }
    
    .input-group label {
        font-size: 11px;
    }
    
    .input-wrapper input {
        height: 44px;
        font-size: 15px;
    }
    
    .chart-results {
        gap: 8px;
        padding-top: 12px;
    }
    
    .result-item {
        padding: 8px 0;
    }
    
    .result-label {
        font-size: 11px;
    }
    
    .result-value {
        font-size: 16px;
    }
    
    .chart-container {
        height: 320px;
        padding: 8px;
        border-radius: 10px;
    }
    
    .chart-recommendations {
        padding: 12px;
        margin-top: 12px;
        border-radius: 10px;
    }
    
    .chart-recommendations h3 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .rec-item {
        padding: 8px 10px;
        font-size: 12px;
    }
}


/* PAGER */
.mg-pager .allPages {display: none}
.mg-pager {text-align: center; margin-top: 40px}
.mg-pager ul {display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 500; justify-content: center; align-items: center; gap: 2px; margin-top: 10px}
.mg-pager li a, .mg-pager li span {display: block; border-radius: 50%; height: 40px; display: flex; align-items: center; justify-content: center; width: 40px}
.mg-pager li:hover a {background: #ebebeb}
.mg-pager li.current span {background: #EF476F; color: #fff}
/* PAGER */


/* HOME */
.home-slider .swiper-slide {overflow: hidden}
.home-slider .max {position: relative}
.home-slider .inner .max {height: 480px; display: flex; justify-content: center; flex-direction: column}
.home-slider .title {font-size: 32px; margin-bottom: 10px}
.home-slider .text {margin: 10px 0px}
.home-slider .button {width: 285px; margin-top: 10px}
.home-slider .swiper-pagination-bullet {opacity: 0.1; height: 7px; width: 7px; border-radius: 50%}
.home-slider .swiper-pagination-bullet-active {opacity: 1}
.home-slider-button-prev, .home-slider-button-next {bottom: 40px; width: 20px; height: 20px; position: absolute; z-index: 1; justify-content: center}
.home-slider-button-prev {left: 20px}
.home-slider-button-next {left: 80px; transform: rotateZ(180deg)}

.home-description {margin-top: 40px}
/* HOME */


/* TABS */
.tab-links {border-bottom: 1px solid rgba(0,0,0,0.5); font-size: 15px; margin-bottom: 40px; position: sticky; position: -webkit-sticky; top: 80px; background: #fff; z-index: 1000; padding-top: 20px}
.tab-links .tab-link {cursor: pointer; position: relative; display: inline-block; line-height: 40px; height: 40px}
.tab-links .tab-link + .tab-link {margin-left: 30px}
.tab-links .tab-link.active, .tab-links .tab-link:hover {color: #111}
.tab-links .tab-link:before {content: ''; left: 0px; bottom: -1px; background: transparent; height: 2px; width: 100%; position: absolute}
.tab-links .tab-link.active:before {background: #111}

.channel-links {
    display: flex; 
    color: #828282; 
    margin-bottom: 40px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    mask-image: linear-gradient(to right, black 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
}
.channel-links::-webkit-scrollbar { 
    height: 4px;
}
.channel-links::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.03);
}
.channel-links::-webkit-scrollbar-thumb {
    background: #EF476F;
    border-radius: 2px;
}
.channel-links .channel-link {
    cursor: pointer; 
    border-bottom: 1px solid rgba(0,0,0,0.08); 
    padding: 15px 20px; 
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}
.channel-links .channel-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.channel-links .channel-link.active, .channel-links .channel-link:hover {color: #1F1F1F}
.channel-links .channel-link:before {content: ''; left: 0px; bottom: -1px; background: transparent; height: 2px; width: 100%; position: absolute}
.channel-links .channel-link.active:before {background: #000}

/* TABS */


/* STATIC */
.static .left-part {width: 200px; text-align: right}
.static .left-part .page-menu svg {width: 15px; height: 15px}
.static .left-part .page-menu li {display: block}
.static .left-part .page-menu li.active > a {color: #EF476F}
.static .left-part .page-menu li + li {margin-top: 20px}
.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% - 280px)}

table {width: 100% !important; border: none; border-collapse: collapse}
table td {border: none}
.content h2 {margin-top: 40px; margin-bottom: 20px}
.content h3 {margin-top: 40px; margin-bottom: 20px}
.content {line-height: 1.5}
.content b, .content strong {font-size: 20px}
.content p + p, .content p + ul, .content p + ol, .content ol + p, .content ul + p, .content ul + ul, .content li + li {margin-top: 15px}
.content a {color: #EF476F; text-decoration: underline}
.content tr {display: flex; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap}
.content tr:after {background: rgba(0,0,0,0.03); position: absolute; left: 0; width: 100%; top: 0; height: 100%; content: ''}
.content tr + tr, .content .table-wrapper {margin-top: 80px}
.content td h2 {margin-top: 0px}
.content td {width: 50%; padding: 40px}
.content td.with-img {padding: 0px}
.content img {width: 100% !important; height: unset !important; border-radius: 20px}
.content iframe {width: 100% !important; border-radius: 20px}
.content .img {margin: 30px 0; position: relative}
.content .img:before {position: absolute; content: ''; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 2px solid #fff; border-radius: 20px}
/* 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, .filter-form.show {right: 0px}
.modal .inner {padding: 40px 80px; height: 100%}
.modal .close, .filter-form .close {top: 20px; right: 20px; height: 20px; width: 20px; cursor: pointer; position: absolute; z-index: 1}
.modal .overflow-y {}

.modal-cart .h2-like {margin-top: 0px}
.modal-cart .total {height: 20px; line-height: 20px; margin: 20px 0px}
.modal-cart .overflow-y {height: calc(100% - 156px); overflow-y: auto}
.modal-auth {display: flex; justify-content: center; flex-direction: column}
.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: #111; border-radius: 2px}
.modal::-webkit-scrollbar-button {display:none}

.wrapper-modal-mg-buy-click {display: none}
.fancybox-content {width: 500px}

/* MODAL */





/* FOOTER */
footer {color: #fff; background: #000; margin-top: 80px; padding: 40px 0}
/* FOOTER */




/* ads */
.ya_ads_hor_banner{margin: 100px 0px}
/* ads */




@media screen and (max-width: 1023px) {
header {height: 80px}
header .logo {font-size: 26px; margin-right: auto; margin-left: 20px}
.tablet-show {display: block !important}
.tablet-hide {display: none !important}
.menu-block {position: fixed; left: -100%; top: 60px; width: 100%; height: calc(100% - 60px); transition: 250ms}
.menu-block.show {left: 0px}
body {font-size: 15px}
.mg-main-news-list {grid-template-columns: repeat(2,1fr)}
.menu {position: fixed; top: 80px; z-index: 900; width: 100%; left: -100%; transition: 250ms; background: #fff; padding: 40px 20px}
.menu.show {left: 0}
.menu li {width: 100%}
.body__order .left-part {width: 100%; order: 2}
.body__order .right-part {width: 100%; order: 1; position: static}
}

@media screen and (max-width: 767px) {
.mobile-show {display: block !important}
.mobile-hide {display: none !important}
body {font-size: 14px; padding-top: 100px !important}
body.lock {overflow: hidden}
h1 {font-size: 20px; margin-bottom: 20px}
h2, .h2-like {font-size: 20px}
body.body__noindex {padding-top: 110px !important}
.by-2 {width: 100%}
.bread-crumbs {font-size: 12px}
.product-details-block .left-part {width: 100%}
.product-details-block .right-part {width: 100%; margin-top: 20px}
.product-details-block .cart_form {margin: 20px auto}
.body__order .left-part {width: 100%; order: 2}
.form-list.grid {grid-template-columns: 100%}
.tab-links {top: 70px}
.modal {width: 100%; right: -100%}
.modal .inner, .filter-form .inner {padding: 40px 20px}
.filter-form {position: fixed; top: 0; width: 100%; height: 100%; margin: 0; right: -100%; background: #fff; z-index: 9000; transition: 250ms}
.content td {width: 100%; order: 2}
.content td.with-img {order: 1}
.content tr + tr, .content .table-wrapper {margin-top: 40px}
.catalog-menu {top: 70px; height: calc(100% - 70px); left: -100%; transition: 250ms; display: block}
.catalog-menu.show {left: 0}
header {height: 70px}
header .logo {font-size: 18px; margin-left: 10px}
header .icons-block svg {width: 22px; height: 22px}
header .icons-block {gap: 15px}
.mg-main-news-list {grid-template-columns: 100%}
.menu {top: 70px}
.static .left-part {width: 100%; text-align: center}
.static .right-part {width: 100%}
.mg-news-details .left-part {width: 100%; margin-bottom: 40px}
.mg-news-details .right-part {width: 100%}

.products-wrapper .grid {grid-template-columns: repeat(1,1fr); gap: 20px; display: grid}




}






/* ----------------   FOOTER START ---------------------------- */

.footer {
  
    background: #444;
  
    
  }
  
  .footer a {
    color: #F8FFE5;
    text-decoration: none;
  }
  
  .footer a:hover {
    color: #FFC43D;
  }
  
  .footer .button {
    background-color:#F8FFE5;
    border: none;
    color: #444;
    margin: 10px 10px 10px 10px;
  }
  
  
  .footer .donat {
    color: #F8FFE5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #F8FFE5;
    border-radius: 17px;
    background: #444;
    padding: 0 10px;
    font-size: 15px;
    margin: 10px 10px 10px 10px;
  }
  
  .footer .placeholder {
    font-size:15px;
    text-align: right;
    letter-spacing:3px;
    color:#F8FFE5;
  }
  
  .footer .contacts {
    margin-top: 15px;
  }
  
  .footer .contacts a {
    vertical-align: middle;
    padding-left: 1px;
  }
  
  
  @media screen and (max-width:767px) {
  
    .footer a {
      font-size: 14px;
      margin-left: 0px !important;
      margin-top: 5px
    }
    .footer {
      margin-top: 35px
    }
  
  }
  /* ----------------   FOOTER STOP ---------------------------- */
/* Post Channel Header Style */
.post-channel-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.post-channel-logo {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border: 2px solid #fff;
}

.post-channel-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-channel-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.post-channel-label {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.post-channel-link {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    transition: color 0.2s ease;
}

.post-channel-link:hover {
    color: #EF476F;
}

@media (max-width: 767px) {
    .post-channel-header {
        gap: 12px;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
    .post-channel-logo {
        width: 40px;
        height: 40px;
    }
    .post-channel-link {
        font-size: 14px;
    }
}