/*Roboto Regular*/
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf');
    src: local('☺'), url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

:root {
    --rob-reg: "Roboto", sans-serif;
    --rob-med: 400;
    --rob-bold: 700;
    --rob-x-bold: 900;

    --primary: #D12C24;
    --primary2: #C1130B;
    --primary3: #B30800;
    --accent: #FADD52;
    --accent-green: #44B32A;
    --text: #303030;
    --text-2: #585858;
    --white: #FFFFFF;
    --light-grey: #D5D6E8;
    --light-grey2: #EFF0F3;
    --light-grey3: #D2D6DF;
    --grey: #939393;
    --grey-2: #7C7C7C;
    --pink: #FF8D87;
}

.container {
    overflow: hidden;
    padding: 0 10px;
}

.text-s {
    font: 13px var(--rob-med) var(--rob-reg);
}

.text-m {
    font: 14px var(--rob-med) var(--rob-reg);
}

.text-l {
    font: 15px var(--rob-med) var(--rob-reg);
}

.text-xl {
    font: 16px var(--rob-med) var(--rob-reg);
}
.pink {
    color: var(--pink)!important;
}

h3 {
    font-size: 1.5rem;
}

.bold-text {
    font-weight: var(--rob-bold);
}

#global {
    margin-bottom: 0 !important;
    position: relative;
}

.cancel {
    display: block;
    background: transparent url("../images/remove.svg") no-repeat center;
}
.central-content {
    font: var(--rob-reg);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#global-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 300ms;
}

#global-hover.cover {
    transition: 300ms;
    background-color: var(--grey-2);
    opacity: 0.5;
    z-index: 2;
}

input.input-text {
    display: block;
    width: 100%;
    border: 1px solid var(--light-grey);
    border-radius: 2px;
    color: var(--text);
    padding: 9px 35px 9px 13px;
    overflow: hidden;
    position: relative;
}
input.input-text.warning {
    outline: 1px solid var(--accent) !important;
    outline-offset: 2px;
}

button.remove-btn {
    display: none;
}

button.remove-btn.visible {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--light-grey2) url("../images/remove-lht-grey.svg") no-repeat center;
    position: absolute;
    right: 13px;
    top: 25%;
    border: none;
}

input.input-text:disabled {
    display: block;
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    color: #DBDBDB;
    cursor: not-allowed;
    background: #F8F8F8;
}

input.input-text:focus, input.input-text:focus-visible, input.input-text:focus-within {
    display: block;
    width: 100%;
    border: 1px solid #3C7BC4;
    border-radius: 2px;
    color: var(--text);
    outline: none;
}

#header-block {
    display: none;
}

.logotype {
    display: block;
    width: 100%;
    /*behavior: url(/css/ie-css3.htc)*/
}

.logotype img {
    width: 100%;
}

.search {
    display: block;
    width: 100%;
    padding: 0 20px 0 15px;
}

.search form input#search {
    display: block;
    border: 1px solid var(--light-grey);
    position: relative;
    width: 100%;
    font: normal 15px var(--rob-med) var(--rob-reg);
    color: var(--text);
    padding: 14px 15px 14px 48px;
}

.search form input#search[att="placeholder"] {
    color: var(--grey-2);
}

.search form button {
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    left: auto;
    top: 0;
    border: none;
    cursor: pointer;
    background: transparent;
}
.search form button svg {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    color: var(--grey-2);
    transform: translate(-50%, -50%);
}

.info {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.schedule .time {
    margin-bottom: 20px;
}

.callback-ringo {
    display: inline-block;
    border-bottom: 1px dashed;
}

.schedule .callback-ringo {
    color: var(--primary);
}

.info {
    padding: 0 0 0 20px;

}

.info .telephone {
    display: flex;
}

.info .telephone p {
    margin-bottom: 10px;
}

.info .telephone p a {
    color: var(--text);
}

.contacts a {
    color: var(--text);
}

.contacts a {
    display: block;
    padding: 2px 0 2px 28px;
}

.contacts .map-ico,
.contacts .email-ico {
    position: relative;
}

.contacts .email-ico {
    margin-bottom: 5px;
}

.contacts .email-ico:before,
.contacts .map-ico:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    content: url("../images/envelop.svg");
}

.contacts .map-ico:before {
    content: url("../images/Location.svg");
}

footer {
    background: var(--text);
    color: var(--white);
}

#footer-container {
    padding: 20px 5px 20px;
}

#footer-block .schedule .callback-ringo {
    color: var(--white);
}

#footer-block .info {
    padding: 0;
    margin-bottom: 30px;
}

#footer-block .info .schedule {
    margin-bottom: 30px;
}

#footer-block .info .contacts a {
    color: var(--white);
}

#footer-block .contacts .map-ico:before {
    content: url("../images/Location_w.svg");
}

#footer-block .contacts .email-ico:before {
    content: url("../images/envelop_w.svg");
}

#footer-block .list-pages-container {
    display: flex;
    padding: 0;
}

#footer-block .list-pages {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

#footer-block .list-pages .list-title {
    display: block;
    font: normal var(--rob-bold) var(--rob-reg);
    margin-bottom: 15px;
}

#footer-block .list-pages a.list-item {
    display: block;
    font: normal var(--rob-med) var(--rob-reg);
    margin-bottom: 8px;
    color: var(--white);
}

.divider {
    width: 100%;
    height: 1px;
    background: var(--grey-2);
    margin: 20px 0;
}

.footer-bottom {
    display: flex;
    color: var(--grey);
}

.footer-bottom .f-soc {
    margin-bottom: 20px;
}

.footer-bottom .f-soc .f-top {
    margin-bottom: 10px;
}

.footer-bottom .f-soc .soc-but {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
}

.footer-bottom .f-soc .soc-but li {
    display: block;
    width: 40px;
    height: 40px;
    border: none;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 5px;
    background: var(--grey) url("../images/linkedin.svg") center no-repeat;
}

.accent-objects {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.accent-objects .accent-element {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(172deg, #C1130C 43%, var(--primary) 43%);
    max-height: 168px;
    overflow: hidden;
}

.accent-objects.main .accent-element {
    padding: 15px 10px 20px;
    margin: 5px;
    width: calc(50% - 10px);
    box-sizing: border-box;
}

.accent-objects .accent-element .accent-image {
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.accent-objects .accent-element .accent-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accent-objects .accent-element a {
    display: block;
    color: var(--white);
    text-align: center;
}

#banner-slider-container {
    margin-bottom: 10px;
}

#banner-slider-container #banner-slider {
    position: relative;
}

#banner-slider-container #banner-slider .owl-item {
    width: 900px;
}

#banner-slider-container #banner-slider .item {
    width: 100%;
    height: 200px;
}

#banner-slider-container #banner-slider .item .banner-link {
    display: block;
    height: 100%;
    position: relative;
    z-index: 0;
}

#banner-slider-container #banner-slider .item .banner-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 1;
}

#banner-slider-container #banner-slider .item .banner-link .banner-title-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 90%;
    background-image: linear-gradient(125deg, var(--primary) 55%, transparent 55%);
}

#banner-slider-container #banner-slider .item .banner-link .banner-title-container .banner-text-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px;
    width: 70%;
}

#banner-slider-container #banner-slider .banner-title-container .banner-text-wrapper span {
    color: var(--white);
    display: block;
    margin-bottom: 10px;
}

#banner-slider-container #banner-slider .banner-title-container .banner-text-wrapper span.title {
    text-transform: uppercase;
    font: normal var(--rob-reg);
    font-size: 14px;
    font-weight: var(--rob-x-bold);
}

#banner-slider-container #banner-slider .banner-title-container .banner-text-wrapper span.description {
    font: normal var(--rob-reg);
    font-size: 8px;
    width: 62%;
}

.about-company {
    color: var(--white);
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.about-company:before {
    position: absolute;
    width: 512px;
    height: 532px;
    display: block;
    top: -78px;
    left: -47px;
    background: var(--primary2);
    content: '';
    border-radius: 41%;
}

.about-company .about-company-logo {
    margin-bottom: 40px;
}

.about-company .about-company-logo .logo-wrapper {
    width: 176px;
    height: 40px;
    margin-bottom: 20px;
}

.about-company .about-company-logo .logo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.about-company .accent-objects.secondary .accent-element {
    padding: 20px;
    background: linear-gradient(172deg, var(--primary3) 43%, var(--primary2) 43%);
    margin-bottom: 20px;
    text-align: center;
    height: 168px;
    max-height: unset;
}

.about-company .image-wrapper {
    width: 100%;
    max-height: 468px;
}

.about-company .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 50;
}

.copyright {
    text-align: center;
}

.menu-wrapper {
    position: relative;
}

.main-menu-elements {
    background: var(--primary);
    color: var(--white);
    padding: 5px 10px;
    flex: 1;
    justify-content: space-between;
}

#device-menu {
    display: none;
}

#device-menu.open .device__menu__close {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: url("../images/Remove-white.svg") no-repeat center;
    top: 15px;
    right: 15px;
}

#device-menu.open .device-menu-top .search {
    width: 100%;
}

#device-menu.open {
    display: block;
    position: fixed;
    top: 46px;
    left: 0;
    background: var(--primary);
    color: var(--white);
    z-index: 300;
    padding: 40px 30px;
    height: 100%;
    overflow: scroll;
    scrollbar-width: none;
}
#device-menu.open.scrolled {
    top: 0;
}

#device-menu.open a {
    color: var(--white);
    display: flex;
    flex: 1;
}

#device-menu.open .device-menu-top .search {
    display: block;
    margin-bottom: 10px;
    padding: 0;
}

#device-menu.open .device-menu-top .search form input#search {
    padding: 9px 15px 9px 40px;
    border-radius: 2px;
}

#device-menu.open .device-menu-top .search form button {
    width: 40px;
    height: 44px;
    left: auto;
    top: 40px;
}

#device-menu.open .device__menu__middle .menu__item {
    padding: 10px 0;
    margin-bottom: 1px;
    margin-top: 0;
    color: var(--white);
    fill: var(--white);
    display: flex;
    flex-direction: column;
    position: relative;
}

