* {margin: 0;padding: 0;box-sizing: border-box}
a {text-decoration: none}
img {display: block;max-width: 100%}
html, body {min-height: 100vh}
body {min-height: 120vh;font-family: "Roboto", sans-serif;background-color: #f7f7f7}
html[data-page="product"] body {background-color: #fff}

h1, h2, h3, h4, h5, h6 {font-weight: 400}

.defaultContent {background: #fff;box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);border-radius: 12px;padding: 10px 30px 30px 30px;margin-bottom: 40px}
.defaultContent h2 {font-weight: 500;font-size: 22px;line-height: 26px;margin: 20px 0}
.defaultContent h3 {font-weight: 500;font-size: 20px;line-height: 24px;margin: 20px 0}
.defaultContent p {margin: 10px 0}
.defaultContent ul, .defaultContent ol {margin: 10px 0}
.defaultContent ul {margin-left: 18px;list-style-position: outside}
.defaultContent ol {list-style-position: inside}
.defaultContent ul li, .defaultContent ol li {margin: 10px 0}

.load {
    position: fixed;left: 0;top: 0;z-index: 1000;width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.15);transition: 0.3s;opacity: 0;
    background-image: url(/load.gif);background-repeat: no-repeat;background-position: 50%;background-size: 45px;
    display: none;
}
.load[data-step="1"] {display: block}
.load[data-step="2"] {display: block; cursor: wait;}
.load[data-step="3"] {display: block; cursor: wait; opacity: 1}

.fC, .fCC, .fCB {display: flex; align-items: center}
.fCC {justify-content: center}
.fCB {justify-content: space-between}

.fullFixed, .fullAbsolute {left: 0; top: 0}
.fullFixed {position: fixed; width: 100dvw; height: 100dvh}
.fullAbsolute {position: absolute; width: 100%; height: 100%}

.noScroll {-ms-overflow-style: none;scrollbar-width: none}
.noScroll::-webkit-scrollbar {display: none}

.cover {background-position: 50%;background-repeat: no-repeat;background-size: cover}
.overhide {overflow: hidden}

input[type="number"].noarrows {
  -moz-appearance: textfield; /* Firefox */
}
input[type="number"].noarrows::-webkit-inner-spin-button,
input[type="number"].noarrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Убирает отступы в Safari */
}

@media (width >= 1600px) {
    /* html[data-device-type="desctop"] .ROW { width: 1200px; margin-left: calc(50vw - 600px) }  */
    .ROW { width: 1200px; margin-left: calc(50vw - 600px) } 
}
@media (1600px > width >= 1200px) {
   /*  html[data-device-type="desctop"] .ROW { width: 1100px; margin-left: calc(50vw - 550px) }  */
    .ROW { width: 1100px; margin-left: calc(50vw - 550px) } 
}
@media (width >= 900px) {
    /* html[data-device-type="mobile"] .ROW { width: 800px; margin-left: calc(50vw - 400px) }  */
}

html[data-device-type="desctop"] .MAIN { min-height: calc(100vh - 205px) }
html[data-device-type="mobile"] .MAIN { min-height: calc(100vh - 50px) }

.FOOTER {position: relative;z-index: 4;background: #111;color: #fff}

.breadscrumb {margin: 15px 0;padding: 10px 0}
html[data-device-type="desctop"] .breadscrumb ul {flex-wrap: wrap}
html[data-device-type="mobile"] .breadscrumb {max-width: 100%;overflow-x: auto}
.breadscrumb ul {list-style: none}
.breadscrumb a {font-size: 14px;padding: 3px 0;color: #444;white-space: nowrap}
html[data-device-type="desctop"] .breadscrumb a:hover {color: orange}
.breadscrumb ul li {white-space: nowrap}
.breadscrumb ul li:not(:last-child)::after {
    content: '';display: block;width: 4px;min-width: 4px;height: 4px;background-color: #ddd;background-color: orange;border-radius: 50%;margin: 0 5px
}
@media (width < 1200px) {
    .breadscrumb {padding: 10px 12px}
}

.toTopBtnWrap {position: sticky;bottom: 0;z-index: 3}
.toTopBtn {
    background-color: #fff;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.15);border-radius: 12px;position: absolute;cursor: pointer;
    transition: 0.3s;
}
.toTopBtn {display: flex;align-items: center;justify-content: center}
.toTopBtn svg {fill: #444;width: 20px;height: 20px}

html[data-device-type="desctop"] .toTopBtn {width: 0px;height: 60px; right: 0;bottom: 20px;opacity: 0}
html[data-device-type="desctop"] body.toTop .toTopBtn {right: 20px;width: 60px;opacity: 1}
html[data-device-type="desctop"] body.isTop .toTopBtn {right: 0;width: 0px;opacity: 0}

html[data-device-type="mobile"] .toTopBtn {width: 0px;height: 0px; right: 0px;bottom: 65px; border-radius: 6px;opacity: 0}

html[data-device-type="mobile"] body.toTop .toTopBtn {right: 10px;width: 40px;height: 40px;opacity: 1}
html[data-device-type="mobile"] body.isTop .toTopBtn {right: 0;width: 0px; height: 0px; opacity: 0}

html[data-device-type="mobile"][data-page="product"] .toTopBtn {bottom: 120px}
html[data-device-type="mobile"][data-page="product"] body.toTop .toTopBtn {
    right: 10px;width: 40px; height: 40px; opacity: 1
}
html[data-device-type="mobile"][data-page="product"] body.isTop .toTopBtn {
    right: 0;width: 0px; height: 0px; opacity: 0
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 16px;
    height: 16px;
}
input[type="checkbox"]:checked {
    background-color: orange;
    border-color: orange;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.mobileMenu {width: 100%;position: sticky;bottom: 0;z-index: 30;height: 55px}
.mobileMenuBody {background: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);padding: 0 12px;border-radius: 12px 12px 0 0 ;height: 100%}
html[data-page="product"] .mobileMenuBody {border-radius: 0;box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25)}
@media ( width < 800px ) {
    html[data-page="cart"] .mobileMenuBody {border-radius: 0;box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25)}   
}

.bmLogoLink {display: flex;flex-direction: column;align-items: center;font-size: 9px;}
.bmLogoLink img {height: 25px}
.mobileMenu .bmLINK,
.mobileMenu .bmBTN {display: flex;flex-direction: column;align-items: center;font-size: 9px;text-transform: uppercase;min-width: 45px}
.mobileMenu .bmBTN {cursor: pointer}
.bmLogoLink span,
.mobileMenu .bmLINK span,
.mobileMenu .bmBTN span{white-space: nowrap;margin-top: 3px;color: #111}
.mobileMenu .bmBTN svg,
.mobileMenu .bmLINK svg {width: 25px;height: 25px}
body.cardReady .mobileMenu svg.icon-cart-shopping {fill: orange!important}


.defaultContent.defaultContentDocs {
    padding-top: 25px;
}
.defaultContentDocs a {
    display: inline-block;
    font-size: 18px;
    padding: 4px 0;
    color: #111;
}

.footer_coll a,
.footer_coll {
    color: #ddd;
}
@media (width < 900px) {
    .footer_coll_2 {
        display: none;
    }
    .footer_coll {
        margin-bottom: 10px;
    }
    .SUB_FOOTER {
        text-align: center;
    }
}

.mainCatalogs a {
    display: inline-block;
    color: #111;
    font-size: 18px;
    line-height: 20px;
    margin: 3px 0;
}
@media (width < 1200px) {
/*     .mainCatalogs a {
        padding: 0 15px;
    } */
}

.mainCatalogs {
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
    padding: 20px 20px;
    border-radius: 12px;    
}
.contactsPage {
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
    padding: 10px 20px 20px 20px;
    border-radius: 12px;
}
.contactsPage h2 {
    margin: 10px 0;
}
.contactsPage ul {
    margin: 10px 0;
    margin-left: 18px;
}
.contactsPage ul li {
    margin: 5px 0;
}
.contactsPage .txt {
    margin: 10px 0;
}
@media (width < 1200px) {
    .mainCatalogs,
    .contactsPage {
        margin: 0 12px;
    }
}