@charset "UTF-8";

/**** RESET ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*:before, *:after, *{box-sizing: border-box;}
* {
    -webkit-tap-highlight-color: transparent;
}

@-moz-document url-prefix(""){
    a, a:hover, a:focus {outline: none !important;}
}

button {cursor: pointer;}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=date]::-webkit-calendar-picker-indicator {width: 20px; height: 20px; position: absolute; right: 10px; cursor: pointer; opacity: 0;}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {}
@media only screen and (max-width: 1024px){ }
@media (pointer:coarse){} // touchscreen
*/

/*
white-space: nowrap;
text-overflow: ellipsis;
*/


:root {
    --font-family: 'Open Sans', sans-serif;
    --font-size: 14px;
    --font-weight: 400;
    --font-color: #000;
    --line-height: 1.2;

    --bg-color: #fff;
    --white-color: #fff;
    --black-color: #000;
    --gray-color: #505050;
    --medidum-gray-color: #8F8F8F;
    --light-gray2-color: #E6E6E6;
    --light-gray1-color: #F5F5F5;
    --light-gray-color: #FAFAFA;
    --orange-color: #F0A83C;
    --red-color: #E6141E;
    --blue-color: #007AFF;
    --blue2-color: #2196F3;
    --light-green-color: #E6FFEE;

    --primary-color: #008954;

    --search-link-hover: rgba(0, 137, 84, 0.06);

    --header-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
    --flexMenu-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    --tooltip-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
    --map-content-shadow: 2px 0px 8px 2px rgba(0, 0, 0, 0.06);
    --catalogmenu-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
    --user-popup-shadow:  0px 0px 15px rgba(0, 0, 0, 0.16);
    --select-shadow:  0px 0px 15px rgba(0, 0, 0, 0.16);
    --sidebar-menu-fixed-shadow:  0 0 2px 2px rgba(0, 0, 0, 0.04);
    --compare-header-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);

    --content-width: 1120px;
    --catalogmenu-row-width: 255px;
    --product-slider-height: 450px;

    --left-sidebar-width: 250px;
    --about-product-sidebar-width: 352px;
    --rq-sidebar-width: 352px;
    --basket-sidebar-width: 352px;
    --user-sidebar-width: 256px;

    --content-padding-lr: 16px;
    --section-bottom: 74px;

    --brdr-radius: 4px;
    --running-line-transition: 30s;
}

html, body {width:100%; height:100%;
    -webkit-overflow-scrolling: touch;
}

html {scroll-behavior: smooth;}
:target {scroll-margin-top: 2em;}

::-webkit-input-placeholder {opacity: 1; text-overflow:ellipsis; white-space: nowrap; font-weight: 300;
    color: var(--medidum-gray-color);
}
::-moz-placeholder {opacity: 1; text-overflow:ellipsis; white-space: nowrap; font-weight: 300;
    color: var(--medidum-gray-color);
}


body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--font-color);
    line-height: var(--line-height);

    background-color: var(--bg-color);

    overflow-y: scroll;
    overflow-x: hidden;

    height: -webkit-fill-available;
}

h1, h2, h3, h4, h5, h6, .title {font-size: 24px; font-style: normal; font-weight: 600;}

b, strong {font-weight: 600;}
i, em {font-style: italic;}

.title {margin-bottom: 24px;}
.title a {text-decoration: none;
    color: var(--font-color);
}
.title a:hover {color: var(--font-color);}
.title a:hover img {margin-left: 15px;}
.title img {display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.3s;}


a, a:active {color: var(--font-color); outline: none !important;}
a:hover {color: var(--primary-color);}

img:before {content: attr(alt); display: inline-block; vertical-align: middle; padding: 0 0 0 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAB40lEQVRIiZ3Wu2sUURTH8Q+apFLwVUQCgoVPbIydVlZCKkF3UbTxgSKmEA0oCz4K21Q2ggiKBjTGZv8DK0Wt1FLsUqiF4hMfu7G4d5nrMLu5kwPDzJxzfufLzNxz7lDYDjzAFyzgGx5j3GCbwIWSby3aGO05DuBnLLyAv8n1b5wYAJjG3eR+BE+i9iZsT4rPYiuWYRPuRH8Xp/sA5tBM7nuaWxiG+9HxsE+BcwnkVEX8KVbF6xY6mEoTPsYCW/oAUkgHJ0uxR/HcwFfsL4u7wjtfPgBQhhxP/BswhrfYVSX8EIWbFwGkkBcYKsVW9hPdi6KZDAAcxZrMXLANPyLkUh1hHWsq1n5rCfp1uZA/EXKlRvHd+IzJnOQjiie5nAmYVPTJmbqQs5mQtBmzIE28xvpMQA/SjUfW6yqv81xI70mOLUFfC/JLGKQmhJE7JwyuWaH9yzaOi5mQmQi5DeeFed5UTMWxkmAF3kfRtQzAzpj7rirYEAZXebY0FH2yGGR1zPtUDrSEkVs5Ff3fjIMge2POq55jRNiJOirmeckOKfqkCjKEZzF+nbBB9/bQqQpBlR1OIG3sEXpmH55H/3ysra3YQ+vYQXxX/Bykx7zkb2RU2P2HawJgI27gjbDKXuKq8JHBP6e6i/256t/TAAAAAElFTkSuQmCC') no-repeat left center / 16px 16px;
}
img:after { display: inline-block; vertical-align: middle;}

/** BOOTSTRAP SETTINGS SECTION **/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: var(--content-padding-lr);
    padding-right: var(--content-padding-lr);
}

.container {max-width: calc(var(--content-width) + (var(--content-padding-lr) * 2));}

.row, .row > * { --bs-gutter-x: 30px; }


@media only screen and (max-width: 990px){
    .title {font-size: 18px; margin-bottom: 16px;}
}


#wrapper {margin: 0 auto; width:100%;
    display: flex;
    flex-direction: column;

    min-height: 100vh;

    -webkit-overflow-scrolling: touch;
}

.clear:after{content: ""; display: block; clear: both;}

.blck_hidden {display: none;}
.hidden {display: none !important;}
.blck_visibility {visibility: hidden;}
.scroll_hidden {overflow: hidden !important;}


/** По центру **/
.cntr_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** По вертикали **/
.cntr_vert{
    display: flex;
    align-items: center;
}


/*** SCROLL ***/
.scroll {
    scrollbar-color: var(--primary-color) var(--light-gray2-color);
    scrollbar-width: thin;
}
.scroll::-webkit-scrollbar {
    width: 6px; /* ширина для вертикального скролла */
    height: 6px; /* высота для горизонтального скролла */
    background-color: var(--light-gray2-color);
}

/*** Полузунок ***/
.scroll::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 9em;
    box-shadow: inset 1px 1px 10px var(--primary-color);
}

.scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color);
}

/*** Стрелки ***/
/*
.scroll::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: linear-gradient(120deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(240deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: var(--light-gray2-color);
}

.scroll::-webkit-scrollbar-button:vertical:end:increment {
    background-image: linear-gradient(300deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(60deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: var(--light-gray2-color);
}

.scroll::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: linear-gradient(30deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(150deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(270deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: var(--light-gray2-color);
}

.scroll::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: linear-gradient(210deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(330deg, #02141a 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(90deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: var(--light-gray2-color);
}
*/



.border {clear: both; border: 0; width: 100%; height: 1px; display: block;
    border-bottom: 1px solid var(--light-gray2-color);
}

.txt-red {color: var(--red-color);}
.txt-green {color: var(--primary-color);}


/*** buttons ***/
.btn {font-size: 14px; font-weight: 600; letter-spacing: inherit; text-align: center; text-decoration: none; padding: 10px 15px; height: 40px; transition: 0.3s; cursor: pointer;
    font-family: var(--font-family);
    color: var(--font-color);
    border-radius: var(--brdr-radius);

    background-color: transparent;
    border: 1px solid var(--black-color);

    -webkit-background-clip: padding-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn:hover,
.btn:active {background-color: transparent; text-decoration: none;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:active {background-color: var(--medidum-gray-color); border-color: transparent; color: var(--white-color); cursor: default; pointer-events: none;}

.btn1 {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}
.btn1:hover {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); opacity: 0.8;}
.btn1:active {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}

.btn2 {background-color: transparent; color: var(--font-color); border-color: var(--light-gray2-color);}
.btn2:hover {background-color: transparent; color: var(--primary-color); border-color: var(--primary-color);}
.btn2:active {background-color: transparent; color: var(--primary-color); border-color: var(--primary-color);}

.btn3 {background-color: transparent; color: var(--primary-color); border-color: var(--primary-color);}
.btn3:hover {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}
.btn3:active {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}

.btn4 {background-color: var(--blue2-color); color: var(--white-color); border-color: var(--blue2-color);}
.btn4:hover {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}
.btn4:active {background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}

.btn5 {background-color: var(--red-color); color: var(--white-color); border-color: var(--red-color);}
.btn5:hover {background-color: var(--red-color); color: var(--white-color); border-color: var(--red-color); opacity: 0.8;}
.btn5:active {background-color: var(--red-color); color: var(--white-color); border-color: var(--red-color);}


/*** INPUT DEFAULT style ***/
.input-container {margin-bottom: 15px;}
.input-container:last-child {margin-bottom: 0;}

[class*="input-col-"] {
    display: grid;
    grid-gap: 15px;
}

[class*="input-col-"] .input-row {margin-bottom: 0;}

.input-col-2 {
    grid-template-columns: 1fr 1fr;
}
.input-col-3 {
    grid-template-columns: repeat(3, 1fr);
}
.input-col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.input-row {margin-bottom: 15px; position: relative;
    gap: 10px;
}
.input-row:last-child {margin-bottom: 0;}

.input-row .tooltip {height: initial; min-height: 28px;}
.input-link {font-weight: 600; text-decoration: none; position: absolute; top: 50%; right: 2px; padding: 8px; transform: translateY(-50%);
    background-color: var(--bg-color);
    color: var(--primary-color);
}
.input-link:hover {
    color: var(--font-color);
}

.input-col {
    grid-column: 1 / -1;
}

.input {font-size: inherit; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 40px; padding: 0 16px; overflow: hidden;
    font-family: var(--font-family);
    border-radius: var(--brdr-radius);
    color: var(--font-color);
    background-color: var(--bg-color);
    border: 1px solid var(--light-gray2-color);

    display: grid;
    align-items: center;
}
.input::placeholder {}

.input:focus {outline: none !important;
    /*border-image: linear-gradient(135deg, #00B6ED 0%, #006DAE 100%);
    border-image-slice: 1;*/
}


/* INPUT VALID */
.input:valid {box-shadow: none;}
.input.valid {color: inherit; padding-right: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAA00lEQVQoU42QzW3CUBCEZx5wT87gCCoIHcR0ECTgmqUD0gkd8LhiJNwBdEA6SAjKnQKwBz2IUYL42+PufKuZIe6cp8QGbouU9+ijiRmoEcT+TSCa2iukGcDxuuvtKlCdWNNRc0irUsXFX22/uQjUZ/aQZVpCeCyVWQ/iYJ+1qQ2d9OLKbBXLIM63mgto5GL80/MfRVbWEosJhfSfmdgPxygxD+gNZHvd8enfYvaWfr0uAAhECsEIvn93/fC0xWOGPYTcg3wuGjlX+b/QB++wc58LeAdIyFbZIoQFNAAAAABJRU5ErkJggg==") right 10px center no-repeat;
    border-color: var(--primary-color);
}
.input.valid::placeholder {color: inherit;}

.input.valid + .input-label i {
    color: var(--primary-color);
}

/* INPUT INVALID */
.input:invalid {box-shadow: none;}
.input.invalid {color: inherit; padding-right: 30px;
    border-color: var(--red-color);
}
.input.invalid::placeholder {color: inherit;}

.input.invalid + .input-label i {
    color: var(--red-color);
}

select.input {padding-right: 30px; cursor: pointer;
    background: var(--bg-color) url(../../images/icon/menu-down.svg) right 10px center no-repeat;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.input.date-picker {padding-right: 36px;
    background: var(--bg-color) url(../../images/icon/calendar.svg) right 10px center no-repeat;
}

textarea.input {resize: none; padding-top: 10px; white-space: initial; min-height: 40px; max-height: 300px;}
textarea.textarea {resize: none; padding-top: 10px; white-space: initial; min-height: 124px; max-height: 300px;}

input[type="date"].input {display: block; padding-right: 36px; cursor: pointer; position: relative;
    background: var(--bg-color) url(../../images/icon/calendar.svg) right 10px center no-repeat;
}

/* input_radio */
.input_radio {display: none;}
.input_radio + label {margin: 0 0 5px; padding: 2px 0 2px 30px; display: inline-block; cursor: pointer;
    background: url("../../images/icon/input_radio.svg") left top no-repeat;
}
.input_radio:checked + label {background-image: url("../../images/icon/input_radio_check.svg");}

/* input_checkbox */
.input_checkbox {display: none;}
.input_checkbox + label {padding: 1px 0 1px 30px; display: inline-block; cursor: pointer;
    background: url("../../images/icon/input_checkbox.svg") left center no-repeat;
}
.input_checkbox:checked + label {background-image: url("../../images/icon/input_checkbox_check.svg");}

/* input_switch */
.input_switch {display: none;}
.input_switch + label {padding: 0; cursor: pointer; font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.input_switch:checked + label {}

.input_switch-btn {display: inline-flex; width: 40px; height: 22px; border-radius: 16px; padding: 2px;
    background-color: var(--light-gray2-color);
}
.input_switch-btn:before {content: ""; display: block; width: 18px; height: 18px; border-radius: 20px;
    background-color: var(--bg-color);
}

.input_switch:checked + label .input_switch-btn {
    background-color: var(--primary-color);
}
.input_switch:checked + label .input_switch-btn:before {margin-left: auto;}

/* input-label */
.input-label {display: block; margin: 0 0 8px;
    color: var(--font-color);
}
.input-label i {font-style: normal;
    color: var(--primary-color);
}

/* label-top */
.label-top .input-label {font-size:16px; position: absolute; pointer-events: none; left: 16px; right: 15px; top: 50%; white-space: nowrap; overflow: hidden;
    color: var(--medidum-gray-color);
    will-change: transform;
    transform: translateY(-50%);
    transition: .3s;
}
.label-top .input:focus ~ .input-label {font-size: 12px; top: 8px; transform: none;}
.label-top .input:not(:placeholder-shown) ~ .input-label {font-size: 12px; top: 8px; transform: none;}

.label-top .input {height: 58px; padding-top: 10px;}
.label-top textarea.input {padding-top: 24px; min-height: 58px;}
.label-top textarea.textarea {padding-top: 24px; min-height: 124px;}
.label-top .textarea + .input-label {top: 26px;}

.label-top select.input {padding-left: 14px;}

/* input-file */
.input-file {display: none;}
.input-file-label {width: 64px; height: 64px; cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: var(--brdr-radius);

    display: flex;
}

.input-file-label:hover {
    border-color: var(--light-gray2-color);
}

.input-file-label svg {margin: auto;}

.input-file__list {font-size: 18px;
    color: var(--medidum-gray-color);

    flex-wrap: wrap;
    gap: 10px;
}

.input-file__item {width: 64px; height: 64px; position: relative; overflow: hidden; cursor: default;
    border-radius: var(--brdr-radius);
}

.input-file__item img {display: block; width: 100%; height: 100%; position: absolute; z-index: 1;
    object-fit: cover;
    object-position: center center;
}

.input-file__delete {text-decoration: none; position: absolute; top: 3px; right: 3px; z-index: 3;}
.input-file__delete svg {display: block;}
.input-file__delete:hover svg * {
    stroke: var(--red-color);
}

/* input-upload */
.input-upload {display: none;}
.input-upload-label {height: 58px; cursor: pointer; transition: 0.3s;
    border: 1px dashed var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.input-upload-label:hover {
    background: var(--light-gray1-color);
}

.input-upload-label span {
    text-decoration: underline var(--medidum-gray-color) dashed;
    text-underline-offset: 4px;
}


/* input-alert */
.input-alert {font-size: 12px; margin: -7px 0 0;}
.input-alert__error {
    color: var(--red-color);
}
.input-alert__success {
    color: var(--primary-color);
}


/* select2 plugin */
.select2.select2-container.select2-container--focus {z-index: 2;}

.select2.select2-container--default .select2-selection--single {all: unset; height: 40px; cursor: pointer;
    font-family: var(--font-family);
    border-radius: var(--brdr-radius);
    color: var(--font-color);
    border: 1px solid var(--light-gray2-color);
    background: var(--bg-color) url(../../images/icon/menu-down.svg) right 10px center no-repeat;

    display: flex;
    align-items: center;
}

.select2 .select2-selection__arrow {display: none;}

.select2-container.select2-container--open {z-index: 1;}

.select2-container.select2-container--open .select2-dropdown {
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
    box-shadow: var(--select-shadow);
}


/***** HEADER *****/
#header {position: relative; z-index: 5;}
.header {
    background-color: var(--bg-color);
    box-shadow: var(--header-shadow);
}

/*** header-top ***/
.header-top {padding: 14px 0;}
.header-top .container {
    justify-content: space-between;
}

/** header-top-logo **/
.header-top-logo {padding: 10px 0;}

/** header-top-location **/
.header-top-location {}

.h-location__current svg {vertical-align: middle; margin-right: 4px;}
.get_location {text-decoration: none; vertical-align: middle;}

/** header-top-feadback **/
.header-top-feadback {
    gap: 33px;
}
.header-top-feadback a {text-decoration: none;}

.h-feadback__link {}
.h-feadback__phone {}
.h-feadback__phone svg {vertical-align: top; margin-right: 4px;}


/*** header-middle ***/
.header-middle { padding: 20px 0;
    background-color: var(--light-gray1-color);
}

/** header-middle-logo **/
.header-middle-logo { margin: 0 33px 0 0;
    flex-shrink: 0;
}
.header-middle-logo img,
.header-middle-logo svg{max-width: 120px;}

/** header-middle-search **/
.header-middle-search { position: relative;
    flex-grow: 1;
}

.h-search {position: relative;}
.h-search__input {padding-right: 84px; height: 44px;}

.h-search-btns {position: absolute; top: 50%; right: 6px; transform: translateY(-50%);
    gap: 15px;
}

.h-search__btn {border: none; cursor: pointer; background: none; padding: 0;}
.h-search__btn svg {display: block; margin: auto;}

.h-search__search {width: 44px; height: 32px;
    border-radius: var(--brdr-radius);
    background-color: var(--bg-color);
}
.h-search__search:hover {
    background-color: var(--primary-color)
}
.h-search__search:hover svg * {fill: var(--white-color);}

.h-search__reset {width: 15px; height: 15px;}
.h-search__reset:not(.is-show){visibility: hidden;}
.h-search__reset svg * {stroke-width: 1.01px;}
.h-search__reset:hover svg * {
    stroke: var(--red-color);
}

/* h-search-results */
.h-search-results {position: absolute; inset: calc(100% - 4px) 0 0; bottom: initial; z-index: 1; max-height: 400px;
    background-color: var(--white-color);
    border-radius: 0 0 var(--brdr-radius) var(--brdr-radius);
    border: 1px solid var(--light-gray2-color);

    overflow-x: hidden;
    overflow-y: auto;
}

.h-search-results:not(.is-show) {visibility: hidden;}

.search-history {padding: 16px;
    justify-content: space-between;
    gap: 10px;
}

.search-history__title {font-weight: 600; font-size: 16px;}
.search-history__reset { text-decoration: none;
    color: var(--gray-color)
}
.search-history__reset:hover {
    color: var(--red-color);
}

/* search-results-list */
.search-results-list {}

.search-results__link {padding: 0 0 0 40px; position: relative;
    background-repeat: no-repeat;
    background-position: left 16px center;
}
.search-results__link:hover {
    background-color: var(--search-link-hover);
}

.history__link {background-image: url("../../images/icon/history-result-search.svg");}

.found__link {background-image: url("../../images/icon/found-result-search.svg");}

.results__link {font-weight: 600; text-decoration: none; display: block; padding: 12px 30px 12px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    color: var(--medidum-gray-color);
    border-bottom: 1px solid var(--light-gray1-color);
}

.search-results__link:last-of-type .results__link {border: none;}
.found__link .results__link {background: url("../../images/icon/arrow-result-search.svg") no-repeat right 18px center;}

.results__link b {
    color: var(--black-color);
}
.results__link:hover b {
    color: var(--primary-color);
}

.history__link-delete {position: absolute; top: 50%; right: 16px; transform: translateY(-50%); padding: 4px 0 4px 4px;}
.history__link-delete:hover svg {display: block;}
.history__link-delete:hover svg * { stroke-width: 1.01px;
    stroke: var(--red-color);
}


/** header-middle-panel **/
.header-middle-panel {margin: 0 0 0 45px;
    display: flex;
    align-items: flex-end;
    gap: 38px;
}

.panel__item {position: relative;}

.h-panel__link {text-decoration: none; text-align: center; display: block; position: relative;}
.h-panel__link:hover svg * {
    stroke: var(--primary-color);
}
.h-panel__icon {display: table; margin: 0 auto 6px; position: relative;}
.h-panel__icon svg {display: block;}
.h-panel__txt {display: block;}
.h-panel__count {font-weight: 600; font-size: 10px; width: 16px; height: 16px; border-radius: 40px; position: absolute; top: -10px; right: -8px;
    color: var(--white-color);
    background-color: var(--primary-color);
}

.h-panel__user {}
.h-panel__compare {}
.h-panel__wishes {}

.h-panel__cart {}
.h-panel__cart .h-panel__link:hover svg * {stroke: transparent;
    fill: var(--primary-color);
}


/* h-panel_popup */
.h-user_popup {width: 220px; padding: 9px 0; position: absolute; top: calc(100% + 18px); left: calc(50% - 110px); z-index: 1; transform: scale(0.95); opacity: 0; visibility: hidden;
    background-color: var(--bg-color);
    box-shadow: var(--user-popup-shadow);
    border-radius: var(--brdr-radius);

    transition: 0.6s cubic-bezier(0.35, 1.6, 0.3, 1.1);
}

.panel__item:hover .h-user_popup {opacity: 1; visibility: visible; transform: scale(1);}

.h-user_popup:before {content: ""; width: 18px; height: 15px; position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    background: url("../../images/user_popup.svg") no-repeat center center;
}

.h-user_popup .border {margin: 9px 0;}

.user_popup-row {}
.user_popup__link {text-decoration: none; padding: 9px 28px 9px 18px;
    gap: 10px;
}
.user_popup__link:hover {color: var(--black-color);
    background: url(../../images/icon/user-panel-arrow.svg) no-repeat right 14px center;
}
.user_popup__icon {width: 20px; }
.user_popup__icon svg {max-width: 100%; display: block; margin: auto;}
.user_popup__txt {}

.user_popup__exit {text-decoration: none;}
.user_popup__exit:hover { background: none;
    color: var(--red-color);
}

.user_popup__exit:hover svg * {
    stroke: var(--red-color);
}


/*** header-bottom ***/
.header-bottom {padding: 16px 0;}

/** header-catalog-btn **/
.header-catalog-btn {margin-right: 34px;}

.h-catalog_btn {font-size: 16px;}
.h-catalog_btn svg {margin: 0 8px 0 0;}
.h-catalog_btn span {}

/** header-main-menu **/
.header-main-menu {}

.main-menu {}
.main-menu__list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.main-menu__list a {text-decoration: none;}

.main-menu__list > li {position: relative;}
.main-menu__list > li > a {}

.main-menu__list > li > a:hover,
.main-menu__list > li.is-active > a,
.flexMenu-viewMore.active > a{
    color: var(--primary-color);
}

.red-link a {color: var(--red-color); font-weight: 600;}

.flexMenu-viewMore {}
.flexMenu-popup { position: absolute; left: 50%; transform: translateX(-50%);
    background-color: var(--bg-color);
    box-shadow: var(--flexMenu-shadow);
}

.flexMenu-popup li {
    border-bottom: 1px solid var(--light-gray2-color);
}
.flexMenu-popup li:last-child {border: none;}
.flexMenu-popup a {display: block; padding: 10px 14px;}

@media only screen and (max-width: 990px){
    #header {display: none;}
}


/*
    Всплывающий поиск товаров
*/
#digi-shield.digi_tpl-simple.digi_tpl-simple {
    --color-primary: var(--primary-color) !important;

    top: calc(var(--headerHeight) + var(--bxPanelHeight) - 72px);
}

#digi-shield .digi-wrapper {
    max-width: calc(var(--content-width) + (var(--content-padding-lr) * 2)) !important;
}


#digi-shield .digi-scroll-up {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}
#digi-shield .digi-scroll-up svg {
    fill: var(--primary-color) !important;
}

/* digi_mobile */
#digi-shield.digi_mobile {}
#digi-shield.digi_mobile .digi-tips {padding: 8px 14px 0 14px;}
#digi-shield .digi-search.digi-search_mobile {position: fixed; top: -9999px; opacity: 0;}

#digi-shield.digi_tpl-simple.digi_mobile.digi-search-fixed .digi-products-scroll-handler.digi-products-scroll-handler_full {padding-top: 0;}
#digi-shield.digi_tpl-simple.digi_mobile .digi-product {width: initial; border-right: none !important;
    flex-basis: initial;
    flex-direction: row;
    align-items: center;

    gap: 20px;
}

#digi-shield.digi_tpl-simple.digi_mobile .digi-product__image-wrapper {margin: 0; width: 100px; height: 100px !important;
    flex-shrink: 0;
}

#digi-shield.digi_mobile .digi-ac-block__title {padding-top: 20px;}

@media only screen and (max-width: 1100px){
    #digi-shield.digi_desktop .digi-tips_refs {width: initial !important;}
    #digi-shield.digi_tpl-simple.digi_desktop .digi-sort {max-width: initial; margin-left: 0;}

    #digi-shield .digi-tip__cloud {margin: 0;}
    #digi-shield.digi_desktop .digi-main__results {min-width: 1px;}
}

@media only screen and (max-width: 990px){
    #digi-shield.digi_tpl-simple.digi_tpl-simple {
        top: calc(var(--mobileheaderHeight) + var(--bxPanelHeight) + var(--smartbannerHeight) + 2px);
    }
}