#device-menu.open .device__menu__middle .menu__item .icon-wrapper {
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 15px;
}

#device-menu.open .device__menu__middle .menu__item .arrow {
    display: block;
    border-bottom: 1px solid var(--white);
    border-right: 1px solid var(--white);
    width: 12px;
    height: 12px;
    transition: transform 0.3s ease;
    transform: rotate(-45deg);
}

#device-menu.open .device__menu__middle .menu__item .arrow.open {
    transform: rotate(45deg);
}

#device-menu.open .device__menu__middle .menu__item .submenu {
    display: none;
    margin-top: 0;
}

#device-menu.open .device__menu__middle .menu__item.open ~ .menu__item {
    margin-top: 20px;
}

#device-menu.open .device__menu__middle .menu__item .submenu.open {
    display: block;
    margin-top: 10px;
    padding: 5px 10px 5px 35px;
}

#device-menu.open .device__menu__middle .menu__item .submenu.open .submenu__item {
    display: block;
    padding: 4px 0;
    margin-bottom: 1px;
}

#device-menu .divider-hor {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--primary2);
    margin: 20px 0;
}

#device-menu .device__menu__bottom li {
    margin-bottom: 20px;
}

#device-menu .device__menu__bottom li:last-of-type {
    margin-bottom: 0;
}

.device-menu-open-btn {
    display: block;
    margin: 1px;
    padding: 4px 6px 4px 8px;
}

.device-menu-open-btn .device-menu-icon {
    display: block;
    width: 22px;
    height: 22px;
    background: url("../images/menu-05.svg");
}

.device-menu-open-btn .device-menu-text {
    display: none;
    color: var(--white);
}

.main-menu-elements .logotype {
    display: block;
    padding: 4px;
    margin: 1px;
}

.main-menu-elements .logotype a {
    display: block;
    width: 92px;
    height: 100%;
}

.main-menu-elements .logotype img {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: contain;
}

.main-menu-elements .search {
    display: none;
}

.main-menu-elements .search.search-mob {
    display: flex;
    justify-content: end;
    padding: 4px;
    margin: 1px;
}

.main-menu-elements .search.search-mob .search-mob-open-btn {
    display: block;
    width: 22px;
    height: 22px;
    padding: 10px;
    margin: 1px;
    border: none;
    background: url("../images/Search-white.svg") no-repeat center;
}

.main-menu-elements .search.search-mob .device__search {
    display: none;
}

.main-menu-elements .search.search-mob .device__search.open {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
}

.main-menu-elements .search.search-mob form.device__search.open input#search {
    font: normal 13px var(--rob-reg);
    padding: 15px 30px 14px 40px;
    overflow: hidden;
}

.main-menu-elements .search.search-mob form.device__search.open button {
    width: 40px;
    height: 46px;
}

.main-menu-elements .search.search-mob form.device__search.open button.cancel {
    left: unset;
    width: 30px;
    right: 0;
    background: url("../images/remove.svg") no-repeat center;
}

.action-menu-elements {
    padding: 4px 10px;
    background: var(--accent);
    color: var(--text);
}

.action-menu-elements .image-wrapper {
    padding: 6px;
    margin: 1px;
    display: block;
}

.menu-wrapper .action-menu-elements .action-menu-element {
    color: var(--text);
}

.menu-wrapper .action-menu-elements .text-wrapper {
    display: none;
}

.menu-wrapper {
    margin-bottom: 25px;
}

#content-block, #slider-container {
    padding: 0 5px;
}

.incompare {
    margin-right: 13px;
}

.incompare a.add_compare,
.inbookmarks a.add_bookmark {
    width: 22px;
    height: 22px;
    display: block;
}

.incompare a.add_compare.grey,
.inbookmarks a.add_bookmark.grey {
    color: var(--grey-2);
}

.incompare a.add_compare.red,
.inbookmarks a.add_bookmark.red {
    color: var(--primary);
}

.incompare a.add_compare.grey svg,
.inbookmarks a.add_bookmark.grey svg {
    stroke: var(--grey-2);
}

.incompare a.add_compare.red svg,
.inbookmarks a.add_bookmark.red svg {
    stroke: var(--primary);
}

.incompare a.add_compare.red span,
.inbookmarks a.add_bookmark.red span,
.incompare a.add_compare.grey span,
.inbookmarks a.add_bookmark.grey span {
    display: none;
}

.goods-section {
    padding: 30px 0;
    margin-bottom: 20px;
}

.goods-section .goods-section-heading {
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.goods-section .goods-section-heading h3.goods-section-title {
    display: block;
    margin-right: 17px;
    font-family: "Roboto";
    font-weight: var(--rob-bold);
    color: var(--text);
}

.goods-section .goods-section-heading a.goods-section-all-goods {
    display: block;
    padding: 1px 3px;
    color: var(--text);
    text-decoration: underline;
}
.goods-section .goods-section-heading a.goods-section-all-goods:hover {
    color: var(--primary);
}

.goods-section.primary {
    padding: 20px 10px;
    background: var(--primary);
}

.goods-section.primary .goods-section-heading {
    margin-bottom: 20px;
}

.goods-section.primary .goods-section-heading h3.goods-section-title {
    display: block;
    margin-right: 17px;
    font-family: "Roboto";
    font-weight: var(--rob-bold);
    color: var(--white);
}

.goods-section.primary .goods-section-heading a.goods-section-all-goods {
    display: block;
    padding: 1px 3px;
    color: var(--white);
    text-decoration: underline;
}

.good {
    border: 1px solid var(--light-grey3);
    display: block;
    background: var(--white);
}

.good:hover {
    box-shadow: 0 2px 30px 0 #6E737D4D;
    transition: 300ms;
}

.good-image {
    width: 100%;
    height: 257px;
    background: var(--light-grey2);
}

.good-image .good-info {
    padding: 10px 20px 5px;
    justify-content: space-between;
    align-items: baseline;
}

.good-image .good-info .g-sku {
    color: var(--grey-2);
}

.good-image .good-info .g-sku {
    display: block;
    width: 70%;
    text-wrap: nowrap;
    overflow: hidden;
}

.good-image .good-image-wrapper {
    width: 100%;
    height: 219px;
    display: block;
    position: relative;
    background: url("../images/image-placeholder.svg") no-repeat center;
}

.good-image .good-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.g-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 342px;
}

.g-body .g-body-text-content {
    flex-grow: 1;
    overflow: hidden;
    max-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.g-body .g-title {
    display: block;
    font-weight: bold;
    color: var(--text);
    margin-bottom: 10px;
    text-transform: uppercase;
    overflow: hidden;
    line-height: 1.2em;
    max-height: 2.4em;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}

.g-body .g-body-title-desc {
    max-height: 142px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.g-body .g-description, .g-body .g-desc {
    color: var(--grey-2);
    margin-bottom: 10px;
    list-style: inside;
}

.g-body .g-description li, .g-body .g-desc li {
    color: var(--text-2);
    font-size: 14px;
    margin-bottom: 5px;
}

.g-body .g-amount {
    color: var(--accent-green);
    margin-bottom: 5px;
}

.g-body .quick-delivery {
    color: var(--text);
    margin-bottom: 5px;
}

.g-body .g-price-info {
    padding: 10px 0;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.g-body .g-price-info .discount {
    color: var(--grey);
    font: normal 18px var(--rob-reg);
    text-decoration: line-through;
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 0;
}

.g-body .g-price-info .g-price {
    color: var(--text);
    font: normal 22px var(--rob-reg);
    font-weight: bold;
}

.dlc-fon .dlc-addtocart {
    display: flex;
    justify-content: center;
}

.dlc-fon .dlc-addtocart .dlc-button.cart-add {
    color: var(--white);
    padding: 14px 0;
    width: 100%;
    background: var(--primary);
    text-align: center;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    border: 1px solid var(--primary);
    transition: 300ms;
    align-content: center;
}

.dlc-fon .dlc-addtocart .dlc-button.cart-add svg {
    display: flex;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    stroke: var(--white);
    transition: 200ms;
    align-self: center;
}

.dlc-fon .dlc-addtocart .dlc-button.cart-add:hover {
    background: var(--white);
    color: var(--primary);
    stroke: var(--primary);
    text-decoration: none;
}

.dlc-fon .dlc-addtocart .dlc-button.cart-add:hover svg {
    color: var(--primary);
}

.dlc-fon .dlc-addtocart .dlc-button.cart-add.btn-locked {
    color: var(--primary);
    padding: 14px 0;
    width: 100%;
    background: var(--light-grey);
    text-align: center;
    border-radius: 2px;
    cursor: not-allowed;
    background: var(--white);
    text-shadow: none;
}

.dlc-fon .dlc-addtocart .dlc-button.to-clarify {
    color: var(--primary);
    padding: 14px 0;
    width: 100%;
    background: var(--white);
    text-align: center;
    cursor: pointer;
    border: 1px solid #ffffff;
    transition: border-color 300ms ease;
    box-sizing: border-box;
}

.dlc-fon .dlc-addtocart .dlc-button.to-clarify:hover {
    border: 1px solid var(--primary);
    text-decoration: none;
}

#manufacturers-slider .goods-section-body .item {
    padding: 0 2px;
}

#manufacturers-slider .manufacturer,
#clients-slider .client {
    display: block;
    width: 100%;
    height: 140px;
    background: var(--light-grey2) url("../images/image-placeholder.svg") no-repeat center;
}

#manufacturers-slider .manufacturer a,
#clients-slider .client a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

#manufacturers-slider .manufacturer:hover,
#clients-slider .client:hover {
    box-shadow: 0 2px 30px 0 #6E737D4D;
}

#manufacturers-slider .manufacturer a img,
#clients-slider .client a img {
    display: block;
    width: 50%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}

.category-page .sub-catalog-vertical-body .sub-catalog-title {
    color: var(--text);
    font: normal 28px var(--rob-reg);
    font-weight: var(--rob-bold);
    padding: 15px 0;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--light-grey);
    padding: 5px;
    margin-bottom: 10px;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link {
    padding: 15px 20px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    width: 100%;
}

