:root {
    --max-width: 1024px;
    --blue: #0071e3;
    --blue-7: rgb(0 113 227 / 70%);
    --blue-h: #0268ce;
    --black: #000000;
    --white: #ffffff;
    --bgcart: #fafafa;
    --main-bg: #F5F7FA;
    --green: #04b70a;
    --green-h: #04a009;
    --dark: rgb(40, 40, 40);
    --dark-7: rgb(0 0 0 / 70%);
}
body {font-family: "Inter", serif;font-weight: 400;color: var(--black);font-size: 14px;line-height: 20px;width: 100%;}
button {background: transparent;}
input:focus, input:active, button:active, button:focus, button, input {border: none;outline: none;}
input {height: 38px;padding: 0 15px;border-radius: 4px;}
input::-moz-placeholder {font-size: 12px;opacity: .5}
input:-ms-input-placeholder {font-size: 12px;opacity: .5}
input::-webkit-input-placeholder {font-size: 12px;opacity: .5}
h1 {margin: 0 0 30px;font-size: 30px;}
a:hover {text-decoration: none;}
.container {width: 100%;max-width: var(--max-width);}
header {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .06);background: black;display: flex;justify-content: center;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);flex-direction: column;align-items: center;}
header .top-section {width: 100%;padding: 0;background-color: white;border-radius: 20px 20px 0 0;}
header .top {width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;color: var(--white);font-size: 12px;padding: 0;}
header .top .top-row {display: flex;width: 100%;max-width: var(--max-width);margin: 0 auto;padding: 5px 15px;justify-content: space-between;}
header .top .top-row button.active, .bottom-fix, .header-row>p {display: none;}
header .top .top-row button {padding: 0 14px 0 0;position: relative;color: rgba(255, 255, 255, .8);}
header .top .top-row button img {margin: 0 8px 0 0;width: 16px;height: 17px;}
header .top .top-row button:after {content: '';width: 6px;height: 6px;border-right: 1px solid;border-bottom: 1px solid;position: absolute;right: 0;top: 4px;transform: rotate(45deg);}
header .top .top-row ul {display: flex;padding: 0;margin: 0;list-style: none;}
header .top .top-row ul>li {line-height: 1;display: flex;align-items: center;}
header .top .top-row ul>li>span {display: flex;width: 1px;height: 10px;background: rgba(0, 26, 52, 0.6);margin: 0 15px;opacity: .4;}
header .top .top-row a {color: rgba(255, 255, 255, .8);font-size: 12px;line-height: 1;}
header .top .top-row p {margin: 0 0 0 15px;color: rgba(255, 255, 255, .8);}
.header-row {display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;margin: auto;max-width: var(--max-width);}
.header-row .search {display: flex;align-items: center;justify-content: space-between;border-radius: 25px;margin: 0 20px;border: 1px solid #c2c8cf;box-sizing: content-box;flex-grow: 1;}
.header-row .search input {border-radius: 4px 0 0 4px;background: transparent;width: calc(100% - 60px);padding-left: 20px;}
.header-row .search button {font-weight: 700;height: 32px;width: 50px;display: flex;align-items: center;justify-content: center;padding: 0;}
.header-row .search button svg {height: 18px;stroke-width: 1.5px;}
.header-row .search button:hover svg {stroke: var(--blue)}
.header-row .user-area {display: flex;align-items: center;}
.header-row .user-area button {padding: 0;height: 40px;display: flex;align-items: center;position: relative;}
.header-row .user-area button>span {display: inline-flex;background-color: var(--blue);color: var(--white);font-size: 8px;width: 12px;height: 12px;align-items: center;justify-content: center;border-radius: 50px;position: absolute;right: -6px;top: 5px;}
.header-row .user-area button svg {height: 20px}
.header-row .user-area button:hover svg {fill: var(--blue)!important;}
.header-row .user-area button.account:hover svg {stroke: var(--blue)}
.header-row .user-area button+button {margin: 0 0 0 28px;}
.menu-row {border-top: 1px solid rgba(0, 0, 0, 0.08);}
.menu-container {width: 100%;max-width: 1170px;margin: 0 auto;display: flex;align-items: center;height: 52px;padding: 0 15px;}
.menu-container>button {display: flex;align-items: center;font-weight: 600;font-size: 16px;}
.menu-container>button>svg {margin: 0 8px 0 0}
.logo {display: flex;font-size: 26px;font-weight: 700;text-transform: uppercase;align-items: center;}
.logo>.div {display: flex;align-items: center;}
.logo>.div a {color: var(--black);font-family: "Rubik", sans-serif;font-weight: 500;}
.logo>.div span {display: inline-flex;color: var(--blue);padding-left: 1px;}
.moldavan-radar {position: relative;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 100px;margin: 0 8px 0 0;}
.moldavan-radar .rs {border-radius: 50px}
#radar-svg {position: absolute;top: 0;left: -81px;right: 0;bottom: 0;margin: auto;z-index: 3;box-sizing: border-box;pointer-events: none;overflow: hidden;}
.breadcrumb {width: 100%;max-width: var(--max-width);padding: 0;margin: 15px auto 30px;background: transparent;display: flex;align-items: center;flex-wrap: wrap;}
.breadcrumb a {color: #5757577a;font-size: 12px}
.breadcrumb a:hover {color: var(--blue)}
.breadcrumb span {font-size: 12px}
.breadcrumb>li+li:before {color: #5757577a;font-size: 11px;}
.menu-trigger {display: flex;align-items: center;background-color: var(--blue);padding: 0 20px;border-radius: 25px;color: var(--white);height: 40px;font-size: 14px;font-weight: normal;margin: 0 0 0 25px;}
.menu-trigger svg {margin: 0 8px 0 0;fill: var(--white);height: 20px;stroke-width: 1.5px;}
.menu-trigger:hover {background-color: var(--blue-h)}
.text-main {height: 200px;overflow: auto;margin-top: 40px}
.text-main h1 {margin-top: 0}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #8080804a; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: var(--main-bg); border-radius: 0px;}
::-webkit-scrollbar-thumb:hover {background: var(--blue-h); }
.fixed-header, .to-top {padding-top: 86px;}
.fixed-header header {z-index: 5;position: fixed;top: -60px;left: 0;width: 100%;opacity: 1;transition: .2s;transition-duration: .3s;}
.fixed-header.to-top header {z-index: 5;transition: .2s;top: 0;transition-duration: .3s;}
.to-top header {position: fixed;top: 0;left: 0;width: 100%;z-index: 5;}
.fixed-header.to-bottom header {opacity: 0;z-index: -1}
.fixed-header .top, .to-top .top {display: none;}
.cookie {position: fixed;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;opacity: 0;transition: .2s;z-index: -10;align-items: flex-end;}
.cookie.cookie-showed {opacity: 1;transition: .2s;z-index: 99;}
.cookie .cookie-wrapper {display: flex;width: auto;justify-content: center;align-items: center;padding: 2rem 2.25rem;border-radius: 20px;background-color: var(--dark-7);margin: 0 15px 3%;flex-wrap: wrap;gap: 15px;line-height: 1.35;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .06);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.cookie p {margin: 0;color: var(--white)}
.cookie p>a {color: var(--white);text-decoration: underline;}
.dark .cookie .cookie-wrapper {background: var(--black)}
.btn-primary {background-color: var(--blue);border-color: var(--blue);border-radius: 50px}
.btn-success {color: #fff;background-color: var(--green);border-color: var(--green);border-radius: 50px;height: 40px;padding: 0 20px;display: inline-flex;align-items: center;justify-content: center;}
.btn-success:hover {color: #fff;background-color: var(--green-h);border-color: var(--green-h);}
.column-left {position: fixed;left: -100%;top: 0;height: 100dvh;z-index: 10;background: var(--white);transition: .2s;transition-duration: .3s;}
.filter-active .column-left {left: 0;transition: .2s;transition-duration: .3s;}
.filter-row {display: flex;align-items: center;justify-content: space-between;padding: 5px 0 15px;margin: 0 0 30px;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .06);}
.filter-row label {font-weight: normal;margin: 0;}
.filter-row .sort {display: flex;align-items: center;}
.filter-row .sort .nice-select {background: transparent;min-width: fit-content;height: 22px;line-height: 22px;}
.filter-row .sort .nice-select:after {top: 3px;width: 16px;height: 16px;background-size: cover;}
.filter-row .filter-trigger {display: flex;align-items: center;}
.filter-row .filter-trigger svg {margin: 0 8px 0 0;height: 20px;stroke-width: 1.5px;}
.product-row {display: flex;flex-wrap: wrap;gap: 16px;}
.product-row .product-layout {width: calc(25% - 12px);}
.product-thumb {background-color: var(--bgcart);margin: 0;padding: 25px 15px 15px;border-radius: 15px;position: relative;}
.product-thumb .button-group {position: absolute;right: 10px;display: flex;flex-direction: column;gap: 5px;}
.product-thumb .button-group button {padding: 0;height: 20px;}
.product-thumb .button-group button.compare {display: none}
.product-thumb .button-group button>svg {height: 20px}
.product-thumb .image {margin: 0 0 20px}
.product-data {padding: 0 10px}
.product-data a {color: var(--black);display: flex;justify-content: center;text-align: center;}
.product-data p {background-color: var(--blue);border-radius: 15px;display: flex;margin: 15px 0 0;color: var(--white);justify-content: center;height: 30px;align-items: center;}
.product-data p small {padding-right: 6px;}
.spec-list {background: var(--bgcart);border-radius: 16px;color: var(--black);padding: 30px 0}
.spec-list-flex {display: flex;gap: 0 50px;padding: 24px 0;flex-wrap: wrap;}
.spec-list .title {width: 100%;font-size: 24px;margin: 0 0 30px;text-align: center;}
.spec-list ul {flex-grow: 1;}
.spec-list ul>li {display: flex;align-items: center;justify-content: space-between;position: relative;margin: 16px 0;}
.spec-list ul>li>span {display: block;z-index: 2;background: var(--bgcart);padding: 0 5px 0 0;opacity: .4;}
.spec-list ul>li>span+span {padding: 0 0 0 5px;opacity: 1;}
.spec-list ul>li:before {content: '';position: absolute;left: 0;bottom: 4px;width: 100%;height: 1px;border-top: 1px dashed var(--dark);z-index: 1;opacity: .2;}

footer {background-color: var(--black);padding-bottom: 20px;margin-top: 50px}
footer .bottom-row {background-color: white;border-radius: 0 0 20px 20px}
footer .bottom-flex {max-width: var(--max-width);margin: 0 auto;display: flex;}

@media screen and (max-width: 1125px) {
    .fast-touch {display: none;}
}

@media screen and (max-width: 991px) {
    .header-row {flex-wrap: wrap;}
    .menu-trigger>span {display: none;}
    .logo {order: 2;flex-direction: row-reverse;}
    .user-area {order: 3}
    .header-row .search {order: 4;width: 100%;margin: 20px 0 0;}
    .menu-trigger {margin: 0 25px 0 0;padding: 0 10px;}
    .menu-trigger svg {margin: 0}
    h1 {font-size: 30px;}
    .header-row .search button {padding: 0;}
    header .top .top-row p {margin: 0}
}

@media screen and (max-width: 768px) {
    
}

@media screen and (max-width: 575px) {
    .top-row p, .header-row .menu-trigger, .header-row .user-area {display: none;}
    .top-row ul {width: 100%;justify-content: space-between;}
    .top-row ul>li {width: fit-content;display: flex;justify-content: center;}
    .top-row ul>li>span {margin: 0;}
    .bottom-fix {position: fixed;bottom: 0;left: 0;height: 54px;display: flex;align-items: center;width: 100%;background-color: #ffffffa8;border-radius: 15px 15px 0 0;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);padding: 0 5px;border: 1px solid rgb(0 0 0 / 6%);}
    .bottom-fix>button {width: 25%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .bottom-fix>button>span {color: var(--black);font-size: 10px;}
    .bottom-fix>button+button {border-left: 1px solid #ffffff59}
    .bottom-fix>button>svg {fill: var(--black);height: 20px;stroke-width: 1.5;}
    .bottom-fix>button.catalog>svg {stroke: black;} 
    .header-row {justify-content: center;}
    h1 {font-size: 22px;}
    .logo {order: 1}
    .header-row>p {order: 2;display: flex;opacity: .6;font-size: 12px;width: 100%;justify-content: center;}
    footer {padding-bottom: 70px;}
}