@media only screen and (max-width: 900px){
    #digi-shield.digi_tpl-simple.digi_desktop .digi-ac {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #digi-shield.digi_desktop .digi-ac__wrapper {
        flex-direction: column;
    }
    #digi-shield.digi_tpl-simple.digi_desktop .digi-ac__set_main {width: initial; border: none; padding-bottom: 10px; margin-bottom: 10px;
        border-bottom: 1px solid var(--light-gray2-color);
    }

    #digi-shield.digi_tpl-simple .digi-products-grid {
        flex-direction: column;
    }

    #digi-shield.digi_desktop .digi-products-grid .digi-product {margin: 0 0 15px !important; width: initial;
        display: flex !important;
        flex-basis: initial;
        flex-direction: row;
        align-items: center;

        gap: 20px;
    }

    #digi-shield.digi_tpl-simple.digi_desktop .digi-product__image-wrapper {margin: 0; width: 100px; height: 100px !important;
        flex-shrink: 0;
    }

    #digi-shield img {
        object-fit: cover !important;
    }
}


/*
    Мобильный header
*/
#mobileheader {position: relative; z-index: 5; display: none;}
.mobileheader {
    background-color: var(--bg-color);
    box-shadow: var(--header-shadow);
}

.mobileheader > .container {height: 48px;
    justify-content: space-between;
    gap: 20px;
}

/** mobheader-left **/
.mobheader-left {min-width: 20px;}

/* burger-menu */
.burger-menu {width: 20px;}

.burger-menu__icon {}
.burger-menu__icon:not(.is-active) {display: none;}
.burger-menu__icon > svg {display: block;}

.page-burger-menu__icon {}
.page-burger-menu__icon:not(.is-active) {display: none;}
.page-burger-menu__icon > svg {display: block;}

/* mobheader__back */
.mobheader__back {}
.mobheader__back-link {}
.mobheader__back svg {display: block;}

/** mobheader-center **/
.mobheader-center {}

/* mobheader__logo */
.mobheader__logo {}
.mobheader__logo a {text-decoration: none;}
.mobheader__logo img {display: block; max-width: 85px}

/* mobheader__title */
.mobheader__title {font-weight: 600; font-size: 16px; text-align: center;}
.mobheader__subtitle {font-size: 12px; font-weight: 300; display: block;
    color: var(--medidum-gray-color);
}

/** mobheader-right **/
.mobheader-right {min-width: 20px;}
.mobheader-right svg {display: block;}

/* mobheader__search */
.mobheader__search {}
.mobheader__search-icon {}

/* mobheader__delete */
.mobheader__delete {}
.mobheader__delete-icon {}

/* mobheader__delete */
.mobheader__delete {}
.mobheader__delete-icon {}

/* mobheader__exit */
.mobheader__exit {}
.mobheader__exit-icon {}

@media only screen and (max-width: 990px){
    #mobileheader {display: block;}
}


/*
    Мобильный поиск
*/
#mobilesearch {position: fixed; right: 0; left: 0; z-index: 14; transition: 0.3s;
    top: calc(0.5px + var(--bxPanelHeight) + var(--smartbannerHeight));
    background-color: var(--bg-color);
}
#mobilesearch:not(.is-show) {display: none;}

.mobilesearch {padding: 4px 0;
    box-shadow: var(--header-shadow);
}
.mobilesearch > .container {position: relative;}

.mobilesearch__btn {background: none; border: 0; padding: 0;
    flex-shrink: 0;
}

.mobilesearch__input {border: none;
    flex-grow: 1;
}

.mobilesearch__close {
    flex-shrink: 0;
}

/** mobilesearch-results **/
.mobilesearch-results {position: absolute; inset: 48px 0 0 0; z-index: 1; display: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.mobilesearch-results .results__link {padding: 15px 30px 15px 0;}
.mobilesearch-results .search-results__link:last-of-type .results__link {
    border-bottom: 1px solid var(--light-gray1-color);
}


/*
    Мобильное меню
*/
#mobilemenu {position: absolute; right: 0; left: 0; z-index: 11;
    top: calc(var(--mobileheaderHeight) + var(--smartbannerHeight) + var(--bxPanelHeight));
}
#mobilemenu:not(.is-show) {display: none;}

.mobilemenu {position: relative; z-index: 2;
    background-color: var(--bg-color);
    box-shadow: var(--header-shadow);
}

/* mobilemenu-contacts */
.mobilemenu-contacts {padding: 16px 0;
    border-bottom: 1px solid var(--light-gray2-color);

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 9px;
}

[class^="m-contacts__"] {text-align: center; text-decoration: none; padding: 10px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    flex-grow: 1;
}
[class^="m-contacts__"] svg {vertical-align: middle}
[class^="m-contacts__"] span {vertical-align: middle}

.m-contacts__location {}
.m-contacts__phone {}


/* mobilemenu-list */
.mobilemenu-list {}

.mobilemenu-link {padding: 17px 0; font-size: 16px;
    border-bottom: 1px solid var(--light-gray2-color);
}
.mobilemenu-link:last-child {border-bottom: none;}
.mobilemenu-link a {text-decoration: none;
    background: url(../../images/icon/mobilemenu-link.svg) no-repeat center right;
}

.mobilemenu-link > a {display: block;}
.mobilemenu-link.is-active > a {
    color: var(--primary-color);
}

/* mobilemenu-close */
.mobilemenu-close {position: fixed; right: 0; bottom: 0; left: 0; z-index: 1;
    top: calc(var(--mobileheaderHeight) + var(--smartbannerHeight) + var(--bxPanelHeight));
}

@media only screen and (max-width: 370px){
    [class^="m-contacts__"] {font-size: 12px; padding: 10px 6px;}
    [class^="m-contacts__"] svg {font-size: 11px;}
}



/*
    Мобильный фиксированный sidebar
*/
.sidebar-menu-fixed {position: fixed; inset: 0; top: initial; z-index: 10; display: none;
    background-color: var(--bg-color);
    box-shadow: var(--sidebar-menu-fixed-shadow);
}
.sidebar-menu-list {padding: 10px 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 20px;
}

.sidebar-menu__item {text-decoration: none; text-align: center;}
.sidebar-menu__item:not(.is-active) {/*opacity: 0.24;*/}

.sb-menu__icon {position: relative; display: inline-block; height: 20px;}
.sb-menu__icon svg {display: block; margin: auto;}
.sb-menu__count {font-weight: 600; font-size: 8px; width: 12px; height: 12px; border-radius: 40px; position: absolute; top: -4px; right: -6px; padding: 0 0 1px;
    color: var(--white-color);
    background-color: var(--primary-color);
}

.sb-menu__txt {display: block; font-size: 10px;}

@media only screen and (max-width: 990px){
    .sidebar-menu-fixed {display: block;}
}


/*
    Большой каталог меню
*/
.maincatalog-menu {position: absolute; right: 0; left: 0; z-index: 4;
    top: calc(var(--headerHeight) + var(--bxPanelHeight));
}

.maincatalog-menu:not(.is-active) {visibility: hidden; opacity: 0; display: none;}

/*** catalogmenu-wrap ***/
.catalogmenu-wrap {position: relative;}

.catalogmenu-row {padding: 16px 0 0; z-index: 2;
    width: var(--catalogmenu-row-width);
    background-color: var(--bg-color);
    box-shadow: var(--catalogmenu-shadow);
    /*border-right: 1px solid var(--light-gray2-color);*/
}

.catalogmenu__first {padding: 0 8px 0 0;}

.menu__first-link {text-decoration: none; height: 50px; padding: 0 24px 0 0; position: relative; z-index: 2; overflow: hidden;
    border-radius: var(--brdr-radius);
    background-color: var(--bg-color);

    display: flex;
    align-items: center;
}

.catalogmenu__first:hover .menu__first-link {
    color: var(--font-color);
    background-color: var(--light-gray1-color);
}

.menu__first-icon {width: 40px;}
.menu__first-icon img {display: block; margin: auto;}
.menu__first-txt {}

.menu__first-arrow {position: absolute; top: 50%; right: 14px; transform: translateY(-50%); opacity: 0;}
.catalogmenu__first:hover .menu__first-arrow {opacity: 1;}


/** catalog-submenu **/
.catalog-submenu {visibility: hidden; opacity: 0; position: absolute; z-index: 1; top: 0;
    left: var(--content-padding-lr);
    right: var(--content-padding-lr);
    background-color: var(--bg-color);
}
.catalogmenu__first:hover .catalog-submenu {visibility: visible; opacity: 1;}

.catalog-submenu__items {padding: 33px; margin: 0 0 0 auto;
    width: calc(100% - var(--catalogmenu-row-width));
    border-left: 1px solid var(--light-gray2-color);

    column-count: 3;
    column-gap: 20px;
}

.submenu__item {margin: 0 0 32px;
    break-inside: avoid;
}
.submenu__item a {text-decoration: none;}
.submenu__item a:hover {
    color: var(--primary-color);
}

.submenu_title {font-weight: 600; margin: 0 0 17px;}
.submenu_title a {}

.submenu_link {margin: 7px 0 0;}
.submenu_link a {
    color: var(--gray-color);
}

.catalog-cls {position: absolute; inset: 0; z-index: 0;}
.catalog-fix-cls {position: fixed; inset: 0; z-index: -1;}


/*
    мобильный каталог
*/
#mobilecatalog {position: fixed; inset: 0; z-index: 12;
    background-color: var(--bg-color);

    overflow-x: hidden;
    overflow-y: auto;
}
#mobilecatalog:not(.is-show) {display: none;}

.mobilecatalog {}

/** mob-catalog-menu **/
.mob-catalog__menu {padding-bottom: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mob-catalog-js {background: none !important;}

.mob-catalog__list {}
.mob-catalog__list a {text-decoration: none;}

.mob-catalog__list > li > .back {display: none;}

.mob-catalog__mainhead,
.mob-catalog__head {position: relative; padding: 16px 0;
    box-shadow: var(--header-shadow);
}

.mob-catalog__title {font-weight: 600; font-size: 16px; text-align: center;}

.mob-catalog__mainhead > a,
.mob-catalog__head > a {display: block !important; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 !important;
    background-color: initial !important;
}

.mob-catalog__close {left: var(--content-padding-lr);}
.mob-catalog__search {right: var(--content-padding-lr);}

.mob-catalog__mainhead > a svg,
.mob-catalog__head > a svg {display: block;}

.mob-catalog__mainhead .back,
.mob-catalog__head .back {padding: 0; width: 16px; height: 16px;
    left: var(--content-padding-lr);
    background: url("../../images/icon/mobilecatalog-prev.svg") no-repeat center center;
}

.mob-catalog__mainhead .back:before,
.mob-catalog__head .back:before {display: none;}


/* mob-catalog__item */
.mob-catalog__item {font-size: 16px;}

.mob-catalog__item > a {margin: 0 var(--content-padding-lr);
    color: var(--font-color);
    border-bottom: 1px solid var(--light-gray2-color);
}
.mob-catalog__item > a:hover {
    color: var(--primary-color) !important;
}
.mob-catalog__item > a:not(.back) {padding: 20px 0 !important;}
.mob-catalog__item > a:not(.back):hover {background-color: transparent !important;}

.mob-catalog__item > a span {line-height: initial;}
.mob-catalog__item > a > span {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    display: flex;
    align-items: center;
}

.mob-catalog__item > .next {
    background: url("../../images/icon/mobilcatalog-arrow-right.svg") no-repeat center right !important;
}
.mob-catalog__item > .next:after {display: none;}


.mob-catalog__icon {width: 30px;
    flex: initial !important;
    flex-shrink: 0;
}
.mob-catalog__icon img {display: block;}

.mob-catalog__txt {
    flex: initial !important;
}


/** mob-catalog-sub **/
.mob-catalog-sub {}

.mob-sub__link {}
.mob-sub__link > a {}
.mob-sub__link > a > span{}




/***** MAIN *****/
#main { padding: 24px 0;
    flex-grow: 1;
}


.section {margin-bottom: var(--section-bottom);}

@media only screen and (max-width: 1000px){
    .section {
        --section-bottom: 30px;
    }

    .main-page #main {
        display: flex;
        flex-direction: column;
    }

    .main-page .section {
        order: 4;
    }

    .main-page #slidermain {
        order: 1;
    }

    .main-page .promotional-product {
        order: 2;
    }

    .main-page .popular-category {
        order: 3;
    }
}

/*
    Стили слайдеров по умолчанию
*/
.swiper:not(.swiper-initialized) {padding: 16px 0;}
.swiper:not(.swiper-initialized):before {content: ""; display: block; position: absolute; inset: 0; z-index: 2;
    background-color: var(--bg-color);
}
.swiper:not(.swiper-initialized):after {content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%,-50%);
    background: url("../../images/icon/spinner.svg") no-repeat center center / contain;
}

.swiper-button-prev,
.swiper-button-next {width: 32px; height: 32px; border-radius: 100px; margin-top: -16px;
    background-color: rgba(255, 255, 255, 1);
    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid #F5F5F5;
}

.swiper-slide img {max-width: 100%;}

.swiper-button-prev {background-image: url("../../images/icon/arrow-left.svg");}
.swiper-button-next {background-image: url("../../images/icon/arrow-right.svg");}

.swiper-button-prev:after,
.swiper-button-next:after {display: none;}