.category-page .sub-catalog-vertical-body .sub-catalog-vertical {
    width: 100%;
    box-shadow: none;
    height: unset;
    background: var(--white);
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link .image-wrapper {
    width: 100px;
    height: 100px;
    display: block;
    margin-right: 20px;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link .image-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link .sub-catalog-item-title {
    color: var(--text);
    margin-bottom: 3px;
    display: block;
    word-break: break-word;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link .text-wrapper {
    flex: 1;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link .sub-catalog-item-details {
    color: var(--light-grey);
    margin-bottom: 3px;
    display: block;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link:hover {
    text-transform: none;
    text-decoration: none;
}

.category-page .sub-catalog-vertical-body .sub-catalog-item .sub-catalog-link:hover .sub-catalog-item-title {
    color: var(--primary);
    text-transform: none;
    text-decoration: none;
    transition: 500ms;
}

.checkbox-block .ch-box {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-block .ch-box + label {
    display: inline-flex;
    align-items: flex-start;
    user-select: none;
    color: var(--text-2);
    line-height: 19.5px;
    font-size: 15px;
}

.ch-box + label::before {
    content: '';
    display: flex;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid var(--light-grey);
    border-radius: 2px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.ch-box:not(:disabled):not(:checked) + label:hover::before {
    border-color: var(--primary);
    cursor: pointer;
}

.ch-box:checked + label::before {
    background: var(--primary) url("../images/checked.svg") no-repeat center;
    border-color: var(--primary);
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.ch-box:not(:disabled):active + label::before {
    background: var(--primary) url("../images/checked.svg") no-repeat center;
    border-color: var(--primary);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.ch-box:focus:not(:checked) + label::before {
    border-color: var(--primary);
}

/* стили для чекбокса, находящегося в состоянии disabled */
.ch-box:disabled + label::before {
    border-color: var(--light-grey3);
    background-color: #EFF0F3;
    color: var(--light-grey);
}

.input-wrapper:first-child {
    padding: 0 5px 0 0;
}

.input-wrapper:last-child {
    padding: 0 0 0 5px;
}

.filter-btn-wrapper {
    display: block;
    margin-bottom: 25px;
}

.filter-btn-wrapper .filter-btn-mob {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 14px 30px;
    justify-content: center;
    border: 1px solid var(--primary);
    border-radius: 2px;
    background: var(--white);
    color: var(--primary);
}

.filter-btn-wrapper .filter-btn-mob svg {
    stroke: var(--primary);
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 15px;
}

.filter-wrapper {
    display: none;
}
.filter-wrapper form.cat-block {
    padding: 0;
}

.filter-wrapper.open {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    background: var(--white);
}

.filter {
    display: none;
}

.filter.open {
    position: relative;
    width: 100%;
    /*height: 500px;*/
    z-index: 2000;
    background: var(--white);
    top: -27%;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.filter .filter-heading-mob {
    padding: 13px 0;
    color: var(--text);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter .filter-heading-mob button {
    display: block;
    padding: 5px;
    width: 18px;
    height: 18px;
    background: url("../images/remove.svg") no-repeat center;
    border: none;
}

.filter .filter-section {
    padding: 0 5px 20px;
}

.filter .filter-section .filter-heading {
    font-weight: var(--rob-bold);
    font-size: 18px;
    margin-bottom: 15px;
}

.filter .filter-section .filter-section-body .filter-section-body-list {
    max-height: 130px;
    overflow-y: hidden;
    width: 75%;
    transition: 300ms;
}

.filter .filter-section .filter-section-body .filter-section-body-list.open {
    max-height: 200px;
    overflow-y: scroll;
}

.filter .filter-section .filter-section-body .show-more-btn {
    display: block;
    margin-top: 10px;
    cursor: pointer;
    border: none;
    border-bottom: 1px dashed;
    background: none;
    color: var(--grey);
    font-size: 14px;
    padding: 0;
    position: relative;
    transform: rotate(0);
    transition: 300ms;
}

.filter .filter-section .filter-section-body .show-more-btn.open svg {
    transform: rotate(180deg);
}

.filter .filter-section .filter-section-body .range-slider-section .slider-container {
    position: relative;
}

/* Контейнер для слайдера */
.slider-container {
    position: relative;
    width: 85%;
    height: 45px;
    margin: 20px 0;
}

/* Стилі для самої смуги */
.slider-track {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 3px;
    margin-top: -1.5px;
    background-color: var(--primary); /* Фоновий колір слайдера */
    border-radius: 5px;
}

/* Стилі для бігунків */
.slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 3px;
    background: transparent;
    pointer-events: all; /* Дозволяємо взаємодію з бігунками */
}

/* Стилі для відображення смуги */
.slider::-webkit-slider-runnable-track {
    height: 3px;
}

.slider::-moz-range-track {
    height: 3px;
}

.slider::-ms-track {
    height: 3px;
    border: none;
}

/* Бігунки */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    background-color: var(--primary); /* Колір бігунка */
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
    top: -6px;
}

.slider::-moz-range-thumb {
    height: 14px;
    width: 14px;
    background-color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
}

.slider::-ms-thumb {
    height: 14px;
    width: 14px;
    background-color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
}

.filter .filter-btn-section {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.filter .show-btn {
    display: flex;
    width: 100%;
    padding: 14px 20px;
    box-sizing: border-box;
    border: 1px solid var(--primary);
    background: var(--primary2);
    color: var(--white);
    transition: 300ms;
    cursor: pointer;
    align-items: center;
    margin-bottom: 5px;
    justify-content: center;
}

.filter .reset-btn {
    display: flex;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    border: 1px solid var(--light-grey);
    background: var(--white);
    color: var(--text);
    transition: 300ms;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.filter .reset-btn svg {
    display: none;
}

.filter .filter-section .filter-section-body .filter-section-body-list.category-list {
    list-style: none;
    width: 100%;
}

.filter .filter-section .filter-section-body .filter-section-body-list.category-list li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
}

.filter .filter-section .filter-section-body .filter-section-body-list.category-list li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary);
}

h3.category-heading {
    font-size: 1.125rem;
    margin-bottom: 25px;
}

.breadcrumbs {
    width: 100%;
    margin-bottom: 20px;
    overflow-y: auto;
}

.breadcrumbs a, .breadcrumbs span {
    font-size: 13px;
    color: var(--text);
    border: none;
    background: none;
}

.sort-view-option-wrapper {
    margin-bottom: 25px;
}

.sort {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.sort span {
    color: var(--grey-2);
}

.sort button {
    display: flex;
    color: var(--primary);
    border: none;
    background: none;
    padding: 0;
    margin: 0 5px;
    align-items: center;
}

.sort button span {
    color: var(--primary);
    display: block;
    border-bottom: 1px dashed var(--primary);
}

.rotate180 {
    transform: rotate(180deg);
}

.sort button svg {
    stroke: var(--primary);
    transform: rotate(0);
    margin: 0 5px;
    transition: 300ms;
}

.sort svg.rotate180 {
    transform: rotate(180deg);
    transition: 300ms;
}

.sort ul.sort-options {
    display: none;
}

.sort ul.sort-options.open {
    display: block;
    border: none;
    box-shadow: 0 2px 30px 0 #6E737D4D;
    background: var(--white);
    position: absolute;
    top: 47px;
    left: 8%;
    z-index: 3;
}

footer .sort ul.sort-options.open {
    top: 80px;
}

.sort ul.sort-options li.sort-option {
    text-decoration: none;
    list-style: none;
    padding: 10px 20px 9px;
    margin-bottom: 1px;
    color: var(--text-2);
}

.sort ul.sort-options li.sort-option:hover {
    text-decoration: none;
    list-style: none;
    padding: 10px 20px 9px;
    margin-bottom: 1px;
    color: var(--white);
    background: var(--primary);
    transition: 300ms;
}
.sort.telephone ul.sort-options.telephone-options li.sort-option:hover{
    text-decoration: none;
    list-style: none;
    padding: 10px 20px 9px;
    color: var(--text-2);
    background: var(--white);
}

.view-options .view-option {
    display: flex;
    width: 18px;
    height: 18px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--light-grey);
    border-radius: 2px;
}

.view-options .view-option:first-child {
    border-right: none;
}

.view-options .view-option svg {
    stroke: var(--grey);
    color: var(--grey);
}

.view-options .view-option.selected svg {
    stroke: var(--primary);
    color: var(--primary);
}

.goods-list .item {
    padding: 0;
}

#item-container .good-main .gm-title h1 {
    font: var(--rob-reg);
    font-size: 24px var(--rob-reg);
    font-weight: var(--rob-bold);
}

#item-container .good-main .good-info {
    margin-bottom: 25px;
}

#item-container .good-main .g-sku {
    color: var(--grey-2);
    margin-right: 25px;
    overflow: hidden;
    text-wrap: nowrap;
}

#mini-images-slider {
    height: 80px;
}

#item-container .swiper-button-next, #item-container .swiper-button-prev {
    display: none;
}

#mini-images-slider .swiper-slide {
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

#mini-images-slider .swiper-slide.selected {
    border: 2px solid var(--primary);
}

#mini-images-slider .swiper-slide img, #mini-images-slider .swiper-slide iframe {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

#mini-images-slider .swiper-slide svg {
    object-fit: contain;
}

.slide-goods-image .main-image {
    width: 100%;
    height: 220px;
    margin-bottom: 15px;
}

.slide-goods-image .main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

#item-container .good-cart-info {
    padding: 30px 0;
}

#item-container .good-cart-info.mob {
    display: block;
}

#item-container .good-cart-info .price {
    font-weight: var(--rob-bold);
    font-size: 22px;
    /*margin-bottom: 10px;*/
}

#item-container .good-cart-info .g-amount .instock {
    color: var(--accent-green);
    margin-bottom: 5px;
}

#item-container .good-cart-info .g-amount .instock.red {
    color: var(--primary);
}

#item-container .dlc-fon .dlc-addtocart .dlc-button.cart-add {
    align-items: center;
}

#item-container .dlc-fon .dlc-addtocart .dlc-button.cart-add svg {
    display: flex;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    stroke: var(--white);
    align-self: center;
}

#item-container .dlc-addtocart {
    margin-bottom: 10px;
}

#item-container .divider {
    background: var(--light-grey);
}

