@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
.notify {background: #1565C0; color: #fff; text-align: center; padding: 5px}

/* GLOBAL */
* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none}
html, body {width: 100%}
body {font-family: 'Pt Sans', sans-serif; line-height: 1.7; background: #fff; font-size: 16px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; overflow-x: hidden; padding-top: 0px !important; color: #0c1a22}
body.lock {overflow: hidden; padding-right: 3px}
a {color: inherit; text-decoration: none; cursor: pointer}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: block}
iframe {width: 100%; border: none}
table {width: 100%; border-collapse: collapse}
label {display: block; position: relative}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; transition: 250ms; font-family: inherit; font-size: inherit; color: inherit; display: block}
.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}
.flex.column{flex-direction: column;}
.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}
.contain-100 {background-position: 100% 50%; background-repeat: no-repeat; background-size: contain}
.w-30 {width: calc(100%/3)}
.w-40 {width: 40%}
.w-50 {width: 50%}
.w-60 {width: 60%}
.app-show {display: none}
.mobile-show {display: none}
.tablet-show {display: none}
.admin-bar {position: fixed !important; top: auto !important; bottom: 0px}
.admin-bar__item_template, .admin-context {display: none !important}
.fastEdit, .modalOpen, .modalOpenPlugin {border: 1px solid #005596 !important; background-color: transparent !important; background-image: url(../images/edit.svg) !important; background-position: right 4px top 4px !important; background-repeat: no-repeat !important; background-size: 15px !important}
li {display: block}
.level-2, .level-3 {display: none}
svg {fill: currentColor}
input[hidden] {display: none}
.buttons .button + .button {margin-left: 10px}

::-webkit-scrollbar {background-color: #fff; width: 3px; border-radius: 1px}
::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border: none; border-radius: 1px}
::-webkit-scrollbar-thumb {background-color: #005596; border-radius: 1px}
::-webkit-scrollbar-button {display:none}

/* GLOBAL */


/* BASIC */
.max {padding: 0px 20px; max-width: 1330px; margin: 0px auto}
main {min-height: calc(100vh - 160px); padding-top: 50px; padding-bottom: 60px}
.alert {background: #FA5E2C; color: #fff; border-radius: 5px; font-weight: 700; padding: 5px 10px; line-height: 1.3; text-align: center; font-size: 14px}
.alert b, .alert strong {color: #fff}
.alert.success {background: green}
.button, .sendComment {background-color: #1565C0; border: none; color: #fff; line-height: 40px; height: 40px; display: block; cursor: pointer; text-align: center; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transition: background-color 250ms; width: 100%; max-width: 370px; padding: 0px 20px; border-radius: 5px}
.button:hover, .sendComment:hover {background-color: #00ade7}
.link {text-decoration: underline; transition: 250ms; cursor: pointer; color: #00ade7}
.link:hover, .mg-viewfilter-all:hover {color: #005596}
.link + .link {margin-left: 10px}
h1, h2, h3, .h2-like {color: #005596; font-weight: 400; line-height: 1.3}
h1 {font-size: 32px; margin-bottom: 40px; line-height: 1.3; display: block; text-transform: lowercase}
h1:first-letter {text-transform: uppercase}
h2, .h2-like {font-size: 26px; margin-top: 60px; margin-bottom: 20px; line-height: 1.3}
h3 {margin-top: 20px; margin-bottom: 10px; font-size: 18px}
hr {margin: 20px 0px; height: 1px; border: none; background: #000}
b, strong, th {font-weight: 700; color: #005596}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], select {display: block; width: 100%; font-size: 15px; border: none; padding: 0px 20px; background-color: #EFF4F9; border-radius: 5px; height: 60px}
textarea {display: block; width: 100%; border: none; background: #EFF4F9; padding: 10px; resize: none; height: 80px; font-size: 15px; border-radius: 0px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus, input[type=text]:hover, input[type=tel]:hover, input[type=email]:hover, textarea:hover, input[type=password]:hover, select:hover {box-shadow: 0 0 0 2px #00ade7}

input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; background: #EFF4F9}
input[type=checkbox]:checked {background: #EFF4F9 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}
input[type=radio] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border-radius: 50%; border:none; border: 1px solid #dadada; background: #fff}
input[type=radio]:hover {border-color: #1565C0}
input[type=radio]:checked {background: #fff; border: 4px solid #1565C0}

input.check:valid {background-image: url(../images/ui-svg/ok.svg); background-position: right, 10px 50%; background-size: 16px; background-repeat: no-repeat}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #EFF4F9 inset}
select {background: #EFF4F9 url("data:image/svg+xml,<svg viewBox='0 0 172 92.2' width='172' height='92.2' xmlns='http://www.w3.org/2000/svg'><path d='M86,92.2c-1.2,0-3.1-0.6-4.3-1.8L1.9,10.6c-2.5-2.5-2.5-6.1,0-8c2.5-2.5,6.1-2.5,8,0l76.2,75.5l76-76.2 c2.5-2.5,6.1-2.5,8,0c2.5,2.5,2.5,6.1,0,8L90.3,89.7C89,91.6,87.2,92.2,86,92.2z'/></svg>") no-repeat; background-position: right 25px center; background-size: 11px}
/* BASIC */


/* MODAL */
.modal {z-index: 3000; position: fixed; width: 450px; height: 100%; padding: 40px; background: #fff; top: 0; right: -450px; transition: right 400ms}
.modal .button {margin-bottom: 0}
.modal.open {right: 0px}
.close {width: 15px; height: 15px; cursor: pointer; position: absolute; right: 40px; top: 43px; z-index: 10; color: #808d9a}
.close:hover {color: #005596}

.scrollup {height: 40px; width: 40px; background: #1565C0; z-index: 1000; right: 40px; bottom: 105px; color: #fff; transform: rotateZ(-90deg); transition: background-color 250ms; border-radius: 3px; padding: 15px; position: fixed; display: none}
.scrollup:hover {background: #00ade7; color: #fff}

.modal .title, .body__catalog .left-part .title {margin-bottom: 40px; font-size: 20px; font-weight: 700; line-height: 1; text-align: center; color: #005596; padding-right: 20px}
.modal-cart .inner {height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-right: 4px}
.modal-cart .overflow-y {margin-bottom: 40px; overflow-y: auto; padding-right: 4px}
.modal-agreement .inner {height: 100%}
.modal-agreement .overflow-y {overflow-y: auto; padding-right: 4px}
.modal .text {width: calc(100% - 210px); font-size: 12px}
.deleteItemFromCart {height: 16px; width: 16px; color: #808d9a; display: block; margin-top: 2px}
.deleteItemFromCart:hover {color: #00ade7}
.overlay {background: rgba(0, 20, 40, 0.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%}
.modal-cart .total {margin-top: auto}
.modal-cart .total-payment {display: block; font-size: 18px; font-weight: 700}
.modal-cart .name {height: 40px; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.modal-cart .name:hover {color: #005596}
.modal-agreement {font-size: 12px}
.modal-agreement .overflow-y {max-height: calc(100% - 100px)}
.promo-form {width: 100%; position: relative; margin: 0px 0px 10px 0px}
.promo-form .default-btn {background: #1565C0 !important; position: absolute; right: 10px; border: none; top: 10px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 400; padding: 10px 10px; border-radius: 5px}
.promo-form .default-btn:hover {background: #00ade7 !important}
/* .promo-form input[type=text] {padding-left: 100px} */
.promo-form span {pointer-events: none; position: absolute; left: 2px; padding: 0 10px; border-radius: 2px; line-height: 46px; top: 2px; background: #00ade7; color: #fff; display: none}

.discount-system-container {background: #F4D26E; padding: 10px; margin-bottom: 10px; font-size: 14px}
.discount-system-container strong {color: inherit}
.discount-system-container a {text-decoration: underline}
/* MODAL */

.shop-list .info {margin-bottom: 60px}
.shop-list .item + .item {margin-top: 60px}
.shop-list .item .img {width: 60px; height: 60px}
.shop-list .item .name {color: #005596; width: calc(100% - 80px); font-size: 18px}
.modal-shop-list {font-size: 15px}
.modal-shop-list .item + .item {margin-top: 30px}

/* FILTER */
.custom-sort {margin-bottom: 20px}
.custom-sort span {color: #005596}
.custom-sort a {margin-left: 15px}
.custom-sort a.active {text-decoration: underline}

.mg-filter-title, .label-field {font-weight: 700}
.filter-form {font-size: 13px}
.filter-preview {position: absolute; background: #005596; color: #fff; line-height: 30px; height: 30px; padding: 0px 10px; display: none; z-index: 10}
.filter-preview:before {content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-right: 6px solid #005596; border-bottom: 5px solid transparent; position: absolute; left: -6px; top: 50%; margin-top: -5px}
.filter-preview a {font-weight: 700; text-decoration: underline}
.filter-form .title, .apply-filter-title {font-size: 16px; color: #005596}
.filter-form .mg-filter-body, .filter-form .range-field, .mg-filter-item + .mg-filter-item {margin-top: 20px}
.price-slider-list li {width: calc(50% - 1px); margin-right: 0px}
.filter-form .ui-slider-horizontal {margin-top: 5px; background: #000; height: 5px; display: none}
.filter-form .ui-slider .ui-slider-range {background: #005596}
.filter-form .button {line-height: 40px; height: 40px}
.filter-form li {margin-top: 5px}
.mg-viewfilter-all, .mg-viewfilter, .refreshFilter {text-decoration: underline; transition: 250ms; cursor: pointer; color: #00ade7; font-size: 13px}
.apply-filter-form {margin-bottom: 60px}
.filter-tags {line-height: 1}
.filter-tags li + li {margin-left: 20px}
.apply-filter-item {margin-top: 8px; line-height: 26px; background: #005596; color: #fff; padding: 0px 10px; font-size: 12px}
.removeFilter {background: #005596; width: 16px; height: 16px; color: #fff; display: inline-block; margin-left: 10px; vertical-align: top; margin-top: 5px}
.filter-values {display: inline-block}
/* FILTER */


/* CONTENT */
.content.desc {margin-top: 60px}
.content ul {margin-left: 0}
.content ul:not(.clearfix) li {padding-left: 20px; position: relative}
.content ul:not(.clearfix) li:before {content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #00ade7; border-bottom: 4px solid transparent; left: 0px; top: 10px}
.content p + ul, .content p + p, .content ul + p {margin-top: 10px}
.content p a, .content li a {color: #005596; text-decoration: underline}
.content table, .content table td {border: none}
.content table td:nth-of-type(1) {width: 90px; vertical-align: top; padding: 20px 0}
.content table td:nth-of-type(1) img {width: 70px !important}
/* CONTENT */


/* SPOLER */
.spoiler-title {background: #EFF4F9; height: 50px; display: flex; align-items: center; padding: 0 25px; border-radius: 2px; transition: color 250ms, background-color 250ms}
.spoiler-title:hover {background: #005596; color: #fff; cursor: pointer}
.spoiler-toggle {background: url("data:image/svg+xml,<svg viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'><path fill='%230005596' d='M5.727,5.845 L1.531,9.733 C1.183,10.055 0.619,10.055 0.270,9.733 C-0.077,9.411 -0.077,8.889 0.270,8.567 L4.132,4.988 L0.252,1.391 C-0.096,1.069 -0.096,0.546 0.252,0.224 C0.600,-0.098 1.164,-0.098 1.512,0.224 L5.708,4.113 C5.951,4.338 6.014,4.659 5.917,4.943 C6.053,5.243 5.990,5.601 5.727,5.845 Z'/></svg>") 50% 50% no-repeat; background-size: 6px; transform: rotateZ(90deg); border: 1px solid #005596; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; margin-right: 10px; border-radius: 50%}
.spoiler-title:hover .spoiler-toggle {background-color: #fff; border-color: #fff}
.spoiler-content {display: none}
.spoiler-content table {border: none}
.spoiler-content td {border: none; padding: 10px 25px}
.spoiler-content tr:nth-of-type(odd) td {background: #EFF4F9}
.spoiler-content strong {font-weight: 700}
.spoiler + .spoiler {margin-top: 5px}
/* SPOLER */


/* BREAD-CRUMBS */
.bread-crumbs {display: inline-block; font-size: 13px; color: #808d9a; line-height: 1; margin-bottom: 40px; text-transform: lowercase}
.bread-crumbs a {transition: 250ms}
.bread-crumbs a span {text-transform: lowercase}
.bread-crumbs a:hover {color: #00ade7}
.bread-crumbs .bread-crumbs__item {display: inline-block; vertical-align: middle}
.bread-crumbs .separator {margin: 0px 5px}
.product-details-block .bread-crumbs li:nth-last-of-type(1), .product-details-block .bread-crumbs li:nth-last-of-type(2) {display: none}
.product-details-block .desc {margin-top: 40px}
/* BREAD-CRUMBS */


/* SEARCH */
.menu-search {position: relative; margin-bottom: 40px}
.menu-search input[type=search] {line-height: 44px; height: 45px; padding-left: 30px; border-bottom-color: #fff}
.menu-search input[type=search]::placeholder {color: #fff}
.menu-search button {position: absolute; width: 18px; background: none; border: none; top: 14px; left: 0px}
.fast-result-img {width: 50px; height: 50px; border-radius: 3px; overflow: hidden}
.fast-result-info {width: calc(100% - 60px)}
.wraper-fast-result li a {padding: 10px; display: flex; justify-content: space-between}
.wraper-fast-result span {font-weight: 700; display: block}

.search-block {position: relative; width: 100%; transition: 250ms}
.search-block form {overflow: hidden; border-radius: 5px; background: #fff; border: 1px solid #CADCEB; position: relative}
.search-block button {width: 90px; height: 38px; background-color: #1565C0; color: #fff; border: 1px solid #fff; border-radius: 0 5px 5px 0; display: flex; justify-content: center; align-items: center}
.search-block button svg {width: 18px; height: 18px}
.search-block .wraper-fast-result {background: #fff; border: 1px solid #EFF4F9; display: none; left: 20px; right: 20px; padding: 0px; position: absolute; top: 45px; z-index: 10; font-size: 13px; max-height: 50vh; overflow-y: auto}
.search-block input[type=search] {line-height: 38px; color: #0c1a22; height: 38px; padding: 0 20px; background-color: #fff; border: none}

/* SEARCH */


/* TABS */
.tab:not(.active) {display: none}
.tab-links {border-bottom: 1px solid #EFF4F9; color: #A1A1A1; font-size: 15px; margin-bottom: 40px; padding-top: 20px; margin-top: 10px}
.tab-links .tab-link {cursor: pointer; padding: 0 20px; text-align: center; position: relative; display: inline-block; line-height: 56px; height: 56px}
.tab-links .tab-link.active {color: #1565C0}
.tab-links .tab-link:hover {color: #00ade7}
.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: #1565C0}
/* TABS */


.home-cats {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-areas: "item-1 item-2 item-3" "item-4 item-2 item-5"; margin-top: 40px}
.home-cats .item-1 { grid-area: item-1}
.home-cats .item-4 { grid-area: item-4}
.home-cats .item-2 { grid-area: item-2}
.home-cats .item-3 { grid-area: item-3}
.home-cats .item-5 { grid-area: item-5}
.home-cats .item img {object-fit: contain}
.home-cats img {height: 150px; width: 100%}
.home-cats .item-2 img {height: calc(100% - 100px)}
.home-cats .item {padding: 20px 40px; background: #EFF4F9; border-bottom: 2px solid #00ade7; transition: 250ms; justify-content: center; text-align: center; display: flex; flex-direction: column}
.home-cats .item h3 {font-size: 18px}
.home-cats .item:hover {background: #187dc3; border-color: #187dc3}
.home-cats .item:hover h3 {color: #fff}

/* HEADER */
.top-line {position: relative; background: #EFF4F9; z-index: 1000; color: #6F7682; padding: 20px 0 0 0}
/* .top-line .grid {display: grid; grid-template-columns: 145px auto max-content max-content; gap: 40px; align-items: center}
.top-line .logo {height: 50px; padding: 10px 20px; border-radius: 5px; background: #1565C0; color: #fff; display: flex; align-items: center; justify-content: center} */
.top-line .grid {display: grid; grid-template-columns: 100px auto max-content max-content; gap: 40px; align-items: center}
.top-line .logo {height: 50px; color: #1565C0}
.top-line .contacts-block {font-size: 14px; text-align: center; display: flex; flex-direction: column; align-items: flex-start;}
.top-line .contacts-block .phone {font-size: 14px; font-weight: 400; gap: 10px; transition: all	0.2s ease;}
.top-line .work-time {gap: 10px;}
.top-line .contacts-block .phone svg, .top-line .work-time svg{width: 15px;height: 15px;}
.top-line .auth-block {display: flex}
.top-line .auth-block a {display: flex; gap: 10px; align-items: center}
.top-line .auth-block a:hover {color: #00ade7}
.top-line .auth-block .separator {margin: 0 5px}
.top-line .auth-block svg {width: 22px; height: 22px}

header {padding: 20px 0; position: relative; position: sticky; position: -webkit-sticky; top: 0px; background: #EFF4F9; z-index: 900; color: #6F7682}
header .page-menu li {display: block; position: relative; white-space: nowrap; font-weight: 400; font-size: 16px}
header .page-menu li svg {width: 12px; display: inline-block; vertical-align: middle; margin-left: 4px; height: 12px}
header .page-menu .level-2 {position: absolute; left: 0; color: #fff; padding-top: 20px}
header .page-menu li.has-sub:hover .level-2 {display: block}
header .page-menu li:hover > a {color: #00ade7}
header .page-menu li > a {transition: all 0.2s ease;}
header .page-menu .level-1 {gap: 40px}
header .icons {margin-left: auto}
header .icons .icon {position: relative; color: #1565C0}
header .icons .icon .countsht {position: absolute; left: 32px; top: 0px; font-size: 13px}
header .icons .icon svg {width: 25px; height: 25px; display: block; margin: 0px auto}
header .icons .icon + .icon {margin-left: 30px}
header .icons .icon .title {display: block; font-size: 9px; transition: 250ms; position: absolute; color: #fff; opacity: 0; top: 0; padding-top: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; line-height: 20px; height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px}
header .icons .icon:hover .title {opacity: 1}
header .icons .icon:hover {color: #00ade7}
header .icons a:hover {color: #00ade7}
header .icons a {transition: all 0.2s ease}

header .page-menu .level-2 ul {background: #105099; padding: 20px; border-radius: 5px}
header .page-menu .level-2:before {content: ''; position: absolute; z-index: 10; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #105099; left: 30px; top: 13px}
header .page-menu .level-2 li {margin-left: 0px}
header .page-menu .level-2 li a {display: block; padding: 5px 10px; color: #fff; border-radius: 5px}
header .page-menu .level-2 li:hover > a {color: #105099; background: #fff}

header .bottom-part{margin-top: 20px; gap: 20px; flex-wrap: nowrap;}

header .search {position: relative}
header .search .wraper-fast-result {position: absolute; width: 100%; left: 0px; top: 40px}


header .catalog-menu-button .dots {position: relative; width: 18px; height: 18px}
header .catalog-menu-button .dots span {background: #1565C0; height: 4px; position: absolute; border-radius: 50%; width: 4px; transition: 250ms}
header .catalog-menu-button .dots span:nth-of-type(1) {top: 0px; left: 0px}
header .catalog-menu-button .dots span:nth-of-type(2) {top: 0px; left: 7px}
header .catalog-menu-button .dots span:nth-of-type(3) {top: 0px; left: 14px}
header .catalog-menu-button .dots span:nth-of-type(4) {top: 7px; left: 0px}
header .catalog-menu-button .dots span:nth-of-type(5) {top: 7px; left: 7px}
header .catalog-menu-button .dots span:nth-of-type(6) {top: 7px; left: 14px}
header .catalog-menu-button .dots span:nth-of-type(7) {top: 14px; left: 0px}
header .catalog-menu-button .dots span:nth-of-type(8) {top: 14px; left: 7px}
header .catalog-menu-button .dots span:nth-of-type(9) {top: 14px; left: 14px}


@media (hover: hover) {
header .catalog-menu-button:hover .dots span:nth-of-type(1) {margin-top: 14px}
header .catalog-menu-button:hover .dots span:nth-of-type(2), header .catalog-menu-button:hover .dots span:nth-of-type(4) {margin-top: 7px}

footer .page-menu li:hover > a, header .contacts-block .phone:hover,
footer .email-footer:hover, footer .phone:hover {color: #00ade7;}

}
header .catalog-menu-button.active .dots span:nth-of-type(1) {margin-top: 0px}
header .catalog-menu-button.active .dots span:nth-of-type(2), header .catalog-menu-button.active .dots span:nth-of-type(4), header .catalog-menu-button.active .dots span:nth-of-type(6) {margin-top: 7px}
header .catalog-menu-button.active .dots span:nth-of-type(8) {margin-top: -7px}


/* HEADER */



/* PROPERTIES */
.prop-item {font-size: 15px; margin-top: 0.5em}
.prop-item .img {width: 20px; height: 20px; margin-left: 10px; flex-shrink: 0}
.prop-item .prop-separator {margin: 0 5px; background: linear-gradient(90deg, #808d9a 0, #808d9a 25%, rgba(255,255,255,0) 0, rgba(255,255,255,0)); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x}
.prop-details {display: block; margin-top: 2px; font-size: 12px; opacity: 0.5}
.prop-item.hide {display: none}
.show-all-props {color: #00ade7; margin-top: 20px; text-decoration: underline; display: inline-flex; cursor: pointer}
/* PROPERTIES */


/* CATALOG-MENU */
.catalog-menu-button {font-weight: 700; width: 145px; margin-right: 40px; font-size: 16px; color: #1565C0; transition: 250ms; line-height: 1; height: 40px; position: relative; cursor: pointer; text-align: right}
.catalog-menu-button:hover, .catalog-menu-button.active {color: #00ade7}
.catalog-menu-button svg {display: inline-block; margin-right: 10px; vertical-align: middle; width: 18px}
.catalog-menu-button .dots span {background: #fff; height: 2px; position: absolute; width: 20px; left: 0px; 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)} */

.catalog-menu .button {background: #fff; color: #105099; margin-top: 20px}
.catalog-menu {position: absolute; top: 100%; left: 0px; width: 100%; line-height: 1.2; background: #105099; color: #fff; z-index: 1000; font-size: 15px; display: none}
.catalog-menu .max {padding: 40px; position: relative}
.catalog-menu .close {position: absolute; top: 50%; width: 40px; height: 40px; border-radius: 50%; padding: 14px; color: #fff; border: 1px solid #fff; right: 0px; margin-top: -20px; transition: 300ms}
.catalog-menu .close:hover {background: #fff; color: #3a469c}
.catalog-menu .overflow-y {max-height: 400px}
.catalog-menu .level-1 {position: relative; column-count: 4; gap: 20px}
.catalog-menu .level-1 li {text-transform: lowercase}
.catalog-menu .level-1 li:nth-of-type(4n) {margin-right: 0px}
.catalog-menu .level-1 li a {display: block; margin-bottom: 20px; position: relative; transition: 250ms}
.catalog-menu .level-1 li a:hover:before {border-left-color: #fff}
.catalog-menu .level-1 li a:first-letter {text-transform: uppercase; color: #00ade7; font-weight: 700; font-size: 20px; margin-right: 1px}
.catalog-menu .level-1 li a:hover:first-letter {color: #fff}
.catalog-menu .level-2 {position: absolute; top: 0px; left: 0px; background: #005596; z-index: 10; width: 100%}
.catalog-menu .search {position: relative}
input[type="search"]::-webkit-input-placeholder { color: #546a77}
input[type="search"]:-ms-input-placeholder { color: #546a77}
input[type="search"]::-ms-input-placeholder { color: #546a77}
input[type="search"]::placeholder { color: #546a77}
/* CATALOG-MENU */



/* STATIC */
.static .left-part {width: 260px}
.static .right-part {width: calc(100% - 260px - 60px)}
.static .left-menu {padding: 20px; background: #EFF4F9; border-radius: 5px}
.static .left-menu svg {display: inline-block; vertical-align: middle; margin-left: 4px; width: 12px}
.static .left-menu a {padding: 8px 10px; border-bottom: 1px solid #EFF4F9; display: block; border-radius: 5px}
.static .left-menu svg {display: none}
.static .left-menu li:hover > a {color: #1565C0}
.static .left-menu li.active > a {background: #1565C0; color: #fff}
.static .left-menu .level-2, .static .left-part .sub_menu {display: block !important; font-size: 13px}
.static .left-menu .level-2 a {padding-left: 20px}
.static .left-menu > li:last-of-type a {border-bottom: 0px}
/* STATIC */


/* HOME */
.home-categories {margin: 40px 0}
.home-categories .inner {gap: 10px}
.home-categories a {text-transform: lowercase; padding: 5px 10px; background: #1565C0; color: #fff; border-radius: 4px}
.home-categories a:hover {background: #00ade7}
.home-categories a:first-letter {text-transform: uppercase}

.home-about {background: radial-gradient(#2679D7,#1565C0); padding: 80px 0; color: #fff; margin: 80px 0}
.home-desc h1 {text-transform: none; margin: 80px 0 0 0}
.home-desc h2 {margin: 20px 0}
.home-about .h2-like {margin-top: 0; color: #fff; text-align: center}
.home-about .grid {display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; margin-top: 40px}
.home-about .grid img {width: 40px; height: 40px}
.home-about .grid .text {width: calc(100% - 60px); color: #fff; line-height: 1.3}
.home-about .grid .text b {color: #fff; opacity: 0.5; display: block}
.home-about .number {font-size: 36px; font-weight: 700; text-align: center}

.home-promo-block {display: grid; grid-template-columns: 2fr minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: 10px; margin-bottom: 60px}
.home-promo-block .home-slider {grid-row: span 2; width: 100%; border-radius: 5px; color: #fff; position: relative; overflow: hidden}
.home-promo-block .home-slider .swiper-slide .inner {position: relative; height: 100%}
.home-promo-block .home-slider .swiper-slide .inner.product {background: url(../images/back.png) 100% 100% no-repeat; background-size: cover}
.home-promo-block .home-slider .swiper-slide .inner.product:before {display: none}
.home-promo-block .home-slider .swiper-slide .inner:before {background: radial-gradient(#2679D7,#1462bb); position: absolute; content: ''; width: 50%; height: 100%; top: 0; left: 0; /*clip-path: polygon(0% 0%, 100% 0%, 100% 35%, 90% 50%, 100% 65%, 100% 100%, 0 100%);*/ z-index: 2}
.home-promo-block .small-promo {position: relative; background-color: #1565C0; height: 100%; border-radius: 10px; font-size: 18px; color: #fff; font-weight: 500; overflow: hidden; width: 100%}
.home-promo-block .small-promo .inner {height: 100%; width: 100%; flex-direction: column; position: absolute; display: flex; justify-content: end; gap: 5px; padding: 30px 30px}
.home-promo-block .small-promo b {padding: 8px 10px; color: #fff; border-radius: 4px; font-size: 14px; font-weight: 700; position: absolute; top: 30px; left: 30px}
.home-promo-block .small-promo.new b {background: #FA5E2C}
.home-promo-block .small-promo.sale b {background: #09980F}
.home-promo-block .small-promo .inner .title {font-size: 20px; font-weight: 700; line-height: 1.3}
.home-promo-block .small-promo .inner .sub-title {font-size: 16px; line-height: 1.3}
.home-promo-block .small-promo .link {color: #fff; font-size: 11px; opacity: 0.5}

.home-slider {background: #1565C0}
.home-slider .max {position: relative}
.home-slider .text {width: 45%; padding: 80px 40px; z-index: 2; position: relative}
.home-slider .img.background {width: 55%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; background-size: cover}
.home-slider .img.product {width: 55%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; background-size: contain; z-index: 3}

.home-slider .title {font-size: 32px; line-height: 1.3; color: #fff; margin-bottom: 20px}
.home-slider .button {margin-top: 40px; width: 240px; z-index: 1; border: 1px solid #fff; line-height: 38px; background: #fff; color: #005596}
.home-slider .button:hover {background: transparent; color: #fff}
.home-slider .swiper-slide {overflow: hidden}
.home-slider .swiper-button-next, .home-slider .swiper-button-prev {bottom: 30px; top: unset; margin: 0; transition: background-color 250ms; border: 1px solid #fff}
.home-slider .swiper-pagination {bottom: 40px; text-align: right; padding-right: 140px}
.home-slider .swiper-button-next svg *, .home-slider .swiper-button-prev svg * {fill: #fff}
.home-slider .swiper-button-next {right: 20px}
.home-slider .swiper-button-prev {right: 70px; left: unset}
.home-slider .swiper-button-next:hover, .home-slider .swiper-button-prev:hover {opacity: 1; background: #fff; border-color: #fff}
.home-slider .swiper-button-next:hover svg *, .home-slider .swiper-button-prev:hover svg * {fill: #187dc3}
.home-slider .swiper-pagination .swiper-pagination-bullet {background: #fff}

.h-block {margin-bottom: 20px; justify-content: flex-start}
.h-block h2, .h-block .h2-like {margin: 0px}
.h-block a {color: #808d9a; transition: 250ms; margin-left: 15px; margin-top: 7px}
.h-block a svg {display: inline-block; vertical-align: middle; margin-left: 10px; width: 18px; height: 18px}
.h-block a:hover {color: #00ade7}

.home section + section {margin-top: 60px}
/* HOME */


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


/* CATALOG */
.button-buy-block {position: relative}
.button-buy-block .addToCart, .button-buy-block .more {width: 120px; height: 30px; line-height: 30px; padding: 0px; transition: 250ms; margin-right: auto}
.button-buy-block .product-info {background: #FA5E2C; color: #fff; height: 30px; line-height: 30px; padding: 0; width: 120px; font-size: 11px; margin-right: auto; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 5px; text-align: center}

.product-wrapper .button-buy-block {gap: 10px}
/* .product-wrapper.out-of-stock {opacity: 0.2}
.product-wrapper.out-of-stock:hover {opacity: 1} */

.swiper-lazy-preloader {border: 2px solid #1565C0; border-top-color: transparent}
.products-wrapper .swiper-lazy-preloader {display: none}
.swiper-button-next, .swiper-button-prev {color: #6F7682; top: 22px; padding: 15px; width: 40px; height: 40px; border: 1px solid #6F7682; border-radius: 5px}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {pointer-events: auto}
.swiper-button-next:hover, .swiper-button-prev:hover {color: #fff; background: #1565C0; border-color: #1565C0}
.swiper-button-next:after, .swiper-button-prev:after {display: none}
.swiper-button-next {right: 0}
.swiper-button-prev {right: 50px; left: auto}
.swiper-button-next svg, .swiper-button-prev svg {width: 100%}

.catalog {margin-top: 22px}
.catalog-h-block {margin-bottom: 40px; flex-wrap: nowrap}
.product-h-block {margin-bottom: 40px; flex-wrap: nowrap}
.catalog-h-block h1 {margin-bottom: 0px}
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px}
.product-wrapper {position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background: #fff; border: 1px solid #EFF4F9; transition: 250ms; border-radius: 5px; gap: 10px}
.product-wrapper .code {color: #808d9a; line-height: 1; font-size: 13px; opacity: 0.5; transition: 250ms}
.product-wrapper:hover:before {border-color: #00ade7}
.product-wrapper .name {font-size: 15px; overflow: hidden; line-height: 1.3; margin-bottom: 10px; height: 3.9em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}
.product-wrapper:hover .name {color: #005596}
.product-wrapper:hover .code {opacity: 1}
.product-wrapper:hover {z-index: 2; box-shadow: 0 0 20px rgb(51 59 87 / 20%)}
.product-wrapper .text {margin-bottom: auto}
.product-wrapper .cart_form {display: none}
/*
.product-wrapper .product-price .currency:after {content: ''; height: 1px; width: 5px; top: 11px; left: 0px; background: #005596; position: absolute}
.product-wrapper .product-price .currency:before {content: ''; height: 1px; width: 5px; top: 8px; left: 0px; background: #005596; position: absolute}
*/



.product-wrapper .price-block {color: #1565C0; font-size: 16px; font-weight: 700; line-height: 1.2}
.product-wrapper .old-price {font-size: 13px; color: #FA5E2C; font-weight: 400}
.product-wrapper .img {display: block; position: relative; border-bottom: 1px solid #EFF4F9; height: 0; padding-bottom: 100%}
.product-wrapper .img img {object-fit: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.product-wrapper .block-variants {margin-bottom: 20px}
.product-wrapper .addToCompare {width: 22px; height: 22px; color: #808d9a}
.product-wrapper .addToCompare:hover {color: #00ade7}
.product-wrapper .stickers {position: absolute; left: -23px; top: 0; display: flex; flex-direction: column; align-items: flex-start; z-index: 1; font-size: 13px; font-weight: 700}
.product-wrapper .stickers div {margin-bottom: 10px; color: #fff; padding: 0px 13px; border-radius: 0 13px 13px 0; background: #000; line-height: 26px; height: 26px; flex-shrink: 0}
.product-wrapper .stickers div:before {content: ''; top: -3px; left: 0; border-left: 3px solid transparent; position: absolute}

.product-wrapper .stickers div.sale:before {border-bottom: 3px solid #500}
.product-wrapper .stickers div.sale {background: #FA5E2C}
.product-wrapper .stickers div.new {background: #6CDB7E}
.product-wrapper .stickers div.new:before {border-bottom: 3px solid #050}
.product-wrapper .stickers div.hit {background: #1565C0}
.product-wrapper .stickers div.hit:before {border-bottom: 3px solid #005}
.product-wrapper .like {width: 24px; height: 24px; color: #1565C0}
.product-wrapper .like:hover {color: #00ade7}
.product-wrapper .unlike {width: 24px; height: 24px; z-index: 2; color: #1565C0}
.sub-cats {margin-bottom: 20px; gap: 10px; padding-bottom: 20px; border-bottom: 1px solid #EFF4F9}
.sub-cats a {font-size: 14px; background: #EFF4F9; border-radius: 5px; transition: 250ms; text-transform: lowercase; padding: 5px 10px}
.sub-cats a:first-letter {text-transform: uppercase}
.sub-cats a:hover {color: #00ade7}
.sub-cats a.active {background: #1565C0; color: #fff}


.home-sub-cats {background: #EFF4F9; padding: 20px}
.home-sub-cats a {font-size: 15px; transition: 250ms; text-transform: lowercase; display: block; position: relative; padding-left: 20px}
.home-sub-cats li + li {margin-top: 15px}
.home-sub-cats a:first-letter {text-transform: uppercase; color: #00ade7; font-weight: 700}
.home-sub-cats a:hover {color: #00ade7}
.home-sub-cats a:before {content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #00ade7; border-bottom: 4px solid transparent; left: 0px; top: 7px}

.body__catalog .left-part {width: 220px}
.body__catalog .right-part {width: calc(100% - 220px - 40px)}


.mg-pager {text-align: center; margin-top: 40px}
.mg-pager li {margin: 0px 10px; display: inline-block}
.mg-pager li a {display: block; padding: 0px 10px; line-height: 35px; height: 35px; width: 35px; border-radius: 3px; text-decoration: none !important}
.mg-pager li.current a {background: #1565C0; color: #fff}
.catalog-slider .product-wrapper, .home-catalog-slider .product-wrapper {margin-left: 0px}
.home-catalog-slider {padding: 20px; margin: 0 -20px}
/* CATALOG */

/* PRODUCT */
.delivery-info {padding: 40px; margin: 40px 0; border-radius: 5px; color: #fff; background: #1565C0}
.delivery-info b {color: #fff}
.delivery-info a {margin-top: 20px; text-decoration: underline; display: block}
.delivery-info .h2-like {margin-top: 0; color: #fff}
.related {margin-top: 40px}

.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 {width: calc(100% - 100px); margin: 0}
.product-details-block .left-part .product-slider .img {height: 0; padding-bottom: 100%}
.product-details-block .left-part .product-slider:hover .zoom {color: #EF4156}
.thumbs-product-slider {width: 70px; height: 470px; margin: 0}
.thumbs-product-slider .swiper-slide img {transition: all 0.3s ease; width: 70px; object-fit: contain; aspect-ratio: 1/1; border: 2px solid #fff; border-radius: 10px;}
.thumbs-product-slider .swiper-slide-thumb-active img { border-color: #1565C0 !important}
.thumbs-product-slider .swiper-slide {height: 70px !important}

.product-details-block .left-part .product-slider .swiper-slide.video:after {content: ''; height: 80px; width: 80px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 10; right: 0; bottom: 0; margin: auto; opacity: 0.5}
.thumbs-product-slider .swiper-slide.video {background: #1565C0; border-radius: 10px}
.thumbs-product-slider .swiper-slide.video img {mix-blend-mode: multiply}
.thumbs-product-slider .swiper-slide.video:after {content: ''; height: 30px; width: 30px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 10; right: 0; bottom: 0; margin: auto; opacity: 1}
.product-details-block .swiper-slide.video:hover:after {opacity: 0.5}

.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 #EEEEEE; margin: 30px 0; display: block; border-radius: 5px; padding: 26px 31px; line-height: 1; color: #EF4156}
.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: #EF4156}
.product-details-block .right-part {width: calc(50% - 15px)}
.product-details-block .buttons-block {position: relative; gap: 15px}
.product-details-block .addToCart {width: 300px}
.product-details-block .mg-buy-click-button {border: 1px solid #EF4156; border-radius: 3px; height: 54px; line-height: 52px; text-align: center; color: #EF4156; display: block; margin-left: 10px; width: 216px}
.product-details-block .mg-buy-click-button:hover {border-color: #2A2A2A; color: #2A2A2A}
.swiper-pagination-bullet {background: #1565C0; opacity: 0.3}
.swiper-pagination-bullet-active {opacity: 1; background: #1565C0}

.fractions {position: absolute; z-index: 1; left: 50%; bottom: 0; color: #1565C0; font-weight: 700; transform: translateX(-50%); bottom: 30px}
.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: 25px; height: 40px; color: #1565C0; cursor: pointer}
.product-details-block .addToCompare {width: 25px; height: 40px; color: #808d9a}

.product-details-block .buy-block {margin-top: 35px}
.product-details-block .price {font-weight: 700; font-size: 24px}
.product-details-block .old-price {color: #FA5E2C; display: inline-block; font-size: 15px; position: relative; text-decoration: line-through}

.product-details-block .bonus-block {background: #EFF4F9; border-radius: 5px; padding: 20px; margin-top: 20px}

.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 {width: 100%; border-radius: 5px}
.product-details-block .product-slider .swiper-slide iframe {height: 100%; width: 100%; border-radius: 5px}

.product-slider .swiper-button-next, .product-slider .swiper-button-prev {top: 50%; transform: translateY(-50%); margin: 0}
.product-slider .swiper-button-prev {right: unset; left: 0}



.product-details-block .stickers div {margin-bottom: 10px; color: #fff; padding: 0 10px; text-align: center; border-radius: 2px; height: 30px; line-height: 30px; color: #fff; font-weight: 700; margin-right: 5px; font-size: 12px; text-transform: uppercase}
.product-details-block .stickers div.hit {background: #1565C0}
.product-details-block .stickers div.new {background: #6CDB7E}
.product-details-block .stickers div.sale {background: #FA5E2C}

.product-details-block span.stock-in {color: #6CDB7E; margin-bottom: 10px; display: block; font-weight: 700}
.product-details-block span.stock-out {color: #FA5E2C; margin-bottom: 10px; display: block; font-weight: 700}
/* PRODUCT */


/* BLOG */
.mg-main-news-list {display: grid; grid-template-columns: repeat(3,1fr); gap: 40px}
.mg-list-news-img {position: relative; height: 0; padding-bottom: 100%; display: block}
.mg-list-news-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 5px}
.allPages, .rss {display: none !important}
.mg-main-news-list .mg-news-info {font-size: 15px; overflow: hidden; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical}
.mg-news-info h3 {margin: 0 0 10px 0}
.mg-news-info .mg-news-date {color: #808d9a; font-size: 14px; margin: 10px 0}
.mg-news-details h1 {margin: 0 0 20px 0}
.mg-news-details .left-part {width: 520px}
.mg-news-details .right-part {width: calc(100% - 520px - 60px)}
.mg-news-details .main-news-img img {border-radius: 5px}
.mg-news-details .mg-news-date {margin-bottom: 20px; color: #808d9a}
/* BLOG */


/* CART */
.small-cart-table tr {display: grid; grid-gap: 20px; grid-template-columns: 60px auto 16px}
.cart-table tr {display: grid; grid-column-gap: 20px; grid-template-columns: 50px auto 16px; grid-template-areas: "img name delete" "img qty qty"}
.cart-table .img-cell {grid-area: img}
.cart-table .name-cell {grid-area: name}
.cart-table .count-cell {grid-area: qty}
.cart-table .remove-cell {grid-area: delete}


.cart-table tr + tr, .small-cart-table tr + tr {margin-top: 20px}
.small-cart-table .img-cell, .cart-table .img-cell {position: relative}
.small-cart-table .img-cell .js-smallCartAmount, .cart-table .img-cell .js-smallCartAmount {width: 20px; text-align: center; line-height: 20px; height: 20px; border-radius: 50%; background: #00ade7; color: #fff; position: absolute; top: 0; right: 0; font-size: 12px; font-weight: 700}
.small-cart-table .price-cell, .cart-table .price-cell {font-weight: 700}

.total-price-block {margin-top: 40px}
.total-price-block .total-sum {font-weight: 700; font-size: 24px; margin-left: 5px; vertical-align: middle}
/* CART */


/* ORDER */
.agreement-container {margin-top: 20px; font-size: 12px}
.body__order .left-part {width: calc(100% - 410px - 60px)}
.body__order .right-part {width: 410px; border: 1px solid #EFF4F9; padding: 40px 20px; font-size: 13px}
.form-list li {display: block; position: relative; margin-bottom: 20px}
.form-list.flex li {width: calc(50% - 15px)}
.form-list .placeholder {position: absolute; text-transform: lowercase; top: 0; pointer-events: none; left: 20px; height: 60px; line-height: 60px; opacity: 0.5; transition: 250ms}
.form-list input::placeholder {opacity: 0}
.form-list input:not(:placeholder-shown), .form-list input:focus, .form-list input:-webkit-autofill, input:-webkit-autofill:focus, .form-list textarea:not(:placeholder-shown), .form-list textarea:focus {padding-top: 12px}
.form-list input:not(:placeholder-shown) + .placeholder, .form-list input:focus + .placeholder, .form-list input:-webkit-autofill + .placeholder, input:-webkit-autofill:focus + .placeholder, .form-list textarea:not(:placeholder-shown) + .placeholder, .form-list textarea:focus + .placeholder, .form-list select + .placeholder, .form-list input:not(:placeholder-shown) + .suggestions-wrapper + .placeholder, .form-list input:focus + .suggestions-wrapper + .placeholder, .form-list input:-webkit-autofill + .suggestions-wrapper + .placeholder, input:-webkit-autofill:focus + .suggestions-wrapper + .placeholder, .form-list textarea:not(:placeholder-shown) + .suggestions-wrapper + .placeholder, .form-list textarea:focus + .suggestions-wrapper + .placeholder {transform: translateY(-15px); font-size: 10px; opacity: 1}


.delivery-details-list .wdel2 {font-family: inherit}
.deliveryInfo {font-weight: 700; margin-left: 10px}
.delivery-details-list .wdel2-inner {border: none; box-shadow: none}
.delivery-details-list #wdel2-tab1:checked~* .wdel2-tabs .wdel2-label1, .delivery-details-list #wdel2-tab2:checked~* .wdel2-tabs .wdel2-label2, .delivery-details-list #wdel2-tab3:checked~* .wdel2-tabs .wdel2-label3 {background: #00ade7; border-radius: 3px; color: #fff}
.delivery-details-list #wdel2-tab1:checked~* .wdel2-tabs .wdel2-label1 span, .delivery-details-list #wdel2-tab2:checked~* .wdel2-tabs .wdel2-label2 span, .delivery-details-list #wdel2-tab3:checked~* .wdel2-tabs .wdel2-label3 span {color: #fff}
.section-salesbeat {margin-top: 60px}
.section-salesbeat .wdel2-tabs {padding: 0px; margin: 15px 0px}
.section-salesbeat .wdel2-title {padding: 0px; color: #005596; font-size: 18px}
.section-salesbeat .wdel2-check .wdel2-name {padding: 0px; font-weight: 400}
.section-salesbeat .wdel2-check .wdel2-info {color: #005596}
.section-salesbeat #sb-cart-widget-result:not(:empty) {border: none; background: #EFF4F9; padding: 20px; border: 1px solid #EFF4F9}
.section-salesbeat .wdel2-input input, .section-salesbeat .wdel2-input textarea {border: none !important; border-radius: 0px !important; border-bottom: 1px solid #808d9a !important; padding: 0px !important; font-size: inherit !important; height: 32px !important; line-height: 31px !important}
.section-salesbeat .wdel2-side-l {background: #EFF4F9; border-right: 1px solid #EFF4F9}
.section-salesbeat .wdel2-checks {padding: 20px}
.section-salesbeat .wdel2-bottom {border: 1px solid #EFF4F9}
.section-salesbeat .wdel2-inputs {padding: 20px}
.section-salesbeat .wdel2-input textarea {height: 80px}
.section-salesbeat .wdel2-label {color: #808d9a; font-size: 13px; font-weight: 400}
.section-salesbeat .wdel2-check {box-shadow: none !important; background: none; border: none; padding: 10px 40px}
.section-salesbeat input:checked+.wdel2-check .wdel2-radio {border-color: #00ade7}
.section-salesbeat .wdel2-check .wdel2-radio {margin: 13px 0px}
.section-salesbeat input:checked+.wdel2-check .wdel2-radio:before {background-color: #00ade7}
.boxberry-courier {display: none}
/* ORDER */


/* PERSONAL */
.body__personal .left-part {width: 260px}
.body__personal .center-part {width: calc(100% - 340px)}
.body__personal .right-part {width: calc(100% - 260px)}
.body__personal .order-number {margin-top: 0px}
.body__personal .button {height: 40px; line-height: 40px}

.order-history-list tr {display: grid; grid-template-columns: 60px auto 100px 30px; grid-gap: 15px; grid-template-areas: "img name price qty"; position: relative; font-size: 13px}
.order-history-list tr + tr {margin-top: 15px}
.order-history-list td.img-cell {grid-area: img}
.order-history-list td.img-cell img {height: 60px}
.order-history-list .name-cell {grid-area: name}
.order-history-list .price-cell {grid-area: price; font-weight: 700}
.order-history-list .qty-cell {grid-area: qty; text-align: right}

.order-history-list .date {margin: 10px 0px}
.order-history-list .order-status {background: #00ade7; padding: 0px 15px; font-size: 13px; color: #fff; font-weight: 700; height: 22px; line-height: 22px; display: inline-block}
.order-history-list .order-total {margin-top: 20px; padding: 10px 0px 0px 0px !important; border-top: 1px solid #005596; font-size: 15px !important}




.order-history-list .item + .item {border-top: 1px solid #f3f3f3; margin-top: 26px; padding-top: 26px}
.order-history-list .buttons {text-align: right}
.order-history-list .title {width: 250px}
.order-history-list .item .details {font-size: 12px; width: calc(100% - 280px)}
.order-history-list .total {font-size: 12px; margin-left: 20px}
.order-history-list .total span {display: inline-block; width: 200px; text-align: right}
.order-history-list .total b {width: 100px; margin-left: 10px; display: inline-block}
.order-history-list .total-block {display: flex; justify-content: flex-end}
.order-history-list .info {background: #F8FBFC; padding: 20px 22px 20px 15px; margin-top: 10px; font-size: 12px; font-weight: 700; line-height: 20px}
/* PERSONAL */


/* COMPARE */
.check-difference {display: block; text-align: center}
.mg-compare-products .top-part {width: 100%}
.mg-compare-products {font-size: 13px; overflow-x: auto; width: 100%}
.mg-compare-products .mg-compare-fake-table-row {height: 40px; line-height: 1; border-bottom: 1px solid rgba(0,0,0,0.05); display: flex; align-items: center}
.mg-compare-products .mg-compare-fake-table-cell {display: flex; align-items: center}
.mg-compare-products .left-part {width: 260px; order: 1; font-weight: 400; padding: 20px; background: #EFF4F9; border-radius: 5px}
.mg-compare-products .right-part {width: calc(100% - 260px - 60px); order: 2; padding: 20px 0}

.mg-compare-product, .mg-compare-fake-table-cell {width: 200px}

.mg-compare-product-wrapper {padding-left: calc(260px + 60px); display: flex; gap: 20px; width: 100%}
.mg-compare-products .right-part .mg-compare-fake-table-row {display: flex; gap: 20px}
.mg-compare-products .c-goods__title {font-weight: 600}
.mg-compare-products .group-name-cell {font-weight: 600; font-size: 18px; margin-top: 40px}
.mp-remove-compared-product {text-align: center; font-weight: 600; color: #FA5E2C; display: block}
.mg-category-list-compare {margin-bottom: 40px}
/* COMPARE */

/* FOOTER */
footer {color: #EFF4F9; position: relative; background: #105099}
footer .top-part {padding: 40px 0px;  border-bottom: 1px solid rgba(255,255,255,0.1); font-weight: 700}
footer .top-part li + li {margin-left: 30px}
footer .top-part li svg {display: none}
footer .top-part .logo {display: block; width: 80px; height: 30px}
footer .top-part .logo svg * {fill: #fff}

footer .social {align-items: center; position: relative}
footer .social a {display: inline-block; width: 24px; height: 24px; margin-left: auto}
footer .social a + a {margin-left: 20px}
footer .top-part .social .title {font-size: 13px; font-weight: 500; opacity: 0.5; position: absolute; bottom: -25px; left: 0}
footer canvas {position: absolute; z-index: 1; height: 100%; top: 0px; left: 0px; width: 100%; pointer-events: none}
footer .payments-icon {height: 30px; width: 185px}
footer .middle-part {padding: 40px 0px; font-size: 15px; line-height: 1.3; border-bottom: 1px solid rgba(255,255,255,0.1)}
footer .middle-part .level-1 {position: relative; column-count: 4; gap: 20px}
footer .middle-part .level-1 li {text-transform: lowercase}
footer .middle-part .level-1 li:nth-of-type(4n) {margin-right: 0px}
footer .middle-part .level-1 li a {display: block; margin-bottom: 20px; position: relative; transition: 250ms}
footer .middle-part .level-1 li a:hover:before {border-left-color: #fff}
footer .middle-part .level-1 li a:first-letter {text-transform: uppercase; color: #00ade7; font-weight: 700; font-size: 20px; margin-right: 1px}
footer .middle-part .level-1 li a:hover:first-letter {color: #fff}
footer .middle-part .level-2 {display: none !important}

footer .bottom-part {padding: 40px 0}
footer .bottom-part .belka {display: block; width: 30px; height: 14px; opacity: 0.5}
footer .bottom-part .belka:hover {opacity: 1}

footer .bottom-part .ps {font-size: 11px; text-align: center; margin-top: 20px; opacity: 0.5}
footer .bottom-part .ps a {text-decoration: underline}

footer .p4-subscribe {width: 345px}
footer .p4-subscribe form {justify-content: space-between; gap: 15px}
footer .p4-subscribe .title {display: none}
footer .p4-subscribe input[type=text] {background: transparent; border: none; height: 40px; margin: 0; line-height: 39px; border-radius: 0; box-shadow: none !important; border-bottom: 1px solid #fff; color: #fff; padding: 0}
footer .p4-subscribe input[type=text]::placeholder {color: #fff}
footer .p4-subscribe input[type=button] {margin: 0; height: 40px; line-height: 39px; display: flex; align-items: center; justify-content: center; border-radius: 0; background: transparent; color: #fff; width: auto; border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;}
footer .p4-subscribe input[type=button]:hover {background: #fff; color: #0D3D73; border-color: #fff}

footer .contacts-block{gap: 30px;}
footer .contacts-block svg{width: 18px;height: 18px; margin-right: 4px;}

footer .page-menu li > a,
footer .email-footer, footer .phone {transition: all 0.2s ease;}

/* FOOTER */


@media screen and (max-width:1279px) {
.by-4 {grid-template-columns: repeat(3, 1fr)}
.home-slider .img {height: 250px}
/* header .page-menu li {margin-left: 30px} */

header .page-menu {width: auto;}

header .icons .icon + .icon {margin-left: 20px}
header .contacts-block .phone {font-size: 12px;}
header .contacts-block {font-size: 12px; line-height: 1.3}
header .icons .icon svg {width: 24px; height: 24px}
.product-grid {grid-template-columns: 320px 1fr 1fr; grid-column-gap: 30px}
.product-details-block .price {font-size: 30px}
header .logo {width: 90px}
.product-wrapper .code {font-size: 13px; bottom: 12px}
.body__catalog .left-part, .static .left-part, .home .left-part {width: 220px}
.body__catalog .right-part, .static .right-part, .home .right-part {width: calc(100% - 220px - 60px)}

.modal-search {width: auto;}
.thumbs-product-slider {width: 70px; height: 390px}
}

/*
@media screen and (max-width:1024px) {
.by-3 {grid-column-gap: 15px; grid-row-gap: 30px; grid-template-columns: repeat(2,1fr)}
.by-4 {grid-column-gap: 15px; grid-row-gap: 30px; grid-template-columns: repeat(2,1fr)}
}
*/

@media screen and (max-width:1023px) {
body {font-size: 14px}
.tablet-hide {display: none !important}
.tablet-show {display: block}
.overflow-y {overflow-y: auto}
::-webkit-scrollbar {display: none}
/* header .page-menu li {margin-left: 20px} */
header .catalog-menu-button .dots {margin-right: 10px;}
header .page-menu li {font-size: 14px;}
.top-line .grid {grid-template-columns: 100px auto max-content}
.catalog-menu-button {width: unset; margin-right: auto; font-size: 14px}
.modal-search input[type=search], .search input[type=search]{height: 24px;}
.modal-search button, .search button{width: 35px;}
.modal-search button svg {width: 10px; height: 10px;}
header .icons .icon .countsht {left: 26px}
.catalog-menu .level-1, footer .middle-part .level-1 {column-count: 3}
.home-slider .text {width: 65%; padding: 20px}
.home-slider .img.background {width: 35%}
.home-promo-block .home-slider .swiper-slide .inner:before {width: 75%}
.home-slider .img.product {width: 35%}
.home-slider .title {line-height: 1.1}
.home-categories .inner {gap: 5px}
.home-about .grid {grid-template-columns: repeat(2,1fr)}
.home-about {margin: 60px 0; padding: 60px 0}
h2, .h2-like {font-size: 22px}
.home-about .number {font-size: 26px; line-height: 1.2}

.product-details-block .left-part .product-slider {width: 100%}
.custom-swiper-pagination {position: static; width: 100% !important}
.swiper-pagination-bullet:only-child {display: block !important}
.custom-swiper-pagination .swiper-pagination-bullet {height: 50px; width: 50px}
.product-details-block .addToCart {width: calc(100% - 80px)}
.tab-links {gap: 20px}
.tab-links .tab-link {padding: 0; height: 40px; line-height: 40px}
.body__order .left-part {width: calc(50% - 20px)}
.body__order .right-part {width: calc(50% - 20px)}
.product-cart .cart_form button {width: 30px; height: 30px}
.product-cart .cart_form {max-width: 140px}

header .page-menu .level-1 {gap: 15px;}
header .icons .icon svg {width: 20px; height: 20px;}
header .logo {width: 60px}
.catalog .right-part {width: calc(100% - 230px)}
main {min-height: calc(100vh - 120px); padding-top: 40px}
.product-wrapper .price-block {font-size: 15px}
.product-wrapper {padding: 15px}
.sub-cats {grid-template-columns: repeat(4,1fr)}
.body__catalog .right-part, .home .right-part {width: 100%}
.body__catalog .left-part {position: fixed; width: 450px; transition: right 400ms; background: #fff; z-index: 1100; top: 0px; right: -450px; height: 100%; padding: 40px; overflow-y: auto}
.body__catalog .left-part.show {right: 0}
.catalog-h-block h1 {width: calc(100% - 30px); margin-bottom: 0px}
.catalog-h-block .filter-icon {width: 40px; height: 40px; background: #1565C0; border-radius: 3px; color: #fff; padding: 10px; margin-top: 3px}
.product-grid {grid-row-gap: 30px}
/*
.product-details-block .default-price {width: 100%; text-align: center}
.product-details-block .mg-remove-to-favorites, .product-details-block .mg-add-to-favorites, .product-details-block .addToCompare {position: static; margin-top: 20px}
.product-details-block .addToCompare {margin-left: 10px}
.product-details-block .cart_form {margin: 20px auto 0 auto}
*/
.product-grid {grid-template-areas: "slider title" "slider small-properties" "details right-part"; grid-template-columns: 3fr 2fr}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search] {height: 50px; padding: 0 10px}
select {height: 50px; padding: 12px 10px 0 10px}
.form-list.flex li {width: 100%}
.form-list li {margin-bottom: 10px}
.form-list .placeholder {height: 50px; line-height: 50px; left: 10px}
.form-list input:not(:placeholder-shown) + .placeholder, .form-list input:focus + .placeholder, .form-list input:-webkit-autofill + .placeholder, input:-webkit-autofill:focus + .placeholder, .form-list textarea:not(:placeholder-shown) + .placeholder, .form-list textarea:focus + .placeholder, .form-list select + .placeholder {transform: translateY(-13px); left: 10px}
footer {padding-top: 20px;padding-bottom: 20px;}
footer .contacts-block svg {width: 14px;height: 14px;}
footer .top-part li + li {margin-left: 0;}
footer .top-part .page-menu .level-1{gap: 15px;}

footer .top-part .max{flex-direction: column-reverse; gap: 40px;}
footer .top-part .social p{font-size: 6px; line-height: 1.3;}

footer .top-part .social .title{margin-bottom: 30px; text-align: start;}
}

@media screen and (max-width:767px) {
.product-wrapper .stickers {font-size: 11px}
.static .left-menu {padding: 10px}
.search-block {margin-bottom: 20px}
input[type=radio] {margin-right: 5px}
.promo-form .default-btn {right: 5px; top: 5px}
.search-block button {position: absolute; top: 0; right: 1px; width: 60px}
/* footer .p4-subscribe {display: none} */
.home-promo-block {grid-template-columns: 100%; grid-template-rows: unset; margin-bottom: 40px}
body.body__index .search-block {margin-bottom: 40px !important}
.home-about .grid {grid-template-columns: 100%;}
.home-about .grid img {width: 25px; height: 20px}
.home-about .grid .text {width: calc(100% - 40px)}
.home-promo-block .home-slider {grid-column: unset; grid-row: unset}
.mobile-hide, .bread-crumbs {display: none !important}
.product-wrapper .code {font-size: 11px}
.product-details-block .addToCart {width: calc(100% - 40px)}
.product-wrapper {padding: 0px; margin: 0px; border: none; box-shadow: none !important}
.mobile-show {display: block}

.header-line{width: 100%; height: 1px; background: linear-gradient(90deg, rgba(111, 118, 130, 0) 0%, #6F7682 48.17%, rgba(111, 118, 130, 0) 100%);}
header .icons .icon.auth .auth-title{font-size: 8px; line-height: 1.3; font-weight: 400;} 
header .icons .icon.auth {padding: 8px 10px; background-color: #1565C0; border: 1px solid #1565C0; border-radius: 3px;}
header .contacts-block{flex-direction: row; gap: 10px;}
header .work-time, header .contacts-block .phone {font-size: 12px; gap: 5px;}
header .contacts-block .phone svg, header .work-time svg {width: 10px;height: 10px;}
header .bottom-part {margin-top: 10px;}
.top-line .grid {grid-template-columns: 80px auto}
.top-line {padding: 10px 0 0 0}
.top-line .auth-block {justify-content: end}
header {padding: 10px 0}
.top-line .logo {height: 30px}
.product-details-block .product-status-list {margin-right: auto}
.tab-links {gap: 15px}

main {padding-top: 20px; min-height: calc(100vh - 100px); padding-bottom: 30px}
.home .right-part {width: 100%}
.by-3, .by-4 {grid-template-columns: repeat(2,1fr); grid-column-gap: 20px; grid-row-gap: 40px}
.mg-pager {grid-column: span 2}
h1, .product-details-block h1 {font-size: 20px}
h1 {margin-bottom: 20px}
h2, .h2-like {font-size: 18px}
.product-details-block .left-part, .product-details-block .right-part {width: 100%}
.page-menu {position: fixed; left: -200%;  background: #fff; top: 0px; height: 100%}
header .page-menu {width: 250px;}
.body__order .left-part {width: 100%; order: 2}
.body__order .right-part {width: 100%; order: 1; padding: 0; border: none}
header .icons .icon + .icon {margin-left: 10px}
.home-about {padding: 40px 0}
/* header .icons .icon {margin: 0px 15px} */
header .icons .icon svg {width: 22px; height: 22px}
footer .top-part {padding: 20px 0px}
footer .bottom-part {padding: 0px}
.home-slider .text {width: 100%; text-align: center; padding: 0 20px; order: 2}
.home-slider .button {margin: 20px auto 0px auto; line-height: 38px; border-width: 1px}
.by-4 {grid-template-columns: repeat(2, 1fr)}
.catalog-menu .level-1 {column-count: unset}
.catalog-menu .level-1 li a {margin-bottom: 15px}
.product-wrapper .button-buy-block {width: 100%; margin: 0px}
.catalog-menu {height: calc(100vh - 150px); overflow-y: auto; padding-top: 20px; font-size: 14px}
.catalog-menu .level-1 li a:first-letter {font-size: 16px}
.home-promo-block .small-promo .inner {height: unset; position: relative; padding: 45px 20px 10px 20px; min-height: 150px}
.home-promo-block .small-promo b {padding: 2px 5px; font-size: 12px; font-weight: 400; top: 10px; left: 20px}
.home-promo-block .small-promo .inner .title {font-size: 16px; font-weight: 400; line-height: 1.1}
.home-promo-block .small-promo .inner .sub-title {font-size: 14px}
.home-promo-block .home-slider .swiper-slide .inner {padding-bottom: 40px}
.catalog-menu .max {padding: 0px 20px; height: 100%}
.modal, .body__catalog .left-part {width: 100%; right: -100%; padding: 45px 15px 30px 15px}
.close {right: 15px; top: 15px}
.modal-cart .overflow-y {max-height: calc(100% - 100px)}
.modal .title {font-size: 18px}
.modal .amount_change .down:hover, .modal .amount_change .up:hover {border-color: inherit; background: inherit; color: inherit}
.modal .amount_change input[type=text] {width: 24px}
.sub-cats a {font-size: 13px}
.body__catalog .right-part {width: 100%}
.product-wrapper .name {font-size: 12px}
.product-wrapper .addToCompare {right: 3px}
.catalog-menu .overflow-y {max-height: calc(100% - 65px)}
.search {margin-bottom: 20px}
.product-grid {grid-template-columns: 100%; grid-template-areas: "title" "slider" "small-properties" "right-part" "details"; grid-gap: 15px}
.custom-swiper-pagination .swiper-pagination-bullet {height: 40px; width: 40px}
.custom-swiper-pagination {justify-content: center}
.prop-item {font-size: 12px}
.h-block {justify-content: space-between}
.delivery-info {padding: 40px 0}
.h-block a {margin-left: 0px; font-size: 12px; margin-top: 3px}
.home-slider .title {font-size: 18px}
.home-slider .img.product {height: 150px; margin: 20px 0; width: 100%; background-position: 50% 50%; order: 1}
.home-slider .img.background {height: 150px; width: 100%; margin: 20px 0; background-position: 50% 50%; background-size: contain}
.home-promo-block .home-slider .swiper-slide .inner:before {display: none}
footer .bottom-part {line-height: 2; font-size: 13px; text-align: center}
footer .bottom-part ul {width: 100%}
/* footer .bottom-part svg {display: none} */
footer .bottom-part .has-sub > svg {display: none}
footer .bottom-part .has-sub > a {display: none}
footer .bottom-part .level-2 {display: block}
.social {margin: 0px auto}
.static .left-part, .body__personal .left-part {width: 100%; font-size: 12px; margin-bottom: 30px; text-align: left}
.static .right-part, .body__personal .center-part, .body__personal .right-part {width: 100%}
.body__personal .right-part {display: none; padding-top: 30px}
.filter-preview {display: none !important}
.button, .sendComment {height: 40px; line-height: 40px; padding: 0px 10px}
.button-buy-block .addToCart, .button-buy-block .GoToCart, .button-buy-block .product-info {height: 30px; line-height: 30px; font-size: 10px; width: calc(100% - 34px)}
.cart-table tr + tr {margin-top: 15px; border-top: 1px solid #f3f3f3; padding-top: 15px}
.cart-table td {display: block; padding: 0px !important}

.order-history-list tr {grid-template-columns: 60px auto; grid-gap: 10px; grid-template-areas: "img name name" "img price qty"}
.order-history-list tr + tr {margin-top: 15px; border-top: 1px solid #f3f3f3; padding-top: 15px}
.body__personal .item .left-part {text-align: center; margin-bottom: 0px}
footer .payments-icon {margin-bottom: 15px; height: 25px; width: 100%}
.content table td:nth-of-type(1) {width: 60px; vertical-align: top; padding-top: 65px; padding-right: 20px}
.catalog-h-block .filter-icon {margin-top: 0; width: 28px; height: 28px; padding: 6px}
.wraper-fast-result li a {padding: 10px 0}

footer .bottom-part li {border-bottom: 1px solid rgba(255,255,255,0.1)}
footer .bottom-part li a {display: block; padding: 10px 0}
footer .pages {order: -3;}
footer .bottom-part .max.flex-center {flex-direction: column; gap: 20px}
footer .social {order: -1;}
footer .contacts-block {order: -2; justify-content: center; gap: 20px}

/* footer .payments-icon{order: 1;} */

footer .social .telegram svg{color: #fff;}

/* BURGER */

.bottom-part .mobile-show.catalog-menu-button {display: block;width: 30px;height: 20px;position: relative;cursor: pointer;
}

.bottom-part .mobile-show.catalog-menu-button span {display: block;position: absolute;height: 3px;width: 100%;background: #fff;transition: transform 0.3s ease;border-radius: 3px;margin: 0;}

.bottom-part .mobile-show.catalog-menu-button span:nth-child(1) {top: 0;}

.bottom-part .mobile-show.catalog-menu-button span:nth-child(2) {left: 0;top: 50%;transform: translateY(-50%);height: 2px;}

.bottom-part .mobile-show.catalog-menu-button span:nth-child(3) {bottom: 0;left: 0;top: inherit;}

/* Анимация для открытого состояния */
.bottom-part .mobile-show.catalog-menu-button.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}

.bottom-part .mobile-show.catalog-menu-button.active span:nth-child(2) {opacity: 0;}

.bottom-part .mobile-show.catalog-menu-button.active span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}

/* BURGER */

}


.disabled-btn {opacity: .6;}

.disabled-btn:hover {cursor: default !important;background-color: #005596;}

.delivery-details-list {flex-direction: column; display: flex; gap: 10px}

.delivery-details-list label {display: inline-block;width: auto;}

.payment-details-list {flex-direction: column;}

.payment-details-list label {display: inline-block;width: auto;}


@media screen and (max-width: 767px) {
	.home-slider .swiper-pagination {bottom: 10px; text-align: center; padding-right: 0}
}

.product-details-block h1 {text-transform: none !important;}

@media screen and (max-width:550px){header .logo {width: 40px;}
	.top-line {gap: 10px;}
}
@media screen and (max-width:450px){
	header .work-time, header .contacts-block .phone {font-size: 8px; gap: 3px;}
	header .contacts-block .phone svg, header .work-time svg {width: 6px;height: 6px;}
}
@media screen and (max-width:350px){
	header .contacts-block {flex-direction: column;gap: 3px;}
}