.swiper-pagination-bullet {background-color: #8F8F8F; width: 6px; height: 6px; opacity: 1;}
.swiper-pagination-bullet-active {background-color: #fff;}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {pointer-events: initial;}


.slider-row {position: relative;}
.slider-arrows { position: absolute; top: -24px; transform: translateY(-100%);
    right: var(--content-padding-lr);

    justify-content: flex-end;
    gap: 12px;
}
.slider-arrows > * {position: static; margin: 0;}


@media only screen and (max-width: 800px){
    .slider-row {overflow: hidden;}
}


/*
    Главный слайдер на главной
*/
#slidermain {margin: 0 0 22px;}
.slidermain-wrap {}

.slidermain-row {
    display: flex;

    gap: 32px;
}

.slidermain-items {min-width: 1px;
    flex-grow: 1;
}
.slidermain__slide {overflow: hidden; min-width: 1px;
    border-radius: var(--brdr-radius);
}
.slidermain__slide a {text-decoration: none;}
.slidermain__slide img {width: 100%; display: block; transition: 0.3s opacity;}
.slidermain__slide:hover img {opacity: 0.8;}

.slidermain__img-full {display: none;}

.only-slider .slidermain__img,
.slidermain-wrap:only-child .slidermain__img {display: none;}

.only-slider .slidermain__img-full,
.slidermain-wrap:only-child .slidermain__img-full {display: block;}

@media only screen and (max-width: 990px){

    .slidermain-row {
        display: block;
    }

    .slidermain-arrows {display: none;}

    .slider-arrows {top: -10px;}
}

@media only screen and (max-width: 800px){
    .slider-arrows {display: none;}
}


/*
    Акционный блок со счетчиком
*/




.promotional-product-day {
    display: flex;
    justify-content: space-between;
    height: 150px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Light-gray-2, #E6E6E6);
    margin-bottom: 15px;
}

.container-check {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #008954;
}

.container-time-block {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
}

.container-time {
    width: 72px;
    height: 67px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: white;
    border: 1px solid var(--Light-gray-2, #E6E6E6);
}

.container-time span {
    font-size: 20px;
    font-weight: 600;
}

.container-tovar-day {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    padding-left: 5px;
    position: relative;
}

.tovar-day {
    flex: 1;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.description-tovar-day {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    margin-left: 35px;
}

.tovar-day img {
    width: 115px;
	height: 150px;
    object-fit: none;
}

.timer__dots img { width: 4px }
.container-tovar-day-svg { height: 100% }
.t-product__title {}
.t-product__title a {
    color: inherit;
    text-decoration: none;
    font-size: 18px;
}

.t-product__title a:hover { text-decoration: underline }
.promotional-product-day__title {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-left: 10px;
    color: white;
}

.t-product__price { gap: 10px }
.t-product__curprice {
    font-size: 22px;
    font-weight: 700;
}

.t-product__oldprice {
    text-decoration: line-through;
    color: var(--Light-gray-2, #ff0000);
}

.t-btns__list {
    border: 1px solid white;
    border-radius: 4px;
}

.t-btn__cart {
    padding: 9px;
    padding-left: 35px;
    padding-right: 35px;
}

.t-btn__cart span { margin-left: 10px }
.t-btn__cart:hover { background-color: var(--white-color) }
.t-btn__cart:hover svg * { fill: var(--primary-color) }
.t-btn__cart:hover span { color: #008954 }
.t-btn__cart.addcart-success { background-color: var(--primary-color) }
.t-btn__cart.addcart-success:hover {
    border-color: var(--white-color);
    background-color: var(--white-color);
}

.t-btn__cart.addcart-success:hover svg * {
    stroke: var(--primary-color);
    fill: transparent;
}

@media only screen and (max-width: 990px) {
    .container-check { flex-direction: column }
    .container-time-block { margin-left: 10px }
}

@media only screen and (max-width: 740px) {

    .container-time {
        width: 50px;
        height: 50px;
    }

    .container-time span { font-size: 16px }
    .t-product__price { display: block !important }
    .t-product__title a { font-size: 14px }
    .t-product__curprice { font-size: 16px }
    .t-btn__cart { padding: 9px }

}

@media only screen and (max-width: 540px) {

    .promotional-product-day__title { font-size: 20px }
    .container-time {
        width: 50px;
        height: 50px;
    }

    .container-time span { font-size: 14px }
    .container-tovar-day {
        margin-top: 10px;
        padding: 0px;
    }

    .container-check { padding-bottom: 10px }
    .container-tovar-day-svg { display: none }
    .promotional-product-day {
        display: block;
        height: auto;
    }

    .t-product__img img { width: 80px }

    .t-product__descr {
        padding: 12px;
        font-weight: 400;
    }

    .t-product__title {
        font-size: 14px;
        line-height: 1.3;
    }

    .t-product__curprice { font-size: 16px }
    .t-product__oldprice { font-size: 12px }
}




/*.promotional-product {min-width: 1px; width: 256px;*/
/*    flex-shrink: 0;*/
/*}*/
/*.promotional__title {display: none;}*/

/*.promotional-row {}*/

/*.promotional-item {padding: 16px 12px; overflow: hidden;*/
/*    background-color: var(--light-gray1-color);*/
/*    border-radius: var(--brdr-radius);*/
/*}*/

/*!** p-item__timer **!*/
/*.p-timer {}*/

/*.p-item-descr {}*/
/*.p-item__ttl {font-weight: 600; font-size: 18px; margin: 0 0 12px;}*/
/*.p-item__subttl {color: var(--red-color);}*/

/*.p-item__timer {}*/
/*.timer-row {*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*}*/

/*.timer__item {text-align: center; width: 64px; height: 45px;*/
/*    color: var(--gray-color);*/
/*    border: 1px solid var(--light-gray2-color);*/
/*    border-radius: var(--brdr-radius);*/

/*    flex-direction: column;*/
/*}*/
/*.timer__item-num {font-size: 18px; font-weight: 600; display: block;*/
/*    color: var(--font-color);*/
/*}*/

/*.timer__dots {}*/
/*.timer__dots img {width: 4px;}*/


/*!** p-item__product **!*/
/*.p-item__product {padding: 0;}*/

/*!* t-product__img *!*/
/*.t-product__img {margin: 28px 0 38px 0; position: relative;*/
/*    flex-shrink: 0;*/
/*}*/
/*.t-product__img img {display: block; max-width: 100%; max-height: 140px;}*/

/*.t-product__img .tovar__stickers {top: 0; left: 0;}*/

/*!* t-product__descr *!*/
/*.t-product__descr {*/
/*    flex-grow: 1;*/
/*}*/

/*.t-product__top {margin-bottom: 8px; height: 34px; overflow: hidden;}*/
/*.t-product__title {}*/
/*.t-product__title a {color: inherit; text-decoration: none}*/
/*.t-product__title a:hover {text-decoration: underline;}*/

/*.t-product__bottom {*/
/*    justify-content: space-between;*/
/*}*/

/*.t-product__price {*/
/*    gap: 10px;*/
/*}*/

/*.t-product__curprice {font-size: 18px; font-weight: 700;}*/
/*.t-product__oldprice {text-decoration: line-through;*/
/*    color: var(--medidum-gray-color);*/
/*}*/

/*.t-btns__list {}*/

/*.t-btn__cart {padding: 9px;}*/
/*.t-btn__cart:hover {*/
/*    background-color: var(--white-color);*/
/*}*/
/*.t-btn__cart:hover svg * {fill: var(--primary-color);}*/

/*.t-btn__cart.addcart-success {*/
/*    background-color: var(--primary-color);*/
/*}*/
/*.t-btn__cart.addcart-success:hover {*/
/*    border-color: var(--white-color);*/
/*    background-color: var(--white-color);*/
/*}*/
/*.t-btn__cart.addcart-success:hover svg * {*/
/*    stroke: var(--primary-color);*/
/*    fill: transparent;*/
/*}*/


/*@media only screen and (max-width: 990px){*/
/*    .promotional-product {width: initial; margin-top: 30px;}*/
/*    .promotional__title {display: block;}*/
/*    .promotional-row {position: relative;}*/

/*    .promotional-item {padding: 0;*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .p-timer {padding: 0;*/
/*        flex-direction: column;*/
/*        align-items: flex-start;*/
/*        gap: 10px;*/
/*    }*/

/*    .p-item-descr {display: none;}*/

/*    .p-item__timer {position: absolute; top: -13px; right: 0; transform: translateY(-100%);}*/
/*    .timer-row {*/
/*        gap: 6px;*/
/*    }*/
/*    .timer__item {width: 40px; height: 30px;}*/
/*    .timer__item-num {font-size: 16px;}*/
/*    .timer__item-txt {display: none;}*/

/*    .timer__dots img {width: 3px;}*/

/*    .p-item__product {background: none; padding: 0;*/
/*        display: flex;*/
/*        align-items: center;*/

/*        gap: 0;*/
/*    }*/
/*    .t-product__img {padding: 12px; max-width: 150px; margin: 0;*/
/*        background: url("../../images/bg-timer-product-mob.svg") no-repeat center right / cover;*/

/*        align-self: stretch;*/
/*    }*/

/*    .t-product__descr {font-weight: 300; padding: 20px;*/
/*        color: var(--font-color);*/
/*    }*/
/*    .t-product__title {*/
/*        color: var(--font-color);*/
/*    }*/

/*    .t-product__top {margin-bottom: 10px;}*/

/*    .t-btn__cart,*/
/*    .t-btn__cart.addcart-success:hover {*/
/*        border-color: var(--primary-color);*/
/*        background-color: var(--primary-color);*/
/*    }*/

/*    .t-btn__cart.addcart-success:hover svg * {*/
/*        stroke: var(--white-color);*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 540px){*/
/*    .t-product__img img {width: 80px;}*/
/*    .t-product__descr {padding: 12px; font-weight: 400;}*/
/*    .t-product__title {font-size: 14px;line-height: 1.3;}*/
/*    .t-product__curprice {font-size: 16px;}*/
/*    .t-product__oldprice {font-size: 12px;}*/
/*    .t-btn__cart {width: 32px; height: 32px; padding: 0;}*/
/*}*/

/*
    Популярные категории
*/
.popular-category {}
.popular__title {}

.popular-category-row {}

/** p-category__list **/
.p-category__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 256px);
    gap: 32px;
}

.p-category__item {padding: 22px; text-align: center; min-width: 1px;
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);

    flex-direction: column;
    gap: 27px 72px;
}

.p-category__item:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}
.p-category__item:nth-child(2) {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}
.p-category__item:nth-child(3) {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}
.p-category__item:nth-child(4) {
    grid-row: 1 / 3;
    grid-column: 4 / 5;
}
.p-category__item:nth-child(5) {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
.p-category__item:nth-child(6) {
    grid-row: 2 / 3;
    grid-column: 2 / 4;

    flex-direction: row;
}

.p-category__img {min-height: 140px;}
.p-category__img img {max-width: 100%; transition: 0.3s opacity;}
.p-category__img img:hover {opacity: 0.8;}

.p-category__title {font-weight: 600; font-size: 18px; line-height: 1.4;}
.p-category__title a {text-decoration: none;}

@media only screen and (max-width: 1000px){
    .p-category__list {
        gap: 20px;
    }
    .p-category__item {padding: 12px;
        gap: 20px;
    }

}

@media only screen and (max-width: 860px){
    .p-category__list {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 120px);
        gap: 12px;
    }

    .p-category__img {min-height: initial;}
    .p-category__title {font-size: 12px; line-height: 1.2;}

    .p-category__item {
        gap: 10px;
    }

    .p-category__item:nth-child(1) {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
    .p-category__item:nth-child(1) img {max-height: 60px;}

    .p-category__item:nth-child(2) {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
    }
    .p-category__item:nth-child(2) img {height: 60px;}

    .p-category__item:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
    }
    .p-category__item:nth-child(3) img {max-height: 68px;}

    .p-category__item:nth-child(4) {
        grid-row: 2 / 4;
        grid-column: 3 / 4;
    }
    .p-category__item:nth-child(4) img {height: 100px;}

    .p-category__item:nth-child(5) {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }
    .p-category__item:nth-child(5) img {max-height: 60px;}

    .p-category__item:nth-child(6) {
        grid-row: 3 / 4;
        grid-column: 1 / 3;

        flex-direction: column;
    }
    .p-category__item:nth-child(6) img {max-height: 70px;}
}


/*
    Рекомендуемые товары
*/
.recommend-product {margin-bottom: calc(var(--section-bottom) - 30px)}
.recommend__title {}

/** recommend-product-row **/
.recommend-product-row {}

.p-slider {padding-bottom: 30px;}
.p-slider-items {height: initial;}
.p-slider__slide {min-width: 1px; height: initial;
    display: flex;
    flex-direction: column;
}
.p-slider__slide .tovar {height: 100%;}

@media only screen and (max-width: 860px){
    .p-slider {overflow: visible;}
}


/*
    Хиты продаж
*/
.hits-product {margin-bottom: calc(var(--section-bottom) - 30px)}
.hits__title {}

/** hits-product-row **/
.hits-product-row {}


/*
    Карточка товара
*/
.tovar {position: relative; min-width: 1px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    display: flex;
    flex-direction: column;
}

/** tovar__img **/
.tovar__img {margin: 0 0 8px; overflow: hidden; height: 178px;
    border-radius: var(--brdr-radius) var(--brdr-radius) 0 0;

    flex-shrink: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}
.tovar__img a {width: 100%; height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tovar__img img {display: block; max-width: 100%; max-height: 100%; transition: 0.3s opacity;}

.tovar:hover .tovar__img img {opacity: 0.8;}

/** tovar__stickers **/
.tovar__stickers {position: absolute; top: 12px; left: 12px; z-index: 1;}

[class^='t-sticker_'] { display: table; font-weight: 600; font-size: 12px; padding: 3px 4px 2px 4px; margin: 0 4px 4px 0; border-radius: 2px; height: 20px;
    color: var(--white-color);
}
.t-sticker_sale {background-color: var(--red-color);}
.t-sticker_new {background-color: var(--primary-color);}


/** tovar__icons **/
.tovar__icons {position: absolute; top: 12px; right: 12px; z-index: 1;}

.tovar__addwishes {}
.tovar__addwishes svg {display: block; transition: 0.3s transform;}
.tovar .tovar__addwishes svg * {
    stroke: var(--primary-color);
}

@keyframes action-blink {
    0%,
    100% { transform: scale(1); }
    25% { transform: scale(0.95); }
    50% { transform: scale(0.97); }
    75% { transform: scale(0.93); }
}

.tovar__addwishes:hover svg * {
    stroke: var(--red-color);
}

.tovar__addwishes.is-active svg{
    animation-name: action-blink;
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-duration: 0.45s;
    animation-iteration-count: 3;
}

.tovar__addwishes.is-active svg * {
    fill: var(--red-color);
    stroke: var(--red-color);
}

.tovar__delete {}
.tovar__delete svg {display: block;}
.tovar__delete:hover svg * {
    stroke: var(--red-color);
}

/** tovar__info **/
.tovar__info {padding: 12px;
    display: flex;
    flex-direction: column;

    flex-grow: 1;
}

.tovar__info .tovar__stickers {position: static; margin-bottom: 6px;
    display: flex;
    flex-wrap: wrap;
}

/* tovar__reviews */
.tovar__reviews { margin: 0 0 10px;
    gap: 8px;
    position: relative;
}

.tovar__stars-list {
    gap: 2px;
}
.tovar__star {display: inline-block; width: 16px; height: 16px; transition: 0.3s transform; text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.tovar__star:hover {transform: scale(1.1);}
.empty-star {background-image: url("../../images/icon/empty-star.svg");}
.active-star {background-image: url("../../images/icon/active-star.svg");}

.stars-list {
    gap: 4px;
}
.stars-list .tovar__star {width: 24px; height: 24px;}

.stars-count {font-weight: 600; font-size: 32px;}
.stars-count span {
    color: var(--light-gray2-color);
}

.tovar__count-reviews {font-size: 12px;
    color: var(--medidum-gray-color);

    flex-grow: 1;
}

.tovar__count-reviews a {text-decoration: none; color: inherit;}
.tovar__count-reviews a:hover {
    color: var(--primary-color);
}

/* tovar__set */
.tovar__set {font-size: 12px; margin: 0 0 4px;
    color: var(--primary-color);
}

/* tovar__name */
.tovar__name {margin: 0 0 14px; line-height: 1.3; height: 37px; overflow: hidden}
.tovar__name a {text-decoration: none;}

/* tovar__price */
.tovar__price { margin: 0 0 16px;
    gap: 8px;
}
.tovar__price-current {font-size: 18px; font-weight: 700;}
.tovar__price-old {font-size: 12px; text-decoration: line-through;
    color: var(--Light-gray-2, #ff0000);
}

.rrp_price_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #008954;
    color: white;
    padding-inline: 10px;
    padding-block: 3px;
    border-radius: 7px;
}

.rrp-price { font-weight: bold}
.rrp-text { font-size: 10px; text-align: center}


/* tovar__characteristics */
.tovar__characteristics {margin: 0 0 8px;}
.tovar__characteristics li {margin: 0 0 8px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.tovar__characteristics-name {
    color: var(--medidum-gray-color);
}
.tovar__characteristics-value {}

/* tovar__counter */
.tovar__counter {
    border: 1px solid var(--light-gray1-color);
    border-radius: var(--brdr-radius);

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;

    order: 2;
}

.tovar__counter-btn {padding: 6px;
    display: flex;
}
.counter-icon {margin: auto;}

.tovar__counter-minus:hover svg * {
    stroke: var(--red-color);
}

.tovar__counter-plus:hover svg * {
    stroke: var(--primary-color);
}

.tovar__counter-input {text-align: center; border: none; padding: 0; height: 38px;}

/* new bonus item disign */

.bonus__block {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;

	display: flex;
	gap: 5px;
	background-color: #b261ff;
	padding-block: 3px;
	padding-right: 4px;
	padding-left: 7px;
	border-radius: 8px;
}

.bonus__text {
	color: white;
}

.bonus__price {
	background-color: white;
	border-radius: 7px;
	padding-inline: 4px;
}

/* tovar__bonus */
.tovar__bonus {margin: 0 0 16px;
    gap: 4px;
}
.tovar__bonus-icon {}
.tovar__bonus-icon svg {display: block;}
.tovar__bonus-icon svg * {
    fill: var(--primary-color);
}

.tovar__bonus-txt {font-weight: 500;}
.tovar__bonus-txt span {font-weight: 600;
    color: var(--primary-color);
}

/* tovar__count */
.tovar__count {margin: 0 0 16px;
    gap: 10px;
}

.tovar__count-icon {}
.tovar__count-icon svg {display: block;}
.tovar__count-icon svg * {
    stroke: var(--primary-color);
}

.tovar__count-zero svg * {
    stroke: var(--medidum-gray-color);
}

.tovar__count-txt {font-weight: 500; font-size: 16px;}


/* tovar__btns */
.tovar__btns { margin: auto 0 0;
    gap: 10px;
}

.tovar__addcart {font-weight: normal;
    flex-grow: 1;
}
.tovar__addcart svg {}
.tovar__addcart svg * {transition: 0.3s;}

.addcart__icon {margin-right: 8px;}
.addcart__icon:only-child {margin-right: 0;}
.addcart__icon-default {display: block;}
.addcart__icon-success {display: none;}

.tovar__addcart.addcart-success {
    background-color: transparent;
    color: var(--primary-color);
}
.addcart-success .addcart__icon-default {display: none;}
.addcart-success .addcart__icon-success {display: block;}

.tovar__addcart.addcart-success:hover svg * {
    stroke: var(--primary-color);
}

.addcart__txt {}
.addcart__txt-default {display: inline-block;}
.addcart__txt-success {display: none;}

.addcart-success .addcart__txt-default {display: none;}
.addcart-success .addcart__txt-success {display: inline-block;}


/* tovar__addkit */
.tovar__addkit {
    flex-grow: 1;
}

.tovar__addkit:not(.addkit-success) .addcart__icon {display: none;}

.tovar__addkit.addkit-success {
    color: var(--white-color);
    background-color: var(--primary-color);

    border-color: var(--primary-color);
}
.tovar__addkit.addkit-success:hover {opacity: 0.9;}
.addkit-success .addcart__txt-default {display: none;}
.addkit-success .addcart__txt-success {display: block; font-weight: normal;}

.tovar__counter + .tovar__addkit {width: 40px; padding: 10px;
    flex-shrink: 0;
}
.tovar__counter + .tovar__addkit .addcart__icon {margin-right: 0;}
.tovar__counter + .tovar__addkit .addcart__txt {display: none;}

/* tovar__addcompare */
.tovar__addcompare svg {}
.tovar__addcompare svg * {transition: 0.3s;}
.tovar__addcompare:hover svg * {
    stroke: var(--primary-color);
}

.tovar__addcompare.is-active svg * {
    stroke: var(--primary-color);
}

.addcompare_icon {}
.addcompare_icon-default {display: block;}
.addcompare_icon-success {display: none;}

.addcompare-success {}
.addcompare-success:hover {
    border-color: var(--light-gray2-color);
}
.addcompare-success .addcompare_icon-default {display: none;}
.addcompare-success .addcompare_icon-success {display: block;}

.addcompare-success .tooltip:before {content: attr(data-text-success);}


.tovar__addcompare.btn {padding: 9px 7px; width: 40px; position: relative;
    border: 1px solid var(--light-gray2-color);

    flex-shrink: 0;
}
.tovar__addcompare.btn:hover {
    border-color: var(--primary-color);
}

.tovar__addcompare.btn:not(:hover) .tooltip {opacity: 0; visibility: hidden; transform: scale(0.95);}

.tovar__addwishes.btn {padding: 9px 7px; width: 40px; position: relative;
    border: 1px solid var(--light-gray2-color);

    flex-shrink: 0;
}


/* tooltip */
.tooltip { font-size: 11px; width: 190px; height: 28px; padding: 4px 8px; position: absolute; top: calc(100% + 10px); right: 0; z-index: 1;
    color: var(--font-color);
    background-color: var(--bg-color);
    box-shadow: var(--tooltip-shadow);
    border-radius: var(--brdr-radius);

    transform: scale(1);
    transition: 0.6s cubic-bezier(0.35, 1.6, 0.3, 1.1);
}

.tooltip:before {content: attr(data-text-default);}
.tooltip:after {content: ''; position: absolute; bottom: calc(100% - 2px); right: 14px; width: 13px; height: 11px;
    background: url("../../images/tooltip.png") no-repeat bottom center;
}

@media only screen and (max-width: 800px){
    .tovar__img {height: 110px;}

    .tovar__addwishes svg {width: 16px;}

    .tovar__info {padding: 8px;}

    .tovar__star {width: 12px; height: 12px;
        background-size: contain;
    }
    .tovar__count-reviews {font-size: 10px;}

    .tovar__name {font-size: 12px; margin: 0 0 12px; height: 31px;}

    .tovar__price {margin: 0 0 12px;}
    .tovar__price-current {font-size: 16px;}

    .rrp_price_block { padding-inline: 6px }
    .rrp-price { font-size: 12px}
    .rrp-text { font-size: 8px}

    .tovar__bonus {font-size: 12px;}
    .tovar__bonus-icon svg {width: 14px;}

    .tovar__btns {
        gap: 8px;
    }
    .addcart__icon {margin-right: 6px;}

    .tovar__btns .btn {font-size: 12px; height: 32px; width: 32px; padding: 6px;}
    .tovar__addcompare {width: 32px;}
    .addcompare_icon-success {width: 14px;}

    .tooltip {display: none;}

    .tovar__icons {top: 8px; right: 8px;}
    .tovar__stickers {top: 8px; left: 8px;}

    .tovar__characteristics {font-size: 12px;}

    .tovar__counter-input {height: 32px;}
}

@media only screen and (max-width: 400px){
    .tovar__characteristics {font-size: 10px;}
    .tovar__count-txt {font-size: 12px;}
}

@media only screen and (max-width: 370px){
    .tovar__img {height: 178px;}
}


/*
    Выгодные акции
*/
.promotions-banners {}
.promotions__title {}

/** promotions-banners-row **/
.promotions-banners-row {}

.prom-banners-wrap {}
.prom-banners-items {}

.prom-banners__slide {min-width: 1px;}
.prom-banners__slide a {display: block; overflow: hidden;
    border-radius: var(--brdr-radius);
}
.prom-banners__slide a:hover img {opacity: 0.8;}
.prom-banners__slide img { width: 100%; display: block; transition: 0.3s opacity;}

@media only screen and (max-width: 800px){
    .prom-banners-wrap {overflow: visible;}
}


/*
    Бренды
*/
.brands {}
.brands__title {}

/** brands-row **/
.brands-row {}

.brands-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 32px;
}
.brands-list__item {padding: 0; height: 80px; min-width: 1px; overflow: hidden;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}
.brands-list__item a {width: 100%; height: 100%; text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brands-list__item img {transition: 0.3s opacity; max-width: 100%; max-height: 100%;}
.brands-list__item a:hover img {opacity: 0.7;}
.brands-list__item span {padding-bottom: 2px;
    color: var(--medidum-gray-color);
    border-bottom: 1px dashed var(--medidum-gray-color);
}
.brands-list__item a:hover span {border: none;}

.brand-col-2 {
    grid-column: auto / span 2;
}

/* brands-popular-list */
.brands-popular-list {
    grid-template-columns: repeat(5, 1fr);
}

/** brands-footer **/
.brands-footer {font-weight: 600; font-size: 18px; margin-top: 50px;}
.brands-footer a {text-decoration: none;
    color: var(--primary-color);
}
.brands-footer a:hover {text-decoration: underline;}


@media only screen and (max-width: 990px){
    .brands-list {
        gap: 12px;
    }

    .brands-footer {font-size: 14px; margin-top: 32px;}
}

@media only screen and (max-width: 700px){
    .brands-list {
        grid-template-columns: repeat(3, 1fr);
    }
}



/*
    Новости на главной
*/
.mainnews {}
.mainnews__title {}

/** mainnews-row **/
.mainnews-row {}

.news-slider {}
.n-slider-items {}
.n-slider__slide {}

@media only screen and (max-width: 800px){
    .news-slider {overflow: visible;}
}


/*
    Блок новости
*/
.news-blck {min-width: 1px;}

.news-blck__img {margin: 0 0 16px; overflow: hidden;
    border-radius: var(--brdr-radius);
}
.news-blck__img a {display: block; position: relative; /* height: 220px;*/}
.news-blck__img img {display: block; transition: 0.3s opacity; width: 100%; max-width: initial; height: 100%;
    object-fit: cover;
    object-position: top center;
}
.news-blck__img a:hover img {opacity: 0.8;}

.news-blck__info {}

.news-blck__title {font-size: 16px; font-weight: 600; margin: 0 0 12px;}
.news-blck__title a {text-decoration: none;}
.news-blck__txt { margin: 0 0 16px;
    color: var(--medidum-gray-color);
}
.news-blck__date {}

@media only screen and (max-width: 860px){
    .news-blck__title {font-size: 14px; margin: 0 0 8px;}
    .news-blck__txt {font-size: 12px; margin: 0 0 12px;}
    .news-blck__date {font-size: 12px;}
}

@media only screen and (max-width: 600px){
    .news-blck__img a {/*height: 140px;*/}
}


/*
    Карта магазинов на главной
*/
.mainstores {}
.mainstores__title {}


/** mainstores-row **/
.mainstores-row {}

.mainstores-map-wrap {
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    display: grid;
    grid-template-columns: 1fr 2fr;
}

/* mainstores-accordion */
.mainstores-accordion {
    border-right: 1px solid var(--light-gray2-color);

    min-height: 320px;
    max-height: 620px;

    overflow-x: hidden;
    overflow-y: auto;

    overscroll-behavior-y: contain;
}

.mainstores-city {
    border-bottom: 1px solid var(--light-gray2-color);
}
.mainstores-city:last-of-type {border: none;}
.mainstores-city[open] {}

.mainstores-city__title {font-weight: 600; font-size: 18px; padding: 16px 20px; cursor: pointer; list-style: none; position: relative;}
.mainstores-city__title::-webkit-details-marker {display: none;}

.mainstores-city__icon {position: absolute; top: calc(50% - 3px); right: 20px; transition: 0.3s;}
.mainstores-city[open] .mainstores-city__icon {transform: rotate(180deg);}

.mainstores__list {}
.mainstores__item {padding: 16px 20px; cursor: pointer; position: relative;
    border-top: 1px solid var(--light-gray2-color);

    display: flex;
    gap: 10px;
}

.mainstores__item:hover,
.mainstores__item.is-active {
    background-color: var(--light-gray1-color);
}

.mainstores__item-icon {}
.mainstores__item-icon svg {}
.mainstores__item-icon svg * {
    fill: var(--primary-color);
}

.mainstores__item-info {}
.mainstores__item-name {font-weight: 600; font-size: 16px;}
.mainstores__item-txt {margin: 4px 0 0;
    color: var(--medidum-gray-color);
}

.mainstores__item-txt a {display: table; position: relative; z-index: 8;}
.mainstores__item-txt br:last-child {display: none;}

.get-store {position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0;}

/* mainstores-map */
.mainstores-map {position: relative; overflow: hidden;}
.mainstores-map .stores-map {position: absolute; inset: 0;}

@media only screen and (max-width: 900px){
    .mainstores-map-wrap {
        grid-template-columns: 1fr;
    }
    .mainstores-accordion {border-right: none; min-height: initial;
        overscroll-behavior-y: initial;
    }
    .mainstores-map {display: none;}

    .mainstores-city__title {font-size: 16px; padding: 12px;}

    .mainstores__item {padding: 12px;}
    .mainstores__item-icon svg {max-width: 15px;}
    .mainstores__item-name {font-size: 14px;}
    .mainstores__item-txt {font-size: 12px;}
}


/*
    Стили окошка на карте с данными о магазине
*/
.stores-map [class$="i-custom-scroll"] {
    border-radius: var(--brdr-radius);
}
.stores-map [class$="-balloon__layout"] {background-color: transparent;}

.stores-map [class$="-balloon__layout"] [class$="-balloon__close"] {}
.stores-map [class$="-balloon__layout"] [class$="-balloon__close-button"] {width: 18px; height: 18px; opacity: 1;
    background: rgba(0, 0, 0, 0.32) url("../../images/icon/close-map-content.svg") no-repeat center center;
    border-radius: 0 var(--brdr-radius) 0 var(--brdr-radius);
}
.stores-map [class$="-balloon__layout"] [class$="-balloon__close-button"]:hover {
    background-color: var(--black-color);
}

.stores-map [class$="-balloon__layout"] [class$="-balloon__content"] {background-color: transparent; padding: 0; margin: 0;}

.map-content-wrap {}

/** map-content **/
.map-content {width: 200px; overflow: hidden;
    font-family: var(--font-family);
    line-height: var(--line-height);
    font-size: var(--font-size);

    background-color: var(--bg-color);
    border-radius: var(--brdr-radius);
    box-shadow: var(--map-content-shadow);
}

.map-content .border {margin: 10px 0 8px;}

.map-content__img {position: relative; height: 126px; overflow: hidden;}
.map-content__img img {display: block; width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
}

.map-content__info {padding: 12px; font-size: 12px;}
.map-content__title {font-weight: 600; margin: 0 0 4px;}
.map-content__txt { margin: 0 0 4px;
    color: var(--gray-color);
}

.map-content__contact {padding: 0 0 0 17px; margin: 4px 0 0;
    background-position: left center;
    background-repeat: no-repeat;
}
.map-content__phone {
    background-image: url("../../images/icon/map-content-phone.svg");
}
.map-content__time {
    background-image: url("../../images/icon/map-content-time.svg");
}

.map-content__contact br:last-child {display: none;}

.map-content__btns {}
.map-content__btns .btn {width: 100%; height: 32px; margin: 10px 0 0;}


/** map-delivery-city **/
.map-delivery-city {width: 300px;}

.map-delivery-city .map-content__info {padding: 16px;}

.map-delivery__row {margin-bottom: 16px;
    display: flex;
    gap: 16px;
}

.map-delivery__icon {width: 64px; height: 64px; overflow: hidden; border-radius: 100px;
    background-color: var(--light-gray1-color);
}
.map-delivery__icon svg {display: block; max-width: 100%; max-height: 100%;}

.map-delivery__right {font-weight: 600;}
.map-delivery__ttl {font-size: 18px; margin: 0 0 8px;}
.map-delivery__price {font-size: 16px; display: table; padding: 4px 6px;
    color: var(--primary-color);
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

.map-delivery__txt {font-size: 14px; margin-top: 16px;}
.map-delivery__txt span {font-weight: 600;}


/*****  FOOTER *****/
#footer {}
.footer {}

.f__title {font-weight: 600; margin: 0 0 12px;}
.f__title a {text-decoration: none;}

/** footer-top **/
.footer-top { padding: 30px 0;
    border-top: 1px solid var(--light-gray2-color);
}
.footer-top-row {
    display: flex;
}

/* f-contact */
.f-contact { margin: 0 70px 0 0;
    flex-shrink: 0;
}

.contact-row {}
.contact__item {margin: 0 0 24px;}
.contact__item a {text-decoration: none;}

.contact__label {font-size: 16px; font-weight: 600; margin: 0 0 4px;}
.contact__label a {
    color: var(--primary-color);
}

.contact__link {font-size: 12px;}
.contact__link a {
    color: var(--medidum-gray-color);
}
.contact__link a:hover {
    color: var(--primary-color);
}


/* f-menu */
.f-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    flex-grow: 1;
}

.f-menu__item {}
.f-menu__item ul {line-height: 1.4;}
.f-menu__item li:not(:last-of-type) {margin: 0 0 16px;}
.f-menu__item a {text-decoration: none;}

/* f-subscribe-social */
.f-subscribe-social { margin: 0 0 0 70px; min-width: 256px;
    flex-shrink: 0;
}

.subscribe-row {margin: 0 0 20px;}
.subscribe-form {position: relative;}

.subscribe__input {}
.subscribe__btn {width: 34px; height: 32px; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); border: none;
    border-radius: var(--brdr-radius);
    background-color: var(--bg-color);
}

.subscribe__btn:hover {cursor: pointer;
    background-color: var(--primary-color)
}
.subscribe__btn:hover svg * {stroke: var(--white-color);}

.social-row {}
.social-list {
    display: grid;
    grid-template-columns: repeat(5, 45px);
    grid-gap: 8px;
}

.social-item {text-decoration: none; height:32px; text-align: center; padding: 5px;
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);

    display: flex;
}
.social-item:hover {
    background-color: var(--light-gray2-color);
}

.social-item svg,
.social-item img {margin: auto; max-width: 100%;}


/** footer-bottom **/
.footer-bottom { padding: 16px 0;
    border-top: 1px solid var(--light-gray2-color);
}
.footer-bottom-row {}
.copy {font-size: 12px;}


@media only screen and (max-width: 990px){
    .f-contact {margin: 0 30px 0 0;}
    .f-subscribe-social {margin: 0 0 0 30px;}
}

@media only screen and (max-width: 900px){
    .f-contact {margin: 0;}
    .footer-top-row {display: block;}
    .contact-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .contact__item:not(:first-of-type) {padding-left: 16px;
        border-left: 1px solid var(--light-gray2-color);
    }

    .f-menu {margin: 0 0 20px; padding: 20px 0;
        border-top: 1px solid var(--light-gray2-color);
        border-bottom: 1px solid var(--light-gray2-color);
    }

    .f-subscribe-social {margin: 0;}
}


@media only screen and (max-width: 600px){
    .f-menu {
        grid-template-columns: 1fr;
    }

    .f-subscribe-social .social-list {
        grid-template-columns: repeat(5, 62px);
    }
    .social-item {height: 40px;}
}

@media only screen and (max-width: 370px){
    .f-subscribe-social .social-list {
        grid-template-columns: repeat(5, 1fr);
    }
}


/*
    Стили для текстовых страниц (посты/новости)
*/
.article {line-height: 1.4; font-size: 16px;}

.article a {display: inline-block; text-decoration: none;
    color: var(--primary-color);
}
.article a:hover {text-decoration: underline;
    color: var(--primary-color);
}

.article p:empty {display: none;}
.article p:first-letter{/*padding-left:10px;*/}
.article p {
    /*text-align: justify;*/
    hyphens: auto; /*Перенрос букв*/
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.article abbr {border-bottom: 1px dotted; cursor: help;}
.article hr {background: #e6e6e6; border: none; display: block; height: 1px; margin-bottom: 1.4em; margin-top: 1.4em;}
.article ins {background-color: lime; text-decoration: none;}
.article mark {background-color: #ff0;}
.article small {font-size: 0.8em;}

.article i,
.article em,
.article cite {font-style: italic;}

.article b,
.article strong {font-weight: 600;}

.article sub,
.article sup {font-size: 0.8em;}
.article sub {vertical-align: sub;}
.article sup {vertical-align: super;}

.article > *:not(:last-child) {margin-bottom: 1em;}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {line-height: 1.2;}

.article h1:first-child,
.article h2:first-child,
.article h3:first-child,
.article h4:first-child,
.article h5:first-child,
.article h6:first-child {margin-top: 0;}

.article h1 {font-size: 2em; margin-bottom: 0.58333em; margin-top: 0.58333em; line-height: 1;}
.article h2 {font-size: 1.5em; margin-bottom: 0.875em; margin-top: 1.75em; line-height: 1.1;}
.article h3 {font-size: 1.4em; margin-bottom: 1.07692em; margin-top: 1.07692em;}
.article h4 {font-size: 1.3em; margin-bottom: 1.16667em; margin-top: 1.16667em;}
.article h5 {font-size: 1.2em; margin-bottom: 1.27273em; margin-top: 1.27273em;}
.article h6 {font-size: 1em; margin-bottom: 1.4em; margin-top: 1.4em;}

.article dd {margin-left: 1.4em; }

.article ol,
.article ul {list-style-position: outside; margin-left: 1.4em;}

.article ul li::marker {
    color: var(--primary-color);
}

.article ol {list-style-type: decimal;}
.article ol ol {list-style-type: lower-alpha;}
.article ol ol ol {list-style-type: lower-roman;}
.article ol ol ol ol {list-style-type: lower-greek;}
.article ol ol ol ol ol {list-style-type: decimal;}
.article ol ol ol ol ol ol {list-style-type: lower-alpha;}

.article ul {list-style-type: disc;}
.article ul ul {list-style-type: circle;}
.article ul ul ul {list-style-type: square;}
.article ul ul ul ul {list-style-type: circle;}
.article ul ul ul ul ul {list-style-type: disc;}
.article ul ul ul ul ul ul {list-style-type: circle;}

.article li {margin-bottom: 8px;}

.article blockquote {border-left: 4px solid #e6e6e6; padding: 0.6em 1.2em;}
.article blockquote p {margin-bottom: 0;}

.article code,
.article kbd,
.article samp,
.article iwyg pre { background-color: #f2f2f2; color: #333; font-size: 0.9em;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
}

.article code,
.article kbd,
.article samp {border-radius: 3px; line-height: 1.77778; padding: 0.1em 0.4em 0.2em; vertical-align: baseline;}
.article pre {overflow: auto; padding: 1em 1.2em; }
.article pre code {background: none; font-size: 1em; line-height: 1em;}

.article img {vertical-align: text-bottom; max-width: 100%; height: auto !important;}
.article figure {margin-bottom: 2.8em; text-align: center;}
.article figure:first-child {margin-top: 0;}
.article figure:last-child {margin-bottom: 0;}
.article figcaption {font-size: 0.8em; margin-top: 0.875em;}

.article table {width: 100%;}
.article table pre {white-space: pre-wrap;}
.article th,
.article td {font-size: 1em; padding: 0.7em; border: 1px solid #e6e6e6; line-height: 1.4;}

.article thead tr,
.article tfoot tr {background-color: #f5f5f5;}

.article thead th,
.article thead td,
.article tfoot th,
.article tfoot td {font-size: 0.9em; padding: 0.77778em;}

.article thead th code,
.article thead td code,
.article tfoot th code,
.article tfoot td code {background-color: #fff;}
.article tbody tr {background-color: #fff;}

.article iframe {max-width: 100%;}


/*
    inner_page
*/
.inner_page {}

/**** breadcrumb ****/
.breadcrumb {margin: 0 0 16px;}
.breadcrumb-list {padding-bottom: 6px;
    flex-wrap: wrap;

    gap: 10px;
}

.breadcrumb__item {text-decoration: none; white-space: nowrap;
    color: var(--medidum-gray-color);
}
.breadcrumb__item:hover {
    color: var(--primary-color);
}

.breadcrumb__separator {opacity: 0.32;}
.breadcrumb__separator svg {display: block}

.breadcrumb__current {margin-left: 8px; white-space: nowrap;}

@media only screen and (max-width: 991px){
    .breadcrumb-list {
        flex-wrap: nowrap;

        overflow-x: auto;
        overflow-y: hidden;
    }
}

/**** page-title-wrap ****/
.page-title-wrap {margin: 0 0 32px;}
.page-title-row {
    display: flex;
    gap: 12px;
}

.page_title {font-size: 28px; font-weight: 700;}

.category-tovar__count,
.product_article-number {font-size: 14px; font-weight: 300; white-space: nowrap; display: inline-block; margin: 0 0 4px; vertical-align: bottom;
    color: var(--medidum-gray-color);

    align-self: flex-end;
}

@media only screen and (max-width: 990px){
    .page-title-wrap {display: none;}
}


/**** page-container ****/
.page-container {}

.page-container__row {
    display: flex;
    gap: 32px 128px;
}

.left-bar {
    gap: 32px;
}

/*** page-content ***/
.page-content {min-width: 1px;
    flex-grow: 1;

    display: flex;
    gap: 32px;
}

/** page-post **/
.page-post {min-width: 1px;
    flex-grow: 1;
}
.page-post .page_title {margin-bottom: 30px;}

/** post-nav **/
.post-nav {margin-bottom: 32px; display: none;}
.post-nav li {margin: 0 0 12px;}
.post-nav a {text-decoration: none;
    color: var(--primary-color);
}
.post-nav a:hover {text-decoration: underline;}


/** page-post__menu **/
.page-post__menu {min-width: 1px; width: 160px;
    flex-shrink: 0;
}

.page-post__menu ul {top: 20px;
    border-left: 2px solid var(--light-gray2-color);

    position: sticky;
    position: -webkit-sticky;
}
.page-post__menu li {margin-bottom: 16px;}
.page-post__menu a {text-decoration: none; display: block; padding: 0 0 0 16px; margin-left: -2px;}
.page-post__menu .is-active {
    color: var(--primary-color);
    border-left: 2px solid var(--primary-color) !important;
}


/** page-partners **/
.page-partners {}

.page-partners__info {margin: 0 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;

    gap: 16px;
}

.page-partners__txt {font-size: 18px; line-height: 1.3; max-width: 540px;
    color: var(--gray-color);
}
.page-partners__link {}

/* partner-table */
.partner-table {width: 100%;}
.partner-table th {font-weight: 600; font-size: 18px; padding: 12px 12px 12px 0;}
.partner-table td {font-size: 16px; padding: 12px 12px 12px 0;
    border-top: 1px solid var(--light-gray2-color);
}

.partner-table tr > *:first-of-type {width: 34%;}
.partner-table tr > *:last-of-type {padding-right: 0; width: 14%;}

.partner-table tr > *:nth-child(2) {}


.partner-table a {font-weight: 600; text-decoration: none;
    color: var(--primary-color);
}
.partner-table a:hover {text-decoration: underline;}


@media only screen and (max-width: 800px){
    .page-partners__info {
        flex-wrap: wrap;
    }

    .page-partners__txt {font-size: 14px; max-width: initial; width: 100%;}

    .partner-table thead {display: none;}
    .partner-table tr {display: block; padding: 12px 0;
        border-top: 1px solid var(--light-gray2-color);
    }
    .partner-table td {display: block; width: 100% !important; border: none; padding: 0 0 16px;}

    .partner-table tr > *:first-of-type {font-weight: 600; font-size: 18px;}
    .partner-table tr > *:last-of-type {padding-bottom: 0;}
}


/*** page-sidebar ***/
.page-sidebar {min-width: 1px;
    width: var(--user-sidebar-width);

    flex-shrink: 0;
}

.left-bar .user-help__row {position: static;}

.page-sidebar .border {margin: 20px 0 10px;}

/** page-menu **/
.page-menu {}

.page-menu__item {
    border-bottom: 1px solid var(--light-gray1-color);
}

.page-menu__ttle {font-weight: 600; font-size: 18px; padding: 16px 16px 16px 0; cursor: pointer; list-style: none; position: relative;}
.page-menu__ttle::-webkit-details-marker {display: none;}

.page-menu__icon {position: absolute; top: calc(50% - 3px); right: 0; transition: 0.3s;}
.page-menu__item[open] .page-menu__icon {transform: rotate(180deg);}

.page-menu__list {font-size: 16px; line-height: 1.3; padding-right: 4px;}
.page-menu__list li {margin-bottom: 16px;}
.page-menu__list a {text-decoration: none;}

.leftMobMenu-close {display: none;}

@media only screen and (max-width: 1100px){
    .post-nav {display: block;}
    .page-post__menu {display: none;}
}


@media only screen and (max-width: 990px){
    .page-container__row {
        flex-wrap: wrap;
    }
    .left-bar {gap: 0;}

    .page-post .page_title {font-size: 18px;}

    .page-sidebar {width: 100%;}

    .page-menu-popup:not(.is-show) {
        display: none;
    }
    .page-menu-popup {position: absolute; right: 0; left: 0; z-index: 11;
        top: calc(var(--mobileheaderHeight) + var(--smartbannerHeight) + var(--bxPanelHeight));
        background-color: var(--bg-color);
        padding: 30px var(--content-padding-lr);
        box-shadow: var(--flexMenu-shadow);
    }

    .leftMobMenu-close {position: fixed; right: 0; bottom: 0; left: 0; z-index: 10;
        top: calc(var(--mobileheaderHeight) + var(--smartbannerHeight) + var(--bxPanelHeight));

        background-color: rgba(255,255,255,0.1);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .page-menu-popup.is-show + .leftMobMenu-close {display: block;}

    .left-bar .user-help__row {padding: 12px 16px;
        border: 1px solid var(--light-gray2-color);
        border-radius: var(--brdr-radius);
    }

    .page-menu__list {font-size: 14px;}
}


/*
    Страница каталога
*/
.catalog-page {}

.catalog-row {
    display: flex;
    gap: 32px;
	/* justify-content: center; */
}

@media only screen and (max-width: 990px){
    .catalog-row {display: block;}
}

/**** catalog-sidebar ****/
.catalog-sidebar {width: var(--left-sidebar-width);
    flex-shrink: 0;
}

/*** category-popup-menu ***/
.category-popup-menu {}

.category-menu {}

.category-menu__head {font-weight: 600; font-size: 18px; margin: 0 0 24px; padding-right: 40px; display: none; position: relative;}

.category-menu__cls {position: absolute; top: 3px;
    right: var(--content-padding-lr);
}
.category-menu__cls svg {display: block;}


/** category-menu__item **/
.category-menu__item {margin: 0 0 32px;}

.category-menu__title {font-weight: 600; font-size: 18px; margin: 0 0 16px;}

.category-menu__list {}

.category-menu__link {margin: 0 0 12px;}
.category-menu__link a {text-decoration: none; display: block;}
.category-menu__link a:hover {}

.category-menu__current a {
    color: var(--primary-color);
}

.category-menu__list:not(.is-active) .category-menu__link:nth-child(5) ~ .category-menu__link {display: none;}


/* category-menu__more */
.category-menu__more {display: none;}
.category-menu__more a {text-decoration: none;
    color: var(--primary-color);
}

.category-menu__more svg {vertical-align: middle;}
.category-menu__more svg * {
    stroke: var(--primary-color);
}

.category-menu__list.is-active .category-menu__more svg {transform: rotate(180deg);}

.category-menu__link:nth-child(6) ~ .category-menu__more {display: table;}


@media only screen and (max-width: 990px){
    .category-popup-menu {position: fixed; inset: 0; z-index: 16;
        background: var(--bg-color);

        overflow-x: hidden;
        overflow-y: auto;
    }
    .category-popup-menu:not(.is-active) {display: none;}

    .category-menu {padding: 24px 0;}

    .category-menu__head {display: block;
        padding-left: var(--content-padding-lr);
    }

    .category-menu__item {margin-bottom: 24px; font-size: 16px;
        padding: 0 var(--content-padding-lr) 8px;
        border-bottom: 1px solid var(--light-gray2-color);
    }

    .category-menu__title {font-size: inherit;}
    .category-menu__link {margin-bottom: 16px;}
    .category-menu__link a {background: url(../../images/icon/categ-left-menu-arrow.svg) no-repeat right center;
        color: var(--gray-color);
    }

}


/**** filter-popup-menu ****/
.filter-popup-menu {}

.filter-tovar {padding-bottom: 20px;}


/*** filter-head ***/
.filter-head {margin: 0 0 25px; height: 48px; top: 0; z-index: 2; display: none;
    background-color: var(--bg-color);
    box-shadow: var(--header-shadow);

    position: sticky;
    position: -webkit-sticky;

    justify-content: space-between;
    gap: 20px;

    flex-shrink: 0;
}


/** filter-head-left **/
.filter-head-left {}

/* filter-head__cls */
.filter-head__cls {}
.filter-head__cls svg {display: block;}

/** filter-head-center **/
.filter-head-center {}

/* filter-head__title */
.filter-head__title {font-size: 16px; font-weight: 600;}

/** filter-head-right **/
.filter-head-right {}

.filter-head__reset {border: none; background: none; padding: 0;}
.filter-head__reset svg {display: block;}



/*** filter-body ***/
.filter-body {
    flex-grow: 1;
}


/** filter__item **/
.filter__item {padding: 0 0 20px; margin: 0 0 20px;
    border-bottom: 1px solid var(--light-gray2-color)
}
.filter__item:last-child {margin-bottom: 0;}

.filter__item[open] {}

.filter__title {list-style: none; cursor: pointer; font-weight: 600; font-size: 18px; padding-right: 16px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.filter__title::-webkit-details-marker {display: none;}

.filter__title-icon {position: absolute; top: calc(50% - 3px); right: 0; transition: 0.3s;}
.filter__item[open] .filter__title-icon {transform: rotate(180deg);}

.filter__bottom {margin: 20px 0 0;}


/* ckecked-list  */
.ckecked-list {}
.ckecked-list__item {margin: 0 0 12px;}
.ckecked-list__item:last-child {margin-bottom:0;}

.ckecked-list__item .input-label {line-height: initial; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ckecked-list__item:last-child .input-label:last-child {margin-bottom:0;}

.filter-list {max-height: 166px;
    overflow: hidden;
}

.filter-list.scroll {max-height: 276px;
    overflow-x: hidden;
    overflow-y: auto;
}

.filter-list.scroll::-webkit-scrollbar {
    width: 2px;
}

.filter__link {text-decoration: none; display: block; margin: 15px 0 0;
    color: var(--blue-color);
}

.filter-list__down {}
.filter-list__up {}


/* progressbar */
.progressbar {}

.progressbar-steps-slider {}

.progressbar-input {margin: 24px 0 0;
    justify-content: space-between;
    gap: 8px;
}

[class^="progressbar-input__"] {position: relative;}
.progressbar-input__to {}
.progressbar-input__from {}

[class^="progressbar-input__"] label {position: absolute; top: 50%; left: 12px; transform: translateY(-50%);
    color: var(--medidum-gray-color);
}
[class^="progressbar-input__"] .input {max-width: 124px; padding: 0 6px 0 34px;}


.progressbar .noUi-horizontal {height: 2px; border: none; box-shadow: none;
    background: var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}
.progressbar .noUi-connects {
    border-radius: var(--brdr-radius);
}
.progressbar .noUi-connect {
    background-color: var(--primary-color)
}

.progressbar .noUi-handle:before,
.progressbar .noUi-handle:after {display: none;}

.progressbar .noUi-horizontal .noUi-handle {width: 18px; height: 18px; top: -8px; box-shadow: none; border-radius: 9px; cursor: pointer;
    background-color: var(--bg-color);
    border: 2px solid var(--primary-color);
}

.progressbar .noUi-handle[data-handle="0"] {}
.progressbar .noUi-handle[data-handle="1"] {right: 0;}


/* filter-category-list */
.filter-category-list {}


.ckecked-mobile__category {cursor: pointer; text-decoration: none; margin-top: 20px;;
    display: none;
    gap: 12px;
}
.ckecked-mobile__category > * {
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}
.ckecked-mobile__category svg {display: block;}

.ckecked-mobile__icon {width: 32px; height: 32px;
    flex-shrink: 0;
}

.ckecked-mobile__name {position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 42px 0 10px;}
.ckecked-mobile__name svg {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}


/*** filter-footer ***/
.filter-footer {margin: 32px 0 0; display: none;
    flex-shrink: 0;
}

.filter-btn {width: 100%;
    gap: 4px;
}


/*** category-mobile-popup ***/
.category-mobile-popup {position: fixed; inset: 0; z-index: 18; transition: 0.3s; transform: translateX(100%);
    background: var(--bg-color);
    overflow-x: hidden;
    overflow-y: auto;

    display: flex;
    flex-direction: column;

    overscroll-behavior-y: contain;
}

/** category-mobile-popup__head **/
.category-mobile-popup__head {}

/** category-mobile-popup__body **/
.category-mobile-popup__body {
    flex-grow: 1;
}

.category-mobile-popup__list {}
.category-mobile-popup__list li {padding: 0 0 17px; margin: 0 0 17px;
    border-bottom: 1px solid var(--light-gray1-color);
}
.category-mobile-popup__list li:last-child {margin-bottom: 0;}
.category-mobile-popup__link {font-size: 16px; text-decoration: none; display: block; padding: 1px 26px 1px 0; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;
    background: url("../../images/icon/input_radio.svg") no-repeat right center;
}

.category-mobile-popup__link.is-current {
    background-image: url("../../images/icon/input_radio_check.svg");
}


/** category-mobile-popup__footer **/
.category-mobile-popup__footer {margin: 32px 0 0;
    padding-bottom: 20px;
}
.check_categegory {width: 100%;}


@media only screen and (max-width: 991px){
    .filter-popup-menu {position: fixed; inset: 0; z-index: 16;
        background: var(--bg-color);

        overflow-x: hidden;
        overflow-y: auto;

        display: flex;
        flex-direction: column;
    }
    .filter-popup-menu:not(.is-active) {display: none;}

    .filter-popup-menu.is-active .filter-head {display: flex;}

    .filter-tovar { min-height: 100%;}
    .filter-tovar .form {min-height: 100%;
        display: flex;
        flex-direction: column;
    }

    .filter-head,
    .filter-body,
    .filter-footer {
        padding-left: var(--content-padding-lr);
        padding-right: var(--content-padding-lr);
    }

    .filter__title-icon,
    .filter__item[open] .filter__title-icon {transform: rotate(-90deg);}

    .filter-category-list {margin: 0;}
    .filter-category-list .filter-list {max-height: initial;}
    .filter-category-list .filter__link {display: none;}

    .filter-category-list .ckecked-list__item {margin: 0;}
    .filter-category-list .input-label {display: none;}

    .input_radio:checked ~ .ckecked-mobile__category {
        display: flex;
    }

    .filter-popup-menu.is-active .filter-footer {display: block;}
    .filter-footer { z-index: 3; padding-bottom:  20px;}

    .category-mobile-popup.is-active {transform: translateX(0);
        display: flex;
    }

    .category-mobile-popup__body,
    .category-mobile-popup__footer {
        padding-left: var(--content-padding-lr);
        padding-right: var(--content-padding-lr);
    }

}


/**** catalog-content ****/
.catalog-content {min-width: 1px;
    flex-grow: 1;
}


/*** catalog-category__banner ***/
.catalog-category__banner {overflow: hidden; padding: 24px 32px;
    border-radius: var(--brdr-radius);

    background: rgba(0, 137, 84, 0.06);

    gap: 20px;
}

.category__banner-title {font-weight: 600; font-size: 28px; text-align: center;
    flex-grow: 1;
}

.category__banner-img {text-align: center; max-width: 406px;
    flex-shrink: 0;
}
.category__banner-img img {max-width: 100%; max-height: 240px;}

@media only screen and (max-width: 991px){
    .category__banner-title {font-size: 20px}
    .category__banner-img {max-width: 50%;}
}

@media only screen and (max-width: 700px){
    .catalog-category__banner {padding: 50px 16px;}
    .category__banner-title {font-size: 16px}
}

@media only screen and (max-width: 370px){
    .category__banner-img {max-width: 40%;}
    .category__banner-title {font-size: 14px}
}

/*** catalog-banner ***/
.catalog-banner {}
.catalog-banner__img {}
.catalog-banner__img a {text-decoration: none;}
.catalog-banner__img img {max-width: 100%;}

/*** catalog-head ***/
.catalog-head {margin: 0 0 32px;
    flex-wrap: wrap;
    gap: 32px;
}

.catalog-head-col {
    gap: 32px;
}

.catalog__mobilebtn {text-decoration: none; width: 165px; height: 40px; display: none;
    border-radius: var(--brdr-radius);
    background-color: var(--light-gray1-color);

    gap: 13px;
}
.catalog__mobilebtn-icon {}
.catalog__mobilebtn-icon svg {display: block;}
.catalog__mobilebtn-txt {}

.catalog__mobilebtn:hover svg * {
    stroke: var(--primary-color);
}


/** catalog__sorting **/
.catalog__sorting {}

.catalog__sorting-filter {width: 258px; padding-left: 10px;}


/** catalog__filter **/
.catalog__filter {}


@media only screen and (max-width: 991px){
    .catalog-head {margin: 0 0 16px;
        gap: 16px;
    }

    .catalog-head-col {
        gap: 16px;
    }

    .catalog__mobilebtn {display: flex;}

    .catalog__sorting-filter {display: none;}

    .catalog__sorting .select2.select2-container--default {width: initial !important;}
    .catalog__sorting .select2.select2-container--default .select2-selection--single {text-decoration: none; width: 165px; height: 40px; padding: 0 12px; box-sizing: border-box;
        border-radius: var(--brdr-radius);
        background: var(--light-gray1-color);
        border: none;

        justify-content: center;

        gap: 13px;
    }
    .catalog__sorting .select2.select2-container--default .select2-selection--single:before {content: ""; display: inline-block; width: 12px; height: 8px;
        background: url("../../images/icon/select-mob-arrow.svg") no-repeat center center / contain;

        flex-shrink: 0;
    }

    .catalog__sorting .select2.select2-container--default .select2-selection__rendered {padding: 0;}
}

@media only screen and (max-width: 600px){
    .catalog-head {margin: 0 0 16px;
        gap: 12px;
    }

    .catalog-head-col {width: calc(50% - 6px);
        gap: 12px;
    }

    .catalog__sorting .select2.select2-container--default {
        flex-grow: 1;
    }
    .catalog__sorting .select2.select2-container--default .select2-selection--single {width: initial;}
    .catalog__mobilebtn {width: initial;
        flex-grow: 1;
    }
}

@media only screen and (max-width: 370px){
    .catalog__sorting .select2.select2-container--default .select2-selection--single,
    .catalog__mobilebtn {
        gap: 6px;
    }
}


/*** catalog-products ***/
.catalog-products {margin: 0 0 48px}

.catalog-products__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}

.catalog-products__item {min-width: 1px;
    display: flex;
    flex-direction: column;
}
.catalog-products__item .tovar {height: 100%;}


.p-slider__slide .catalog-products__item {height: 100%;}

@media only screen and (max-width: 1100px){
    .catalog-products__list {
        grid-gap: 16px;
    }
}

@media only screen and (max-width: 600px){
    .catalog-products__list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
    }
}

@media only screen and (max-width: 370px){
    .catalog-products__list {
        grid-template-columns: 1fr;
    }
}


/*** catalog-footer ***/
.catalog-footer {
    display: flex;
    justify-content: center;
}

.switching_page_container {
    display: flex;
    gap: 15px;
    align-items: center;
}

.pagination-link {
    transition: 0.5s;
}

.pagination-link:hover {
    transform: scale(1.3);
}

.pagination-current {
    scale: 1.1;
    cursor: default;
    padding: 10px;
    color: #008954;
    border: 1px solid #008954;
    border-radius: 4px;
}

/** pagintation-pages ***/
.pagintation-pages {
    gap: 4px;
}

.page-link {text-decoration: none; width: 32px; height: 32px;
    border-radius: var(--brdr-radius);
}

.page-link:hover {
    background: var(--light-gray2-color);
}

.page-current,
.page-current:hover {
    color: var(--white-color);
    background: var(--primary-color);
}

.page-dots {margin: 0 20px 0 10px;}

.page-next {font-size:12px; font-weight: 600; height: 32px; text-decoration: none; padding: 0 16px;
    border-radius: var(--brdr-radius);
    background: var(--light-gray1-color);
}
.page-next:hover {
    background: var(--light-gray2-color);
}

@media only screen and (max-width: 600px){
    .pagintation-pages {
        grid-gap: 6px;
    }
    .page-link {width: 24px; height: 24px;}
    .page-next {font-size: 14px; width: min(100%, 118px); height: 40px;}
}



/*
    Страница о товаре
*/
.product-page {}

/** product__stickers **/
.product__stickers {margin-bottom: 4px;
    flex-wrap: wrap;
}

/*** product-page__title ***/
.product-page__title {margin-bottom: 24px;}

/***** about-product *****/
.about-product {
    display: flex;
    gap: 32px;
}

/**** about-product-content  ****/
.about-product-content {min-width: 1px;
    flex-grow: 1;
}

/*** product-slider-wrap ***/
.product-slider-wrap {
    display: flex;
    gap: 32px;
}

.product-slider-wrap > [class^="product-slider__"] {min-width: 1px;
    height: var(--product-slider-height);
}

/** product-slider__thumbnails **/
.product-slider__thumbnails {width: 66px;
    flex-shrink: 0;
}

.product__thumbnails-slide {overflow: hidden; cursor: pointer;
    border-radius: var(--brdr-radius);
    border: 1px solid var(--light-gray2-color);
}

.product__thumbnails-slide.swiper-slide-thumb-active {
    border-color: var(--primary-color);
}

.product__thumbnails-img {height: 60px;
    display: flex;
}
.product__thumbnails-img img {display: block; margin: auto; max-width: 100%; max-height: 100%;}


/** product-slider__main **/
.product-slider__main {
    border-radius: var(--brdr-radius);
    border: 1px solid var(--light-gray2-color);

    flex-grow: 1;
}

.product__slider-slide {}
.product__slider-slide a {cursor: zoom-in;
    height: var(--product-slider-height);
}
.product__slider-slide img {display: block; max-width: 100%; max-height: 100%;}


/*** product-mobile-bar ***/
.product-mobile-bar {margin-bottom: 28px; display: none;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product-mobile-bar .tovar__addcompare {}
.product-mobile-bar .tovar__addcompare svg {}

.product-mobile-bar .tovar__addwishes {}
.product-mobile-bar .tovar__addwishes svg {width: 22px;}

.product-slider__dots .swiper-pagination-bullet {width: 6px; height: 3px; border-radius: 7px; transition: 0.3s;
    background-color: var(--light-gray2-color);
}
.product-slider__dots .swiper-pagination-bullet-active {width: 20px;
    background-color: var(--primary-color);
}


/*** product-description-wrap ***/
.product-section {}
.product__title {}

.product-description-wrap {}

.product__description {
    color: var(--gray-color);
}


/*** product-characteristics-wrap ***/
.product-characteristics-wrap {}

.product__characteristics {}

.product__characteristics:not(.is-show) .characteristics-group:not(:first-of-type) {display: none;}

/** characteristics-group **/
.characteristics-group {margin: 0 0 20px;}
.characteristics-group__title {font-weight: 600; font-size: 16px;}

.characteristics-group__list {}
.characteristics__row {margin: 16px 0 0;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.characteristics__item {}
.characteristics__name {
    color: var(--gray-color);
}
.characteristics__value {}

.characteristics__separator {min-width: 80px;
    border-bottom: 1px dashed var(--light-gray2-color);

    flex-grow: 1;
}

/** characteristics__more **/
.characteristics__more {font-weight: 600; text-decoration: none; display: none;
    color: var(--primary-color);
}
.characteristics-group:nth-child(2) ~ .characteristics__more {display: inline-block;}

.characteristics__more:hover {text-decoration: underline;}

.characteristics__show {display: block;}
.characteristics__hide {display: none;}

.product__characteristics.is-show .characteristics__show {display: none;}
.product__characteristics.is-show .characteristics__hide {display: block;}

/* ------------------------------------- */

.characteristics-group__list .characteristics__row {
    display: none; /* Скрыть все строки характеристик по умолчанию */
}

.characteristics-group__list .characteristics__row:nth-child(-n+5) {
    display: flex; /* Показать только первые 5 строк */
}

.characteristics__more {
    display: block; /* Сделать кнопку видимой */
    cursor: pointer; /* Указатель для кнопки */
}

/* ------------------------------------- */

@media only screen and (max-width: 990px){
    .product__stickers {margin-bottom: 20px;}
    .product-page__title {display: none;}

    .about-product {
        flex-direction: column;
        gap: 0;

        --product-slider-height: 250px;
    }

    .product-slider__thumbnails {display: none;}

    .product-slider__main {border: none;}
    .product-mobile-bar {display: flex;}

    .product-description-wrap {display: none;}
    .product-characteristics-wrap {display: none;}

    .characteristics__value {text-align: right;
        flex-shrink: initial;
    }
}


/**** about-product-sidebar  ****/
.about-product-sidebar {min-width: 1px;
    width: var(--about-product-sidebar-width);

    flex-shrink: 0;
}

.product-sidebar {
    /* top: 16px;
    position: sticky;
    position: -webkit-sticky; */
}

/*** product-sidebar__section ***/
.product-sidebar__section {margin: 0 0 16px;}

.sidebar__section {
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.sidebar__section-row {
    padding: var(--content-padding-lr);
}

/** sidebar__section-item **/
.sidebar__section-item {
    gap: 10px;
}

.sidebar__section-item:last-child {margin-bottom: 0;}

.sidebar__title {font-weight: 600; font-size: 16px; margin: 0 0 8px;}
.sidebar__txt {line-height: 1.4; margin: 0 0 12px;}

/** sidebar__section-stars **/
.sidebar__section-stars {margin-bottom: 16px;
    justify-content: space-between;
}

.sidebar__reviews {
    gap: 8px;
}
.sidebar__icons {}

/** sidebar__section-tovarname **/
.sidebar__section-tovarname {font-weight: 600; font-size: 18px; margin: 0 0 20px; display: none;}
.sidebar__section-tovarname .product_article-number {margin: 0;}

/** sidebar__section-price **/
.sidebar__section-price {
    justify-content: space-between;
}

.sidebar__price {
    gap: 8px;
}

.sidebar__price .tovar__price-current {font-size: 20px;}
.sidebar__price .tovar__price-old {font-size: 14px;}

.sidebar__findcheaper {font-weight: 400; font-size: 12px;}
.sidebar__findcheaper a {text-decoration: none; padding: 4px 8px; display: block;
    color: var(--red-color);
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.sidebar__findcheaper a:hover {
    color: var(--primary-color);
}

/** sidebar__section-bonus **/
.sidebar__section-bonus {margin: 4px 0 12px;}
.sidebar__bonus {
    color: var(--primary-color);
    gap: 4px;
}

.sidebar__bonus .tovar__bonus-txt {font-size: 12px;font-weight: 600;}

/** sidebar__section-btns **/
.sidebar__section-btns {margin: 0 0 24px;}

.sidebar__btns {
    flex-wrap: wrap;

    gap: 10px;
}


.sidebar__btns .btn:only-child {width: 100%;}


.buy-product__btns {}

.one-click__btn {font-weight: normal;
    gap: 10px;

    flex-grow: 1;
}


/** sidebar__section-rassrochka **/
.sidebar__section-rassrochka {margin: 0 0 24px;}

.sidebar__rassrochka {
    gap: 6px;
}
.sidebar__rassrochka-txt {
    color: var(--gray-color);
}
.sidebar__rassrochka-txt span {font-weight: 600;
    color: var(--primary-color);
}

.sidebar__q {font-size: 11px; width: 16px; height: 16px; border-radius: 20px; position: relative; cursor: pointer;
    border: 1px solid var(--light-gray2-color)
}

.sidebar__q-popup {padding: 15px; width: 374px; position: absolute; top: calc(100% + 12px); left: 50%; z-index: 2; opacity: 0; visibility: hidden;
    background-color: var(--bg-color);
    border-radius: var(--brdr-radius);
    box-shadow: var(--tooltip-shadow);

    transform: scale(0.95) translateX(-50%);
}

.sidebar__q:hover .sidebar__q-popup {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateX(-50%);

    transition: 0.6s cubic-bezier(0.35, 1.6, 0.3, 1.1);
}

.sidebar__q-popup:after {content: ''; right: 14px; width: 13px; height: 11px; position: absolute; left: 50%; bottom: calc(100%); transform: translateX(-50%);
    background: url("../../images/tooltip.png") no-repeat bottom center;
}

.sidebar__q-title {font-weight: 600; font-size: 18px; margin-bottom: 5px;}
.sidebar__q-txt {font-size: 14px;line-height: 1.4;}

.sidebar__q-popup a {text-decoration: none;
    color: var(--primary-color);
}
.sidebar__q-popup a:hover {text-decoration: underline;}

@media only screen and (max-width: 1200px){
    .sidebar__q-popup {max-width: 300px;}
    .sidebar__q:hover .sidebar__q-popup {transform: scale(1) translateX(-57%);}

    .sidebar__q-popup:after {left: 57%;}

    .sidebar__section-price {flex-wrap: wrap;}
}

@media only screen and (max-width: 374px){
    .sidebar__q-popup {max-width: 280px;}
    .sidebar__q:hover .sidebar__q-popup {transform: scale(1) translateX(-64%);}

    .sidebar__q-popup:after {left: 64%;}
}


/** sidebar__section-colors **/
.sidebar__section-colors {margin: 0 0 24px;}

.sidebar__colors {
    flex-wrap: wrap;
    gap: 10px;
}

.sidebar__colors-item {}
.sidebar__colors-item input[type="radio"] {display: none;}
.sidebar__colors-item label {width: 24px; height: 24px; display: inline-block; padding: 1px; border-radius: 30px; cursor: pointer; position: relative; overflow: hidden;
    border: 1px solid transparent;

    -webkit-background-clip: padding-box;
}
.sidebar__colors-item label:before {content: ""; display: block; border-radius: 30px; position: absolute; inset: 0;
    border: 1px solid transparent;
}

.sidebar__colors-item input[type="radio"]:checked + label {
    border-color: var(--primary-color);
}
.sidebar__colors-item input[type="radio"]:checked + label:before {
    border-color: var(--bg-color);
}

/** sidebar__section-size **/
.sidebar__section-size {}

.sidebar__size {
    flex-wrap: wrap;

    gap: 8px;
}

.sidebar__size-item {}
.sidebar__size-item input[type="radio"] {display: none;}
.sidebar__size-item label {display: inline-block; padding: 8px 10px; cursor: pointer;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.sidebar__size-item input[type="radio"]:checked + label {
    border-color: var(--primary-color);
}

/** sidebar__section-dopinfo **/
.sidebar__section-dopinfo {margin: 0 0 20px;
    display: flex;

    gap: 12px;
}

.sidebar__dopinfo-icon {}
.sidebar__dopinfo-icon svg,
.sidebar__dopinfo-icon img {display: block; width: 24px;}

.sidebar__dopinfo-descr {}
.sidebar__dopinfo-name {font-size: 16px;}
.sidebar__dopinfo-txt {margin: 4px 0 0;
    color: var(--gray-color);
}
.sidebar__dopinfo-txt a {text-decoration: none;
    color: var(--primary-color);
}

.sidebar__dopinfo-txt a:hover {text-decoration: underline;}


/** sidebar__section-subscribe **/
.sidebar__section-subscribe {font-size: 16px;}

/* sidebar__subscribe */
.sidebar__subscribe {
    justify-content: space-between;
    gap: 10px;
}

.sidebar__subscribe-link {font-weight: 600; text-decoration: none;
    color: var(--primary-color)
}
.sidebar__subscribe-link:hover {text-decoration: underline;}
.sidebar__subscribe-img {display: block; max-width: 40px; max-height: 60px;}

/* sidebar__subscribe-success */
.sidebar__subscribe-success {
    gap: 13px;
}

.sidebar__subscribe-icon {display: block;}
.sidebar__subscribe-txt {}
.sidebar__unsubscribe {margin: 0 0 0 auto; text-decoration: none;}
.sidebar__unsubscribe svg {display: block;}
.sidebar__unsubscribe:hover svg * {
    stroke: var(--red-color);
}

/** sidebar__section-findbug **/
.sidebar__section-findbug {}

.sidebar__findbug {}
.sidebar__findbug-title {padding-right: 20px; margin-bottom: 0; cursor: pointer; position: relative;}
.sidebar__findbug-title svg {display: block; position: absolute; top: 2px; right: 0;}
.sidebar__findbug-title:hover svg * {
    stroke: var(--red-color);
}

.sidebar__findbug:not(.is-active) .sidebar__tab {display: none;}
.sidebar__findbug:not(.is-active) .sidebar__findbug-title svg {display: none;}

.sidebar__findbug-btns {}

.sidebar__tab {margin-top: 8px;}


@media only screen and (max-width: 990px){
    .about-product-sidebar {width: initial;}

    .main-sidedebar-section {border: none;}

    .main-sidedebar-section .sidebar__section-row {padding: 0 0 var(--content-padding-lr);}

    .sidebar__section-row + .border {display: none;}

    .sidebar__section-tovarname {display: block;}

    .sidebar__icons {display: none;}
    .sidebar__btns .tovar__addcompare {display: none;}

    .buy-product__btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    .kit-btns-section {}
    .kit-btns-section:after {content: ""; display: block; margin: 24px -16px 0;
        border-bottom: 1px solid var(--light-gray1-color);
    }
    .kit-btn .btn {height: 48px;}

    .dopinfo-section {padding: 18px !important;
        border: 1px solid var(--light-gray2-color);
        border-radius: var(--brdr-radius);
    }

    .findbug-section {display: none;}
}

@media only screen and (max-width: 500px){
    .buy-product__btns .btn {font-size: 12px; font-weight: 600;}
    .one-click__btn {
        gap: 5px;
    }

    .buy-product__btns .addcart__icon-default {width: 16px;}
    .buy-product__btns .oneclick__icon-default {width: 16px;}
}

@media only screen and (max-width: 374px){
    .buy-product__btns {
        grid-template-columns: 1fr;
    }
}


/** about-product-mobile__info **/
.about-product-mobile__info {display: none;}

@media only screen and (max-width: 990px){
    .about-product-mobile__info {display: block;}

    .about-product-mobile__info > .product-section {display: block;}

    .about-product-mobile__info:after{content: ""; display: block; margin: 24px -16px 0; width: calc(100% + 32px);
        border-bottom: 1px solid var(--light-gray1-color);
    }
}


/***** product-kit *****/
.product-kit {margin: 0 0 48px;}

.product-kit__head {font-weight: 600; font-size: 18px; margin: 0 0 24px; padding-right: 40px; display: none; position: relative;
    padding-left: var(--content-padding-lr);
}
.product-kit__cls {position: absolute; top: 3px;
    right: var(--content-padding-lr);
}

/*** product-kit-wrap ***/
.product-kit-wrap {margin-bottom: 48px;}

.product-kit__title {}

.product-kit-row {}

.product-kit__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.product-kit__item {min-width: 1px;}
.product-kit__item .tovar {height: 100%;}

.product-kit__list + .border {margin-top: 24px;}

.product-kit__more {text-align: center; margin-top: 16px;}
.product-kit__more a {font-weight: 600; text-decoration: none;
    color: var(--primary-color);
}
.product-kit__more svg {margin-left: 12px;}

.product-kit__more a:hover svg {transform: rotate(180deg);}


@media only screen and (max-width: 1100px){
    .product-kit__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 990px){
    .product-kit-popup {display: none;}
    .product-kit-popup.is-active {display: block; position: fixed; inset: 0; z-index: 16; padding-top: 24px;
        background: var(--bg-color);
        overflow-x: hidden;
        overflow-y: auto;
    }
    .product-kit__head {display: block;}

    .sostav-komplekt .product-kit__title {display: none;}
}

@media only screen and (max-width: 700px){
    .product-kit__list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
    }
}

@media only screen and (max-width: 370px){
    .product-kit__list {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }
}


/***** similar-product *****/
.similar-product {
    margin-bottom: calc(var(--section-bottom) - 30px);
}
.similar-product-row {}

@media only screen and (max-width: 990px){
    .similar-product-row:after {content: ""; display: block; margin: 0 -16px 24px; width: calc(100% + 32px);
        border-bottom: 1px solid var(--light-gray1-color);
    }
}


/***** product-reviews-questions *****/
.product-reviews-questions {}
.product-rq__title {}

.product-rq-row {}

/**** rq-tabs ****/
.rq-tabs {margin: 0 0 -1px; position: relative;
    gap: 24px;
}
.rq-tabs li {padding: 0 0 8px; border-bottom: 1px solid transparent;
    color: var(--gray-color)
}
.rq-tabs li.is-active {font-weight: 600;
    color: var(--font-color);
    border-color: var(--primary-color);
}


/**** rq-cont-list ****/
.rq-cont-list {}

/*** rq-content-wrap ***/
.rq-content-wrap {
    display: flex;

    gap: 32px;
}

.rq-content__col {min-width: 1px;}

/** rq-content__blck **/
.rq-content__blck {
    flex-grow: 1;
}

.rq-content__blck .border {margin-bottom: 24px;}

.rq-content__title {font-weight: 600; font-size: 16px; margin: 0 0 12px;}

/* rq-content-slider-wrap */
.rq-content-slider-wrap {margin-bottom: 24px; position: relative;}

.rq-content__slide {width: 80px; height: 80px; position: relative; overflow: hidden;
    border-radius: var(--brdr-radius);
}
.rq-content__slide a {display: block;}
.rq-content__slide img {display: block; width: 100%; height: 100%; position: absolute; cursor: zoom-in;
    object-fit: cover;
    object-position: center center;
}

.rq-content__prev {left: 0; transform: translateX(-50%);}
.rq-content__next {right: 0; transform: translateX(50%);}


/* reviews-questions__list */
.reviews-questions__list {}

.reviews-questions__item {margin-bottom: 24px;
    border-bottom: 1px solid var(--light-gray2-color);
}

.reviews-questions__details {}
.reviews-questions__top {margin: 0 0 16px;
    gap: 15px;
}

.reviews-questions__photo {width: 40px; height: 40px; border-radius: 60px; position: relative; overflow: hidden;}
.reviews-questions__photo img {display: block; position: absolute; width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
}

.rq-top__name {font-weight: 600; font-size: 16px;}

.rq-top__right {margin-left: auto;
    gap: 12px;
}
.rq-top__date {
    color: var(--medidum-gray-color);
}
.rq-top__stars {}

.reviews-questions__bottom {padding: 0 0 0 56px;}

/* reviews-data */
.reviews-data {}

.reviews-data__item {margin-bottom: 24px;}
.reviews-data__name {font-weight: 600; margin-bottom: 4px;}
.reviews-data__txt {line-height: 1.4;
    color: var(--gray-color);
}

.reviews-data__photos {margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 8px;
}
.reviews-data__photos a {display: block; width: 56px; height: 56px; position: relative; overflow: hidden;
    border-radius: var(--brdr-radius);
}
.reviews-data__photos img {display: block; width: 100%; height: 100%; position: absolute; cursor: zoom-in;
    object-fit: cover;
    object-position: center center;
}


.reviews-questions__more {font-weight: 600; display: table;}
.reviews-questions__more a {text-decoration: none;
    color: var(--primary-color);
}

.reviews-questions__more:hover svg {
    transform: rotate(180deg);
}

/* question-data */
.question-data {}
.question-data__title {font-size: 16px; margin-bottom: 16px;}

.question-data__answer {padding: 12px; margin-bottom: 24px;
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);

    display: flex;
    gap: 10px;
}

.question-data__photo {min-width: 1px; width: 32px; height: 32px; border-radius: 40px; position: relative; overflow: hidden;
    flex-shrink: 0;
}
.question-data__photo img {display: block; position: absolute; width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
}

.question-data__details {min-width: 1px;
    flex-grow: 1;
}
.question-data__top {margin: 0 0 8px;
    justify-content: space-between;
    gap: 20px;
}

.qd_position {font-weight: 600; font-size: 16px;}
.qd__name {font-size: 12px;
    color: var(--medidum-gray-color);
}
.qd__name svg {margin-right: 8px;}

.question-data__bottom {}
.question-data__txt {line-height: 1.4;
    color: var(--gray-color);
}

/** rq-content__sidebar **/
.rq-content__sidebar {
    width: var(--rq-sidebar-width);

    flex-shrink: 0;
}

.rq-sidebar {padding: 12px 16px; top: 16px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    position: sticky;
    position: -webkit-sticky;
}

.rq-sidebar__top {margin: 0 0 12px;
    justify-content: space-between;
    gap: 15px;
}

.rq-sidebar__title {font-size: 16px; margin-bottom: 8px;}
.rq-sidebar__txt {margin-bottom: 16px; line-height: 1.4;
    color: var(--gray-color);
}

.rq-sidebar__btns {}
.rq-sidebar__btns .btn {width: 100%;}

/* rq-sidebar__addreviews */
.rq-sidebar__addreviews {}


/* rq-sidebar__addquetion */
.rq-sidebar__addquetion {}


@media only screen and (max-width: 990px){
    .rq-tabs {margin-bottom: 24px;
        border-bottom: 1px solid var(--light-gray2-color);
    }
    .rq-tabs li {margin-bottom: -1px}

    .rq-content-wrap {
        flex-direction: column;
    }

    .rq-content__blck {
        order: 2;
    }

    .rq-content__slide {width: 64px; height: 64px;}
    .rq-content-arrows {display: none;}

    .rq-content__blck .border {margin: 0 -16px 24px; width: calc(100% + 32px);}
    .reviews-questions__item {margin: 0 -16px 24px; width: calc(100% + 32px);
        padding: 0 var(--content-padding-lr);
    }

    .reviews-questions__bottom {padding: 0;}
    .rq-top__right {
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
    }
    .rq-top__date {
        order: 2;
    }

    .reviews-questions__more {margin: 0 auto;}

    .rq-content__sidebar {width: initial;
        order: 1;
    }
}


/*
    Страница корзины
*/
.basket-page {}

/**** basket-container ****/
.basket-container {
    display: flex;
    gap: 32px;
}


/*** basket-content ***/
.basket-content {min-width: 1px;
    flex-grow: 1;
}

.basket-info {}


/** cart-clear **/
.cart-clear {text-align: right; position: relative;}
.cart-clear__btn {font-size: 16px; font-weight: 600; text-decoration: none; position: absolute; right: 0; bottom: 30px;
    color: var(--red-color);

    gap: 10px;
}
.cart-clear__btn svg {display: block;}
.cart-clear__btn span {}

.cart-clear__btn:hover {text-decoration: underline;
    color: var(--red-color);
}


/** cart-list **/
.cart-list {overflow: hidden}

.cart-item {
    position: relative;
    padding: 20px; 
    margin: 0 0 12px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
    gap: 20px;
}

.cart-item:last-of-type {margin-bottom: 0 !important;}

.cart-item a {text-decoration: none;}

/** cart-item__img **/
.cart-item__img {width: 90px; overflow: hidden;
    flex-shrink: 0;
}
.cart-item__img a {}
.cart-item__img img {display: block; margin: auto; max-width: 100%; transition: 0.3s opacity;}
.cart-item__img:hover img {opacity: 0.8;}

/** cart-item__data **/
.cart-item__data {min-width: 1px;
    flex-grow: 1;
}

/* cart-item__info */
.cart-item__info {margin: 0 15px 0 0;
    flex-grow: 1;
}
.cart-item__stickers {margin: 0 0 2px;
    display: flex;
}
.cart-item__name {font-weight: 600; font-size: 16px; line-height: 1.4; overflow: hidden; max-height: 45px;}
.cart-item__name a {}

.cart-item__article {margin: 8px 0 0;}
.cart-item__article a {
    color: var(--medidum-gray-color);
}

.cart-item__article a:hover {
    color: var(--primary-color);
}

/* cart-item__counter-price */
.cart-item__counter-price {
    flex-shrink: 0;
    gap: 48px;
}

.cart-item__counter {}
.cart-counter {
    display: grid;
    grid-template-columns: 32px 56px 32px;
}
.cart-counter__btn {text-align: center; height: 32px;
    background-color: var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    display: flex;

    -webkit-background-clip: padding-box;
}
.cart-counter__btn svg {margin: auto;}

.cart-counter__plus:hover {
    background-color: var(--primary-color);
}
.cart-counter__minus:hover {
    background-color: var(--red-color);
}
.cart-counter__btn[disabled] svg *,
.cart-counter__btn:hover svg * {
    stroke: var(--white-color);
}

.cart-counter__btn[disabled] {opacity: 0.8;
    background-color: var(--gray-color);
}

.cart-counter__input {text-align: center; padding: 0 5px; border: none; height: 32px;}

.cart-item__price {min-width: 75px;}
.cart-item__price-current {font-weight: 700; font-size: 18px;}
.cart-item__price-old {text-decoration: line-through; margin: 4px 0 0;
    color: var(--medidum-gray-color);
}

/* cart-item__icons */
.cart-item__icons {margin: 0 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
}
.cart-item__icons .border {}


/*** basket-sidebar ***/
.basket-sidebar {min-width: 1px;
    width: var(--basket-sidebar-width);
    flex-shrink: 0;
}

.basket-sidebar-inner {top: 10px;
    position: sticky;
    position: -webkit-sticky;
}
.basket-sidebar__row {margin-bottom: 12px;}

/** promocode-row **/
.promocode-row {}
.promocode-form {position: relative;}
.promocode__input {height: 48px; font-size: 16px;}

.promocode__btn {width: 34px; height: 32px; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); border: none;
    border-radius: var(--brdr-radius);
    background-color: var(--bg-color);
}
.promocode__btn svg * {
    stroke: var(--primary-color);
}

.promocode__btn:hover {cursor: pointer;
    background-color: var(--primary-color);
}
.promocode__btn:hover svg * {
    stroke: var(--white-color);
}

/** basket-data-row **/
.basket-data-row {padding: 16px;
    background-color: var(--light-gray-color);
    border-radius: var(--brdr-radius);
}
.basket-data__title {font-weight: 600; font-size: 18px; margin-bottom: 16px;}

.basket-data-row .border {margin: 0 0 16px;}

.basket-data__list {font-size: 16px; margin: 0 0 16px;
    color: var(--gray-color);
}
.basket-data__list li {margin: 12px 0 0 ;
    display: flex;
    align-items: baseline;

    gap: 4px;
}
.basket-data__name {}
.basket-data__separator {min-width: 40px;
    border-bottom: 1px dashed var(--light-gray2-color);

    flex-grow: 1;
}
.basket-data__value {}

.basket-data__summa {font-weight: 600; font-size: 18px;
    justify-content: space-between;

    gap: 20px;
}

.basket-data__btns {margin: 12px 0 0;}
.basket-data__btns .btn {width: 100%; margin-bottom: 10px;}

.basket-data__btns .checkbox {margin-bottom: 10px;}

.basket-data__bank {margin-top: 44px;}
.basket-data__bank .btn {width: 100%; margin-bottom: 10px;}

.basket-data__txt {text-align: center; line-height: 1.4;
    color: var(--gray-color);
}


/** basket-card-row **/
.basket-card-row {margin: 0 0 45px;}

/* discound-card */
.discound-card {font-weight: 600; padding: 12px 16px; margin: 0 0 15px; position: relative; overflow: hidden;
    background-color: var(--bg-color);
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.discound-card__percent {font-size: 16px; margin: 0 0 27px;}
.discound-card__summa {font-size: 44px; margin: 0 0 28px;
    color: var(--primary-color);
}
.discound-card__summa:after {content: "₽"; font-weight: normal; display: inline-block; margin: 0 0 0 4px;}
.discound-card__number {}
.discound-card__number span {vertical-align: bottom; line-height: 0.5;}

.discound-card:after {content: ""; display: block; width: 186px; height: 100px; position: absolute; right: -60px; bottom: -12px; opacity: 0.08;
    background: url(../../images/logo.svg) repeat-y top center / 186px auto;
    transform: rotate(-48deg);
}

/* discound-card-switch */
.discound-card-switch {}


/* basket-border */
.basket-border {margin: 48px auto;}


@media only screen and (max-width: 1100px){
    .cart-item__name {font-size: 14px; line-height: 1.2; max-height: 35px;}
    .cart-counter {
        grid-template-columns: 30px 40px 30px;
    }
    .cart-item__price-current {font-weight: 600; font-size: 15px;}
    .cart-item__price-old {font-size: 12px;}
}

@media only screen and (max-width: 990px){
    .basket-container {
        flex-wrap: wrap;
    }

    .basket-sidebar {width: 100%;}

    .cart-clear {display: none;}

    .basket-sidebar-inner {position: static;}
}

@media only screen and (max-width: 640px){
    .cart-list {
        margin: 0 -16px;
    }

    .cart-item {position: relative; margin: 0; border: none;
        border-bottom: 1px solid var(--light-gray2-color);

        align-items: flex-start;
    }
    .cart-item:first-of-type {
        border-top: 1px solid var(--light-gray2-color);
    }
    .cart-item__img {width: 76px;}

    .cart-item__data {
        flex-direction: column;
        align-items: initial;
    }

    .cart-item__info {margin: 0 80px 0 0;}
    .cart-item__article {font-size: 12px;}

    .cart-item__counter-price {margin: 16px 0 0;
        flex-direction: row-reverse;
        justify-content: space-between;

        gap: 20px;
    }
    .cart-item__price-current {font-weight: 700; font-size: 16px;}

    .cart-item__icons {margin: 0; position: absolute; top: 16px; right: 20px;
        flex-direction: row;
    }
    .cart-item__icons .border {width: 0; height: 24px; border: none;
        border-left: 1px solid var(--light-gray2-color);
    }

    .cart-item__icons .tovar__addwishes svg {width: 22px;}

    .basket-card-row {margin: 0 0 30px;}
    .basket-data-row {margin: 0 -16px;}
}


/*
    Страница оформление заказа
*/
.basket-make-order {}
.basket-make-order .title {margin-bottom: 18px;}
.basket-make-order .title.cntr_vert {
    justify-content: space-between;
}

.basket-make-order .input-container {margin-bottom: 48px;}

.basket-make-order [class*="input-col-"] {
    gap: 24px 32px;
}

.basket-make-order .input-col-3 {
    column-gap: 20px;
}

.input-style {padding: 16px 18px;
    border-radius: var(--brdr-radius);
    border: 1px solid var(--light-gray2-color)
}

.input-style label {font-size: 16px; margin-bottom: 0;}

.label-descr {font-size: 14px; line-height: 1.4; display: block; margin-top: 8px;
    color: var(--gray-color);
}

.input-style .label-descr {padding-top: 0;}

.label-descr b {
    color: var(--black-color);
}

.basket-make-order .bx-soa-section .bx-soa-section-content {padding: 0;}

.get-user-address {text-align: right; position: relative;}
.get-user-address a {font-weight: 600; text-decoration: none; position: absolute; right: 0; bottom: 20px;
    color: var(--primary-color);
}
.get-user-address a svg {margin-left: 5px;}

.get-user-address a:hover {
    color: var(--font-color);
}
.get-user-address a:hover svg * {
    stroke: var(--font-color);
}

/* payment-method */
.payment-method {}
.payment-method .input-style {padding: 12px;
    display: flex;
}
.payment-method .input-style label {font-size: 12px;
    flex-grow: 1;
}

.payment-icon__list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.payment-icon__list img {max-width: 50px;}

.bank-terms-txt {font-weight: 600; font-size: 18px;}
.bank-terms-txt a {text-decoration: none;
    color: var(--primary-color);
}
.bank-terms-txt a:hover {text-decoration: underline;}

.sborka-mebeli-switch {font-weight: normal;}

/* delivery-data__map */
.delivery-data__map {height: 440px; margin: 0 0 48px;}

.delivery-data-store__item {position: relative;}

@media only screen and (max-width: 640px){
    .basket-make-order .input-container {margin-bottom: 32px;}

    .basket-make-order [class*="input-col-"] {
        gap: 12px;
    }
    .basket-make-order .input-col-2 {
        grid-template-columns: 1fr;
    }
    .basket-make-order .input-col-3 {
        grid-template-columns: 1fr;
    }
    .basket-make-order .input-col-4 {
        grid-template-columns: 1fr 1fr;
    }

    .payment-method .progressbar {margin-bottom: 10px;}

    .private-home-switch {margin: 10px 0 0;}

    .basket-make-order .title.cntr_vert {padding: 0 0 16px;
        border-bottom: 1px solid var(--light-gray2-color);

        flex-direction: column;
        justify-content: initial;
        align-items: initial;
    }

    .sborka-mebeli-switch {padding: 16px 16px 0; margin: 16px -16px 0;
        border-top: 1px solid var(--light-gray2-color);
    }
    .sborka-mebeli-switch label {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .basket-make-order .dop-order-data {margin: 0 -16px 0; padding: 0 16px 24px;
        border-bottom: 1px solid var(--light-gray2-color);
    }
}


/*
    Страница успешного оформления заказа
*/
.make-order-success {padding: 100px 0;}
.make-order-success__container {max-width: 375px;}

/*** make-order-success__top ***/
.make-order-success__top {text-align: center; margin: 0 0 24px;}
.make-order-success__top img {display: inline-block; margin: 0 0 12px;}
.make-order-success__title {font-weight: 600; font-size: 24px;}

/*** make-order-success__middle ***/
.make-order-success__middle {margin: 0 0 32px;}

.make-order-success__data {padding: 12px;
    border: 1px solid var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

.make-order-success__data .border {margin-bottom: 16px;
    border-color: var(--light-gray1-color);
}
.make-order-success__data .border + .border {display: none;}

.order-data__list {}
.order-data__list li {margin: 0 0 12px;
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.order-data__name {
    color: var(--gray-color);
}
.order-data__separator {
    border-bottom: 1px dashed var(--light-gray2-color);
    flex-grow: 1;
}
.order-data__value {text-align: right;}

.pay_button .sberbank__wrapper {margin: 0;}
.pay_button .sberbank__content {width: initial;}
.pay_button .sberbank__payment-link {font-weight: 600; width: 100%; height: 40px; padding: 10px 15px;
    background-color: var(--primary-color) !important;
    border-radius: var(--brdr-radius);
}
.pay_button .sberbank__payment-link:hover {opacity: 0.9; transition: 0.3s;}


.order-data__notify {position: relative; font-size: 12px; padding: 0 0 0 26px; line-height: 1.4;}
.order-data__notify svg {position: absolute; top: 0; left: 0;}


/*** make-order-success__bottom ***/
.make-order-success__bottom {}

.make-order-success__btns {text-align: center;}
.make-order-success__btns .btn {width: 160px;
    gap: 8px;
}

@media only screen and (max-width: 640px){
    .make-order-success {padding: 20px 0 40px;}
}

@media only screen and (max-width: 400px){
    .make-order-success__container {}
    .order-data__name {min-width: initial;}
}


/*
    Страница сравнения товаров
*/
.compare-page {}


/**** compare-tovar-type ****/
.compare-tovar-type {margin: 0 0 10px;}

.compare-tovar-type .container {position: relative;}

.compare-tovar-type__list {padding-bottom: 6px;
    overflow-x: auto;
    overflow-y: hidden;

    flex-wrap: nowrap;
    gap: 16px;
}
.compare-tovar-type__btn {font-size: 16px; font-weight: 400; white-space: nowrap; height: 48px;
    gap: 6px;
}
.compare-tovar-type__btn:hover,
.compare-tovar-type__btn.is-active {
    color: var(--font-color);
    border: 1px solid var(--primary-color);
}

.compare-tovar-type__btn span {font-size: 14px; margin-top: 3px;
    color: var(--gray-color);
}

.compare-clear {position: relative;}
.compare-clear__link {text-decoration: none; position: absolute; bottom: calc(100% + 38px);
    right: var(--content-padding-lr);

    gap: 12px;
}
.compare-clear__link span {}
.compare-clear__link svg {display: block;}

.compare-clear__link:hover {
    color: var(--red-color);
}

.compare-clear__link:hover svg * {
    stroke: var(--red-color);
}

/***** compare-tovar-desktop *****/
.compare-tovar-desktop {}


/**** compare-tovar ****/
.compare-tovar {margin: 0 0 60px}

.compare-flex {
    display: flex;
    gap: 38px;
}

.compare-row {padding-bottom: 24px; margin-bottom: 24px;
    border-bottom: 1px solid var(--light-gray2-color);
}

.compare-left {min-width: 1px; width: 256px;
    flex-shrink: 0;
}
.compare-right {min-width: 1px;
    flex-grow: 1;
}

.compare_title {font-weight: 700; font-size: 18px;}


/*** compare-tovar-header ***/
.compare-tovar-header {margin: 0 0 18px; padding: 32px 0; top: -100px; transition: 0.3s;
    -webkit-transform: translateZ(0);
}

.compare-tovar-header.is-sticky {top: 0; z-index: 2;
    background-color: var(--bg-color);
    box-shadow: var(--compare-header-shadow);

    position: sticky;
    position: -webkit-sticky;
}

.compare-head-row {}

/** compare-head__left **/
.compare-head__left {}

/* compare-config-wrap */
.compare-config-wrap {
    border-right: 1px solid var(--light-gray2-color);
}

.compare-config {}

.compare-config__differences {}

.compare-config__links {margin: 37px 0 0;}
.compare-config__link {font-weight: 600; font-size: 16px; text-decoration: none; display: table; margin: 0 0 16px;
    color: var(--primary-color);
}
.compare-config__link:last-child {margin-bottom: 0;}


/** compare-head__right **/
.compare-head__right {position: relative;}


/* compare-tovar-slider */
.compare-tovar-slider {margin: 10px 0 24px;}

.compare-tovar__slide {}

.compare_tovar-item {width: min(100%, 192px); position: relative;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.compare_tovar-img {height: 120px; overflow: hidden;
    display: flex;
    flex-shrink: 0;
}
.compare_tovar-img a {width: 100%; height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.compare_tovar-img img {display: block; max-width: 100%; max-height: 100%;}

.compare_tovar-icons {position: absolute; top: 0; right: 0; transform: translateX(100%); visibility: hidden; opacity: 0; transition: 0.3s opacity;
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 30px;
}

.compare_tovar-item:hover .compare_tovar-icons {visibility: visible; opacity: 1;}

.compare-tovar-header.is-sticky .compare_tovar-icons {top: initial; right: initial; bottom: 10px; left: 0; transform: initial;
    flex-direction: row;
    gap: 15px;
}

.compare_tovar-info {min-width: 1px;
    flex-grow: 1;
}
.compare_tovar-name {height: 35px; overflow: hidden; margin: 0 0 12px;}
.compare_tovar-name a {text-decoration: none;}

.compare_tovar-price {margin: 0 0 24px;}
.compare_tovar-currentprice {font-weight: 700; font-size: 18px;}

.compare_tovar-btns {
    gap: 8px;
}
.compare_tovar-btns .tovar__addcart {width: 100%; padding: 10px;
    flex-grow: 1;
}

.compare-tovar-header.is-sticky .compare_tovar-item {width: min(100%, 238px);
    flex-direction: row;
    gap: 17px;
}
.compare-tovar-header.is-sticky .compare_tovar-img {width: 100px; max-height: 120px; height: initial;
    align-items: flex-start;
}
.compare-tovar-header.is-sticky .compare_tovar-currentprice {font-weight: 600; font-size: 16px;}


.compare-tovar-arrows {position: absolute; top: -10px; right: 0; transform: translateY(-100%);
    gap: 12px;
}
.compare-tovar-arrow {position: static;}
.compare-tovar-prev {}
.compare-tovar-next {}

.compare-tovar-header.is-sticky .compare-tovar-arrows {display: none;}

.red-bg {background-color: var(--red-color);}

/*** compare-tovar-body ***/
.compare-tovar-body {}

.compare-body-row {}

/** compare-body__left **/
.compare-body__left {}


/** compare-body__right **/
.compare-body__right {}

/* compare-properties-slider */
.compare-properties-slider {}
.compare-properties__slide {}
.compare-properties-item {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.compare-properties-item .tovar__star {width: 20px; height: 20px;}


/* compare-properties-accordion */
.compare-properties-accordion {}
.compare-properties-accordion[open] {}

.compare-properties__title {list-style: none; cursor: pointer;}
.compare-properties__title::-webkit-details-marker {display: none;}
.compare-properties__title svg {vertical-align: middle; margin: 0 0 0 14px; transition: 0.3s transform;}
.compare-properties-accordion[open] .compare-properties__title svg {transform: rotate(180deg);}

.compare-properties__tab {}

.compare-properties {font-size: 16px; margin: 24px 0 0;}

.compare-properties__name {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    color: var(--gray-color);
}


@media only screen and (max-width: 1120px){
    .compare-flex {
        gap: 20px;
    }

    .compare-left {width: 230px;}

    .compare-tovar-header.is-sticky .compare_tovar-item {
        gap: 10px
    }
    .compare-tovar-header.is-sticky .compare_tovar-img {width: 80px;}
    .compare-tovar-header.is-sticky .compare_tovar-btns .btn {font-size: 12px;}
}

@media only screen and (max-width: 990px){
    .compare-clear {display: none;}
}

@media only screen and (max-width: 800px){
    .compare-tovar-desktop {display: none;}

    .compare-tovar-type__btn {height: 42px; font-size: 14px; padding: 10px 12px;
        gap: 3px;
    }

    .compare_title {font-size: 16px;}
    .tovar__count-reviews {font-size: 12px;}
    .compare-properties__name {font-size: 14px;}
}


/***** compare-tovar-mobile *****/
.compare-tovar-mobile {display: none;}

.compare-tovar-mobile .compare-flex {
    gap: 0;
}

.compare-tovar-mobile .compare_tovar-item {width: initial; padding: 32px 0 0; margin-right: 1px;}
.compare-tovar-mobile .compare_tovar-icons {transform: none;}

/*** compare-header-mobile ***/
.compare-header-mobile {padding: 32px 0; margin: 0 0 24px; top: -10px; transition: 0.6s;
    border-bottom: 1px solid var(--light-gray2-color);

    -webkit-transform: translateZ(0);
}

.compare-header-mobile.is-sticky {top: 0; z-index: 2; padding: 16px 0;
    background-color: var(--bg-color);
    box-shadow: var(--compare-header-shadow);

    position: sticky;
    position: -webkit-sticky;
}

/** compare-head__col **/
.compare-head__col {min-width: 1px; width: 50%; position: relative;
    flex-grow: 1;
}

.compare-head__col:nth-child(1) {padding-right: 12px;}
.compare-head__col:nth-child(2) {padding-left: 12px;}

.compare-head__col .compare_tovar-img {height: initial;}
.compare-head__col .compare_tovar-img img {max-width: 120px; max-height: 80px;}
.compare-head__col .compare_tovar-icons {opacity: 1; visibility: visible;}

.compare-tovar-count {width: 66px; position: absolute; top: -24px; left: 50%; z-index: 1; transform: translateX(-50%); padding: 4px;
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);

    display: flex;
    flex-direction: column;
    gap: 8px;
}

.compare-tovar-count .swiper-pagination {font-weight: 600; font-size: 12px; position: static;
    justify-content: center;

    gap: 4px;
}
.compare-tovar-count .swiper-pagination-bullet {width: 6px; height: 3px; margin: 0 !important; border-radius: 16px; transition: 0.3s;
    background-color: var(--light-gray2-color);
}

.compare-tovar-count .swiper-pagination-bullet-active {width: 20px;
    background-color: var(--primary-color);
}

/*** compare-body-mobile ***/
.compare-body-mobile {}


/** compare-body__col **/
.compare-body__col {min-width: 1px; width: 50%;
    flex-grow: 1;
}

.compare-body__col:nth-child(1) {padding-right: 12px;}
.compare-body__col:nth-child(2) {padding-left: 12px;}

.compare-body-mobile .compare-left {width: initial; margin: 0 0 16px;}
.compare-body-mobile .compare-properties__tab .compare-left {margin: 0 0 8px;}

.compare-body-mobile .tovar__reviews {margin: 0;
    flex-direction: column;
    align-items: initial;
    gap: 8px;
}

.compare-header-mobile.is-sticky .compare-head__col:nth-child(1):after {content: ""; position: absolute; top: -16px; right: 0; bottom: -16px;
    border-right: 1px solid var(--light-gray2-color);
}

.compare-header-mobile .compare_tovar-item {transition: 1s;
    -webkit-transform: translateZ(0);
}
.compare-header-mobile.is-sticky .compare_tovar-item {padding: 0;}
.compare-header-mobile.is-sticky .compare_tovar-img {height: initial;
    justify-content: initial;
    align-items: initial;
}

.compare-header-mobile.is-sticky .compare_tovar-img img {max-height: 60px;}

.compare-header-mobile.is-sticky .compare_tovar-name {margin: 0; height: initial; max-height: 35px;}

.compare-header-mobile.is-sticky .compare_tovar-icons,
.compare-header-mobile.is-sticky .compare_tovar-price,
.compare-header-mobile.is-sticky .compare_tovar-btns {display: none;}

.compare-header-mobile.is-sticky .compare-tovar-count {font-size: 12px; padding: 0; width: initial; background-color: transparent; top: 0; right: 0; left: initial; transform: none;
    color: var(--medidum-gray-color);
}
.compare-header-mobile.is-sticky .compare-head__col:nth-child(1) .compare-tovar-count {right: 12px;}

.compare-header-mobile.is-sticky .swiper-pagination-bullets {display: none;}


@media only screen and (max-width: 800px){
    .compare-tovar-mobile {display: block;}
}

@media only screen and (max-width: 500px){
    .compare_tovar-name {font-size: 12px; height: 30px;}
    .compare_tovar-currentprice {font-size: 16px;}

    .compare_tovar-btns .tovar__addcart {font-size: 12px; height: 32px; padding: 0 10px;}
    .compare_tovar-btns .tovar__addwishes {width: 32px; height: 32px; padding: 7px;}
    .compare-header-mobile.is-sticky .compare_tovar-name {max-height: 30px;}
}

@media only screen and (max-width: 370px){
    .compare_tovar-btns .tovar__addwishes {display: none;}
}


/*
    Пустая страница товаров
*/
.content-empty {padding: 100px 0;}

.content-empty__row{
    flex-direction: column;
    gap: 30px;
}

.content-empty__icon {}
.content-empty__icon img,
.content-empty__icon svg {display: block; margin: 0 auto;}
.content-empty__icon svg * {
    stroke: var(--medidum-gray-color)
}

.content-empty__txt {font-size: 18px;}

.content-empty__btns {}
.content-empty__btns .btn {width: 160px;
    gap: 8px;
}
.content-empty__btns svg {margin: 1px 0 0;}


/*
    Страница избранных товаров
*/
.wishes-page {}

.wishes-clear_block {
	display: flex;
	justify-content: end;
	margin-bottom: 10px;
}
.wishes-clear__btn {
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: var(--red-color);
	gap: 10px;
}
.wishes-clear__btn svg {display: block;}
.wishes-clear__btn span {}

.wishes-clear__btn:hover {text-decoration: underline;
	color: var(--red-color);
}

/*** wishes-products ***/
.wishes-products {margin-bottom: 48px;}

/** wishes-products-list **/
.wishes-products-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

/** wishes-tovar__item **/
.wishes-tovar__item {min-width: 1px;
    display: flex;
    flex-direction: column;
}

.wishes-tovar__item .tovar {height: 100%;}


@media only screen and (max-width: 1100px){
    .wishes-products-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 700px){
    .wishes-products-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
    }
}

@media only screen and (max-width: 370px){
    .wishes-products-list {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }
}


/*
    Страница подписки на товары
*/
.subscribe-page {}

/*** subscribe-products ***/
.subscribe-products {margin-bottom: 48px;}

/** subscribe-products-list **/
.subscribe-products-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

/** subscribe-tovar__item **/
.subscribe-tovar__item {min-width: 1px;
    display: flex;
    flex-direction: column;
}

.subscribe-tovar__item .tovar {height: 100%;}


@media only screen and (max-width: 1100px){
    .subscribe-products-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 700px){
    .subscribe-products-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
    }
}

@media only screen and (max-width: 370px){
    .subscribe-products-list {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }
}


/*
    Страница 404
*/
.page-404 {text-align: center; padding: 50px 0;}

.page-404__img {margin: 0 0 50px;}
.page-404__img img {max-width: 100%;}

.page-404__ttl {font-weight: 600; font-size: 42px; margin: 0 0 20px;}
.page-404__txt {font-size: 22px; line-height: 1.4; margin: 0 0 50px; }

.page-404__btns {}
.page-404__btns .btn {font-size: 26px; width: min(100%, 400px); height: 80px; border-radius: 8px;}

@media only screen and (max-width: 990px){
    .page-404__ttl {font-size: 30px;}
    .page-404__txt {font-size: 16px;}

    .page-404__btns .btn {font-size: 16px; max-width: 250px; height: 48px;
        border-radius: var(--brdr-radius);
    }
}

@media only screen and (max-width: 700px){
    .page-404__ttl {font-size: 24px;}
    .page-404__txt {font-size: 14px;}
    .page-404__txt br {display: none;}
}


/*
    Личный кабинет
*/
.user-page {
    color: var(--gray-color);
}

/*** user-page__title ***/
.user-page__title {margin-bottom: 24px;
    color: var(--font-color);
}

/***** user-container *****/
.user-container {
    display: flex;
    gap: 32px 128px;
}

/**** user-content ****/
.user-content {min-width: 1px; position: relative;

    flex-grow: 1;
}

.user-content .title {
    color: var(--font-color);
}

@media only screen and (max-width: 990px){
    .user-container {
        flex-wrap: wrap;
    }

    .user-page__title {display: none;}

    .user-container .user-sidebar {width: 100%;}
}

/*** user-blck ***/
.user-blck {text-align: center; margin: 0 0 34px;}

.user-blck__img {width: 64px; height: 64px; position: relative; margin: 0 auto 17px; border-radius: 100px; overflow: hidden;}
.user-blck__img img {width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
}
.user-blck__name {font-weight: 600; font-size: 16px;
    color: var(--font-color);
}
.user-blck__bonus {margin: 11px 0 0;
    color: var(--medidum-gray-color);
}

/*** user-menu ***/
.user-menu {font-size: 16px;}
.user-menu li {padding: 14px 13px; margin-bottom: 12px;
    background-color: var(--light-gray1-color);
    border-radius: var(--brdr-radius);

    gap: 10px;
}

.user-menu__link {text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    flex-grow: 1;
}
.user-menu__icon {width: 24px; text-align: center;
    flex-shrink: 0;
}
.user-menu__icon svg {max-width: 100%; display: block; margin: 0 auto;}

/*** user-data ***/
.user-data {}

.user-txt {font-size: 16px; line-height: 1.3; margin: 0 0 24px;}

.user-data [class*="input-col-"] {
    gap: 24px 32px;
}

.user-data .btn {font-size: 18px; height: 58px;}


/*** user-address ***/
.user-address {}

.user-address__list {}
.user-address__item {}

/* user-address__descr */
.user-address__descr {min-width: 1px;
    flex-grow: 1;
}
.user-address__name {font-weight: 600; font-size: 18px;
    color:var(--font-color);
}
.user-address__checked {vertical-align: middle; margin: 0 0 0 10px;}
.user-address__checked svg {}

.user-address__street {font-size: 16px; margin: 8px 0 0;}

/* user-address__btns */
.user-address__btns {min-width: 1px;
    flex-shrink: 0;

    gap: 16px;
}

.user-address__btn {width: 40px; height: 40px; border-radius: 20px;
    background-color: var(--light-gray1-color);

    flex-shrink: 0;
}
.user-address__btn:hover {
    background-color: var(--light-gray2-color);
}
.user-address__btn svg {display: block;}

.user-address__input {display: none;}
.user-address__input + label  {display: block; padding: 16px; margin: 0 0 16px; cursor: pointer;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}
.user-address__input:checked + label {
    border: 1px solid var(--primary-color);
}

.user-address__input:checked + label .user-address__checked svg * {
    stroke: var(--red-color);
    fill: var(--red-color);
}

/* user-address__add */
.user-address__add {font-weight: 600; font-size: 16px; text-decoration: none; padding: 13px 16px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    gap: 10px;
}
.user-address__add:hover svg * {
    stroke: var(--primary-color);
}
.user-address__add span {}


@media only screen and (max-width: 990px){
    .user-data [class*="input-col-"] {
        grid-template-columns: 1fr;

        gap: 15px;
    }

    .user-txt {font-size: 14px;}

    .user-data .btn {height: 48px;}

    .user-address__name {font-size: 16px;}
    .user-address__street {font-size: 14px;}

    .user-address__btn {width: 32px; height: 32px;}
}


/*** user-orders ***/
.user-orders {}

.user-orders__sorting {max-width: 256px; height: 48px; margin: 0 0 20px;}

.user-orders__list {}

.user-order__item {margin: 0 0 24px;
    border: 1px solid var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

/** user-order__head **/
.user-order__head {padding: 12px 16px;
    background-color: var(--light-gray1-color);

    justify-content: space-between;
}

/* order__head-left */
.order__head-left {}
.user-order__date {font-weight: 600; font-size: 18px;
    color: var(--font-color);
}
.user-order__date a {color: inherit; text-decoration: none;}
.user-order__date a:hover {
    color: var(--primary-color);
}
.user-order__num {margin: 7px 0 0;
    color: var(--primary-color);
}

/* order__head-right */
.order__head-right {text-align: right;}
.user-order__count {margin: 0 0 7px;}
.user-order__summa {font-weight: 600; font-size: 18px;
    color: var(--font-color);
}

/** user-order__body **/
.user-order__body {padding: 12px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

/* user-order__descr */
.user-order__descr {min-width: 1px;}

.order__descr-top {margin: 0 0 16px;
    flex-wrap: wrap;
    gap: 12px;
}

.user-order__delivery {font-weight: 600; font-size: 16px;
    color: var(--font-color);
}

.order__status {padding: 4px 8px; display: inline-flex;
    color: var(--white-color);
    border-radius: var(--brdr-radius);

    gap: 7px;
}
.order__status svg {vertical-align: middle;}
.order__status span{vertical-align: middle;}

.order__status-success {background-color: var(--primary-color);}
.order__status-awaiting {background-color: var(--orange-color);}
.order__status-cancelled {background-color: var(--medidum-gray-color);}

.user-order__address {
    gap: 10px;
}
.user-order__address svg {}
.user-order__address span {}

/* order__tovar-list */
.order__tovar-list {min-width: 1px;
    display: flex;
    justify-self: end;

    gap: 10px;
}

.order__tovar-blck {font-size: 12px; text-decoration: none; width: 80px; height: 80px;
    color: var(--primary-color);
    border: 1px solid var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

.order__tovar-blck:hover {opacity: 0.7;}

.order__tovar-blck img {max-width: 100%; max-height: 100%;}


/*** order-details ***/
.order-details {}
.order-details .title {}
.order-details .border {margin: 0 0 26px;}

.user-orders__back {text-decoration: none; margin: 0 0 20px; display: inline-block;
    color: var(--primary-color);
}
.user-orders__back:hover {
    color: var(--font-color);
}

/** order-details__head **/
.order-details__head {margin: 0 0 26px;
    display: flex;
    justify-content: space-between;

    gap: 20px;
}

/* order-details__left */
.order-details__left {}

.order-details__num {font-weight: 700; font-size: 28px; margin: 0 0 12px;
    color: var(--font-color);
}
.order-details__date {font-size: 18px;}

.order-details__copy {margin: 0 0 0 10px;}
.order-details__copy:hover {opacity: 0.7;}

.user-orders__hidden {position: fixed; top: -9999px; z-index: -1; opacity: 0;}

/* order-details__right */
.order-details__right {}


/** order-details__list **/
.order-details__list {margin: 0 0 26px;
    display: grid;
    grid-template-columns: 1fr 1fr;

    grid-gap: 16px 32px;
}

.order-details__blck {min-width: 1px; min-height: 80px; padding: 10px 16px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    gap: 12px;
}

.order-details__icon {width: 32px; text-align: center;
    flex-shrink: 0;
}
.order-details__icon svg,
.order-details__icon img {max-width: 100%;}

.order-details__descr {
    flex-grow: 1;
}
.order-details__name {font-size: 16px; margin: 0 0 5px;
    color: var(--font-color);
}

.order-details__txt {}
.order-details__txt a {text-decoration: none; margin-left: 10px;
    color: var(--primary-color);
}
.order-details__txt a:hover {
    color: var(--font-color);
}

.order-details__price {font-weight: 600; font-size: 16px;
    color: var(--font-color);

    flex-shrink: 0;
}

/** order-tovar__list **/
.order-tovar__list {margin: 0 0 26px;
    display: grid;
    grid-template-columns: 1fr 1fr;

    grid-gap: 16px 32px;
}

.order-tovar__blck {min-width: 1px; min-height: 96px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    display: flex;
}

.order-tovar__img {width: 80px; padding: 8px;
    flex-shrink: 0;
}
.order-tovar__img img {max-width: 100%; max-height: 100%;}

.order-tovar__descr {padding: 12px;
    flex-grow: 1;
}

.order-tovar__top {margin: 0 0 10px;
    justify-content: space-between;

    gap: 20px;
}

.order-tovar__price {font-weight: 700; font-size: 16px;
    color: var(--font-color);
}
.order-tovar__count {padding: 2px 6px;
    background: var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

.order-tovar__name {}
.order-tovar__name a {text-decoration: none;}

.order-tovar__more {text-align: center; margin: 0 0 -16px;}
.order-tovar__more .btn {font-size: 14px; font-weight: normal; width: 155px; height: 32px; padding: 4px 10px;
    background-color: var(--bg-color);
}

@media only screen and (max-width: 990px){
    .user-orders__sorting {max-width: initial;}

    .order__tovar-blck {width: 70px; height: 70px;}

    .user-orders__back {display: none;}

    .order-details__head {margin: 0 0 -23px;
        justify-content: right;
    }
    .order-details__left {display: none;}

    .order-details__head + .border {display: none;}

    .order__status {font-size: 12px;}
}

@media only screen and (max-width: 700px){
    .user-order__body {
        grid-template-columns: 1fr;
    }
    .order__tovar-list {
        justify-self: initial;
    }
    .order__descr-top {margin: 0;}
    .user-order__address {display: none;}

    .order-details__list {
        grid-template-columns: 1fr;
    }

    .order-tovar__list {
        grid-template-columns: 1fr;
    }

    .order-details .border {margin: 0 0 26px -16px; width: calc(100% + (16px * 2));}
}

@media only screen and (max-width: 500px){
    .user-order__date {font-size: 16px;}
    .user-order__num {font-size: 12px;}
    .user-order__delivery {font-size: 14px;}

    .order__head-right {display: none;}
}


/*** user-resume ***/
.user-resume {}

.file-link {font-weight: 600; font-size: 16px; text-decoration: none;
    color: var(--primary-color);

    gap: 14px;
}
.file-link svg {
    flex-shrink: 0;
}
.file-link:hover span {text-decoration: underline;}

.user-content .file-link {position: absolute; top: -50px; right: 0;}

.resume-btn {margin-top: 40px;}

@media only screen and (max-width: 990px){
    .file-link {font-size: 14px;
        gap: 10px;
    }
    .file-link svg {width: 15px;}

    .user-content .file-link {top: 2px;}
    .user-content .file-link svg {
        order: 2;
    }

    .resume-btn {margin-top: 10px;}
}


/**** user-sidebar ****/
.user-sidebar {min-width: 1px;
    width: var(--user-sidebar-width);

    flex-shrink: 0;
}

/*** user-order-wrap ***/
.user-order-wrap {
    grid-gap: 30px;
}

.user-order-wrap .user-sidebar {
    width: var(--basket-sidebar-width);
}


/*** user-order-data ***/
.user-order-data {padding: 16px; margin: 130px 0 20px; top: 20px;
    color: var(--font-color);
    background-color: var(--light-gray-color);
    border-radius: var(--brdr-radius);

    position: sticky;
    position: -webkit-sticky;
}

.user-order-data .border {
    margin: 0 0 16px;
}

.user-order-data .basket-data__summa {margin: 0 0 15px;}

.order-bonus {margin: 0 0 16px;
    gap: 13px;
}
.order-bonus__img {}
.order-bonus__img img {}

.order-bonus__descr {}
.order-bonus__title {font-weight: 600; font-size: 16px; margin: 0 0 8px;}
.order-bonus__txt {}


.order-data__btns {
    display: grid;
    grid-template-columns: 1fr 1fr;

    grid-gap: 10px;
}

.order-data__btns .btn {
    flex-grow: 1;
}

/*** user-help__row ***/
.user-help__row {top: 20px;
    position: sticky;
    position: -webkit-sticky;
}

.user-help__title {font-weight: 600; font-size: 18px; margin: 0 0 24px;
    color: var(--font-color);
}
.user-help__txt {margin: 0 0 20px; padding: 0 0 20px;
    border-bottom: 1px solid var(--light-gray2-color);
}
.user-help__btns {
    display: grid;
    grid-gap: 10px;
}

@media only screen and (max-width: 990px){
    .user-order-wrap .user-sidebar {width: calc(100% + (16px * 2)); margin: 0 0 0 -16px;}
    .user-order-data {margin-top: 0;}
}


/*
    Страница галерея вкусов
*/
.video-page {}

/**** video-list ****/
.video-list {margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

/** video-item **/
.video-item {min-width: 1px;}

.video-item__link {text-decoration: none;}

.video-item__preview {overflow: hidden; position: relative; margin: 0 0 16px;
    border-radius: var(--brdr-radius);
}
.video-item__img {display: block; max-width: 100%;}
.video-item__icon {position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%,-50%); transition: 0.3s;}
.video-item__preview:after {content: ''; position: absolute; inset: 0; z-index: 2;
    background: rgba(0,0,0, 0.24);
}

.video-item__title {font-weight: 600; font-size: 16px; line-height: 1.4; margin: 0 0 16px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.video-item__date {}

.video-item__link:hover .video-item__icon {opacity: 0.7;}
.video-item__link:hover .video-item__date {
    color: var(--font-color);
}

/*** video-footer ***/
.video-footer {}

@media only screen and (max-width: 850px){
    .video-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media only screen and (max-width: 600px){
    .video-list {margin-bottom: 32px;
        grid-template-columns: 1fr;
    }

    .video-item {padding-bottom: 24px;
        border-bottom: 1px solid var(--light-gray2-color);
    }
}


/*
    Страница контактов
*/
.page-contacts { width: 100%; }

.page-contacts__row {
    display: flex;
    gap: 32px;
}

/*** page-contacts__data ***/
.page-contacts__data {font-size: 16px; line-height: 1.4; min-width: 1px; width: 352px;
    flex-shrink: 0;
}


/* contacts__data */
.contacts__data {position: relative; padding: 0 0 14px 35px; margin-bottom: 16px;
    border-bottom: 1px solid var(--light-gray2-color);
}
.contacts__data-icon {width: 20px; position: absolute; top: 0; left: 0;}
.contacts__data-icon svg {max-width: 100%;}
.contacts__data-ttl {font-weight: 600; font-size: 18px; margin-bottom: 12px;}
.contacts__data-descr {}
.contacts__data-descr a {text-decoration: none;}

.contacts__data-txt {line-height: 1.6;
    color: var(--medidum-gray-color);
}

/*** page-contacts__map ***/
.page-contacts__map {min-width: 1px; position: relative; overflow: hidden; height: 440px;
    flex-grow: 1;
}

.page-contacts__map .stores-map {position: absolute; inset: 0;}


@media only screen and (max-width: 800px){
    .page-contacts__row {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .page-contacts__data {font-size: 14px; width: initial;}
    .contacts__data-ttl {font-size: 16px; margin-bottom: 8px;}

    .page-contacts__map {height: 390px;}
}


/*
    Страница Рассрочка / кредит
*/
.page-rassrochka {}

/*** banks-list ***/
.banks-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

/** bank-item **/
.bank-item {min-width: 1px; padding: 12px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.bank-item__img {margin-bottom: 12px; overflow: hidden;}
.bank-item__link {height: 118px;}
.bank-item__img img {max-width: 100%; max-height: 100%;}

.bank-item__btns {
    gap: 12px;
}
.bank-item__btns .btn {font-size: 14px;}
.bank-terms {
    flex-grow: 1;
}
.bank-calc {padding: 10px;
    border-color: var(--light-gray2-color);

    flex-shrink: 0;
}
.bank-calc:hover {
    background-color: var(--blue-color);
    border-color: var(--blue-color);
}
.bank-calc:hover svg * {
    stroke: var(--white-color);
}
.bank-calc:hover svg *[fill] {
    fill: var(--white-color);
}

@media only screen and (max-width: 900px){
    .banks-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 700px){
    .banks-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 500px){
    .banks-list {
        gap: 12px;
    }

    .bank-item {padding: 8px;}

    .bank-item__img {height: 100px; margin-bottom: 8px;}

    .bank-item__btns {
        gap: 8px;
    }
    .bank-item__btns .btn {font-size: 12px; height: 32px;}
    .bank-calc {padding: 4px 8px;}
    .bank-calc svg {width: 14px;}
}


/*
    Страница Рассрочка / кредит
*/
.page-calculator {}

/*** bank-calculator ***/
.bank-calculator {}

.calc-wrap {
    display: grid;

    grid-gap: 15px 30px;
}

.calc-row {margin-bottom: 30px;
    grid-gap: 30px;
}
.input_item .progressbar {margin-top: 20px;}

.calculator-form .calc-select {max-width: 352px;}

@media only screen and (max-width: 900px){
    .calculator-form  .calc-select {max-width: initial;}

    .calculator-form .calc-row {margin-bottom: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 500px){
    .calculator-form .calc-row {
        gap: 8px;
    }

    .calculator-form .progressbar {margin: 15px 0 10px;}
}

@media only screen and (max-width: 374px){
    .calculator-form .calc-row {
        grid-template-columns: 1fr;
    }
}


/*
    Страница Доставка
*/
.page-dostavka {}

/*** delivery-сity-wrap ***/
.delivery-сity-wrap {}

.delivery-сity {overflow: hidden; margin-bottom: 16px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    display: flex;
}

/** delivery-сity__list **/
.delivery-сity__list {min-width: 1px; width: 384px;
    border-right: 1px solid var(--light-gray2-color);

    flex-shrink: 0;
}

/* delivery-сity__item */
.delivery-сity__item {padding: 16px; position: relative; cursor: pointer;
    color: var(--gray-color);
    border-bottom: 1px solid var(--light-gray2-color);

    gap: 10px;
}
.delivery-сity__item.is-active {
    color: var(--black-color);
    background-color: var(--light-gray1-color);
}
.delivery-сity__item:hover {
    color: var(--black-color);
}

.delivery-сity__name {font-weight: 600; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    flex-grow: 1;
}

.delivery-сity__icon {margin-left: auto; opacity: 0;
    flex-shrink: 0;
}
.delivery-сity__item.is-active .delivery-сity__icon {opacity: 1;}
.delivery-сity__icon svg {display: block;}


/** delivery-сity__map **/
.delivery-сity__map {min-width: 1px; height: 545px; position: relative; overflow: hidden;
    flex-grow: 1;
}

.delivery-сity__map .stores-map {
    position: absolute;
    inset: 0;
}

.delivery-сity__info {display: none;}


/** delivery-time-wrap **/
.delivery-time-wrap {}

.delivery__time {width: min(100%, 736px); margin-left: auto; padding: 14px 18px;
    border-radius: var(--brdr-radius);
    background-color: var(--light-gray1-color);

    gap: 14px;
}
.delivery__time svg {
    flex-shrink: 0;
}
.delivery__time span {
    flex-grow: 1;
}


/* delivery-сity-head */
.delivery-сity-head {display: none; position: absolute; top: 0; right: 0; left: 0; z-index: 5;
    background-color: var(--bg-color);
    box-shadow: var(--header-shadow);
}
.delivery-сity-head > .container {
    height: 48px;
    justify-content: space-between;
    gap: 20px;
}

.delivery-сity-head__left {min-width: 20px;}

.delivery-сity-head__center {min-width: 20px;}
.delivery-сity-head__center img {max-width: 85px;}

.delivery-сity-head__right {min-width: 20px;}



@media only screen and (max-width: 900px){
    .delivery__time {width: 100%; margin-left: initial;}
}

@media only screen and (max-width: 800px){
    .delivery-сity {display: block; border: none;}

    .delivery-сity__list {border-right: none; width: 100%;}
    .delivery-сity__item {font-size: 16px; padding: 16px 0; background-color: initial !important;
        color: var(--black-color);
    }
    .delivery-сity__icon {opacity: 1;}

    .delivery-time-wrap {display: none;}

    .delivery-сity__item .get-store {/*position: static;*/}

    /* delivery-сity__map */
    .delivery-сity__map:not(.is-show) {transform: translateY(-999%); visibility: hidden;}
    .delivery-сity__map {height: initial; position: fixed; inset: 0; z-index: 10; visibility: visible; transform: none;
        background-color: var(--bg-color);
    }

    .delivery-сity-head {display: block;}

    /* delivery-сity__info */
    .delivery-сity__info {display: block; width: min(100%, 375px); min-height: 230px; position: absolute; bottom: 0; left: calc(50% - 1px); z-index: 6; overflow: hidden; border-radius: 12px 12px 0 0; transform: translate(-50%,88%); transition: 0.5s;
        background-color: var(--bg-color);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    }
    .delivery-сity__info.is-show {transform: translate(-50%,0);}

    .delivery-сity__info:before {content: ""; display: block; width: 50px; height: 3px; margin: 12px auto 30px; border-radius: 2px; transition: 0.3s margin-bottom;
        background: var(--light-gray2-color);
    }
    .delivery-сity__info.is-show:before {margin-bottom: 16px;}

    .delivery-сity__info .map-delivery-city {width: 100%; position: relative; border-radius: initial; box-shadow: none;}
    .delivery-сity__info .map-content__info {padding: 0 16px;}

    .delivery-сity__info .delivery__time {width: initial; margin: 16px 12px 32px; line-height: 1.4;}
    .delivery-сity__info .delivery__time svg {width: 16px; height: initial;}
}


/*
    Детальная страница магазина
*/
.page-shop {}

/*** page-shop__title ***/
.page-shop__title {margin-bottom: 24px;
    justify-content: space-between;

    gap: 20px;
}

/* notice__time */
.notice__time {font-size: 16px; padding: 13px 18px;
    border-radius: var(--brdr-radius);
    background-color: var(--light-gray1-color);

    gap: 14px;
}
.notice__time svg {
    flex-shrink: 0;
}
.notice__time span {
    flex-grow: 1;
}

@media only screen and (max-width: 990px){
    .page-shop__title .page_title {font-size: 18px;}
    .notice__time {font-size: 14px; padding: 9px 11px;
        align-self: flex-start;

        gap: 9px;
    }
    .notice__time svg {width: 13px;}
}

@media only screen and (max-width: 700px){
    .page-shop__title {
        flex-direction: column;
        align-items: initial;

        gap: 16px;
    }
}

/*** page-shop__slider ***/
.page-shop__slider {}
.slidershop__slide {}
.slidershop__slide img {width: 100%;}

@media only screen and (max-width: 990px){
    .slidershop-arrows {display: none;}
}


/*** assortment-tovar ***/
.assortment-tovar {}

.assortment-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}

.assortment__item {padding: 12px; min-width: 1px;
    border: 1px solid var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

/** assortment__top **/
.assortment__top {margin-bottom: 16px;
    gap: 12px;
}
.assortment__icon {width: 48px; height: 48px; border-radius: 100px;
    border: 1px solid var(--primary-color);

    flex-shrink: 0;
}
.assortment__icon svg,
.assortment__icon img {display: block; max-width: 100%; max-height: 100%;}

.assortment__link {font-size: 18px; text-decoration: none;
    flex-grow: 1;
}
.assortment__link svg {margin-left: auto;
    flex-shrink: 0;
}
.assortment__link:hover svg * {
    stroke: var(--primary-color);
}

/** assortment__bottom **/
.assortment__bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
}

.assortment__bottom a {min-width: 1px; padding: 8px;
    border-radius: var(--brdr-radius);
    background: rgba(0, 137, 84, 0.06);
}
.assortment__bottom img {max-width: 100%; max-height: 100%;}

.assortment__bottom a:hover {
    background: rgba(0, 137, 84, 0.2);
}

@media only screen and (max-width: 990px) {
    .assortment-list {
        grid-gap: 16px;
    }

    .assortment__link {
        font-size: 16px;
    }
}

@media only screen and (max-width: 850px) {
    .assortment-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .assortment__item {padding: 8px;}
}

@media only screen and (max-width: 600px) {
    .assortment-list {
        grid-template-columns: 1fr;
    }
}



/*
    Гарантия лучшей цены
*/
.page-guarantee {}

/*** guarantee-top ***/
.guarantee-top {}

.guarantee-top__row {max-width: 736px;
    padding: 20px 30px;
    background: rgba(0, 137, 84, 0.06);
    border-radius: var(--brdr-radius);

    gap: 40px;
}

.guarantee-top__icon {width: 208px;
    flex-shrink: 0;
}

.guarantee-top__icon svg,
.guarantee-top__icon img {max-width: 100%; height: initial;}

.guarantee-top__right {
    flex-grow: 1;
}
.guarantee-top__right .page_title {}
.guarantee-top__txt {font-weight: 600; font-size: 16px; margin-top: 12px;}
.guarantee-top__txt a {text-decoration: none;
    color: var(--primary-color);
}
.guarantee-top__txt a:hover {text-decoration: underline;}


@media only screen and (max-width: 700px) {
    .guarantee-top__row {padding: 42px 16px;
        gap: 16px;
    }
    .guarantee-top__icon {width: 66px;}
    .guarantee-top__right .page_title {font-size: 18px;}
    .guarantee-top__txt {font-size: 14px; margin-top: 8px;}
}

/**** Как это работает онлайн? ****/
.how-get-discount {}
.how-get-discount__title {margin-bottom: 16px;
    justify-content: space-between;

    gap: 20px;
}

.how-get-discount__title .title {margin-bottom: 0;}
.how-get-discount__title .notice__time {width: min(100%, 352px);}

.how-get-discount__row {}
.how-get-discount__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    grid-gap: 32px;
}

.how-get-discount__item {min-width: 1px; padding: 16px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    display: flex;
    gap: 12px;
}
.get-discount__step {font-weight: 600; font-size: 24px; width: 48px; height: 48px; border-radius: 100px;
    border: 1px solid var(--primary-color);

    flex-shrink: 0;
}

.get-discount__info {
    flex-grow: 1;
}
.get-discount__ttl {font-weight: 600; font-size: 18px; margin-bottom: 8px;}
.get-discount__descr {line-height: 1.4;
    color: var(--gray-color);
}

@media only screen and (max-width: 990px) {
    .how-get-discount__list {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }

    .how-get-discount__title {
        flex-direction: column;
        align-items: flex-start;
    }
}


/**** Как это работает в магазине? ****/
.how-work {}
.how-work__title {}

.how-work__row {
    display: flex;
    gap: 32px;
}

.how-work__list {width: 352px;
    display: grid;
    grid-gap: 16px 0;

    flex-shrink: 0;
}
.how-work__item {min-width: 1px; padding: 16px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    gap: 12px;
}
.how-work__step {font-weight: 600; font-size: 24px; width: 48px; height: 48px; border-radius: 100px;
    border: 1px solid var(--primary-color);

    flex-shrink: 0;
}
.how-work__ttl {font-weight: 600; font-size: 18px;
    flex-grow: 1;
}

.how-work__img {position: relative; overflow: hidden;
    border-radius: var(--brdr-radius);

    flex-grow: 1;
}
.how-work__img img {width: 100%; height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media only screen and (max-width: 990px) {
    .how-work__row {
        flex-direction: column;
        gap: 12px;
    }
    .how-work__list {width: 100%;}
    .how-work__ttl {font-size: 16px;}
}


/*
    ВСПЛЫВАЮЩИЕ ОКНА
*/
[id$="-popup--clone"].popup-window,
[id$="-popup"].popup-window {width: 100%; padding: 20px; display: none;
    color: var(--font-color);
    background-color: var(--bg-color);
    border-radius: var(--brdr-radius);
}
.popup-window {max-width: 350px;}
.popup-window .carousel__button.is-close {display: none;}

.popup-window .btn {font-size: 16px;}


/** popup-header **/
.popup-header {margin: 0 0 24px;
    justify-content: space-between;
    gap: 10px;
}
.popup-title {font-weight: 600; font-size: 18px;
    flex-grow: 1;

    gap: 10px;
}
.popup-close {
    flex-shrink: 0;
}
.popup-close svg {display: block;}
.popup-close:hover svg * {
    stroke: var(--red-color);
}

.popup-q {font-size: 11px; width: 18px; height: 18px; border-radius: 20px; position: relative; cursor: pointer;
    border: 1px solid var(--medidum-gray-color);
}
.popup-q__notice {font-size: 11px; width: 240px; height: 26px; padding: 4px 8px; position: absolute; top: calc(100% + 10px); right: -12px; z-index: 1;
    color: var(--font-color);
    background-color: var(--bg-color);
    box-shadow: var(--tooltip-shadow);
    border-radius: var(--brdr-radius);

    transform: scale(1);
    transition: 0.6s cubic-bezier(0.35, 1.6, 0.3, 1.1);
}
.popup-q__notice:after {content: ''; position: absolute; bottom: calc(100% - 2px); right: 14px; width: 13px; height: 11px;
    background: url("../../images/tooltip.png") no-repeat bottom center;
}

.popup-q:hover {
    border-color: var(--primary-color);
}
.popup-q:not(:hover) .popup-q__notice {opacity: 0; visibility: hidden;
    transform: scale(0.95);
}


/** popup-body **/
.popup-body {}

.popup-form {margin-bottom: 24px;}

/* input-info */
.input-info { margin-bottom: 24px; line-height: 1.4;
    color: var(--medidum-gray-color);
}
.input-info__num {
    color: var(--font-color);
}
.input-info__edit {text-decoration: none; display: inline-block; margin: 0 0 0 4px;
    color: var(--primary-color);
}
.input-info__edit:hover {text-decoration: underline;}

/* popup-timer__row */
.popup-timer__row {text-align: center;}

/* popup-getcode__link */
.popup-getcode__link {text-align: center;}
.popup-getcode__link a {text-decoration: none;
    color: var(--primary-color);
}
.popup-getcode__link a:hover {text-decoration: underline;}


/** popup-footer **/
.popup-footer {}
.popup-footer .btn {width: 100%; height: 48px;}

.popup-footer-link {margin: 16px 0 0; text-align: center}
.popup-footer-link a {font-weight: 600; font-size: 16px; text-decoration: none; display: inline-block;}


/**** Товары в корзине ****/
.basket-popup {max-width: 736px;}

.basket-popup > .border {margin: 20px 0;}

/*** basket-popup-header ***/
.basket-popup-header {}

.basket-popup__title {}
.basket-popup__title span {}

/*** basket-popup-body ***/
.basket-popup-body {}
.basket-popup-body .cart-list {max-height: 430px;
    overflow-x: hidden;
    overflow-y: auto;
}
.basket-popup-body .cart-item {margin: 0 0 15px;}


/*** basket-popup-footer ***/
.basket-popup-footer {
    justify-content: space-between;
    gap: 16px;
}

/* basket-popup-summa */
.basket-popup-summa {}
.basket-summa__txt { margin: 0 0 3px;
    color: var(--medidum-gray-color);
}
.basket-summa {font-weight: 600; font-size: 18px;}

/* basket-popup-btns */
.basket-popup-btns {
    gap: 16px;
}

.basket-popup-btns .btn {height: 48px; white-space: nowrap;}

.basket-btn__back {}
.basket-btn__next {}


/**** Выбрать город ****/
.location-popup {max-width: 774px;}

/*** location-popup-header ***/
.location-popup-header {}
.location-popup__title {font-size: 28px;}

/*** location-popup-body ***/
.location-popup-body {}


/** location-popup-search **/
.location-popup-search {}

/* location-search */
.location-search {position: relative; margin: 0 0 24px;}
.location-search__input {font-size: 18px; padding-left: 52px; height: 58px;}

.location-search__btn {position: absolute; left: 19px; top: 50%; transform: translateY(-50%); background: none; border: none; padding: 0;}
.location-search__btn svg {}
.location-search__btn:hover svg * {
    stroke: var(--primary-color);
}

/* location-search-results */
.location-search-results {margin: 32px 0; min-height: 200px;}
.loc-results__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.loc-results__link {font-size: 18px;}
.loc-results__link a {text-decoration: none;}


/* location-tabs-wrap */
.location-tabs-wrap {}

.location-tabs { margin-bottom: 32px;
    gap: 32px;
}
.location-tabs li {font-weight: 600; font-size: 16px; height: 54px; padding: 4px 10px; cursor: pointer; text-align: center;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    flex-grow: 1;
}
.location-tabs span {margin-right: 12px; position: relative; width: 20px; height: 20px;
    border: 1px solid var(--light-gray2-color);
    border-radius: 50px;
}
.location-tabs span:before {content: ""; width: 12px; height: 12px; border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background-color: transparent;
}

.location-tabs .is-active {}
.location-tabs .is-active span {
    border-color: var(--primary-color);
}
.location-tabs .is-active span:before {
    background-color: var(--primary-color);
}


.location-tabs-list {margin: 32px 0; min-height: 200px;}
.location__tab {}

.location__city-list {font-size: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.location__city-list li {}
.location__city-list a {text-decoration: none;}
.loc_current {
    color: var(--primary-color);
}

@media only screen and (max-width: 600px){
    .location-popup__title {font-size: 18px;}

    .location-search {margin: 0 0 20px;}

    .location-search__input {height: 48px;}

    .location-tabs {padding: 4px; margin: 0 0 28px;
        background: var(--light-gray1-color);
        gap: 0;
    }
    .location-tabs li {border: none; height: 40px;}
    .location-tabs .is-active {
        color: var(--white-color);
        background-color: var(--primary-color);
    }
    .location-tabs li span {display: none;}

    .location__city-list {font-size: 16px;
        grid-template-columns: 1fr;
    }

    .loc-results__link {font-size: 16px;}
}


/**** Мы всегда на связи ****/
.contact-popup {}

/*** contact-popup-header ***/
.contact-popup-header {}
.contact-popup__title {}

/*** contact-popup-body ***/
.contact-popup-body {margin: 0 0 16px;}

.contact-popup__row {padding: 16px 0}
.contact-popup__data {;
    display: flex;
    gap: 14px;
}

.contact-popup__icon {}
.contact-popup__icon svg {}

.contact-popup__info {}
.contact-popup__title {font-weight: 600; font-size: 16px;}
.contact-popup__link {margin: 8px 0 0;}
.contact-popup__link a {text-decoration: none;
    color: var(--primary-color);
}
.contact-popup__txt {font-size: 12px; margin: 4px 0 0;
    color: var(--medidum-gray-color);
}

/*** contact-popup-footer ***/
.contact-popup-footer {}
.contact-popup-btn {}
.contact-popup-btn span {}
.contact-popup-btn svg {display: block; margin: 0 15px 0 0;}


/**** Обратная свзяь ****/
.feedback-popup {}


/**** Заказать звонок ****/
.ordercall-popup {}


/**** Вход или регистрация ****/
.authorization-popup {}


/**** Ввод кода из смс *****/
.entercode-popup {}

.entercode__input {font-weight: 600; font-size: 28px; text-align: center;}


/**** Вход по почте  ****/
.auth-email {}


/**** Наличие в магазинах  ****/
.product-in-stores-popup {max-width: 736px;}

/*** product-in-stores-body ***/
.product-in-stores-body {}

.product-in-stores__list {margin: 0 -20px; max-height: 330px;
    overflow-x: hidden;
    overflow-y: auto;
}
.product-in-stores__table {width: 100%;
    color: var(--medidum-gray-color);
}
.product-in-stores__table th {padding: 8px 20px;}
.product-in-stores__table td {padding: 16px 20px; vertical-align: middle;
    border-top: 1px solid var(--light-gray2-color);
}

.stores__table-name {font-weight: 600;
    color: var(--black-color);
}
.stores__table-address {margin: 4px 0 0;}
.stores__table-address a {text-decoration: none;
    color: var(--medidum-gray-color);
}
.stores__table-address a:hover {
    color: var(--primary-color);
}
.stores__table-count {}
.stores__table-time {
    color: var(--black-color);
}

@media only screen and (max-width: 600px){
    .product-in-stores__list {max-height: initial;}

    .product-in-stores__table thead tr,
    .product-in-stores__table tbody tr {
        border-bottom: 1px solid var(--light-gray2-color);

        display: grid;
        align-items: center;
        grid-template-columns: 2fr 1fr;
    }

    .product-in-stores__table thead tr{padding: 0 20px 8px;}
    .product-in-stores__table tbody tr {padding: 16px 20px;}

    .product-in-stores__table th,
    .product-in-stores__table td {padding: 0; border: none;}

    .product-in-stores__table th:nth-child(2) {text-align: right;}
    .product-in-stores__table th:nth-child(3) {display: none;}

    .stores__table-time {margin-top: 12px;}
    .stores__table-count {text-align: right;}
}


/**** Сообщить об ошибке  ****/
.report-error-popup {max-width: 796px;}

.report-error__title {font-size: 22px; text-align: center;}

/*** report-error-popup-body ***/
.report-error-popup-body {}

.report-error-msg {text-align: center; margin: 0 0 10px;}
.report-error-msg img {display: inline-block; margin: 0 0 20px; max-width: 100%;}
.report-error-msg p {line-height: 1.4;}

/*** report-error-popup-footer ***/
.report-error-popup-footer {text-align: center;}
.report-error-popup-footer .btn {width: min(100%, 340px);}


/**** Сообщение об ошибке отправлено ****/
.report-seccess-popup {max-width: 796px;}

/*** report-seccess-body ***/
.report-seccess-body {}

.report-seccess-msg {text-align: center; padding: 100px 0;}
.report-seccess-msg img {max-width: 100%;}
.report-seccess-ttl {font-size: 28px; font-weight: 600; margin: 0 0 10px;}
.report-seccess-txt {font-size: 18px; line-height: 1.4;}

@media only screen and (max-width: 600px){
    .report-seccess-ttl {font-size: 20px;}
    .report-seccess-txt {font-size: 14px;}
}


/**** Нашли ошибку?  ****/
.find-error-popup {max-width: 796px;}

.find-error__title {text-align: left;}

/*** find-error-popup-body ***/
.find-error-popup-body {}


/*** find-error-popup-footer ***/
.find-error-popup-footer {text-align: center;}
.find-error-popup-footer .btn {width: min(100%, 340px);}


/**** Задать свой вопрос ****/
.havequestion-popup {max-width: 796px;}

/*** havequestion-footer ***/
.havequestion-footer {text-align: center;}
.havequestion-footer .btn {width: min(100%, 340px);}


/**** Добавить адрес доставки ****/
.addadress-popup {max-width: 776px;}

/*** addadress-footer ***/
.addadress-footer {text-align: center;}
.addadress-footer .btn {width: min(100%, 340px);}

@media only screen and (max-width: 600px){
    .addadress-body .input-col-2 {
        grid-template-columns: 1fr;
    }
    .addadress-body .input-col-4 {
        grid-template-columns: 1fr 1fr;
    }
}

/**** Изменить адрес доставки ****/
.editadress-popup {max-width: 776px;}

/*** editadress-footer ***/
.editadress-footer {text-align: center;}
.editadress-footer .btn {width: min(100%, 340px);}

@media only screen and (max-width: 600px){
    .editadress-body .input-col-2 {
        grid-template-columns: 1fr;
    }
    .editadress-body .input-col-4 {
        grid-template-columns: 1fr 1fr;
    }
}


/**** Гарантия лучшей цены! - не авторизован  ****/
.findcheaper-auth-popup {max-width: 350px;}

.findcheaper-auth-txt {margin-bottom: 16px;}
.findcheaper-auth-txt a {text-decoration: none; font-weight: 600;
    color: var(--primary-color);
}
.findcheaper-auth-txt a:hover {text-decoration: underline;}

.findcheaper-auth-popup .border {margin: 0 -20px 16px; width: calc(100% + 40px);}

.findcheaper-auth-notice {line-height: 1.4;
    gap: 10px;
}
.findcheaper-auth-notice svg {}
.findcheaper-auth-notice span {}


/**** Гарантия лучшей цены! - авторизован  ****/
.findcheaper-popup {max-width: 736px;}

/*** findcheaper-body ***/
.findcheaper-body {}

.findcheaper-step__list {margin-bottom: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.findcheaper__step {text-align: center;}
.findcheaper__step-num {font-weight: 600; font-size: 20px; width: 38px; height: 38px; border-radius: 60px; margin: 0 auto 13px;
    border: 1px solid var(--primary-color);
}
.findcheaper__step-txt {line-height: 1.4;}

.findcheaper-body__txt {text-align: center; margin-bottom: 24px;}
.findcheaper-body__txt a {text-decoration: none; font-weight: 600;
    color: var(--primary-color);
}
.findcheaper-body__txt a:hover {text-decoration: underline;}

.findcheaper-body .border {margin-bottom: 24px;}

/*** findcheaper-footer ***/
.findcheaper-footer {text-align: center;}
.findcheaper-footer .btn {width: min(100%, 340px);}


@media only screen and (max-width: 600px){
    .findcheaper-step__list {
        grid-template-columns: 1fr;
    }

    .findcheaper__step {text-align: initial;
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .findcheaper__step-num {margin: 0;
        flex-shrink: 0;
    }

    .findcheaper-body .input-col-2 {
        grid-template-columns: 1fr;
    }

    .findcheaper-body__txt {text-align: initial;}
    .findcheaper-body .border {margin: 0 -20px 24px; width: calc(100% + 40px);}
}


/**** Правила программы «Гарантия лучшей цены»  ****/
.notice-rules-popup {max-width: 736px;}

/*** notice-rules-body ***/
.notice-rules-body {}
.notice-rules-descr {font-size: 16px; line-height: 1.4;}


/**** Задать вопрос  ****/
.addquestion-popup {max-width: 736px;}

/*** addquestion-body ***/
.addquestion-body {margin-bottom: 35px;}

.addquestion-body .input_switch-btn {
    background-color: var(--medidum-gray-color);
}

.rq-tovar {padding: 12px 20px; margin: 0 -20px 24px;
    border: 1px solid var(--light-gray1-color);
    border-right: none;
    border-left: none;

    gap: 18px;
}
.rq-tovar a {text-decoration: none;}

.rq-tovar__img {width: 64px; text-align: center;
    flex-shrink: 0;
}
.rq-tovar__img a {}
.rq-tovar__img img {max-width: 100%; max-height: 70px;}

.rq-tovar__info {
    flex-shrink: 1;
}
.rq-tovar__name {font-weight: 600; font-size: 16px;}
.rq-tovar__color {margin: 4px 0 0;
    color: var(--medidum-gray-color);
}

/*** addquestion-footer ***/
.addquestion-footer {text-align: center;}
.addquestion-footer .btn {width: min(100%, 340px);}


/***** Оставить отзыв *****/
.addreviews-popup {max-width: 736px;}

/*** addreviews-footer ***/
.addreviews-body {}

.addreviews-top {margin-bottom: 32px;}
.addreviews-top__title {font-weight: 600; font-size: 24px; text-align: center; margin-bottom: 24px;}
.addreviews-top__title span {display: block;}
.addreviews-top__title img {display: none;}

.addreviews-top__stars {
    display: flex;
    justify-content: center;
}

.addreviews-popup:not(.show-form) .addreviews-top {padding: 130px 0;}

.addreviews-popup.show-form .addreviews-top__title {margin-bottom: 16px;}
.addreviews-popup.show-form .addreviews-top__title span {display: none;}
.addreviews-popup.show-form .addreviews-top__title img {display: inline-block;}

.addreviews-popup:not(.show-form) .addreviews-top__stars .stars-list {
    gap: 16px;
}
.addreviews-popup:not(.show-form) .addreviews-top__stars .tovar__star {width: 56px; height: 56px;}

.addreviews-popup:not(.show-form) .input-container {display: none;}
.addreviews-popup:not(.show-form) .addreviews-footer {display: none;}


/*** addreviews-footer ***/
.addreviews-footer {text-align: center;}
.addreviews-footer .btn {width: min(100%, 340px);}


@media only screen and (max-width: 600px){
    .addreviews-top__title {font-size: 16px;}
    .addreviews-popup:not(.show-form) .addreviews-top__stars .tovar__star {width: 40px; height: 40px;}

    .addreviews-popup.show-form .addreviews-top__stars .tovar__star {width: 16px; height: 16px;}

    .input-file-label {width: 48px; height: 48px;}
    .input-file__item {width: 48px; height: 48px;}
}


/**** К товарам нельзя примениить промокод  ****/
.poromocode-popup {max-width: 448px; padding-bottom: 0 !important;}

/*** poromocode-popup-header ***/
.poromocode-popup-header {margin: -8px -20px 0; padding: 0 20px 8px;
    border-bottom: 1px solid var(--light-gray1-color);
}
.poromocode-popup__title {font-size: 16px;}

/*** poromocode-popup-body ***/
.poromocode-popup-body {}

.promocode-tovar__list {}

.prmcode-tovar {padding: 16px 0; margin: 0;
    border-bottom: 1px solid var(--light-gray1-color);

    gap: 18px;
}
.prmcode-tovar__img {width: 64px; text-align: center;
    flex-shrink: 0;
}
.prmcode-tovar__img a {text-decoration: none;}
.prmcode-tovar__img img {max-width: 100%; max-height: 70px;}

.prmcode-tovar__info {
    flex-shrink: 1;
}
.prmcode-tovar__name {}
.prmcode-tovar__name a {text-decoration: none;}
.prmcode-tovar__article {font-size: 12px; margin: 4px 0 0;
    color: var(--medidum-gray-color);
}


/**** Рассрочка/кредит - условия ****/
.notice-bank-popup {max-width: 736px;}

/** notice-bank-body **/
.notice-bank-body {margin: 0;}

.notice-bank-descr {font-size: 16px;}
.notice-bank-descr p {margin-bottom: 16px;}
.notice-bank-descr a {text-decoration: none;
    color: var(--primary-color);
}
.notice-bank-descr a:hover {text-decoration: underline;}

.notice-bank-descr ol,
.notice-bank-descr ul {list-style-position: outside; margin: 0 0 24px 1.4em;}

.notice-bank-descr ol {list-style: decimal;}
.notice-bank-descr li {list-style: disc;}

.notice-bank-descr li {margin-bottom: 12px;}
.notice-bank-descr ul li::marker {
    color: var(--primary-color);
}

.notice-bank-info {margin-top: 40px; line-height: 1.4;
    gap: 14px;
}
.notice-bank-info svg {
    flex-shrink: 0;
}


@media only screen and (max-width: 700px){
    .notice-bank-info {align-items: flex-start; padding: 25px 16px 0; margin: 40px -16px 0;
        border-top: 1px solid var(--light-gray2-color);
    }
}


/**** Купить в 1клик ****/
.oneclick-popup {}


/**** Купить в 1клик - успешная отправка ****/
.oneclick-success-popup {}

/** oneclick-success-popup-body **/
.oneclick-success-popup-body {font-size: 16px; line-height: 1.4; text-align: center;}
.oneclick-success-popup-body p {margin-bottom: 5px;}
.oneclick-success-popup-body b {font-size: 18px;}
.oneclick-success-popup-body img {max-width: 60px;}

/** oneclick-success-popup-footer **/
.oneclick-success-popup-footer {text-align: center;}

.oneclick-success-popup-btn.btn {font-size: 14px; font-weight: normal; width: min(160px, 100%); height: 40px;}



/**** Согласие пользователя ****/
.main-user-consent-request-popup {}
.main-user-consent-request-popup .main-user-consent-request-popup-cont {min-width: 300px; width: min(100%, 600px);}
.main-user-consent-request-popup .main-user-consent-request-popup-text {width: initial;}

@media only screen and (max-width: 1000px){
    .main-user-consent-request-popup .main-user-consent-request-popup-text,
    .main-user-consent-request-popup .main-user-consent-request-popup-link {height: 240px;}
}


/*
    Боковое всплывающее окно
*/
.right-popup-window {position: fixed; inset: 0; z-index: 20;
    display: flex;
}

.right-popup-window:not(.is-active) {display: none;}

.right-popup-bg {position: fixed; inset: 0; z-index: 1; opacity: 0.32;
    background-color: var(--black-color);
}

.right-popup-content {width: min(100%, 410px); height: 100%; padding: 24px; margin-left: auto; position: relative; z-index: 2;
    background-color: var(--bg-color);

    display: flex;
    flex-direction: column;

    overflow-x: hidden;
    overflow-y: auto;
}

.right-popup-content .border {margin-left: -24px; width: calc(100% + (24px * 2));
    border-color: var(--light-gray1-color);
}


/*** right-popup-header ***/
.right-popup-header {margin: 0 0 26px;
    justify-content: space-between;
    gap: 20px;

    flex-shrink: 0;
}

.right-popup-title {font-weight: 600; font-size: 24px;}

.right-popup-close svg {display: block;}
.right-popup-close:hover svg * {
    stroke: var(--red-color);
}

/*** right-popup-body ***/
.right-popup-body {
    flex-grow: 1;
}

@media only screen and (max-width: 990px){
    .right-popup-title {font-size: 18px;}
}


/**** Информация о карте ****/
.bonus-card {font-weight: 600; padding: 12px 16px; margin: 0 0 15px; position: relative; overflow: hidden;
    background-color: var(--bg-color);
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);
}

.bonus-card__head,
.bonus-card__head-del {margin: 0 0 27px;
    justify-content: space-between;

    gap: 10px;
}

.bonus-card__title {font-size: 16px;}
.bonus-card__txt {font-weight: 400; margin: 10px 0 60px;
    color: var(--gray-color);
}

.bonus-card__descr {font-weight: 400; text-align: center; margin: 20px 0 22px;
    color: var(--gray-color);
}
.bonus-card__btns {text-align: center; margin: 0 0 16px;}
.bonus-card__btns .btn {width: min(100%, 280px);
    gap: 10px;
}

.bonus-card__btns .btn:hover svg * {transition: 0.4s;
    stroke: var(--primary-color);
}

.bonus-card__del svg {display: block;}
.bonus-card__del:hover svg * {
    stroke: var(--red-color);
}

.bonus-card__summa {font-size: 44px; margin: 0 0 28px;
    color: var(--primary-color);
}
.bonus-card__number {font-size: 16px;}
.bonus-card__number span {vertical-align: bottom; line-height: 1;}

.bonus-card__footer {
    justify-content: space-between;

    gap: 10px;
}

.bonus-card__footer .btn {width: min(100%, 124px); height: 32px;}

.bonus-card.del-card .bonus-card__head {display: none;}
.bonus-card:not(.del-card) .bonus-card__head-del {display: none;}
.bonus-card:not(.del-card) .del-btn {display: none;}


/** bonus-card-transactions **/
.bonus-card-transactions {}

/* card-transactions__type */
.card-transactions__type {margin: 0 0 16px;
    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}

.card-transactions__type a {text-decoration: none; padding: 8px 12px; text-align: center;
    color: var(--font-color);
    border-radius: var(--brdr-radius);
    background-color: var(--light-gray1-color);

    flex-grow: 1;
}
.card-transactions__type a:hover {
    background-color: var(--light-gray1-color);
}
.card-transactions__type a.active {
    color: var(--white-color);
    background-color: var(--primary-color);
}


/* card-transactions__list */
.card-transactions__list {}

.card-transaction {padding: 18px 0;
    border-bottom: 1px solid var(--light-gray1-color);

    gap: 15px;
}

.card-transaction__icon {width: 18px; text-align: center;
    flex-shrink: 0;
}
.card-transaction__icon svg,
.card-transaction__icon img {max-width: 100%;}

.card-transaction__descr {
    flex-grow: 1;
}
.card-transaction__title {font-size: 16px; margin: 0 0 6px;}
.card-transaction__date {
    color: var(--gray-color);
}

.card-transaction__sum {text-align: right;
    flex-shrink: 0;
}

.card-transaction__sum .txt-red,
.card-transaction__sum .txt-green:only-of-type {font-size: 16px;}


/**** Мои адреса ****/
.address__list {}

.user-address__row {padding: 0 0 20px; margin-bottom: 20px;
    border-bottom: 1px solid var(--light-gray2-color);

    gap: 15px;
}
.user-address__row label {padding: 0 0 0 36px; margin: 0;
    background-position: left center;

    flex-grow: 1;
}
.address__name {font-weight: 600; font-size: 18px; margin: 0 0 14px;}
.address__street {
    color: var(--gray-color);
}

/**** Изменить адреса ****/
.user-edit__address {}

.input-btn-popup {margin: 20px 0 0; padding: 0 0 20px;
    border-bottom: 1px solid var(--light-gray2-color);
}
.input-btn-popup .btn {font-size: 16px; height: 48px; width: 100%;}


/*
    Статичные уведомления
*/
.alert {position: relative; margin-bottom: 1rem; border: 1px solid transparent; line-height: 1.2 !important;
    border-radius: var(--brdr-radius);
    padding: var(--content-padding-lr);

    display: grid;
    align-items: center;

    grid-column: 1/-1;
}

.alert.alert_success {border-color: #c3e6cb; color: #155724; background: #d4edda;}
.alert.alert_danger   {border-color: #f5c6cb; color: #721c24; background: #f8d7da;}
.alert.alert_warning {border-color: #ffeeba; color: #856404; background: #fff3cd;}
.alert.alert_info    {border-color: #bee5eb; color: #0c5460; background: #d1ecf1;}
.alert.alert_primary {border-color: #b8daff; color: #004085; background: #cce5ff;}


/*
    Блюр эффект
*/
.is-blur {
    -ms-filter: blur(7px);
    -webkit-filter: blur(7px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='blur7'><feGaussianBlur in='SourceGraphic' stdDeviation='7' /></filter></svg>#blur5");
    filter: blur(7px);
    -webkit-filter: progid:dximagetransform.microsoft.blur(PixelRadius="7");
    filter: progid:dximagetransform.microsoft.blur(PixelRadius="7");

    pointer-events: none;

    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}


/*
    Бегущая строка
*/
#running_line {width:100%; white-space:nowrap; overflow:hidden; padding: 10px 0;
    background: var(--primary-color);
}
#running_line .running_txt {display:inline-block; padding-left:100%;
    font-size: calc(var(--font-size) * 1.4);
    color: var(--white-color);

    -webkit-animation: marquee var(--running-line-transition) infinite linear;
    animation: marquee var(--running-line-transition) infinite linear;
}

@-webkit-keyframes marquee {
    0%{-webkit-transform: translate(0, 0);}
    100%{-webkit-transform: translate(-100%, 0);}
}

@keyframes marquee{
    0%{transform: translate(0, 0);}
    100%{transform: translate(-100%, 0)}
}


/*
    Табы
*/
.tabs-wrap {}

.tab-item {cursor: pointer;}
.tab-item.is-active {}

.tab-content:not(.is-active) {display: none;}
.tab-content {}


/*
    Fancybox
*/
.fancybox-bg-white .fancybox__toolbar {background: transparent;}
.fancybox-bg-white .fancybox__progress {
    background-color: var(--primary-color);
}
.fancybox-bg-white .fancybox__backdrop {
    background-color: var(--bg-color);
}
.fancybox-bg-white .carousel__button svg {
    stroke: var(--black-color);
}
.fancybox-bg-white .fancybox__counter {
    color: var(--font-color);
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {border-width: 3px !important;
    border-color: var(--primary-color) !important;
}


/*
    appbanner - дляс загрузки мобильных приложений
*/
.appbanner {position: relative;
    background-color: var(--light-green-color);
}

.appbanner__row {height: 120px; position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.appbanner__info {min-width: 1px;
    flex-grow: 1;
}
.appbanner__ttl {font-weight: 700; font-size: 18px; margin: 0 0 2px;
    color: var(--primary-color);
}
.appbanner__txt {font-size: 10px; margin: 0 0 8px;}
.appbanner__btns {}
.appbanner__btns .btn {font-weight: 700; font-size: 10px; height: 25px; width: min(100%, 132px); padding: 2px 4px;}

.appbanner__img {min-width: 1px;
    align-self: flex-end;

    flex-shrink: 0;
}

.appbanner__img img {display: block; max-width: 100%;}

.appbanner__cls {position: absolute; top: 6px; right: 6px;}
.appbanner__cls svg {display: block;}
.appbanner__cls svg:hover * {
    stroke: var(--red-color);
}

@media only screen and (min-width: 800px){
    .appbanner {display: none;}
}

@media only screen and (max-width: 374px){
    .appbanner__ttl {font-size: 14px;}
    .appbanner__img {max-width: 100px;}
}


label.disabled {
    color: #ccc !important;
}

.tovar__stickers {
    min-height: 20px !important;
}

.order-details__descr .sberbank__content {
    width: 230px;
}

.anketa_error {
    font-size:12px;
    color:red;
}







/*
    Страница новостей
*/
.page-news {}

/**** news-list ****/
.news-list {margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

/*** news-footer ***/
.news-footer {}


@media only screen and (max-width: 850px){
    .news-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media only screen and (max-width: 600px){
    .news-list {margin-bottom: 32px;
        grid-template-columns: 1fr;
    }

    .news-list .news-blck {padding-bottom: 24px;
        border-bottom: 1px solid var(--light-gray2-color);
    }

    .news-list .news-blck__img a {height: initial;}
}


/*
    Детальная страница новости
*/
.news-post {}

/* news-post__img */
.news-post__img {margin: 0 0 24px;}
.news-post__img img {max-width: 100%; max-height: 520px; display: block; margin: 0 auto;}

/* news-post__title */
.news-post__title {max-width: 740px; margin: 0 auto 34px;}

/* news-article */
.news-article {max-width: 740px; margin: 0 auto;}

.news-post__date {font-size: 14px; display: inline-block; margin-top: 2em;
    color: var(--gray-color);
}

@media only screen and (max-width: 600px){
    .news-post__title {font-size: 18px; margin-bottom: 18px;}
}


/*
    Страница акций
*/
.page-promotions {}

/**** promotions-list ****/
.promotions-list {margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.promotion-blck {min-width: 1px;}

.promotion-blck__img {margin: 0 0 16px; overflow: hidden;
    border-radius: var(--brdr-radius);
}
.promotion-blck__img a {display: block; position: relative; height: 220px;}
.promotion-blck__img img {display: block; transition: 0.3s opacity; width: 100%; max-width: initial; height: 100%;
    object-fit: cover;
    object-position: top center;
}
.promotion-blck__img a:hover img {opacity: 0.8;}

.promotion-blck__info {}

.promotion-blck__title {font-size: 16px; font-weight: 600; margin: 0 0 12px;}
.promotion-blck__title a {text-decoration: none;}

.promotion-blck__mark {padding: 5px 10px; display: inline-block; margin: 0 0 14px;
    background: var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

@media only screen and (max-width: 860px){
    .promotion-blck__title {font-size: 14px; margin: 0 0 8px;}
}

@media only screen and (max-width: 600px){
    .promotion-blck__img a {height: initial;}
}

/*** promotions-footer ***/
.promotions-footer {}


@media only screen and (max-width: 850px){
    .promotions-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media only screen and (max-width: 600px){
    .promotions-list {margin-bottom: 32px;
        grid-template-columns: 1fr;
    }

    .promotion-blck {padding-bottom: 24px;
        border-bottom: 1px solid var(--light-gray2-color);
    }
}


/*
    Детальная страница акций
*/
.promotions-details {margin-bottom: 28px;}

/* promotions-details__banner */
.promotions-details__banner {margin-bottom: 24px;}
.promotions-details__img {overflow: hidden;
    border-radius: var(--brdr-radius);
}
.promotions-details__img img {max-width: 100%; width: 100%;}

/* promotions-details__info */
.promotions-details__info {
    display: flex;
    align-items: flex-start;

    gap: 32px;
}

.promotions-details__descr {font-size: 16px; line-height: 1.4;
    flex-grow: 1;
}
.promotions-details__descr p {margin: 0 0 36px;}
.promotions-details__descr h1,
.promotions-details__descr h2 {font-size: 18px; margin: 0 0 24px;}

.promotions-details__descr ol {list-style-type: decimal;}
.promotions-details__descr ul {list-style-type: disc;}

.promotions-details__descr ol,
.promotions-details__descr ul {list-style-position: outside; margin-left: 1em;}

.promotions-details__descr li { margin-bottom: 18px;}

.promotions-details__descr ul li::marker {
    color: var(--primary-color);
}

.promotions-details__descr .promotion-blck__mark {margin-bottom: 0;}

.promotions-details__bar {padding: 16px; width: 352px;
    border: 1px solid var(--light-gray2-color);
    border-radius: var(--brdr-radius);

    flex-shrink: 0;
}

.promotions__bar-txt {margin: 0 0 20px;
    color: var(--gray-color);
}
.promotions__bar-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 18px;
}
.promotions__bar-links a {font-weight: 600; text-decoration: none; min-width: 1px;
    color: var(--font-color);

    display: flex;
    align-items: center;
    gap: 10px;
}
.promotions__bar-links a:hover {
    color: var(--primary-color);
}

@media only screen and (max-width: 800px){
    .promotions-details__info {
        flex-wrap: wrap;
    }

    .promotions-details__bar {width: 100%; max-width: 400px;}
    .promotions__bar-links {
        grid-gap: 18px 10px;
    }
}


/*** promotions-tovar ***/
.promotions-tovar .border {margin-bottom: 24px;}


/*
    Страница брендов
*/
.page-brands {}


/*
    Детальная страница бренда
*/

/** brand-details__logo **/
.brand-details__logo {margin: 0 0 24px;}
.brand-details__logo img {max-width: 100%; display: block;}

/** brand-tovar__slider **/
.brand-tovar__slider {margin: 0 0 32px;}

.brand-slider__slide img {width: 100%; display: block; transition: 0.3s opacity;}
.brand-slider__slide:hover img {opacity: 0.8;}

.brand-slider__pagination .swiper-pagination-bullet-active {
    background-color: var(--black-color);
}

/** brand__category-list **/
.brand__category-list {margin-bottom: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.brand-categ__3 {
    grid-template-columns: repeat(3, 1fr);
}

.brand__category-item {min-width: 1px;}
.brand__category-item img {max-width: 100%; width: 100%; display: block; transition: 0.3s opacity;}
.brand__category-item:hover img {opacity: 0.8;}


/*** brands-tovar ***/
.brands-tovar {}
.brands-tovar .border {margin-bottom: 24px;}


/*** brand-reviews ***/
.brand-reviews {}

.brand-reviews__row {}

.brand-reviews__blck {font-weight: 600; font-size: 16px; line-height: 1.4; padding: 20px;
    border: 1px solid var(--light-gray1-color);
    border-radius: var(--brdr-radius);
}

.brand-reviews__top {margin: 0 0 20px;
    gap: 16px;
}
.brand-reviews__img {width: 40px; height: 40px; border-radius: 100px; overflow: hidden;
    flex-shrink: 0;
}
.brand-reviews__img img {width: 100%;}
.brand-reviews__name {
    flex-grow: 1;
}

.brand-reviews__txt {}

.brand-reviews__stars {margin: 18px 0 0;}


@media only screen and (max-width: 800px){
    .brand-tovar__slider {margin-bottom: 12px;}
    .brand-reviews__slider {overflow: visible;}
    .brand-slider-arrows {display: none;}

    .brand-reviews__blck {font-size: 14px; padding: 16px;}

    .brand__category-list {margin-bottom: 12px;
        gap: 12px;
    }
}


.t-product__img{
    max-height:85px;
}

.open-youtube-window {
    position: absolute;
    right: 0px;
}

.youtube-view-window {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.youtube-view-window iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-youtube-window {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid black;
    background-color: white;
    cursor: pointer;
    font-weight: bold;
}

.close-youtube-window:hover {
    background-color: lightgray;
}

/* Стили для всплывающего окна на маленьких экранах */
@media (max-width: 889px) {
    .youtube-view-window iframe {
        width: 90%;
		height: 315px;
    }
}

/* Стили для всплывающего окна на больших экранах */
@media (min-width: 890px) {
    .youtube-view-window iframe {
        width: 840px;
    }
}