#item-container .pg-buy-to-click {
    display: block;
    color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 2px;
    padding: 14px 0;
    text-align: center;
    background: var(--white);
    transition: 300ms;
}

#item-container .pg-buy-to-click:hover {
    color: var(--white);
    border: 1px solid var(--primary);
    border-radius: 2px;
    padding: 14px 0;
    text-align: center;
    background: var(--primary);
    transition: 300ms;
}

#item-container .pg-buy-as-company {
    background: var(--light-grey2);
    padding: 15px;
    margin-bottom: 20px;
}

#item-container .pg-buy-as-company .as-company-label {
    margin-bottom: 10px;
}

#item-container .pg-buy-as-company .as-company-label img {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

#item-container .pg-buy-as-company .as-company-label span {
    display: block;
    color: var(--primary);
    border-bottom: 1px dashed var(--primary);
}

#item-container .price-as-company span {
    color: var(--grey-2);
}

#item-container .price-as-company span.price {
    color: #000000;
    font-weight: var(--rob-bold);
    font-size: 15px;
    margin-bottom: 0;
}

#item-container .price-as-company span img {
    display: flex;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#item-container .price-as-company span img:hover+.info-for-business{
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    transform: translateX(100%);
    z-index: 1;
}
#item-container .price-as-company span img+.info-for-business {
    padding: 10px;
    border-radius: 8px;
    background: var(--light-grey);
    display: none;
    list-style: inside;
    width: 245px;
}
#item-container .price-as-company .info-for-business span,
#item-container .price-as-company .info-for-business li {
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--text);
}

#item-container .option:first-child {
    margin-bottom: 10px;
}

#item-container .option img {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

#item-container .option .option-label,
#item-container .option .option-answer {
    display: block;
    margin-right: 10px;
    color: var(--text);
    border-bottom: 1px dashed var(--text);
}

#item-container .option .option-answer {
    border-bottom: none;
    margin-right: 0;
}

#item-container .option .option-answer.price {
    display: block;
    color: #000000;
    border-bottom: none;
    font-weight: var(--rob-bold);
    font-size: 15px;
    margin-bottom: 0;
}

#item-container .tabs-body {
    border-bottom: 1px solid var(--light-grey);
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: scroll;
}

#item-container .tabs-body.sticky {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 20px 0px #8E949F4D;
    z-index: 1000;
    background: var(--white);
}

#item-container .tabs-body li a {
    display: block;
    padding: 10px;
    color: var(--grey-2);
    border-bottom: 2px solid transparent;
    font-size: 18px;
}

#item-container .tabs-body li a:hover,
#item-container .tabs-body li a.active {
    border-bottom: 2px solid var(--primary);
    padding: 10px;
    color: var(--primary);
    font-size: 18px;
    text-decoration: none;
}

#item-container .tabs-content-list .tab-content {
    padding: 10px 0;
    margin-bottom: 20px;
}

#item-container .tabs-content-list .tab-content .tab-content-text h2,
#item-container .tabs-content-list .tab-content .tab-content-text h3 {
    font-weight: var(--rob-bold);
    font-size: 22px;
    color: var(--text);
    margin-bottom: 15px;
}

#item-container .tabs-content-list .tab-content .tab-content-text ul li,
#item-container .tabs-content-list .tab-content .item-features-values table tr {
    font-size: 15px;
    color: var(--text-2);
}

#item-container .tabs-content-list .tab-content .item-features-values table tr td {
    border-top: none;
}

#item-container .tabs-content-list .tab-content .tab-content-text {
    font-size: 15px;
    color: var(--text-2);
}

#item-container .tabs-content-list .tab-content .tab-content-text .text {
    font-size: 15px !important;
    color: var(--text-2) !important;
    display: block;
    line-height: 19.5px;
    max-height: 195px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: 3000ms;
}

#item-container .tabs-content-list .tab-content .tab-content-text .text.open {
    overflow: unset;
    max-height: unset;
    transition: 3000ms;
}

#item-container .tabs-content-list .tab-content .tab-content-text .show-more-btn {
    display: block;
    margin-top: 10px;
    cursor: pointer;
    border: none;
    border-bottom: 1px dashed;
    background: none;
    color: var(--text-2);
    font-size: 14px;
    padding: 0;
    position: relative;
    transform: rotate(0);
    transition: 3000ms;
}

#item-container .tabs-content-list .tab-content .tab-content-text .show-more-btn.open svg {
    transform: rotate(180deg);
}

#item-container .tabs-content-list .tab-content .brand-info {
    border: 1px solid var(--light-grey);
    padding: 20px 15px;
    margin-bottom: 30px;
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-logo {
    width: 50%;
    height: 50%;
    margin-bottom: 25px;
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-company {
    overflow-x: auto;
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-country,
#item-container .tabs-content-list .tab-content .brand-info .brand-info-manufacture {
    margin-bottom: 10px;
    display: flex;
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-country-label,
#item-container .tabs-content-list .tab-content .brand-info .brand-info-manufacture-label {
    color: var(--grey-2);
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-country-answer {
    color: var(--text);
    display: flex;
    text-wrap: nowrap;
}

#item-container .tabs-content-list .tab-content .brand-info .brand-info-manufacture-answer {
    color: var(--primary);
    display: flex;
    text-wrap: nowrap;
    border-bottom: 1px dashed var(--primary);
}

#item-container .tabs-content-list .tab-content .item-features-values {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

#item-container .tabs-content-list .tab-content .item-features-values table {
    width: 100%;
}

#item-container .tabs-content-list .tab-content .item-features-values table tr td {
    border-top: none;
    position: relative;
}

#item-container .tabs-content-list .tab-content .dashed {
    display: flex;
    flex: 1;
    border-bottom: 1px dotted #d2d2d2;
    content: "";
    white-space: nowrap;
}

#item-container .tabs-content-list .tab-content .item-features-values .item-features-label span {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    background-color: #fff;
}

#item-container .tabs-content-list .tab-content .item-features-values .item-features-values {
    width: 40%;
    padding-left: 16px;
    box-sizing: border-box;
}

#item-container .tabs-content-list #description.tab-content .tab-content-text ul li,
#item-container .tabs-content-list #features.tab-content .tab-content-text ul li,
#item-container .tabs-content-list #details.tab-content .tab-content-text ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
}

#item-container .tabs-content-list #description.tab-content .tab-content-text ul li:before,
#item-container .tabs-content-list #features.tab-content .tab-content-text ul li:before,
#item-container .tabs-content-list #details.tab-content .tab-content-text ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary);
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab {
    padding: 15px;
    border: 1px solid var(--light-grey);
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-icon {
    width: 43px;
    height: 43px;
    background: var(--light-grey);
    border-radius: 2px;
    margin-right: 15px;
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-icon img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-file {
    flex: 1;
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-file a {
    color: var(--text-2);
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-file span {
    color: var(--grey);
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-btn:hover {
    cursor: pointer;
}

#item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-btn span {
    color: var(--text-2);
    display: block;
    border-bottom: 1px dashed var(--text-2);
}

#item-container .accent-objects.main .accent-element {
    width: 100%;
}

#item-container .accent-objects .accent-element .accent-image img {
    object-fit: contain;
}

#item-container .accent-objects .accent-element .accent-image img {
    object-fit: contain;
}

#item-container .accent-objects .accent-element .accent-text {
    text-align: center;
    display: flex;
    flex-direction: column;
}

#item-container .accent-objects .accent-element .accent-text .text-main {
    color: var(--white);
}

#item-container .accent-objects .accent-element .accent-text .text-sub {
    color: #FF9F9A;
}

#item-container .accent-white-elements .accent-white-element {
    width: 100%;
    padding: 20px;
    border: 1px solid var(--light-grey3);
    margin-bottom: 10px;
}

#item-container .accent-white-elements .accent-white-element .accent-white-image {
    width: 100%;
    height: 96px;
    margin-bottom: 20px;
    background: var(--light-grey2);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#item-container .accent-white-elements .accent-white-element .accent-white-image img {
    max-width: 50%;
    max-height: 80%;
    object-fit: contain;
    object-position: center;
}

#instafeed.insta-posts-body.owl-carousel .item {
    border: 1px solid var(--light-grey2);
    height: 369px;
    overflow: hidden;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-headline {
    padding: 12px 15px;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-headline .author-img {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 35px;
    overflow: hidden;
    background: linear-gradient(to right, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    height: 35px;
    margin-right: 10px;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-headline .author-img .content {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2px;
    background: var(--white);
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-headline .author-img .content span {
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--primary);
    color: var(--white);
    font-size: 8px;
    text-align: center;
    padding: 8px 0;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-headline .author-img .content img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-headline .author-name {
    display: block;
    font-weight: var(--rob-bold);
    font-size: 14px;
    color: var(--text);
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-body {
    border: none;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-body {
    border: none;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-body .post-image {
    border: none;
    outline: none;
    width: 100%;
    height: 210px;
    position: relative;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-body .post-image img {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

#instafeed.insta-posts-body.owl-carousel .item .post .post-body .post-text {
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.4;
    display: block;
    font-weight: var(--rob-bold);
    color: var(--text-2);
}

#instafeed.insta-posts-body.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#instafeed.insta-posts-body.owl-carousel .owl-nav .owl-prev {
    font-size: 0;
    content: url("../images/Arrows Button Left.svg");
    position: relative;
    left: -35px;
    right: unset;
    width: 60px;
    height: 60px;
    padding: 21px 0 21px 21px;
    border-radius: 50%;
    background: linear-gradient(90deg, transparent 50%, var(--white) 50%);
}

#instafeed.insta-posts-body.owl-carousel .owl-nav .owl-next {
    font-size: 0;
    position: relative;
    width: 60px;
    height: 60px;
    content: url("../images/Arrows Button Right.svg");
    padding: 21px 21px 21px 0;
    border-radius: 50%;
    background: linear-gradient(90deg, var(--white) 50%, transparent 50%);
    left: unset;
    right: -35px;
}

.contacts .con-block {
    margin-bottom: 20px;
}

.contacts .con-title {
    font: var(--rob-reg);
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    display: block;
    margin-bottom: 8px;
}

.contacts .con-info {
    font-size: 14px;
    color: var(--text-2);
    display: block;
    margin-bottom: 8px;
}

.contacts .con-info a {
    font-size: 14px;
    color: var(--text-2);
    display: block;
    margin-bottom: 8px;
    border: none;
    padding: 3px 0;
}

.goods-section-body.contacts {
    margin-bottom: 40px;
}

.goods-section.primary.contacts {
    margin-bottom: 40px;
    color: var(--white);
}

.form-container .form-elem-new {
    margin-bottom: 15px;
}

.form-elem-new select {
    display: block;
    width: 100%;
    border: 1px solid var(--light-grey);
    border-radius: 2px;
    color: var(--text);
    padding: 9px 35px 9px 13px;
    overflow: hidden;
    position: relative;
}

.form-elem-new .input-wrapper {
    border: 1.5px dashed #F58580;
    border-radius: 4px;
    padding: 5px;
}

.form-elem-new .input-wrapper .fake-input-lbl {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    background: var(--white);
}

.form-elem-new .input-wrapper .fake-input-lbl input {
    display: none;
}

.form-elem-new .input-wrapper .fake-input-lbl .fake-input img {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 20px 10px 0;
}

.form-elem-new .input-wrapper .fake-input-lbl .fake-input span.usual-text {
    color: var(--text);
}

.form-elem-new .input-wrapper .fake-input-lbl .fake-input span.extra-info {
    color: var(--grey-2);
}

.form-elem-new .input-wrapper .fake-input-lbl .fake-input span.usual-text span.accent {
    color: var(--primary);
    display: flex;
    padding: 2px;
    background: var(--light-grey2);
}

.form-elem-new textarea {
    display: block;
    width: 100%;
    border: 1px solid var(--light-grey);
    border-radius: 2px;
    color: var(--text);
    padding: 9px 35px 9px 13px;
    overflow: hidden;
    position: relative;
}

.send_form_btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    color: var(--white);
    background: var(--primary);
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid var(--white);
}

.send_form_btn:hover, .send_form_btn:active {
    color: var(--primary);
    background: var(--white);
    border: 1px solid var(--primary);
}

.goods-section-body.contacts .payment-contacts {
    padding: 0;
}

.con-map {
    display: block;
    width: 100%;
    height: 500px;
}

.my-balloon.map.placemark,
.ymaps-2-1-79-balloon.ymaps-2-1-79-balloon_layout_panel.ymaps-2-1-79-i-custom-scroll.ymaps-2-1-79-islets_balloon_layout_panel {
    color: var(--white);
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    background: var(--primary);
    position: relative;
    height: 85px;
    width: 220px;
}

.ymaps-2-1-79-balloon.ymaps-2-1-79-balloon_layout_panel.ymaps-2-1-79-i-custom-scroll.ymaps-2-1-79-islets_balloon_layout_panel {
    position: absolute;
    height: 65px;
    width: 220px;
    bottom: 4px;
}

.my-balloon.map.placemark:after {
    display: block;
    width: 18px;
    height: 18px;
    background: var(--primary);
    border-radius: 4px;
    content: "";
    bottom: -14px;
    transform: rotate(45deg) translate(-50%, 0);
    left: 50%;
    position: absolute;
    z-index: 100000;
}

.my-balloon.map.placemark .my-balloon__content .image-wrapper {
    display: block;
    width: 40%;
    height: 100%;
    margin-right: 10px;
    flex: 0 0 40%;
}

.my-balloon.map.placemark .my-balloon__content .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.my-balloon.map.placemark .my-balloon__content .placemark-text,
.ymaps-2-1-79-balloon.ymaps-2-1-79-balloon_layout_panel.ymaps-2-1-79-i-custom-scroll.ymaps-2-1-79-islets_balloon_layout_panel .ymaps-2-1-79-balloon__content {
    display: block;
    padding: 10px 10px 0 0;
    height: 100%;
    overflow: hidden;
    text-wrap: wrap;
    margin-bottom: 3px;
}

.ymaps-2-1-79-balloon.ymaps-2-1-79-balloon_layout_panel.ymaps-2-1-79-i-custom-scroll.ymaps-2-1-79-islets_balloon_layout_panel .ymaps-2-1-79-balloon__content {
    background: var(--primary);
}

.about-us .goods-section .goods-section-heading {
    margin-bottom: 40px;
}

.about-us .goods-section .goods-section-heading .goods-section-title {
    margin-bottom: 30px;
}

.about-us .goods-section .goods-section-heading div {
    color: var(--text-2);
    width: 100%;
}

.about-us .accent-objects .accent-element-wrapper {
    display: block;
    background: var(--primary);
    border-radius: 2px;
    color: var(--white);
    padding: 0;
    height: 100%;
}

.about-us .accent-objects .accent-element-wrapper .accent-element .accent-image {
    margin-bottom: 0;
}

.about-us .accent-objects .accent-element-wrapper .accent-element,
.about-us .accent-objects .accent-element-wrapper .accent-element-text {
    padding: 20px;
}

.about-us .accent-objects .accent-element-wrapper .accent-element-text {
    line-height: 16.8px;
}

.about-us .accent-objects .accent-element-wrapper .accent-element-text .heading {
    font-size: 18px;
    font-weight: var(--rob-bold);
    display: block;
    margin-bottom: 15px;
    line-height: 25.2px;
}

.about-us .accent-objects .accent-element .accent-image {
    width: 80px;
    height: 80px;
}

.about-us .text-list .text-list-item {
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
    color: var(--text-2);
}

.about-us .text-list .text-list-item:before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary);
}

.container-fluid.about-us-figures {
    background: var(--light-grey2);
}

.goods-section-body.about-us .figure-items .figure-item {
    margin-bottom: 25px;
}

.goods-section-body.about-us .figure-items .figure-item .image-wrapper {
    width: 60px;
    height: 60px;
    margin-right: 30px;
    background: var(--primary);
    border-radius: 2px;
    flex: 0 0 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.goods-section-body.about-us .figure-items .figure-item .figure-item-text {
    color: var(--text-2);
    line-height: 16.8px;
}

.goods-section-body.about-us .figure-items .figure-item .figure-item-text .heading {
    font-weight: var(--rob-bold);
    font-size: 18px;
    color: var(--primary);
    line-height: 25.2px;
    margin-bottom: 5px;
}

.sticker {
    position: absolute;
    top: 15%;
    left: 0;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: var(--white);
    z-index: 100;
    width: 49px;
    height: 33px;
}

.sticker.green {
    background: var(--accent-green);
}

.sticker.yellow {
    background: #F2C94C;
}

#item-container .good-cart-info .pay-installments {
    color: var(--text);
}

#item-container .good-cart-info .pay-installments img {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

#item-container .good-cart-info .pay-installments .price {
    color: var(--white);
    display: flex;
    padding: 3px 8px;
    font-size: 15px;
    border-radius: 2px;
    margin-bottom: 0;
    margin-right: 5px;
    background: var(--accent-green);
}

#for-business .goods-section.primary .goods-section-title {
    color: var(--white);
    font-weight: var(--rob-bold);
    margin-bottom: 20px;
}

#for-business .goods-section.primary .white-list li {
    color: var(--white);
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
}

#for-business .goods-section.primary .white-list li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--white);
}

#for-business .goods-section.primary .form-container {
    padding: 20px;
    background: var(--white);
}

#for-business .goods-section.primary .form-container .btn-wrapper {
    width: 100%;
}

#for-business .goods-section.primary .form-container .form-elem-new label {
    color: var(--grey);
    font-size: 14px;
}

#for-business .goods-section.primary .form-container .form-elem-new {
    width: 100%;
}

#for-business .goods-section.primary .form-container .form-elem-new .phone-with-code-wrapper select {
    top: 1px;
    left: 1px;
}

.wp_link {
    display: block;
    width: 60px;
    height: 60px;
    z-index: 2;
    position: fixed;
    top: 60%;
    right: 20px;
}

.wp_link a {
    display: block;
    width: 100%;
    height: 100%;
}

.wp_link a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.label {
    display: block;
    position: absolute;
    content: '';
}

.label.number {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--primary2);
    color: var(--white);
    font-size: 12px;
    text-align: center;
    top: -3px;
    right: 0;
    padding: 2px 0;
}

.label.superprice {
    border-radius: 20px;
    background: var(--accent);
    color: var(--text);
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    bottom: -25px;
    left: 31%;
}

.label.superprice::after {
    display: block;
    position: absolute;
    content: url("../images/Polygon 1.svg");
    width: 10px;
    height: 9px;
    top: -10px;
    left: 15px;
}
footer .info .telephone span,
footer .info .telephone a.main {
    color: var(--white);
    font-size: 20px;
}

footer .info .telephone button svg {
    color: var(--white);
}

.sort-options.telephone-options p {
    color: var(--text-2);
    font-size: 15px;
    padding: 10px 20px;
}
.sort-options.telephone-options li a {
    color: var(--text-2);
    font-size: 15px;
}

.menu-wrapper.secondary.scrolled,
.menu-wrapper.home-page.scrolled {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

@media (min-width: 768px) {
    #footer-container {
        padding: 40px 5px 20px;
    }

    #footer-block .info {
        padding: 0;
        margin-bottom: 0;
    }

    .accent-objects.main {
        margin-bottom: 20px;
    }

    .accent-objects.main .accent-element {
        margin: 5px;
        width: calc(25% - 10px);
        box-sizing: border-box;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        font-size: 0;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        box-sizing: border-box;
        background: var(--white);
        content: url("../images/arrow-right.svg");
        padding: 10px;
    }

    .owl-nav .owl-prev {
        content: url("../images/arrow-left.svg");
    }

    .owl-nav .owl-next:hover {
        background: var(--primary);
        content: url("../images/arrow-right-wh.svg");
    }

    .owl-nav .owl-prev:hover {
        background: var(--primary);
        content: url("../images/arrow-left-wh.svg");
    }

    #banner-slider-container #banner-slider .owl-nav {
        position: absolute;
        display: flex;
        right: 2%;
        bottom: 5%;
    }

    .goods-section-body {
        position: relative;
    }

    .goods-section-body .item {
        padding: 0 7px;
    }

    .goods-section-body .owl-nav {
        position: absolute;
        display: flex;
        justify-content: space-between;
        right: 0;
        top: 40%;
        transform: translateY(-40%);
        width: 100%;
    }

    #banner-slider-container .owl-nav .owl-prev,
    #banner-slider-container .owl-nav .owl-next {
        opacity: 60%;
        margin: 8px;
        z-index: 3;
        padding: 10px;
    }

    .goods-section-body .owl-nav .owl-prev,
    .goods-section-body .owl-nav .owl-next {
        opacity: 1;
        z-index: 3;
        box-shadow: 0 2px 10px 0 #1D1C451A;
    }

    .main-menu-elements {
        background: var(--primary);
        color: var(--white);
        flex: 1;
        justify-content: space-between;
        padding: 7px 15px;
    }

    .device-menu-open-btn {
        display: flex;
        margin-right: 10px;
        padding: 0;
    }

    .device-menu-open-btn .device-menu-icon {
        margin-right: 10px;
    }

    .device-menu-open-btn .device-menu-text {
        display: block;
        color: var(--white);
        width: 100%;
    }

    .main-menu-elements .logotype {
        width: 30%;
        height: 100%;
        padding: 1px 4px;
    }

    .main-menu-elements .logotype a {
        width: 100%;
    }

    .main-menu-elements .search {
        display: none;
    }

    .main-menu-elements .search.search-mob {
        display: flex;
        width: 30%;
        justify-content: end;
    }

    .menu-wrapper {
        position: unset;
        margin-bottom: 25px;
    }

    .main-menu-elements {
        position: relative;
    }

    .main-menu-elements .search.search-mob .device__search.open {
        width: 96%;
        top: 18%;
        left: 2%;
    }

    .action-menu-elements .image-wrapper {
        margin: 0 5px;
    }

    .action-menu-elements .action-menu-element.shopping-cart .image-wrapper {
        margin: 0 2px;
    }

    #manufacturers-slider.goods-section-body .item {
        padding: 0 2px;
    }

    .category-page .sub-catalog-vertical-body .sub-catalog-item {
        width: 45%;
        margin: 5px;
    }

    .category-page .sub-catalog-vertical-body .sub-catalog-item:nth-child(odd) {
        margin: 5px 5px 5px 0;
    }

    .goods-list.vertical {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .goods-list.horizontal {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .goods-list .item {
        width: 100%;
    }

    .goods-list.vertical .item {
        padding: 0 5px;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .goods-list.horizontal .item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .goods-list.horizontal .item .good {
        display: flex;
        flex-direction: row;
    }

    .goods-list.horizontal .item .good .good-image {
        width: 50%;
        min-width: 50%;
        height: auto;
    }

    #item-container .price-as-company span.price {
        margin: 0 10px;
    }

    #item-container .tabs-content-list .tab-content .brand-info .brand-info-logo {
        width: 30%;
        height: 30%;
        margin-bottom: 0;
        margin-right: 25px;
    }

    #item-container .tabs-content-list .tab-content .brand-info-manufacture-label.dashed:before,
    #item-container .tabs-content-list .tab-content .item-features-label.dashed:before,
    #item-container .tabs-content-list .tab-content .brand-info-country-label.dashed:before {
        display: block;
    }

    #item-container .tabs-content-list .tab-content .brand-info .brand-info-company {
        overflow-x: unset;
        width: 100%;
    }

    #item-container .accent-objects.main .accent-element {
        width: calc(33% - 10px);
    }

    #item-container .accent-white-elements .accent-white-element {
        width: calc(33% - 10px);
        margin-bottom: unset;
        margin: 5px;
    }

    .form-elem-new .phone-with-code-wrapper select {
        width: 15%;
    }
    .about-company .accent-objects.secondary .accent-element {
        margin-bottom: 0;
    }

    .slider-container {
        width: 100%;
    }

    .slider {
        height: 2px;
    }

    .slider::-webkit-slider-thumb,
    .slider::-moz-range-thumb,
    .slider::-ms-thumb {
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 1024px) {
    .container {
        overflow: unset;
        padding: 13px 0;
    }

    h3, h3.category-heading {
        font-size: 1.75rem;
    }

    .breadcrumbs a, .breadcrumbs span {
        font-size: 14px;
        color: var(--text);
        border: none;
        background: none;
    }

    #device-menu.open {
        top: 56px;
    }
    .menu-wrapper.secondary.home-page .search.search-scrolled {
        display: none;
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item,
    .menu-wrapper .main-menu-elements .logotype,
    .menu-wrapper .search.search-mob,
    .menu-wrapper.secondary #header-container,
    .menu-wrapper.secondary .search.search-scrolled{
        display: block;
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item.sale,
    .menu-wrapper .main-menu-elements #menu-block .menu-block-item.delivery,
    .menu-wrapper .main-menu-elements .divider-vertical,
    .menu-wrapper .main-menu-elements .search,
    .menu-wrapper .action-menu-elements .action-menu-element .text-wrapper,
    .menu-wrapper.secondary.home-page .search.search-scrolled {
        display: none;
    }

    .menu-wrapper #menu-block .menu-block-item.sale,
    .menu-wrapper #menu-block .menu-block-item.delivery,
    .menu-wrapper .main-menu-elements .divider-vertical,
    .menu-wrapper .action-menu-elements .action-menu-element .text-wrapper {
        display: none;
    }

    .accent-objects.main .accent-element {
        padding: 20px 20px 20px;
    }

    .accent-objects.main .accent-element .accent-image {
        display: block;
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }

    #banner-slider-container #banner-slider .item {
        width: 100%;
        height: 368px;
        position: relative;
    }

    #banner-slider-container #banner-slider .item .banner-link .banner-title-container {
        background-image: linear-gradient(134deg, var(--primary) 60%, transparent 60%)
    }

    #banner-slider-container #banner-slider .item .banner-link .banner-title-container .banner-text-wrapper {
        padding: 20px 55px;
        width: 70%;
        overflow: hidden;
        max-height: 100%;
    }

    #banner-slider-container #banner-slider .banner-title-container .banner-text-wrapper span.title {
        text-transform: uppercase;
        font: normal var(--rob-reg);
        font-size: 30px;
        font-weight: var(--rob-x-bold);
        max-height: 70%;
        overflow: hidden;
    }

    #banner-slider-container #banner-slider .banner-title-container .banner-text-wrapper span.description {
        font-size: 14px;
        width: 80%;
        max-height: 58%;
        overflow: hidden;
    }

    .catalog-vertical {
        position: relative;
        max-width: 266px;
        box-shadow: 0px 4px 20px 0px #8E949F4D;
        overflow: visible;
    }

    .catalog-vertical-title {
        padding: 17px;
        font: 18px var(--rob-reg);
        color: var(--white);
        font-weight: var(--rob-med);
        background: var(--text);
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        text-align: center;
    }

    .catalog-vertical-body {
        padding: 10px 0;
        background: var(--white);
        overflow-y: auto;
    }
    .catalog-vertical-body::-webkit-scrollbar {
        width: 10px;
    }

    .catalog-vertical-body::-webkit-scrollbar-track {
        background: transparent;
        box-shadow: inset 0 0 10px 10px transparent;
        border-radius: 100px;
    }

    .catalog-vertical-body::-webkit-scrollbar-thumb {
        background-color: transparent;
        box-sizing: border-box;
        border-radius: 100px;
        box-shadow: inset 0 0 10px 10px var(--light-grey);
        border: solid 3px transparent;
        display: block;
    }
    .catalog-vertical-body:hover::-webkit-scrollbar {
        width: 0;
    }
    .catalog-vertical-body:hover::-webkit-scrollbar-thumb {
        display: none;
    }
    a.catalog-vertical-subtitle {
        color: var(--text);
        padding: 10px 20px;
        background: transparent;
        display: flex;
        align-items: center;
    }

    a.catalog-vertical-subtitle .icon-wrapper {
        width: 22px;
        height: 22px;
        object-fit: contain;
        object-position: center;
        display: block;
        margin-right: 15px;
    }

    a.catalog-vertical-subtitle .icon-wrapper svg {
        fill: var(--primary);
    }

    a.catalog-vertical-subtitle:hover {
        color: var(--white);
        background: var(--primary);
        transition: 300ms;
        text-decoration: none;
    }

    a.catalog-vertical-subtitle:hover .icon-wrapper svg {
        color: var(--white);
        fill: var(--white);
        transition: 300ms;
    }

    .catalog-vertical-body .sub-catalog-vertical-body {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        width: 735px;
        height: 100%;
        overflow: hidden;
        z-index: 5000;
    }

    .catalog-vertical-subtitle:hover + .sub-catalog-vertical-body,
    .sub-catalog-vertical-body:hover {
        display: block;
    }

    .sub-catalog-vertical-body .sub-catalog-title {
        background: var(--white);
        color: var(--text);
        font: normal 22px var(--rob-reg);
        padding: 19px 40px 11px;
    }

    .sub-catalog-item {
        width: 50%;
        box-sizing: border-box;
    }
    .catalog-vertical-body .sub-catalog-item {
        position: relative;
        border-bottom: 1px solid var(--light-grey);
    }
    .catalog-vertical-body .sub-catalog-item:before {
        width: 1px;
        height: 100%;
        position: relative;
        display: block;
        content: "";
        top: 0;
        left: 0;
        background: var(--light-grey);
    }
    .catalog-vertical-body .sub-catalog-item:last-child:after {
        width: 1px;
        height: 100%;
        position: relative;
        display: block;
        content: "";
        top: 0;
        right: -1px;
        background: var(--light-grey);
    }
    .catalog-vertical-body .sub-catalog-item:nth-child(3n):after {
        display: none;
    }

    .sub-catalog-item .sub-catalog-link {
        padding: 15px 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .catalog-vertical-body .sub-catalog-vertical {
        width: 100%;
        height: auto;
        overflow-y: scroll;
        max-height: 540px;
        box-shadow: 0px 4px 20px 0px #8E949F4D;
        background: var(--white);
    }

    .sub-catalog-vertical::-webkit-scrollbar {
        width: 10px;
    }

    .sub-catalog-vertical::-webkit-scrollbar-track {
        background: transparent;
        box-shadow: inset 0 0 10px 10px transparent;
        border-radius: 100px;
    }

    .sub-catalog-vertical::-webkit-scrollbar-thumb {
        background-color: transparent;
        box-sizing: border-box;
        border-radius: 100px;
        box-shadow: inset 0 0 10px 10px var(--light-grey);
        border: solid 3px transparent;
        display: block;
    }

    .sub-catalog-item .sub-catalog-link .image-wrapper {
        width: 100px;
        height: 100px;
        display: block;
        margin-right: 20px;
    }

    .sub-catalog-item .sub-catalog-link .image-wrapper img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
        object-position: center;
    }

    .sub-catalog-item .sub-catalog-link .sub-catalog-item-title {
        color: var(--text);
        margin-bottom: 3px;
        display: block;
        word-break: break-word;
    }

    .sub-catalog-item .sub-catalog-link .text-wrapper {
        flex: 1;
    }

    .sub-catalog-item .sub-catalog-link .sub-catalog-item-details {
        color: var(--light-grey);
        margin-bottom: 3px;
        display: block;
    }

    .sub-catalog-item .sub-catalog-link:hover {
        text-transform: none;
        text-decoration: none;
    }

    .sub-catalog-item .sub-catalog-link:hover .sub-catalog-item-title {
        color: var(--primary);
        text-transform: none;
        text-decoration: none;
        transition: 500ms;
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item a {
        display: flex;
        width: 100%;
        padding: 11px 20px;
        color: var(--white);
        position: relative;
        align-items: center;
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item:hover a {
        color: var(--accent);
        text-decoration: underline;
        cursor: pointer;
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item.sale:hover .image-wrapper svg {
        stroke: var(--accent);
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item.sale .image-wrapper {
        display: block;
        width: 22px;
        height: 22px;
        margin-right: 10px;
    }

    .menu-wrapper .main-menu-elements #menu-block .menu-block-item.sale .image-wrapper svg {
        fill: transparent;
    }

    .menu-wrapper .action-menu-elements .action-menu-element {
        margin-right: 5px;
        padding: 10px;
        min-width: 42px;
        min-height: 42px;
        color: var(--text);
    }

    .menu-wrapper .action-menu-elements .action-menu-element .image-wrapper {
        display: block;
        padding: 0;
    }

    .menu-wrapper.home-page .action-menu-elements .action-menu-element.shopping-cart {
        background: #FACB52;
        box-sizing: border-box;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        padding: 9px;
    }

    .menu-wrapper .action-menu-elements .action-menu-element:hover {
        text-decoration: underline;
        cursor: pointer;
        color: var(--primary);
    }

    .menu-wrapper .action-menu-elements .action-menu-element:hover svg {
        stroke: var(--primary);
    }

    .main-menu-elements .logotype {
        width: 20%;
        height: 100%;
    }

    #menu-container {
        margin-bottom: 13px;
    }
    #menu-container #menu-block {
        padding: 0;
    }

    .menu-wrapper .main-menu-elements .search.search-mob {
        display: flex;
        width: 15%;
        justify-content: end;
    }

    .goods-section.primary {
        padding: 40px 50px;
        background: var(--primary);
    }

    .goods-section .goods-section-heading {
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .g-body .g-amount {
        margin-bottom: 10px;
    }

    .filter {
        display: block;
    }

    .filter .filter-heading-mob {
        display: none;
    }

    .filter .filter-btn-section {
        box-shadow: none;
    }

    .filter-btn-wrapper {
        display: none;
    }

    .filter .reset-btn {
        padding: 14px 20px;
    }

    .filter .reset-btn:hover {
        border: 1px solid var(--light-grey3);
        background: var(--white);
        color: var(--text);
    }

    .filter .reset-btn:hover svg {
        stroke: var(--text);
    }

    #item-container.container {
        overflow: unset;
    }

    #item-container .good-main .gm-title {
        font-size: 28px var(--rob-reg);
        font-weight: var(--rob-bold);
    }

    .slide-goods-image {
        height: 340px;
    }

    .carousel-wrapper {
        position: relative;
    }

    #mini-images-slider {
        height: 270px;
        width: 90px;
        padding-right: 10px;
        margin-right: 20px;
        overflow: hidden;
        position: relative;
        top: 35px;
    }

    #item-container .swiper-button-prev,
    #item-container .swiper-button-next {
        display: flex;
        position: relative;
        height: 25px;
        width: 80px;
        color: var(--text);
    }

    #item-container .swiper-button-prev {
        top: 22px;
        left: 0;
    }

    #item-container .swiper-button-next {
        left: 0;
        top: unset;
        bottom: 0;
        position: absolute;
    }

    #item-container .swiper-button-prev:after,
    #item-container .swiper-button-next:after {
        display: block;
        font-size: 16px;
        transform: rotate(90deg);
    }

    .slide-goods-image .main-image {
        height: 100%;
        margin-bottom: 0;
    }

    #item-container .good-cart-info.mob {
        display: none;
    }

    #item-container .good-cart-info.pc {
        padding: 30px 20px;
        box-shadow: 0 4px 20px 0 #8E949F4D;
        height: fit-content;
        width: 100%;
        position: sticky;
        top: 100px;
        background: var(--white);
    }

    #item-container .accent-objects.main .accent-element {
        padding: 15px 0;
    }

    #item-container .accent-objects.main .accent-element .accent-image {
        width: 60px;
        height: 50px;
    }

    #item-container .incompare a.add_compare.red span,
    #item-container .inbookmarks a.add_bookmark.red span,
    #item-container .incompare a.add_compare.grey span,
    #item-container .inbookmarks a.add_bookmark.grey span {
        display: block;
    }

    #item-container .incompare a.add_compare.grey span,
    #item-container .inbookmarks a.add_bookmark.grey span {
        color: var(--text-2);
        stroke: var(--text-2);
    }

    #item-container .incompare a.add_compare,
    #item-container .inbookmarks a.add_bookmark {
        display: flex;
        align-items: center;
        width: auto;
    }

    #item-container .incompare a.add_compare svg,
    #item-container .inbookmarks a.add_bookmark svg {
        display: block;
        margin-right: 10px;
    }

    .contacts .con-title {
        font-size: 18px;
    }

    .contacts .con-info {
        font-size: 16px;
    }

    .con-map {
        height: 600px;
    }

    .about-us .accent-objects li {
        width: 232px;
        height: 344px;
    }

    .about-us .goods-section .goods-section-heading div {
        color: var(--text-2);
        width: 70%;
    }

    .goods-section-body.about-us .figure-items .figure-item {
        margin-bottom: 50px;
    }

    #for-business .goods-section.primary .form-container .form-elem-new.phone,
    #for-business .goods-section.primary .form-container .form-elem-new.bin {
        width: 50%;
    }

    #for-business .goods-section.primary .form-container .form-elem-new .phone-with-code-wrapper select {
        width: 25%;
    }
    #item-container .price-as-company span img:hover+.info-for-business{
        display: block;
        position: absolute;
        top: 25px;
        right: unset;
        left: 0;
        transform: translateX(-100%);
        z-index: 1;
    }
    #item-container .tabs-body.sticky{
        top: 67px;
    }
}

@media (min-width: 1200px) {
    .container {
        /*overflow: hidden;*/
        width: 1200px;
        max-width: 1200px;
    }

    .text-s {
        font: 13px var(--rob-reg);
    }

    .text-m {
        font: 14px var(--rob-reg);
    }

    .text-l {
        font: 15px var(--rob-reg);
    }

    .menu-wrapper.home-page .main-menu-elements .device-menu-open-btn,
    .menu-wrapper.home-page .main-menu-elements .logotype,
    .menu-wrapper.home-page .main-menu-elements .search.search-mob,
    .menu-wrapper.home-page .main-menu-elements .divider-vertical,
    .menu-wrapper.home-page .main-menu-elements .search {
        display: none;
    }

    .menu-wrapper.home-page .action-menu-elements .action-menu-element .text-wrapper,
    .menu-wrapper.home-page .main-menu-elements #menu-block .menu-block-item.sale,
    .menu-wrapper.home-page .main-menu-elements #menu-block .menu-block-item.delivery {
        display: block;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements #menu-block .menu-block-item,
    .menu-wrapper.home-page.scrolled .main-menu-elements .logotype,
    .menu-wrapper.home-page.scrolled .main-menu-elements .divider-vertical,
    .menu-wrapper.home-page.scrolled .main-menu-elements .search {
        display: block;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements #menu-block .menu-block-item.sale,
    .menu-wrapper.home-page.scrolled .main-menu-elements #menu-block .menu-block-item.delivery,
    .menu-wrapper.home-page.scrolled .main-menu-elements .search.search-mob,
    .menu-wrapper.home-page.scrolled .action-menu-elements .action-menu-element .text-wrapper {
        display: none;
    }

    .menu-wrapper.secondary #menu-block .menu-block-item.sale,
    .menu-wrapper.secondary #menu-block .menu-block-item.delivery,
    .menu-wrapper.secondary .main-menu-elements .divider-vertical,
    .menu-wrapper.secondary .main-menu-elements .search.search-mob,
    .menu-wrapper.secondary .action-menu-elements .action-menu-element .text-wrapper,
    .menu-wrapper.secondary #header-container {
        display: none;
    }
    .menu-wrapper.secondary.scrolled,
    .menu-wrapper.home-page.scrolled {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
    }
    .menu-wrapper.home-page.scrolled {
        z-index: 1002;
    }
    #header-block {
        width: 100%;
        padding: 0 0 13px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font: 15px var(--rob-reg);
        color: var(--text);
        /*behavior: url(/css/ie-css3.htc)*/
    }

    #header-block .logotype {
        display: block;
        min-width: 219px;
        margin-right: 35px;
    }
    .logotype {
        display: block;
        width: 100%;
    }

    .logotype img {
        width: 100%;
    }

    .search {
        display: block;
        width: 100%;
        padding: 0 20px 0 15px;
    }

    .search form input#search {
        display: block;
        border: 1px solid var(--light-grey);
        position: relative;
        width: 100%;
        font: normal 15px var(--rob-reg);
        color: var(--text);
        padding: 14px 15px 14px 48px;
    }

    .search form input#search[att="placeholder"] {
        color: var(--grey-2);
    }

    .search form button {
        display: block;
        position: absolute;
        width: 48px;
        height: 48px;
        left: auto;
        top: 0;
        border: none;
        cursor: pointer;
        background: transparent;
    }

    .search form button svg {
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 50%;
        top: 50%;
        color: var(--grey-2);
        transform: translate(-50%, -50%);
    }

    .info {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 0 0 30px;
    }

    .schedule .time {
        margin-bottom: 0;
    }

    .callback-ringo {
        display: inline-block;
        border-bottom: 1px dashed;
    }

    .schedule .callback-ringo {
        color: var(--primary);
    }

    .info .telephone {
        display: flex;
    }

    .info .telephone span,
    .info .telephone a.main {
        color: var(--primary);
        font-size: 20px;
    }

    footer .info .telephone span,
    footer .info .telephone a.main  {
        color: var(--white);
        font-size: 20px;
    }
    footer .info .telephone button svg {
        color: var(--white);
    }

    .contacts a {
        color: var(--text);
    }

    .contacts a {
        display: block;
        padding: 2px 0 2px 28px;
    }

    .contacts .map-ico,
    .contacts .email-ico {
        position: relative;
    }

    .contacts .email-ico {
        margin-bottom: 10px;
    }

    .contacts .email-ico:before,
    .contacts .map-ico:before {
        display: block;
        position: absolute;
        left: 0;
        top: 4px;
        width: 18px;
        height: 18px;
        content: url("../images/envelop.svg");
    }


    .contacts .map-ico:before {
        content: url("../images/Location.svg");
        top: 0;
    }

    footer {
        background: var(--text);
        color: var(--white);
    }

    #footer-container {
        padding: 40px 0 20px;
    }

    #footer-block .schedule .callback-ringo {
        color: var(--white);
    }

    #footer-block .info {
        padding: 0 33px 0 0;
    }

    #footer-block .info .contacts a {
        color: var(--white);
    }
    footer .sort ul.sort-options.open {
        top: 47px;
    }
    #footer-block .contacts .map-ico:before {
        content: url("../images/Location_w.svg");
    }

    #footer-block .contacts .email-ico:before {
        content: url("../images/envelop_w.svg");
    }

    #footer-block .list-pages-container {
        padding: 0 0 0 33px;
    }

    #footer-block .list-pages {
        margin-bottom: 0;
    }

    #footer-block .list-pages .list-title {
        display: block;
        font-weight: bold;
        font-family: var(--rob-bold);
        margin-bottom: 15px;
    }

    #footer-block .list-pages a.list-item {
        display: block;
        font-family: var(--rob-reg);
        margin-bottom: 5px;
        color: var(--white);
    }

    .divider {
        width: 100%;
        height: 1px;
        background: var(--grey-2);
        margin: 20px 0;
    }

    .footer-bottom {
        justify-content: space-between;
        align-items: baseline;
    }

    .footer-bottom .f-soc {
        margin-bottom: 0;
    }

    .footer-bottom .f-soc .f-top {
        margin-bottom: 0;
        margin-right: 20px;
    }

    .footer-bottom .f-soc .soc-but {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 0;
    }

    #banner-slider-container #banner-slider .banner-title-container .banner-text-wrapper span.description {
        max-height: 65%;
        font-size: 16px;
    }

    .catalog-vertical-body .sub-catalog-vertical-body {
        width: 934px;
    }

    .sub-catalog-item {
        width: 33.3%;
    }

    .menu-wrapper.secondary .main-menu-elements,
    .menu-wrapper.home-page .main-menu-elements {
        padding: 6px 40px;
    }

    .menu-wrapper.secondary .main-menu-elements .logotype {
        width: 15%;
        padding: 0;
        margin: 0;
    }

    .menu-wrapper.secondary .main-menu-elements .search {
        width: 604px;
        display: block;
        padding: 0;
    }

    .menu-wrapper.secondary .main-menu-elements .search form input#search {
        padding: 12px 15px 12px 48px;
        border-radius: 2px;
    }

    .menu-wrapper.secondary .main-menu-elements .search form button {
        height: 44px;
        top: 7px;
    }
    .device-menu-open-btn .device-menu-text {
        display: flex;
    }
    .menu-wrapper.home-page.scrolled #menu-block {
        margin-right: 140px;
    }
    .menu-wrapper.secondary #menu-block {
        margin-right: 50px;
    }
    .menu-wrapper.home-page.scrolled .main-menu-elements .logotype,
    .menu-wrapper.secondary .main-menu-elements .logotype {
        height: 36px;
        padding: 0;
        margin: 0;
        width: auto;
    }

    .menu-wrapper.secondary .main-menu-elements .logotype {
        width: 23%;
        margin-right: 30px;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements .logotype a {
        width: 157px;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements .logotype a img {
        object-fit: unset;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements .divider-vertical {
        margin: 0 5px 0 25px;
        width: 1px;
        background: #F16C66;
        height: 36px;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements .search form input#search {
        padding: 12px 15px 12px 48px;
        border-radius: 2px;
    }

    .menu-wrapper.home-page.scrolled .main-menu-elements .search form button {
        height: 44px;
        top: 6px;
    }

    .menu-wrapper.home-page .action-menu-elements {
        max-width: 370px;
        padding: 5px 30px 5px 15px;
        color: var(--text);
    }

    .menu-wrapper.home-page .action-menu-elements .action-menu-element {
        padding: 10px;
        min-width: 42px;
        min-height: 42px;
        margin: 0 5px;
        color: var(--text);
    }

    .menu-wrapper.home-page .action-menu-elements .action-menu-element .image-wrapper {
        margin-right: 10px;
    }

    .category-page .sub-catalog-vertical-body .sub-catalog-item {
        width: 32%;
        margin: 5px;
    }

    .category-page .sub-catalog-vertical-body .sub-catalog-vertical {
        justify-content: start;
    }

    .category-page .sub-catalog-vertical-body .sub-catalog-item:nth-child(odd) {
        margin: 5px;
    }

    .filter .reset-btn svg {
        stroke: var(--text);
        display: block;
        margin-right: 15px;
        width: 18px;
        height: 18px;
        transition: 300ms;
    }

    .goods-list.vertical .item {
        padding: 0 5px;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .goods-list.horizontal .item .good .good-image {
        width: 33%;
        min-width: 33%;
        height: auto;
    }

    .goods-list.horizontal .item .good .g-body {
        flex-direction: row;
        height: auto;
        width: 100%;
    }

    .goods-list.horizontal .item .good .g-body .g-body-text-content {
        width: 50%;
        min-width: 50%;
        padding-right: 10px;
    }

    .goods-list.horizontal .item .good .g-body .dlc-fon {
        width: 50%;
        min-width: 50%;
        display: flex;
        align-items: end;
        flex-direction: column;
    }

    .goods-list.horizontal .item .good .g-body .dlc-fon .g-price-info {
        width: 100%;
        justify-content: end;
    }

    .goods-list.horizontal .item .good .g-body .dlc-fon .dlc-addtocart {
        width: 100%;
    }

    #item-container .good-info .incompare a.add_compare.grey span,
    #item-container .good-info .inbookmarks a.add_bookmark.grey span,
    #item-container .good-info .incompare a.add_compare.red span,
    #item-container .good-info .inbookmarks a.add_bookmark.red span {
        display: flex;
    }

    #item-container .pg-buy-as-company {
        background: var(--light-grey2);
        padding: 20px;
    }

    #item-container .tabs-content-list .tab-content .tab-content-title {
        font-weight: var(--rob-bold);
        font-size: 28px;
        color: var(--text);
        margin-bottom: 30px;
    }

    #item-container .tabs-content-list .tab-content .brand-info {
        border: 1px solid var(--light-grey);
        padding: 20px 30px;
    }

    #item-container .tabs-content-list .tab-content .brand-info .dashes {
        display: flex;
        border-bottom: 1px dashed var(--light-grey);
    }

    #item-container .tabs-content-list .tab-content .tab-content-text .guide-tab {
        padding: 20px;
        border: 1px solid var(--light-grey);
    }

    #item-container .tabs-content-list .tab-content .tab-content-text .guide-tab .guide-tab-icon {
        margin-right: 20px;
    }

    #item-container .tabs-body {
        overflow-x: unset;
    }

    #item-container .accent-objects.main .accent-element {
        padding: 15px;
    }

    #item-container .accent-objects.main .accent-element .accent-image {
        width: 80px;
        height: 80px;
    }

    .goods-section-body.contacts .payment-contacts {
        margin-left: 80px;
        padding: 0 0 0 80px;
        border-left: 1px solid var(--light-grey3);
    }

    .goods-section-body.contacts .payment-contacts .con-block {
        width: 84%
    }

    .con-map {
        height: 700px;
    }

    .goods-section.primary.contacts,
    .goods-section.primary.contacts.about-us {
        padding: 60px 100px;
    }

    #for-business .goods-section.primary .form-container {
        padding: 40px;
    }

    #for-business .goods-section.primary .form-container .form-elem-new {
        margin-bottom: 0;
    }

    #for-business .goods-section.primary .form-container .form-elem-new.phone .phone-with-code-wrapper .input-text {
    /*#for-business .goods-section.primary .form-container .form-elem-new.bin input.input-text {*/
        padding: 6px 9px 6px 100px;
    }

    #for-business .goods-section.primary .form-container .form-elem-new.phone,
    #for-business .goods-section.primary .form-container .form-elem-new.bin {
        width: 226px;
    }

    #for-business .goods-section.primary .form-container .form-elem-new.comment {
        width: 386px;
    }

    #for-business .goods-section.primary .form-container .form-elem-new.comment textarea {
        height: 44px;
    }

    #for-business .goods-section.primary .form-container .btn-wrapper {
        width: 166px;
    }

    #for-business .goods-section.primary .form-container .send_form_btn {
        padding: 8px 0;
    }
    #item-container .tabs-body.sticky {
        top: 54px;
    }
}