:root {
    --main-color: #659dbd;
    --second-color: #394956;
    --third-color: #65b95d;
    --text-color: #2c3340;
    --gray-text-color: #9ba3ae;
    --second-gray-text-color: #8b9ea7;
    --white-color: #fff;
    --border-color: #e0e0e0;
    --sale-color: #f05a39;
    --carousel-color: #f3f4f7;
    --articles-background: #f1f6fa;

    --radius: 20px;
    --half-radius: 10px;
    --small-radius: 8px;
    --little-radius: 4px;
    --middle-radius: 16px;
    --big-radius: 50px;
    --gap: 24px;
    --middle-gap: 16px;
    --small-gap: 8px;
    --left-right-padding: 48px;
    --section-padding: 60px;
    --small-section-padding: 28px;
    --transition: 0.3s;
}

html {
    background-color: var(--white-color);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: var(--text-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

* {
    outline: none;
}

*, *:before, *:after {
    box-sizing: inherit;
}

section {
    padding: var(--section-padding) 0;
}

p {
    padding: 0;
    margin: 0 0 10px 0;
}

p:last-child {
    margin-bottom: 0;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color var(--transition);
}

a:focus-visible {
    color: var(--main-color);
}

a:hover {
    color: var(--main-color);
}

a:active {
    color: var(--main-color);
}

figure {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

h1 {
    padding: 0;
    margin: 0 0 40px 0;
    font-weight: 600;
    font-size: 4rem;
    line-height: normal;
}

h2 {
    padding: 40px 0 0 0;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: normal;
}

h3 {
    padding: 40px 0 0 0;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: normal;
}

h4 {
    padding: 40px 0 0 0;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: normal;
}

h5 {
    padding: 40px 0 0 0;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: normal;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding: 0 var(--left-right-padding);
    margin: 0 auto;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}

.section-header {
    padding: 0;
    margin: 0 0 40px 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
}

.text-center {
    text-align: center;
}

/*----- Модальное окно -----*/
.modal-body {
    width: 100%;
    max-width: 432px;
    padding: 24px 45px;
    background-color: var(--white-color);
    border-radius: 20px;
}

.modal-body__header {
    padding: 0;
    margin: 0 0 24px 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 2rem;
    text-align: center;
}
/*----- Конец модального окна -----*/

/*----- Инфо иконка -----*/
.info-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.info-icon svg path {
    fill: #9ba3ae;
    transition: fill var(--transition);
}

.info-icon:focus-visible svg path {
    fill: var(--main-color);
}

.info-icon:hover svg path {
    fill: var(--main-color);
}

.info-icon:active svg path {
    fill: var(--main-color);
}
/*----- Конец инфо иконки -----*/

/*----- Кнопки карусели -----*/
.carousel-arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: var(--carousel-color);
    border: none;
    border-radius: 50%;
    transition: background-color var(--transition);
    cursor: pointer;
}

.carousel-arrow:focus-visible {
    background-color: var(--main-color);
}

.carousel-arrow:hover {
    background-color: var(--main-color);
}

.carousel-arrow:active {
    background-color: var(--main-color);
}
/*----- Конец кнопок карусели -----*/

/*----- FORM-INPUT -----*/
.form-input {
    display: inline-flex;
    align-items: center;
    height: 50px;
    padding: 0 0 0 12px;
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    color: var(--text-color);
    transition: border-color var(--transition);
}

.form-input:focus-visible {
    border-color: var(--main-color);
}

.form-input:hover {
    border-color: var(--main-color);
}

.form-input:active {
    border-color: var(--main-color);
}

.form-input::placeholder {
    color: rgba(37, 57, 73, 0.6);
}

select.form-input {
    color: rgba(37, 57, 73, 0.6);
}
/*----- Конец FORM-INPUT -----*/

/*----- FORM-TEXTAREA -----*/
.form-textarea {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 140px;
    padding: 10px 0 0 12px;
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    color: var(--text-color);
    transition: border-color var(--transition);
}

.form-textarea:focus-visible {
    border-color: var(--main-color);
}

.form-textarea:hover {
    border-color: var(--main-color);
}

.form-textarea:active {
    border-color: var(--main-color);
}

.form-textarea::placeholder {
    color: rgba(37, 57, 73, 0.6);
}

select.form-textarea {
    color: rgba(37, 57, 73, 0.6);
}
/*----- Конец FORM-INPUT -----*/

/*----- BTN -----*/
.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 36px;
    margin: 0;
    background-color: var(--main-color);
    border: none;
    border-radius: var(--big-radius);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
    color: var(--white-color);
    transition: background-color var(--transition), color var(--transition);
    cursor: pointer;
}

.btn:focus-visible {
    background-color: var(--third-color);
    color: var(--white-color);
}

.btn:hover {
    background-color: var(--third-color);
    color: var(--white-color);
}

.btn:active {
    background-color: var(--third-color);
    color: var(--white-color);
}
/*----- Конец BTN -----*/

/*----- BTN-TRANS -----*/
.btn-trans {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 36px;
    margin: 0;
    background-color: transparent;
    border: none;
    border: 2px solid var(--main-color);
    border-radius: var(--big-radius);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
    color: var(--main-color);
    transition: background-color var(--transition), color var(--transition), border-color var(--transition);
    cursor: pointer;
}

.btn-trans:focus-visible {
    background-color: var(--main-color);
    color: var(--white-color);
}

.btn-trans:hover {
    background-color: var(--main-color);
    color: var(--white-color);
}

.btn-trans:active {
    background-color: var(--main-color);
    color: var(--white-color);
}
/*----- Конец BTN-TRANS -----*/

/*----- input -----*/
.text-input {
    display: inline-flex;
    align-items: center;
    padding: 0 0 0 13px;
    margin: 0;
    height: 50px;
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--text-color);
    transition: border-color var(--transition);
}

.text-input::placeholder {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #9ba3ae;
}

.text-input::-moz-placeholder {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #9ba3ae;
}

.text-input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #9ba3ae;
}

.text-input:focus-visible {
    border-color: rgba(101, 157, 189, 0.5);
}

.text-input:hover {
    border-color: rgba(101, 157, 189, 0.5);
}

.text-input:active {
    border-color: rgba(101, 157, 189, 0.5);
}
/*----- конец input -----*/

/*----- Блок с цифрами -----*/
.quantity-block {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 28px;
}

.quantity-block__input {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 28px;
    border: none;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
}

.quantity-block__btns {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.quantity-block__up {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 10px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.quantity-block__up svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.quantity-block__up:focus-visible svg path {
    fill: var(--third-color);
}

.quantity-block__up:hover svg path {
    fill: var(--third-color);
}

.quantity-block__up:active svg path {
    fill: var(--third-color);
}

.quantity-block__down {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 10px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.quantity-block__down svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.quantity-block__down:focus-visible svg path {
    fill: var(--third-color);
}

.quantity-block__down:hover svg path {
    fill: var(--third-color);
}

.quantity-block__down:active svg path {
    fill: var(--third-color);
}
/*----- Конец блока с цифрами -----*/

/*----- RADIO -----*/
.radio {
	margin-bottom: 10px;
    line-height: 1;
}

.radio input[type=radio] {
	display: none;
}

.radio label {
	display: inline-flex;
    align-items: center;
	cursor: pointer;
	position: relative;
	user-select: none;
}

.radio label:before {
	content: "";
	display: inline-flex;
    flex-shrink: 0;
	width: 16px;
	height: 16px;
	background-image: url('/upload/icons/template/card-radio.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
/* Checked */
.radio input[type=radio]:checked + label:before {
	background-image: url('/upload/icons/template/card-radio-checked.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
/* Hover */
.radio label:hover:before {
	filter: brightness(120%);
}
 
/* Disabled */
.radio input[type=radio]:disabled + label:before {
	filter: grayscale(100%);
}
/*----- Конец RADIO -----*/

/*----- CHECKBOX -----*/
.checkbox {
    position: relative;
    display: flex;
	margin-bottom: 10px;
    line-height: 1;
}

.checkbox input[type=checkbox] {
    position: absolute;
    left: 8px;
    top: 16px;
    z-index: -10;
	display: flex;
    width: 1px;
    height: 1px;
}

.checkbox label {
	position: relative;
	display: inline-flex;
    align-items: center;
    width: 100%;
	cursor: pointer;
	user-select: none;
}

.checkbox label:before {
	content: "";
	display: inline-flex;
    flex-shrink: 0;
	width: 16px;
	height: 16px;
    margin-right: 10px;
	background-image: url('/upload/icons/template/checkbox.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
/* Checked */
.checkbox input[type=checkbox]:checked + label:before {
	background-image: url('/upload/icons/template/checkbox-checked.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
/* Hover */
.checkbox label:hover:before {
	filter: brightness(120%);
}
 
/* Disabled */
.checkbox input[type=checkbox]:disabled + label:before {
	filter: grayscale(100%);
}
/*----- Конец CHECKBOX -----*/

/*----- Шапка сайта -----*/
.header {
    position: relative;
}

.header-banner__container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 33px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.header-banner__text {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 100%;
    color: var(--main-color);
}

.header-top {
    padding: 17px 0;
}

.header-top__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.header-top__top-list {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-top__top-list-link {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--second-color);
}

.header-top__top-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--gap);
}

.header-top__top-phone {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--second-color);
}

.header-top__top-phone::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    background-image: url('/upload/icons/template/phone.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.header-top__top-socials {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.header-top__top-email {
    display: inline-flex;
}

.header-top__top-email svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.header-top__top-email:focus-visible svg path {
    fill: var(--third-color);
}

.header-top__top-email:hover svg path {
    fill: var(--third-color);
}

.header-top__top-email:active svg path {
    fill: var(--third-color);
}

.header-top__top-telegram {
    display: inline-flex;
}

.header-top__top-telegram svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.header-top__top-telegram:focus-visible svg path {
    fill: var(--third-color);
}

.header-top__top-telegram:hover svg path {
    fill: var(--third-color);
}

.header-top__top-telegram:active svg path {
    fill: var(--third-color);
}

.header-top__top-whatsapp {
    display: inline-flex;
}

.header-top__top-whatsapp svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.header-top__top-whatsapp:focus-visible svg path {
    fill: var(--third-color);
}

.header-top__top-whatsapp:hover svg path {
    fill: var(--third-color);
}

.header-top__top-whatsapp:active svg path {
    fill: var(--third-color);
}

.header-top__top-feedback {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    text-decoration: underline;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1;
    color: #253949;
    cursor: pointer;
    transition: color var(--transition);
}

.header-top__top-feedback:focus-visible {
    color: var(--main-color);
}

.header-top__top-feedback:hover {
    color: var(--main-color);
}

.header-top__top-feedback:active {
    color: var(--main-color);
}

.header-top__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top__bottom-center {
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-top__catalog-btn {
    display: inline-flex;
    align-items: center;
    height: 45px;
    padding: 0 18px;
    margin: 0;
    background-color: var(--main-color);
    border-radius: var(--small-radius);
    border: none;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    color: var(--white-color);
    cursor: pointer;
    transition: background-color var(--transition);
}

.header-top__catalog-btn::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 12px;
    margin-right: 8px;
    background-image: url('/upload/icons/template/header-catalog.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.header-top__catalog-btn::after {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 12px;
    margin-left: 6px;
    background-image: url('/upload/icons/template/header-catalog-arrow-down.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.header-top__catalog-btn:focus-visible {
    background-color: var(--third-color);
}

.header-top__catalog-btn:hover {
    background-color: var(--third-color);
}

.header-top__catalog-btn:active {
    background-color: var(--third-color);
}

.header-top__catalog-btn_active::after {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 12px;
    margin-left: 6px;
    background-image: url('/upload/icons/template/header-catalog-close.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.header-top__search-form {
    position: relative;
    width: 676px;
    height: 45px;
}

.header-top__search-input {
    width: 676px;
    height: 45px;
}

.header-top__search-submit {
    position: absolute;
    top: 12px;
    right: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.header-top__search-submit svg path {
    fill: #253949;
    transition: fill var(--transition);
}

.header-top__search-submit:focus-visible svg path {
    fill: var(--main-color);
}

.header-top__search-submit:hover svg path {
    fill: var(--main-color);
}

.header-top__search-submit:active svg path {
    fill: var(--main-color);
}

.header-top__bottom-right {
    display: flex;
    align-items: center;
    gap: 22px;
}

.header-top__favorite-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.header-top__favorite-link span {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #32404d;
}

.header-top-cart__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.header-top-cart__name {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #32404d;
}

.header-top-cart__quantity {
    position: absolute;
    top: -4px;
    right: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #d33e3a;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.26px;
    color: var(--white-color);
}

.header-top__personal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.header-top__personal span {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #32404d;
}

.header-top__bottom-right-separator {
    display: inline-flex;
    width: 1px;
    height: 32px;
    background-color: rgba(155, 163, 174, 0.2);
}

.header-bottom__container {
    display: flex;
    align-items: center;
    height: 66px;
    background-color: var(--second-color);
}

.header-bottom__menu {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-bottom__menu-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1;
    color: var(--white-color);
}

.header-bottom__menu-link svg path {
    fill: var(--white-color);
    transition: fill var(--transition);
}

.header-bottom__menu-link:focus-visible svg path {
    fill: var(--main-color);
}

.header-bottom__menu-link:hover svg path {
    fill: var(--main-color);
}

.header-bottom__menu-link:active svg path {
    fill: var(--main-color);
}

.header-bottom__links {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 66px;
}

.header-bottom__right-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 154px;
    height: 66px;
    gap: 6px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1;
    color: var(--white-color);
}

.header-bottom__right-link span {
    color: var(--white-color);
}

/* .header-bottom__right-link:focus-visible span {
    border-bottom: 1px solid var(--white-color);
    color: var(--white-color);
}

.header-bottom__right-link:hover span {
    border-bottom: 1px solid var(--white-color);
    color: var(--white-color);
}

.header-bottom__right-link:active span {
    border-bottom: 1px solid var(--white-color);
    color: var(--white-color);
} */

.header-bottom__right-link_actions {
    background: linear-gradient(96.51deg, #F18752 -9.37%, #E8D73C 120.92%);
}

.header-bottom__right-link_gifts {
    background: linear-gradient(92.5deg, #66BA52 2.09%, #5CB89C 110.6%);
}

.header-bottom__right-link_cashback {
    background: linear-gradient(91.63deg, #D13A3A 1.39%, #E1612B 108.44%);
}
/*----- Конец шапки сайта -----*/

/*----- Главная. Баннер -----*/
.main-banner {
    padding: 0;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
/*----- Конец главная. Баннер -----*/

/*----- Главная. Баннер -----*/
.main-banner__container {
    padding: 0;
}

.main-banner__carousel-wrapper {
    position: relative;
}

.main-banner__carousel-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 368px;
    padding: 0 var(--left-right-padding);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    overflow: hidden;
}

.main-banner__carousel-item-top {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 6px;
    padding: 8px 16px;
    margin-bottom: 20px;
    border: 2px solid var(--main-color);
    border-radius: var(--big-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
}

.main-banner__carousel-item-top::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 7px;
    height: 7px;
    background-color: #d64736;
    border-radius: 50%;
}

.main-banner__carousel-item-header {
    padding: 0;
    margin: 0 0 16px 0;
    font-weight: 500;
    font-size: 3.125rem;
    line-height: 1;
}

.main-banner__carousel-item-desc {
    margin-bottom: 36px;
    font-weight: 400;
    font-size: 1;
    line-height: 100%;
}

.main-banner__carousel-item-link {
    align-self: flex-start;
}

.main-banner__carousel-dots {
    z-index: 1000;
    position: absolute;
    top: 58px;
    right: var(--left-right-padding);
    display: flex;
    align-items: center;
    gap: 5px;
}

.main-banner__carousel-dots .owl-dot {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    transition: background-color var(--transition);
    cursor: pointer;
}

.main-banner__carousel-dots .owl-dot:focus-visible {
    background-color: var(--second-color);
}

.main-banner__carousel-dots .owl-dot:hover {
    background-color: var(--second-color);
}

.main-banner__carousel-dots .owl-dot:active {
    background-color: var(--second-color);
}

.main-banner__carousel-dots .owl-dot.active {
    background-color: var(--second-color);
}
/*----- Конец главная. Баннер -----*/

/*----- Главная. Преимущества -----*/
.main-features__row {
    --items: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

.main-features__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
    height: 160px;
    padding: 0 24px;
    background-color: var(--second-color);
    background-image: url('/upload/icons/template/main-feature-1.svg');
    background-position: 473px 49px;
    background-repeat: no-repeat;
    border-radius: var(--radius);
}

.main-features__item_second {
    background-color: var(--main-color);
    background-image: url('/upload/icons/template/main-feature-2.svg');
    background-position: 473px 81px;
}

.main-features__item_third {
    background-color: var(--main-color);
    background-image: url('/upload/icons/template/main-feature-3.svg');
    background-position: 406px 51px;
}

.main-features__item_fourth {
    background-image: url('/upload/icons/template/main-feature-4.svg');
    background-position: 490px 57px;
}

.main-features__item-header {
    padding: 0;
    margin: 0 0 8px 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
    color: var(--white-color);
}

.main-features__item-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0;
    max-width: 500px;
    list-style: none;
}

.main-features__item-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    color: var(--white-color);
}

.main-features__item-item::before {
    content: '';
    display: inline-flex;
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    background-color: var(--white-color);
    border-radius: 50%;
}

.main-features__item-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    background-color: var(--white-color);
    background-image: url('/upload/icons/template/main-feature-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}
/*----- Конец главная. Преимущества -----*/

/*----- Карточка товара -----*/
.card {
    z-index: 10000;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 204px;
    height: 495px;
    border-radius: var(--small-radius);
    transition: border-color var(--transition);
}

.card:focus-visible {
    z-index: 10001;
}

.card:hover {
    z-index: 10001;
}

.card:active {
    z-index: 10001;
}

.card::before {
    content: '';
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: -12px;
    left: -12px;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    background-color: var(--white-color);
    border: 2px solid var(--main-color);
    border-radius: var(--small-radius);
    transition: opacity var(--transition);
}

.card:focus-visible::before {
    opacity: 1;
}

.card:hover::before {
    opacity: 1;
}

.card:active::before {
    opacity: 1;
}

.card__top {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 274px;
    padding: 20px 30px;
    border-top-left-radius: var(--small-radius);
    border-top-right-radius: var(--small-radius);
}

.card__top-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card__top-compare {
    position: absolute;
    top: 10px;
    right: 49px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: rgba(0, 26, 52, 0.21);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.card__top-compare:focus-visible {
    background-color: var(--main-color);
}

.card__top-compare:hover {
    background-color: var(--main-color);
}

.card__top-compare:active {
    background-color: var(--main-color);
}

.card__top-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: rgba(0, 26, 52, 0.21);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.card__top-favorite:focus-visible {
    background-color: var(--main-color);
}

.card__top-favorite:hover {
    background-color: var(--main-color);
}

.card__top-favorite:active {
    background-color: var(--main-color);
}

.card__top-bottom-block {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.card__top-sale {
    display: inline-flex;
    align-items: center;
    height: 23px;
    padding: 0 6px;
    background-color: var(--sale-color);
    border: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--white-color);
}

.card__top-cashback {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    background-color: var(--sale-color);
    border: none;
    border-radius: 50%;
}

.card__top-gift {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    background-color: var(--sale-color);
    border: none;
    border-radius: 50%;
}

.card__top-big-link {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.card__center {
    display: flex;
    flex-direction: column;
}

.card__center-article {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0px;
    color: #9ba3ae;
}

.card__center-name-wrapper {
    display: block;
    height: 60px;
    margin-bottom: 8px;
    overflow: hidden;
}

.card__center-name {
    display: block;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--text-color);
}

.card__center-name:focus-visible {
    color: var(--main-color);
}

.card__center-name:hover {
    color: var(--main-color);
}

.card__center-name:active {
    color: var(--main-color);
}

.card__center-price-block {
    display: inline-flex;
    align-items: flex-end;
    gap: 6px;
}

.card__center-price {
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--text-color);
}

.card__center-old-price {
    text-decoration: line-through;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--sale-color);
}

.card__bottom {
    position: absolute;
    top: 381px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 114px;
    padding: 16px 12px 12px 0;
    background-color: var(--white-color);
    border: 2px solid var(--white-color);
    border-top: none;
    border-bottom-left-radius: var(--small-radius);
    border-bottom-right-radius: var(--small-radius);
}

.card:focus-visible .card__bottom {
    top: 381px;
    left: -12px;
    width: calc(100% + 24px);
    min-height: 126px;
    padding: 16px 24px 12px 12px;
    border-color: var(--main-color);
}

.card:hover .card__bottom {
    top: 381px;
    left: -12px;
    width: calc(100% + 24px);
    min-height: 126px;
    padding: 16px 24px 12px 12px;
    border-color: var(--main-color);
}

.card:active .card__bottom {
    top: 381px;
    left: -12px;
    width: calc(100% + 24px);
    min-height: 126px;
    padding: 16px 24px 12px 12px;
    border-color: var(--main-color);
}

.card__bottom-cart-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.card__bottom-to-cart {
    gap: 5px;
    padding: 12px 20px;
    font-size: 0.875rem;
}

.card__bottom-to-cart::after {
    content: '';
    display: inline-flex;
    width: 14px;
    height: 9px;
    background-image: url('/upload/icons/template/good-card-car.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.card__bottom-to-cart_in-cart {
    background-color: var(--third-color);
}

.card__bottom-to-cart_in-cart::after {
    content: unset;
}

.hidden-block {
    height: 40px;
    overflow: hidden;
}

.card:hover .hidden-block {
    height: auto;
}

.card__multiplies {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.card__radio {
    display: none;
    align-items: center;
    margin-bottom: 6px;
}

.card__radio_visible {
    display: flex;
}

.card:hover .hidden-block .card__radio {
    display: flex;
}

.card__radio label {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.card__radio-input:checked + label .card__radio-span-right {
    color: var(--main-color);
}

.card__radio-span-left {
    padding-left: 9px;
    margin-right: auto;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
}

.card__radio-span-right {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
}
/*----- Конец карточки товара -----*/

/*----- Главная. Успей купить -----*/
.main-goods__carousel {
    display: flex;
    justify-content: space-between;
}
/*----- Конец главная. Успей купить -----*/

/*----- Главная. Наш менеджер -----*/
.main-manager {
    padding-top: 28px;
    padding-bottom: 28px;
}

.main-manager__inner {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 196px;
    padding: 0 56px;
    background-image: url('/upload/images/template/main-manager-back.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--radius);
}

.main-manager__inner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 342px;
    display: flex;
    width: 338px;
    height: 196px;
    background-image: url('/upload/images/template/main-manager-front.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.main-manager__left {
    display: flex;
    flex-direction: column;
}

.main-manager__header {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--white-color);
}

.main-manager__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white-color);
}

.main-manager__btn {
    background-color: var(--white-color);
    border: 1px solid var(--white-color);
    color: var(--text-color);
}

.main-manager__btn:focus-visible {
    background-color: transparent;
    border-color: var(--text-color);
    color: var(--text-color);
}

.main-manager__btn:hover {
    background-color: transparent;
    border-color: var(--text-color);
    color: var(--text-color);
}

.main-manager__btn:active {
    background-color: transparent;
    border-color: var(--text-color);
    color: var(--text-color);
}
/*----- Конец главная. Наш менеджер -----*/

/*----- Главная. Покупатели выбирают -----*/
.main-choose__row {
    display: flex;
    gap: var(--gap);
}

.main-choose__left {
    position: relative;
    width: calc(50% - var(--gap) / 2);
    height: 580px;
}

.main-choose__left-carousel-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-choose__left-carousel-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    bottom: 28px;
    right: 28px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
}

.main-choose__left-carousel-link::after {
    content: '';
    display: inline-flex;
    width: 7px;
    height: 11px;
    background-image: url('/upload/icons/template/link-arrow-right.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.main-choose__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(50% - var(--gap) / 2);
    height: 580px;
}

.main-choose__left-carousel-dots {
    position: absolute;
    top: 37px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.main-choose__left-carousel-dots .owl-dot {
    z-index: 10;
    display: inline-flex;
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.main-choose__left-carousel-dots .owl-dot.active {
    background-color: var(--text-color);
}

.main-choose__left-carousel-dots .owl-dot:focus-visible {
    background-color: var(--text-color);
}

.main-choose__left-carousel-dots .owl-dot:hover {
    background-color: var(--text-color);
}

.main-choose__left-carousel-dots .owl-dot:active {
    background-color: var(--text-color);
}

.main-choose__right-top {
    position: relative;
    width: 100%;
    height: 278px;
}

.main-choose__right-top-carousel-item {
    position: relative;
    width: 100%;
    height: 278px;
}

.main-choose__right-top-carousel-img {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-choose__right-top-carousel-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    bottom: 32px;
    right: 28px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
}

.main-choose__right-top-carousel-link::after {
    content: '';
    display: inline-flex;
    width: 7px;
    height: 11px;
    background-image: url('/upload/icons/template/link-arrow-right.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.main-choose__right-top-carousel-dots {
    position: absolute;
    top: 37px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.main-choose__right-top-carousel-dots .owl-dot {
    z-index: 10;
    display: inline-flex;
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.main-choose__right-top-carousel-dots .owl-dot.active {
    background-color: var(--text-color);
}

.main-choose__right-top-carousel-dots .owl-dot:focus-visible {
    background-color: var(--text-color);
}

.main-choose__right-top-carousel-dots .owl-dot:hover {
    background-color: var(--text-color);
}

.main-choose__right-top-carousel-dots .owl-dot:active {
    background-color: var(--text-color);
}

.main-choose__right-top-carousel-top-block {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.main-choose__right-top-carousel-star {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    background-color: #eaa41c;
    border-radius: var(--big-radius);
}

.main-choose__right-top-carousel-sale {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    background-color: var(--sale-color);
    border-radius: var(--big-radius);
}

.main-choose__right-top-carousel-center-block {
    padding: 73px 24px 0 24px;
}

.main-choose__right-top-carousel-header {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
    letter-spacing: 0px;
}

.main-choose__right-top-carousel-desc {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;
}

.main-choose__right-top-carousel-subdesc {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 100%;
    letter-spacing: 0px;
}

.main-choose__right-top-carousel-clock-block {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 35px;
    padding: 0 12px;
    background-color: var(--sale-color);
    border-radius: var(--big-radius);
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white-color);
}

.main-choose__right-top-carousel-clock-block::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background-image: url('/upload/icons/template/main-choose-clock.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.main-choose__right-bottom {
    position: relative;
    width: 100%;
    height: 278px;
}

.main-choose__right-bottom-carousel-item {
    position: relative;
    width: 100%;
    height: 278px;
}

.main-choose__right-bottom-carousel-img {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-choose__right-bottom-carousel-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    bottom: 32px;
    right: 28px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
}

.main-choose__right-bottom-carousel-link::after {
    content: '';
    display: inline-flex;
    width: 7px;
    height: 11px;
    background-image: url('/upload/icons/template/link-arrow-right.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.main-choose__right-bottom-carousel-dots {
    position: absolute;
    top: 37px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.main-choose__right-bottom-carousel-dots .owl-dot {
    z-index: 10;
    display: inline-flex;
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.main-choose__right-bottom-carousel-dots .owl-dot.active {
    background-color: var(--text-color);
}

.main-choose__right-bottom-carousel-dots .owl-dot:focus-visible {
    background-color: var(--text-color);
}

.main-choose__right-bottom-carousel-dots .owl-dot:hover {
    background-color: var(--text-color);
}

.main-choose__right-bottom-carousel-dots .owl-dot:active {
    background-color: var(--text-color);
}

.main-choose__right-bottom-carousel-top-block {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.main-choose__right-bottom-carousel-star {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    background-color: #eaa41c;
    border-radius: var(--big-radius);
}

.main-choose__right-bottom-carousel-sale {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    background-color: var(--sale-color);
    border-radius: var(--big-radius);
}

.main-choose__right-bottom-carousel-fire {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    background-color: #98cf61;
    border-radius: var(--big-radius);
}

.main-choose__right-bottom-carousel-gift {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    background-color: #5eb98d;
    border-radius: var(--big-radius);
}

.main-choose__right-bottom-carousel-center-block {
    padding: 73px 24px 0 24px;
}

.main-choose__right-bottom-carousel-header {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
    letter-spacing: 0px;
}

.main-choose__right-bottom-carousel-desc {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;
}

.main-choose__right-bottom-carousel-subdesc {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 100%;
    letter-spacing: 0px;
}

.main-choose__right-bottom-carousel-clock-block {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 35px;
    padding: 0 12px;
    background-color: var(--sale-color);
    border-radius: var(--big-radius);
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white-color);
}

.main-choose__right-bottom-carousel-clock-block::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background-image: url('/upload/icons/template/main-choose-clock.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/*----- Конец главная. Покупатели выбирают -----*/

/*----- Главная. Бренды -----*/
.main-brands__arrows {
    display: inline-flex;
    gap: var(--middle-gap);
    position: absolute;
    top: 0;
    right: var(--left-right-padding);
}

.main-brands__carousel-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 104px;
    padding: 16px;
    background-color: var(--carousel-color);
    border-radius: var(--small-radius);
}

.main-brands__carousel-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*----- Конец главная. Бренды -----*/

/*----- Главная. Статьи -----*/
.main-articles__arrows {
    display: inline-flex;
    gap: var(--middle-gap);
    position: absolute;
    top: 0;
    right: var(--left-right-padding);
}

.main-articles__headers {
    display: flex;
    gap: var(--middle-gap);
    margin-bottom: 40px;
}

.main-articles__header {
    display: inline-flex;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
    color: var(--gray-text-color);
    transition: color var(--transition), border-color var(--transition);
    cursor: pointer;
}

.main-articles__header:focus-visible {
    color: var(--text-color);
}

.main-articles__header:hover {
    border-bottom: 2px solid var(--text-color);
    color: var(--text-color);
}

.main-articles__header:focus-visible {
    color: var(--text-color);
}

.main-articles__header_active {
    border-bottom: 2px solid var(--text-color);
    color: var(--text-color);  
}

.main-articles-item {
    width: 100%;
    height: 435px;
}

.main-articles-item__top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    background-color: var(--articles-background);
    border-radius: var(--middle-radius);
}

.main-articles-item__bottom {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: var(--white-color);
}

.main-articles-item__data {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 204px;
    height: 50px;
    padding: 0 0 0 20px;
    background-color: var(--white-color);
    border-radius: var(--middle-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.main-articles-item__data::before {
    content: '';
    display: inline-flex;
    width: 14px;
    height: 15px;
    background-image: url('/upload/icons/template/article-item-clock.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.main-articles-item__divider {
    display: inline-flex;
    width: calc(100% - 324px);
    height: 50px;
    background-color: var(--articles-background);
    border-bottom-left-radius: var(--middle-radius);
    border-bottom-right-radius: var(--middle-radius);
}

.main-articles-item__link-wrapper {
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 50px;
    padding: 0;
    background-color: var(--white-color);
    border-radius: var(--middle-radius);
}

.main-articles-item__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1;
}

.main-articles-item__link::after {
    content: '';
    display: inline-flex;
    width: 7px;
    height: 10px;
    background-image: url('/upload/icons/template/article-item-arrow.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.main-articles-item__divider-top {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 20px;
    background-color: var(--articles-background);
}

.main-articles-item__img-wrapper {
    display: block;
    width: 100%;
    height: 260px;
}

.main-articles-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--middle-radius);
}

.main-articles-item__name-wrapper {
    height: 71px;
    font-family: Inter;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5rem;
    overflow: hidden;
}
/*----- Конец главная. Статьи -----*/

/*----- Подвал -----*/
.footer__top {
    display: flex;
    gap: 72px;
    padding: 50px 0 64px 0;
}

.footer__first-block {
    min-width: 300px;
}

.footer__second-block {
    min-width: 235px;
}

.footer__logo {
    display: block;
    margin-bottom: 50px;
}

.footer__header {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    margin: 0 0 12px 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
}

.footer__header_order_icon::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 16px;
    background-image: url('/upload/icons/template/footer-order.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer__header_callcenter_icon::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 15px;
    background-image: url('/upload/icons/template/footer-callcenter.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer__phone {
    display: inline-flex;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;

}

.footer__hours {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
}

.footer__menu-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer__menu-link {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
}

.footer__phone {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
}

.footer__phone::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    background-image: url('/upload/icons/template/phone.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer__socials {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 40px;
}

.footer__email {
    display: inline-flex;
    width: 18px;
}

.footer__email svg {
    width: 100%;
    height: auto;
}

.footer__email svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.footer__email:focus-visible svg path {
    fill: var(--third-color);
}

.footer__email:hover svg path {
    fill: var(--third-color);
}

.footer__email:active svg path {
    fill: var(--third-color);
}

.footer__telegram {
    display: inline-flex;
    width: 16px;
}

.footer__telegram svg {
    width: 100%;
    height: auto;
}

.footer__telegram svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.footer__telegram:focus-visible svg path {
    fill: var(--third-color);
}

.footer__telegram:hover svg path {
    fill: var(--third-color);
}

.footer__telegram:active svg path {
    fill: var(--third-color);
}

.footer__whatsapp {
    display: inline-flex;
    width: 18px;
}

.footer__whatsapp svg {
    width: 100%;
    height: auto;
}

.footer__whatsapp svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.footer__whatsapp:focus-visible svg path {
    fill: var(--third-color);
}

.footer__whatsapp:hover svg path {
    fill: var(--third-color);
}

.footer__whatsapp:active svg path {
    fill: var(--third-color);
}

.footer__callback {
    background-color: var(--second-color);
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 28px;
    border-top: 1px solid var(--carousel-color);
}

.footer__bottom-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer__copy {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
}

.footer__bottom-link {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
}

.footer__bottom-link_policy {
    margin-right: 90px;
}

.footer__bottom-link_oferta {
    margin-right: 175px;
}
/*----- Конец подвала -----*/

/*----- Главное меню каталога -----*/
.header-catalog__container {
    position: relative;
    padding: 0;
}

.header-catalog__row {
    z-index: 20000;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.header-catalog__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 366px;
    height: 100%;
    padding: 24px 12px 24px 48px;
    background-color: var(--main-color);
    overflow-y: scroll;
}

.header-catalog__left::-webkit-scrollbar {
    display: none;
}

.header-catalog__left {
    scrollbar-width: none;
}

.header-catalog__all-sections {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 42px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 1px solid var(--white-color);
    border-radius: var(--small-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--white-color);
    transition: border-color var(--transition), background-color var(--transition), color var(--transition);
    cursor: pointer;
}

.header-catalog__all-sections:focus-visible {
    background-color: var(--white-color);
    color: var(--text-color);
}

.header-catalog__all-sections:hover {
    background-color: var(--white-color);
    color: var(--text-color);
}

.header-catalog__all-sections:active {
    background-color: var(--white-color);
    color: var(--text-color);
}

.header-catalog__left-link {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
    width: 100%;
    min-height: 36px;
    padding: 8px 0;
    margin: 0;
    background: transparent;
    border: 1px solid var(--main-color);
    border-radius: var(--small-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--white-color);
    transition: border-color var(--transition), background-color var(--transition), color var(--transition);
    cursor: pointer;
}

.header-catalog__left-link:focus-visible {
    padding: 8px 8px;
    background-color: var(--second-color);
    color: var(--white-color);
}

.header-catalog__left-link:hover {
    padding: 8px 8px;
    background-color: var(--second-color);
    color: var(--white-color);
}

.header-catalog__left-link:active {
    padding: 8px 8px;
    background-color: var(--second-color);
    color: var(--white-color);
}

.header-catalog__left-link_active {
    padding: 8px 8px;
    background-color: var(--second-color);
    color: var(--white-color);
}

.header-catalog__left-link-img-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 23px;
    height: 23px;
}

.header-catalog__left-link-img {
    max-width: 100%;
}

.header-catalog__right {
    display: block;
    width: calc(100% - 366px);
    height: 100%;
    padding: 24px;
    background-color: var(--white-color);
    overflow-y: hidden;
}

.header-catalog__right-block {
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.header-catalog__right-block::-webkit-scrollbar {
    width: 13px;
}
.header-catalog__right-block::-webkit-scrollbar-track {
    background: var(--carousel-color);
    border-radius: 20px;
}
.header-catalog__right-block::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 20px;
    border: 3px solid var(--carousel-color);
}

.header-catalog__right-block_active {
    display: block;
}

.header-catalog__right-block-row {
    --items: 3;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

.header-catalog__col {
    display: flex;
    flex-direction: column;
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.header-catalog__right-link {
    align-self: flex-start;
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--text-color);
}

.header-catalog__right-link:last-child {
    margin-bottom: 0;
}

.header-catalog__right-link_with_subsections {
    margin-bottom: 16px;
}

.header-catalog__right-sub-link {
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--main-color);
}

.header-catalog__right-header {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.75rem;
    color: var(--main-color);
}

.header-catalog__right-sub-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}
/*----- Конец главного меню каталога -----*/

/*----- Хлебные крошки -----*/
.breadcrumbs {
    padding: 30px 0 22px 0;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumbs__item {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.breadcrumbs__separator {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.breadcrumbs__item-link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--gray-text-color);
}
/*----- Конец хлебных крошек -----*/

/*----- Главная страница каталога -----*/
.catalog-main {
    padding: 0;
}

.catalog-main__sections {
    --items: 4;
    --item-width: 318px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap) calc((100% - (var(--item-width) * var(--items))) / (var(--items) - 1));
}

.catalog-main__section {
    display: flex;
    align-items: flex-start;
    width: var(--item-width);
    height: var(--item-width);
    padding: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    border-radius: var(--small-radius);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
/*----- Конец главной страницы каталога -----*/

/*----- Каталог -----*/
.catalog {
    padding: 0;
}

.catalog__row {
    display: flex;
    gap: var(--gap);
    margin-bottom: 30px;
}

.catalog__left {
    width: 204px;
}

.catalog__right {
    width: calc(100% - 204px - var(--gap));
}

.catalog__items {
    --items: 4;
    --gap: 80px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px var(--gap);
}

.catalog__items .card {
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.catalog__description {
    padding: 30px var(--left-right-padding) 30px calc(204px + var(--gap));
    background-color: #fcfcfc;
}

.catalog__description h2 {
    padding: 0 0 12px 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
    color: var(--text-color);
}

.catalog__description {
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.catalog__description p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    color: var(--gray-text-color);
}
/*----- Конец каталога -----*/

/*----- Детальная страница каталога -----*/
.catalog-detail {
    padding: 0;
}

.catalog-detail__top {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    margin-bottom: 30px;
}

.catalog-detail__name {
    padding: 0;
    margin: 0;
    width: 1116px;
    max-width: 100%;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
}

.catalog-detail__top-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.catalog-detail__favorite {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    background: rgba(0, 26, 52, 0.21);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.catalog-detail__favorite:focus-visible {
    background-color: var(--main-color);
}

.catalog-detail__favorite:hover {
    background-color: var(--main-color);
}

.catalog-detail__favorite:active {
    background-color: var(--main-color);
}

.catalog-detail__favorite svg {
    width: 19px;
    height: auto;
}

.catalog-detail__compare {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    background: rgba(0, 26, 52, 0.21);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.catalog-detail__compare:focus-visible {
    background-color: var(--main-color);
}

.catalog-detail__compare:hover {
    background-color: var(--main-color);
}

.catalog-detail__compare:active {
    background-color: var(--main-color);
}

.catalog-detail__compare svg {
    width: 19px;
    height: auto;
}

.catalog-detail__share {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    background: rgba(0, 26, 52, 0.21);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.catalog-detail__share:focus-visible {
    background-color: var(--main-color);
}

.catalog-detail__share:hover {
    background-color: var(--main-color);
}

.catalog-detail__share:active {
    background-color: var(--main-color);
}

.catalog-detail__share svg {
    width: 19px;
    height: auto;
}

.catalog-detail__center {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.catalog-detail__center-left {
    width: 546px;
}

.catalog-detail__img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 538px;
    padding: 10px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.catalog-detail__img {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: var(--small-radius);
    object-fit: contain;
    object-position: center;
}

.detail-catalog__pictures-carousel-wrapper {
    position: relative;
    width: 100%;
    height: 538px;
    padding: 10px;
    margin-bottom: 25px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.detail-catalog__thumbs-carousel-wrapper {
    width: 100%;
}

.catalog-detail__thumbs-img-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-right: 22px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
    cursor: pointer;
}

.catalog-detail__thumbs-img-wrapper.slick-current {
    border: 1px solid var(--second-color);
}

.detail-catalog__thumbs-carousel-wrapper .slick-track {
    margin: 0;
}

.detail-catalog__pictures-carousel-arrow-left {
    position: absolute;
    top: calc(50% - 15px);
    left: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: var(--carousel-color);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.detail-catalog__pictures-carousel-arrow-left:focus-visible {
    background-color: var(--second-color)
}

.detail-catalog__pictures-carousel-arrow-left:hover {
    background-color: var(--second-color)
}

.detail-catalog__pictures-carousel-arrow-left:active {
    background-color: var(--second-color)
}

.detail-catalog__pictures-carousel-arrow-left svg path {
    stroke: var(--text-color);
    transition: stroke var(--transition);
}

.detail-catalog__pictures-carousel-arrow-left:focus-visible svg path {
    stroke: var(--white-color);
}

.detail-catalog__pictures-carousel-arrow-left:hover svg path {
    stroke: var(--white-color);
}

.detail-catalog__pictures-carousel-arrow-left:active svg path {
    stroke: var(--white-color);
}

.detail-catalog__pictures-carousel-arrow-right {
    position: absolute;
    top: calc(50% - 15px);
    right: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: var(--carousel-color);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.detail-catalog__pictures-carousel-arrow-right:focus-visible {
    background-color: var(--second-color)
}

.detail-catalog__pictures-carousel-arrow-right:hover {
    background-color: var(--second-color)
}

.detail-catalog__pictures-carousel-arrow-right:active {
    background-color: var(--second-color)
}

.detail-catalog__pictures-carousel-arrow-right svg path {
    stroke: var(--text-color);
    transition: stroke var(--transition);
}

.detail-catalog__pictures-carousel-arrow-right:focus-visible svg path {
    stroke: var(--white-color);
}

.detail-catalog__pictures-carousel-arrow-right:hover svg path {
    stroke: var(--white-color);
}

.detail-catalog__pictures-carousel-arrow-right:active svg path {
    stroke: var(--white-color);
}

.catalog-detail__center-center {
    width: 318px;
}

.catalog-detail__center-right {
    width: 432px;
}

.catalog-detail__article {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 33px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.catalog-detail__article-copy {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.catalog-detail__article-copy svg {
    width: 100%;
    height: auto;
}

.catalog-detail__article-copy svg path {
    fill: var(--gray-text-color);
    transition: fill var(--transition);
}

.catalog-detail__article-copy:focus-visible svg path {
    fill: var(--second-color);
}

.catalog-detail__article-copy:hover svg path {
    fill: var(--second-color);
}

.catalog-detail__article-copy:active svg path {
    fill: var(--second-color);
}

.catalog-detail__top-props-header {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
}

.catalog-detail__top-props {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
}

.catalog-detail__top-prop {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.catalog-detail__top-prop-name {
    font-size: 1rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.catalog-detail__top-prop-value {
    text-align: right;
    font-size: 1rem;
    line-height: 100%;
}

.catalog-detail__top-props-more {
    display: inline-flex;
    align-items: center;
    padding-top: 10px;
    margin-bottom: 90px;
    gap: 10px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-color);
}

.catalog-detail__top-props-more:focus-visible {
    color: var(--second-color);
}

.catalog-detail__top-props-more:hover {
    color: var(--second-color);
}

.catalog-detail__top-props-more:active {
    color: var(--second-color);
}

.catalog-detail__top-props-more svg {
    transition: transform var(--transition);
}

.catalog-detail__top-props-more_active svg {
    transform: rotatez(180deg);
}

.catalog-detail__deliveries {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.catalog-detail__delivery {
    display: flex;
    flex-direction: column;
    padding: 14px;
    border: 2px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.catalog-detail__delivery-icon {
    margin-bottom: 4px;
}

.catalog-detail__delivery-header {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-color);
}

.catalog-detail__delivery-period {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
}

.catalog-detail__right-top {
    padding: 22px;
    margin-bottom: 30px;
    border: 2px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.catalog-detail__measure-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.catalog-detail__sale-action {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    background: linear-gradient(96.51deg, #F18752 -9.37%, #E8D73C 120.92%);
    border: none;
    border-radius: var(--little-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--white-color);
}

.catalog-detail__sale-action svg {
    flex-shrink: 0;
}

.catalog-detail__measure {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    line-height: 1;
}

.catalog-detail__price-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.catalog-detail__price {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 100%;
}

.catalog-detail__multiplies {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.catalog-detail__radio {
    align-items: center;
    margin-bottom: 6px;
}

.catalog-detail__radio_visible {
    display: flex;
}

.catalog-detail:hover .hidden-block .catalog-detail__radio {
    display: flex;
}

.catalog-detail__radio label {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.catalog-detail__radio-input:checked + label .catalog-detail__radio-span-right {
    color: var(--main-color);
}

.catalog-detail__radio-span-left {
    padding-left: 9px;
    margin-right: auto;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
}

.catalog-detail__radio-span-right {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
}

.catalog-detail__total-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.catalog-detail__total-price-left {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
}

.catalog-detail__total-price {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
}

.catalog-detail__cashback-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.catalog-detail__cashback-left {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--sale-color);
}

.catalog-detail__cashback-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    border: none;
    border-radius: 50%;
    background-color: var(--sale-color);
}

.catalog-detail__cashback {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--sale-color);
}

.catalog-detail__buy-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-detail-quantity-block {
    display: flex;
    align-items: center;
}

.catalog-detail-quantity-block__input {
    display: inline-flex;
    align-items: center;
    width: 44px;
    height: 40px;
    border: 1px solid var(--carousel-color);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
}

.catalog-detail-quantity-block__btns {
    display: flex;
    flex-direction: column;
    border: none;
    width: 36px;
    height: 40px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
}

.catalog-detail-quantity-block__up {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 20px;
    padding: 0 0 0 10px;
    margin: 0;
    background-color: var(--carousel-color);
    border: none;
    cursor: pointer;
    transition: background-color var(--transition), color var(--transition);
}

.catalog-detail-quantity-block__up:focus-visible {
    background-color: var(--main-color);
}

.catalog-detail-quantity-block__up:hover {
    background-color: var(--main-color);
}

.catalog-detail-quantity-block__up:active {
    background-color: var(--main-color);
}

.catalog-detail-quantity-block__up svg path {
    fill: var(--gray-text-color);
    transition: fill var(--transition);
}

.catalog-detail-quantity-block__up:focus-visible svg path {
    fill: var(--white-color);
}

.catalog-detail-quantity-block__up:hover svg path {
    fill: var(--white-color);
}

.catalog-detail-quantity-block__up:active svg path {
    fill: var(--white-color);
}

.catalog-detail-quantity-block__down {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 20px;
    padding: 0 0 0 10px;
    margin: 0;
    background-color: var(--carousel-color);
    border: none;
    cursor: pointer;
    transition: background-color var(--transition), color var(--transition);
}

.catalog-detail-quantity-block__down:focus-visible {
    background-color: var(--main-color);
}

.catalog-detail-quantity-block__down:hover {
    background-color: var(--main-color);
}

.catalog-detail-quantity-block__down:active {
    background-color: var(--main-color);
}

.catalog-detail-quantity-block__down svg path {
    fill: var(--gray-text-color);
    transition: fill var(--transition);
}

.catalog-detail-quantity-block__down:focus-visible svg path {
    fill: var(--white-color);
}

.catalog-detail-quantity-block__down:hover svg path {
    fill: var(--white-color);
}

.catalog-detail-quantity-block__down:active svg path {
    fill: var(--white-color);
}

.catalog-detail__not-can-buy {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 294px;
    height: 40px;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--sale-color);
}

.catalog-detail__buy-btn {
    height: 40px;
    width: 292px;
}

.catalog-detail__buy-btn_in-cart {
    background-color: var(--third-color);
}

.catalog-detail__right-bottom {
    padding: 22px;
    margin-bottom: 30px;
    border: 2px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.catalog-detail__payment-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.catalog-detail__payment-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 20px;
    margin: 0;
    background-color: var(--carousel-color);
    border: none;
    border-radius: var(--big-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--text-color);
    cursor: pointer;
    transition: background-color var(--transition), color var(--transition);
}

.catalog-detail__payment-btn:focus-visible {
    background-color: var(--main-color);
    color: var(--white-color);
}

.catalog-detail__payment-btn:hover {
    background-color: var(--main-color);
    color: var(--white-color);
}

.catalog-detail__payment-btn:active {
    background-color: var(--main-color);
    color: var(--white-color);
}

.catalog-detail__payment-btn:focus-visible svg path {
    fill: var(--white-color);
}

.catalog-detail__payment-btn:hover svg path {
    fill: var(--white-color);
}

.catalog-detail__payment-btn:active svg path {
    fill: var(--white-color);
}

.catalog-detail__question-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-detail__question-header {
    padding-left: 20px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
}

.catalog-detail__question-right {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding-right: 20px;
}

.catalog-detail__telegram-link {
    display: inline-flex;
    width: 18px;
    height: auto;
}

.catalog-detail__telegram-link svg {
    width: 100%;
}

.catalog-detail__telegram-link svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.catalog-detail__telegram-link:focus-visible svg path {
    fill: var(--third-color);
}

.catalog-detail__telegram-link:hover svg path {
    fill: var(--third-color);
}

.catalog-detail__telegram-link:active svg path {
    fill: var(--third-color);
}

.catalog-detail__whatsapp-link {
    display: inline-flex;
    width: 18px;
    height: auto;
}

.catalog-detail__whatsapp-link svg {
    width: 100%;
}

.catalog-detail__whatsapp-link svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.catalog-detail__whatsapp-link:focus-visible svg path {
    fill: var(--third-color);
}

.catalog-detail__whatsapp-link:hover svg path {
    fill: var(--third-color);
}

.catalog-detail__whatsapp-link:active svg path {
    fill: var(--third-color);
}

.catalog-detail__bottom {
    margin-bottom: 60px;
}

.catalog-detail__tabs {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.catalog-detail__tab {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 13px;
    margin: 0;
    background: none;
    border: none;
    border-bottom: 2px solid #e4e4e4;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
    color: var(--second-color);
    cursor: pointer;
    transition: color var(--transition), border-color var(--transition);
}

.catalog-detail__tab:focus-visible {
    border-color: var(--main-color);
    color: var(--text-color);
}

.catalog-detail__tab:hover {
    border-color: var(--main-color);
    color: var(--text-color);
}

.catalog-detail__tab:active {
    border-color: var(--main-color);
    color: var(--text-color);
}

.catalog-detail__tab_active {
    border-color: var(--main-color);
    color: var(--text-color);
}

.catalog-detail__description {
    display: none;
}

.catalog-detail__description_active {
    display: block;
}

.catalog-detail__props {
    display: none;
}

.catalog-detail__props_active {
    display: block;
}

.catalog-detail__serts {
    display: none;
}

.catalog-detail__serts_active {
    display: block;
}

.catalog-detail__props {
    width: 670px;
}

.catalog-detail__prop {
    display: flex;
    width: 100%;
    padding: 6px 0 12px 0;
    background-image: url('/upload/icons/template/catalog-detail-props-separator.svg');
    background-position: bottom;
    background-repeat: repeat-x;
}

.catalog-detail__prop-name {
    display: inline-flex;
    width: 360px;
    padding-right: 20px;
    font-size: 1rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.catalog-detail__prop-value {
    font-size: 1rem;
    line-height: 1;
}
/*----- Конец детальной страницы каталога -----*/

/*----- Категории слева в каталоге -----*/
.catalog-left-sections__header {
    padding: 0;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.catalog-left-sections__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

.catalog-left-sections__item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.catalog-left-sections__item::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 6px;
    height: 10px;
    background-image: url('/upload/icons/template/catalog-sections-left-arrow.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.catalog-left-sections__link {
    color: var(--gray-text-color);
}

.catalog-left-sections__link:focus-visible {
    color: var(--text-color);
}

.catalog-left-sections__link:hover {
    color: var(--text-color);
}

.catalog-left-sections__link:active {
    color: var(--text-color);
}
/*----- Конец категорий слева в каталоге -----*/

/*----- Фильтр товаров в каталоге -----*/
.smart-filter-checkbox label {
	font-size: 0.875rem;
	line-height: 1;
	color: var(--gray-text-color);
}

.smart-filter-checkbox label:focus-visible {
    color: var(--text-color);
}

.smart-filter-checkbox label:hover {
    color: var(--text-color);
}

.smart-filter-checkbox label:active {
    color: var(--text-color);
}
/*----- Конец фильтра товаров в каталоге -----*/

/*----- Корзина в шапке сайта -----*/
.header-top-cart {
    position: relative;
}

.header-top-cart__panel {
    z-index: 100000;
    position: absolute;
    top: 50px;
    right: -110px;
    display: none;
    width: 600px;
    height: auto;
    padding: 22px;
    background-color: var(--white-color);
    border-radius: var(--small-radius);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}

.header-top-cart__header {
    padding: 0;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
}

.header-top-cart__last-text {
    padding: 0;
    margin-bottom: 12px;
    font-weight: 600;
}

.header-top-cart__quantity-text {
    position: absolute;
    top: 22px;
    right: 22px;
    font-weight: 500;
    color: var(--gray-text-color);
}

.header-top-cart__items {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header-top-cart__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top-cart__item-left {
    display: flex;
    align-items: center;
}

.header-top-cart__item-quantity {
    display: inline-flex;
    flex-shrink: 0;
    width: 32px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.header-top-cart__item-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    padding: 5px;
    margin-right: 14px;
    border: 1px solid var(--carousel-color);
    border-radius: 2px;
}

.header-top-cart__item-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.header-top-cart__item-name {
    display: inline-block;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--text-color);
    overflow: hidden;
}

.header-top-cart__item-right {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}

.header-top-cart__item-del {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 17px;
    height: 19px;
    background: none;
    border: none;
    cursor: pointer;
}

.header-top-cart__item-del svg path {
    fill: var(--gray-text-color);
    transition: fill var(--transition);
}

.header-top-cart__item-del:focus-visible svg path {
    fill: var(--second-color);
}

.header-top-cart__item-del:hover svg path {
    fill: var(--second-color);
}

.header-top-cart__item-del:active svg path {
    fill: var(--second-color);
}

.header-top-cart__item-price {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
}

.header-top-cart__see-all {
    align-self: flex-end;
    border-bottom: 1px solid var(--main-color);
    font-weight: 500;
    font-size: 1rem;
    line-height: 100%;
    color: var(--main-color);
    transition: border-color var(--transition), color var(--transition);
}

.header-top-cart__see-all:focus-visible {
    border-color: var(--second-color);
    color: var(--second-color);
}

.header-top-cart__see-all:hover {
    border-color: var(--second-color);
    color: var(--second-color);
}

.header-top-cart__see-all:active {
    border-color: var(--second-color);
    color: var(--second-color);
}

.header-top-cart__sum-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    font-weight: 600;
    line-height: 100%;
}

.header-top-cart__sum-row-total {
    color: var(--sale-color);
}

.header-top-cart__delivery-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    font-weight: 600;
    line-height: 100%;
}

.header-top-cart__delivery-row-total {
    color: var(--third-color);
}

.header-top-cart__total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
}

.header-top-cart__total-row-price {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
    color: var(--sale-color);
}

.header-top-cart__order-btn {
    padding: 12px;
    font-size: 0.875rem;
}
/*----- Конец корзины в шапке сайта -----*/

/*----- Корзина -----*/
.cart__header {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
}

.cart__top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.cart__del-all-cart {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    font-weight: 500;
    color: var(--main-color);
    cursor: pointer;
    transition: color var(--transition);
}

.cart__del-all-cart:focus-visible {
    color: var(--second-color);
}

.cart__del-all-cart:hover {
    color: var(--second-color);
}

.cart__del-all-cart:active {
    color: var(--second-color);
}

.cart__del-all-cart svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.cart__del-all-cart:focus-visible svg path {
    fill: var(--second-color);
}

.cart__del-all-cart:hover svg path {
    fill: var(--second-color);
}

.cart__del-all-cart:active svg path {
    fill: var(--second-color);
}

.cart__row {
    display: flex;
    justify-content: space-between;
}

.cart__left {
    flex-shrink: 0;
    width: 890px;
}

.cart__right {
    flex-shrink: 0;
    width: 432px;
}

.cart__quick-add-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.cart__quick-add-form-input {
    display: inline-flex;
    align-items: center;
    width: 686px;
    height: 45px;
    padding-left: 16px;
    background-color: var(--white-color);
    border: 2px solid #bccce4;
    border-radius: var(--small-radius);
    transition: border-color var(--transition);
}

.cart__quick-add-form-input:focus-visible {
    border-color: var(--third-color);
}

.cart__quick-add-form-input:hover {
    border-color: var(--third-color);
}

.cart__quick-add-form-input:active {
    border-color: var(--third-color);
}

.cart__quick-add-form-btn {
    width: 190px;
    height: 43px;
}

.cart__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cart-item {
    position: relative;
    display: flex;
    width: 100%;
    height: 172px;
    padding: 14px;
    border: 2px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.cart-item__img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 100%;
    padding: 10px;
    margin-right: 20px;
    border: 1px solid var(--carousel-color);
    border-radius: 4px;
}

.cart-item__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.cart-item__name-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 278px;
    height: 100%;
    margin-right: 10px;
}

.make-order-cart .cart-item__name-block {
    justify-content: flex-start;
}

.cart-item__article {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.cart-item__article-copy {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.cart-item__article-copy svg {
    width: 100%;
    height: auto;
}

.cart-item__article-copy svg path {
    fill: var(--gray-text-color);
    transition: fill var(--transition);
}

.cart-item__article-copy:focus-visible svg path {
    fill: var(--second-color);
}

.cart-item__article-copy:hover svg path {
    fill: var(--second-color);
}

.cart-item__article-copy:active svg path {
    fill: var(--second-color);
}

.cart-item__name {
    display: block;
    width: 100%;
    height: 68px;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--text-color);
    overflow: hidden;
}

.cart-item__delivery {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    color: var(--main-color);
}

.cart-item__quantity-block-wrapper {
    margin-right: 50px;
}

.cart-item__quantity-block-wrapper_order {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cart-item__quantity-block-header {
    margin-bottom: 30px;
    font-weight: 500;
    color: var(--main-color);
}

.cart-item__price-header {
    margin-bottom: 26px;
    font-weight: 500;
    color: var(--main-color);
}

.cart-item__total-price {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.cart-item__detail-price {
    display: flex;
    align-items: center;
}

.cart-item__base-price {
    margin-right: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.cart-item__base-old-price {
    margin-right: 6px;
    text-decoration: line-through;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--sale-color);
}

.cart-item__sale-persent {
    display: inline-flex;
    padding: 4px 6px;
    background-color: var(--sale-color);
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 100%;
    color: var(--white-color);
}

.cart-item__favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    background: rgba(0, 26, 52, 0.21);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition);
}

.cart-item__favorite:focus-visible {
    background-color: var(--main-color);
}

.cart-item__favorite:hover {
    background-color: var(--main-color);
}

.cart-item__favorite:active {
    background-color: var(--main-color);
}

.cart-item__favorite svg path {
    fill: var(--white-color);
}

.cart-item__del {
    position: absolute;
    bottom: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--main-color);
    cursor: pointer;
    transition: color var(--transition);
}

.cart-item__del:focus-visible {
    color: var(--second-color);
}

.cart-item__del:hover {
    color: var(--second-color);
}

.cart-item__del:active {
    color: var(--second-color);
}

.cart-item__del svg path {
    fill: var(--main-color);
    transition: fill var(--transition);
}

.cart-item__del:focus-visible svg path {
    fill: var(--second-color);
}

.cart-item__del:hover svg path {
    fill: var(--second-color);
}

.cart-item__del:active svg path {
    fill: var(--second-color);
}

.cart-total {
    display: flex;
    flex-direction: column;
    padding: 24px 15px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.cart-total__not-sale-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.cart-total__not-sale-price span {
    font-size: 1rem;
}

.cart-total__not-sale-price-text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.cart-total__sale-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.cart-total__sale-price span {
    font-size: 1.25rem;
    color: var(--sale-color);
}

.cart-total__with-sale-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.cart-total__with-sale-price span {
    font-size: 1rem;
}

.cart-total__with-sale-price-text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.cart-total__separator {
    height: 1px;
    margin-bottom: 20px;
    background-color: var(--carousel-color);
}

.cart-total__delivery-header {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.cart-total__delivery {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-total__delivery-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-total__delivery-right {
    font-weight: bold;
}

.cart-total__pickup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.cart-total__pickup-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-total__pickup-right {
    font-weight: bold;
}

.cart-total__free-delivery {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    margin-bottom: 18px;
    background-color: #fafff1;
    border: 2px solid #aed274;
    border-radius: var(--small-radius);
}

.cart-total__free-delivery-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
}

.cart-total__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 100%;
}

.cart-total__total-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-total__total-text {
    margin-bottom: 18px;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.cart-total__cashback {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.cart-total__cashback-left {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--sale-color);
}

.cart-total__cashback-right {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--sale-color);
}

.cart-total__print-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 30px;
}

.cart-total__excel {
    display: inline-flex;
}

.cart-total__printer {
    display: inline-flex;
}

.cart-total__order-link {
    width: 100%;
}

.cart-total__reload {
    display: none;
    width: 100%;
    background-color: red;
}

.quick-add-form__result {
    display: none;
    padding-top: 10px;
}

#quick-add-modal {
    width: 890px;
}

.cart-item__quick-add {
    position: absolute;
    bottom: 14px;
    right: 14px;
    padding: 6px 36px;
}
/*----- Конец корзины -----*/

/*----- Личное меню в профиле -----*/
.personal-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.personal-menu__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 12px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.personal-menu__header {
    margin-bottom: 0;
    font-weight: 500;
}

.personal-menu__link {
    align-self: flex-start;
}
/*----- Конец личного меню в профиле -----*/

/*----- Оформление заказа -----*/
.make-order {
    display: flex;
    flex-direction: column;
    min-width: 425px;
    max-width: 100%;
    padding: 24px 15px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.make-order__inner {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
    margin-bottom: 40px;
}

.make-order__not-sale-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.make-order__not-sale-price span {
    font-size: 1rem;
}

.make-order__not-sale-price-text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.make-order__sale-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.make-order__sale-price span {
    font-size: 1.25rem;
    color: var(--sale-color);
}

.make-order__with-sale-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.make-order__with-sale-price span {
    font-size: 1rem;
}

.make-order__with-sale-price-text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.make-order__separator {
    height: 1px;
    margin-bottom: 20px;
    background-color: var(--carousel-color);
}

.make-order__delivery-header {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.make-order__delivery {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.make-order__delivery-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.make-order__delivery-right {
    font-weight: bold;
}

.make-order__pickup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.make-order__pickup-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.make-order__pickup-right {
    font-weight: bold;
}

.make-order__free-delivery {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    margin-bottom: 18px;
    background-color: #fafff1;
    border: 2px solid #aed274;
    border-radius: var(--small-radius);
}

.make-order__free-delivery_hidden {
    display: none;
}

.make-order__free-delivery-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
}

.make-order__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 100%;
}

.make-order__total-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.make-order__total-text {
    margin-bottom: 18px;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.make-order__cashback {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.make-order__cashback-left {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--sale-color);
}

.make-order__cashback-right {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--sale-color);
}

.make-order__center {
    display: flex;
    flex-direction: column;
    width: 600px;
}

.make-order__h1 {
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.order-make__header {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--main-color);
}

.order-make__user-type-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.order-make__user-type-radio-block {
    margin-bottom: 0;
}

.order-make__user-type-radio-block label {
    gap: 5px;
}

.order-make-legal {
    display: none;
}

.order-make-legal_active {
    display: block;
}

.order-make-legal__inner {
    display: flex;
    flex-direction: column;
    padding: 12px;
    margin-bottom: 40px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.order-make-legal__presets {
    margin-bottom: 24px;
}

.order-make-legal__input-company {
    margin-bottom: 12px;
}

.order-make-legal__input-inn {
    margin-bottom: 12px;
}

.order-make-legal__input-kpp {
    margin-bottom: 30px;
}

.order-make-legal__input-address {
    margin-bottom: 20px;
}

.order-make-personal {
    display: none;
}

.order-make-personal_active {
    display: block;
}

.order-make-personal__inner {
    display: flex;
    flex-direction: column;
    padding: 12px;
    margin-bottom: 40px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.order-make-personal__input-surname {
    margin-bottom: 12px;
}

.order-make-personal__input-name {
    margin-bottom: 12px;
}

.make-order-cart {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 890px;
    max-width: 100%;
    margin: 0 auto 40px auto;
}

.order-make-delivery {
    display: none;
    padding: 12px;
    margin-bottom: 40px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.order-make-delivery_active {
    display: block;
}

.order-make__delivery-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
}

.order-make__delivery-radio-block {
    margin-bottom: 0;
}

.order-make__delivery-radio-block label {
    gap: 5px;
}

.order-make-courier {
    display: none;
    flex-direction: column;
}

.order-make-courier_active {
    display: flex;
}

.order-make-courier__presets {
    margin-bottom: 16px;
}

.make-order__input-label {
    display: flex;
    flex-direction: column;
}

.make-order__input-label-text {
    margin-bottom: 8px;
}

.make-order__input-error {
    display: none;
    padding-top: 8px;
    font-size: 0.875rem;
    line-height: 1;
    color: red;
}

.make-order__input-label_error .make-order__input-error {
    display: block;
}

.make-order__input-label_error .form-input {
    border-color: red;
}

.order-make-courier__address-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.make-order__input-label_region {
    width: 70%;
}

.make-order__input-label_zip {
    width: calc(30% - 12px);
}

.make-order__input-label_address {
    width: 100%;
}


.order-make-courier__add-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.order-make-courier__input-office {
    width: 150px;
}

.order-make-courier__input-floor {
    width: 150px;
}

.make-order__input-label_elevator {
    width: 100px;
}

.make-order__input-label_pass {
    width: 160px;
}

.make-order__input-label_unload {
    margin-bottom: 12px;
}

.make-order__input-label_transport {
    margin-bottom: 12px;
}

.make-order__input-label_call {
    margin-bottom: 30px;
}

.make-order__specail-header {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.make-order__order-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 60px;
}

.make-order__order-btn {
    display: none;
    align-self: center;
}

.make-order__order-btn_active {
    display: inline-flex;
}

.make-order__order-result {
    align-self: center;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    color: red;
}

.order-make-pickup {
    display: none;
    flex-direction: column;
}

.order-make-pickup_active {
    display: flex;
}

.order-make-pickup__header {
    margin-bottom: 8px;
}

.order-make-pickup__address {
    padding: 13px;
    margin-bottom: 30px;
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    line-height: 1.5rem;
    color: rgba(37, 57, 73, 0.6);
}

.order-make-pockup__check {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.order-make-pockup__check::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background-image: url('/upload/icons/template/checkbox-checked.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/*----- Конец оформления заказа -----*/

/*----- Успешное оформление заказа -----*/
.order-success {
    display: flex;
    flex-direction: column;
    min-width: 425px;
    max-width: 100%;
    padding: 24px 15px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.order-success__inner {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
    margin-bottom: 40px;
}

.order-success__left {
    width: 204px;
}

.order-success__right {
    width: calc(100% - 102px - var(--gap));
}

.order-success__right-row {
    display: flex;
    justify-content: space-between;
}

.order-success__right-left {
    max-width: 560px;
}

.order-success__header {
    padding: 0;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
}

.order-success__desc {
    margin-bottom: 30px;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.order-success__thanks {
    margin-bottom: 20px;
    font-weight: 700;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 100%;
}

.order-success__subdesc {
    margin-bottom: 20px;
    font-size: 0.875rem;
    line-height: 1.125rem;
}
/*----- Конец успешного орфмления заказа -----*/

/*----- Раздел Бренд -----*/
.brand {
    padding: 0;
}

.brand__logo {
    margin-bottom: 20px;
}

.brand__desc h1 {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 100%;
}

.brand__desc h2 {
    padding-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
}

.brand__desc h3 {
    padding-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.brand__items-block {
    padding-top: 40px;
}
/*----- Конец раздела Бренд -----*/

/*----- Профиль -----*/
.profile {
    display: flex;
    flex-direction: column;
    min-width: 425px;
    max-width: 100%;
    padding: 24px 15px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.profile__inner {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
    margin-bottom: 40px;
}

.profile__left {
    width: 204px;
}

.profile__right {
    width: calc(100% - 204px - var(--gap));
}

.profile__type-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 15px;
    margin-bottom: 20px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--little-radius);
}

.profile__type-block-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.profile__type-personal-span {
    font-weight: 600;
}

.profile__type-add-link {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 0.75rem;
    border-bottom: 1px solid var(--text-color);
    transition: border-color var(--transition), color var(--transition);
}

.profile__type-add-link:focus-visible {
    border-color: var(--main-color);
}

.profile__type-add-link:hover {
    border-color: var(--main-color);
}

.profile__type-add-link:active {
    border-color: var(--main-color);
}

.profile__header {
    padding: 0;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
}

.profile__user-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 15px;
    margin-bottom: 40px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--little-radius);
}

.profile__user-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile__user-header {
    font-weight: 600;
}

.profile__user-data {
    font-weight: 500;
}

.profile__user-edit {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.profile__user-del {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    color: var(--text-color);
    cursor: pointer;
    transition: color var(--transition);
}

.profile__user-del:focus-visible {
    color: var(--main-color);
}

.profile__user-del:hover {
    color: var(--main-color);
}

.profile__user-del:active {
    color: var(--main-color);
}

.profile__user-del svg path {
    fill: var(--text-color);
}

.profile__type-block .radio {
    margin-bottom: 10px;
}

.profile__type-block .radio label:before {
    margin-right: 10px;
}

.profile__add-company-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile__cashback-block {
    width: 430px;
    padding: 24px 15px;
    margin-bottom: 40px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--little-radius);
}

.profile__cashback-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-weight: 600;
}

.profile__cashback-header::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background-image: url('/upload/icons/template/profile-cashback.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.profile__cashbck-text {
    font-weight: 500;
}

.profile__cashback-count {
    border-bottom: 1px solid #ef944e;
    color: #ef944e;
}
/*----- Конец профиля -----*/

/*----- Добавление новой компании -----*/
.add-company__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 645px;
    max-width: 100%;
}

.add-company__label {
    margin-bottom: 0;
}

.add-company__label_pt {
    padding-top: 20px;
}

.add-company__btn {
    align-self: flex-start;
    margin-top: 20px;
}

.add-company-form__result {
    display: none;
    padding-top: 10px;
}
/*----- Конец добавления новой компании -----*/

/*----- Контактные лица -----*/
.person-type-modal__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.person-type-modal__result {
    display: none;
    padding-top: 20px;
    text-align: center;
}
/*----- Конец контактных лиц -----*/

/*----- История заказов -----*/
.orders__items {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.orders-item {
    padding: 14px;
    border: 1px solid rgba(155, 163, 173, 0.15);
    border-radius: var(--small-radius);
}

.orders-item__header {
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
}

.orders-item__delivery {
    margin-bottom: 24px;
    color: var(--gray-text-color);
}

.orders-item__row {
    display: flex;
    gap: 50px;
    margin-bottom: 24px;
}

.orders-item__cell {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.orders-item__row-header {
    color: var(--gray-text-color);
}

.orders-item__row-price {
    font-weight: 600;
}

.orders-item__cart {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.orders-item__cart-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92px;
    height: 124px;
    padding: 10px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--little-radius);
}

.orders-item__cart-item-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.orders__header {
    padding: 0;
    margin: 0 0 30px 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
}
/*----- Конец стории заказов -----*/

/*----- Поиск по каталогу -----*/
.search-page {
    padding-top: 0;
}

.search-page__items {
    --items: 5;
    --gap: 80px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px var(--gap);
    margin-bottom: 40px;
}

.search-page__items .card {
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.search-page__row {
    margin-bottom: 40px;
}
/*----- Конец поиска по каталогу -----*/

/*----- Адреса доставок -----*/
.add-delivery-address-row {
    display: flex;
    justify-content: center;
}

.add-delivery-address-form__result {
    display: none;
    padding-top: 10px;
    text-align: center;
}

.delivery-addresses__row {
    display: flex;
    gap: 40px;
}
/*----- Конец адресов доставок -----*/

/*----- Подразделы каталога -----*/
.catalog-subs__header {
    padding: 0;
    margin: 0 0 22px 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1;
}

.catalog-subs__items {
    --items: 4;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

.catalog-subs__item {
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.catalog-subs__item-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 100%;
    height: 318px;
    background-color: var(--white-color);
    border-radius: var(--small-radius);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}

.catalog-subs__item-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.catalog-subs__item-name {
    display: inline-flex;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 100%;
}

.catalog-subs__subitems {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
}

.catalog-subs__subitems-link {
    align-self: flex-start;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    color: var(--gray-text-color);
}

.catalog-subs__subitems-more-text {
    display: inline-flex;
    padding-top: 10px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--second-gray-text-color);
}
/*----- Конец подразделов каталога -----*/

/*----- Раздел информации -----*/
.info {
    display: flex;
    flex-direction: column;
    min-width: 425px;
    max-width: 100%;
    padding: 24px 15px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--half-radius);
}

.info__inner {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
    margin-bottom: 40px;
}

.info__left {
    width: 425px;
}

.info__right {
    width: calc(100% - 425px - var(--gap));
}

.info-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.info-menu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--carousel-color);
    border-radius: var(--small-radius);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 100%;
    transition:  color var(--transition), background-color var(--transition);
}

.info-menu__link:focus-visible {
    background-color: var(--main-color);
    color: var(--white-color);
}

.info-menu__link:hover {
    background-color: var(--main-color);
    color: var(--white-color);
}

.info-menu__link:active {
    background-color: var(--main-color);
    color: var(--white-color);
}

.info-menu__link_active {
    background-color: var(--main-color);
    color: var(--white-color);
}

.info-menu__link svg {
    flex-shrink: 0;
}

.info-menu__link svg path {
    flex-shrink: 0;
    stroke: var(--text-color);
    transition: var(--transition);
}

.info-menu__link:focus-visible svg path {
    stroke: var(--white-color);
}

.info-menu__link:hover svg path {
    stroke: var(--white-color);
}

.info-menu__link:active svg path {
    stroke: var(--white-color);
}

.info-menu__link_active svg path {
    stroke: var(--white-color);
}

.info__header {
    padding: 0;
    margin:  0 0 30px 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
}

.info__desc {
    margin-bottom: 30px;
}

.info h2 {
    padding: 0;
    margin: 0 0 24px 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
}

.info h3 {
    padding: 0;
    margin: 24px 0 12px 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
}

.info .info__right p {
    text-align: justify;
}

.info__req-header {
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1;
}

.info__req-desc {
    padding: 13px;
    margin-bottom: 24px;
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    line-height: 1.5rem;
    color: rgba(37, 57, 73, 0.6);
}

.info__link {
    border-bottom: 1px solid var(--main-color);
    color: var(--main-color);
    transition: color var(--transition), border-color var(--transition);
}

.info__link:focus-visible {
    border-color: var(--second-color);
    color: var(--second-color);
}

.info__link:hover {
    border-color: var(--second-color);
    color: var(--second-color);
}

.info__link:active {
    border-color: var(--second-color);
    color: var(--second-color);
}

.info-popup {
    max-width: 800px;
    padding: 32px 56px 22px 56px;
    border: 1px solid var(--main-color);
    border-radius: var(--radius);
}

.info__act-image {
    display: block;
    width: 60%;
    height: auto;
    margin-bottom: 40px;
}
/*----- Конец раздела информации -----*/

/*----- Раздел оплаты -----*/
.payment {
    padding: 0;
}

.payment__header {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 100%;
}

.payment__small-block {
    display: inline-flex;
    align-items: center;
    gap: 52px;
    padding: 20px 50px;
    margin-bottom: 45px;
    border-radius: var(--half-radius);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.payment__personal-icon {
    flex-shrink: 0;
    width: 60px;
    height: auto;
}

.payment__small-block-row {
    display: flex;
    flex-direction: column;
}

.payment__small-block-header {
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 100%;
}

.payment__small-block-desc {
    font-size: 1.25rem;
    line-height: 100%;
    color: rgba(44, 51, 64, 0.8);
}

.payment__personal-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment__personal-block_mb {
    margin-bottom: 100px;
}

.payment__personal-block-img {
    width: 526px;
    height: auto;
}

.payment__personal-block-right {
    width: 540px;
}

.payment__block-header {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 100%;
}

.payment__block-header_qr {
    display: flex;
    align-items: center;
    gap: 20px;
}

.payment__block-header_qr::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    background-image: url('/upload/icons/template/payment-page-qr.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.payment__block-desc {
    margin-bottom: 40px;
    color: rgba(44, 51, 64, 0.8);
}
/*----- Конец раздела оплаты -----*/

/*----- Раздел доставки -----*/
.delivery__header {
    padding: 0;
    margin-bottom: 22px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.delivery__row {
    --items: 2;
    --vgap: 50px;
    --hgap: 100px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--vgap) var(--hgap);
    margin-bottom: 50px;
}

.delivery__item {
    width: calc((100% - var(--hgap) * (var(--items) - 1)) / var(--items));
    padding: 28px 48px;
    background-color: rgba(188, 204, 228, 0.5);
    border-radius: var(--radius);
}

.delivery__item h3 {
    padding: 0;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.delivery__item p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
}

.delivery__item p.delivery__item-subdesc {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    color: rgba(44, 51, 64, 0.8);
}
/*----- Конец раздела доставки -----*/

/*----- Контакты -----*/
.contacts {
    padding: 0;
}

.contacts__map {
    height: 270px;
    margin-bottom: 30px;
    border-radius: var(--radius);
    overflow: hidden;
}

.contacts__row {
    display: flex;
    justify-content: space-between;
}

.contacts__hours-header {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.25rem;
}

.contacts__hours {
    color: #667282;
}

.contacts-address {
    display: flex;
    gap: 10px;
    margin-bottom: 34px;
    font-family: Inter;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
}

.contacts-address::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 17px;
    background-image: url('/upload/icons/template/contacts-address.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__phones {
    display: flex;
    align-items: center;
    gap: 50px;
}

.contacts__phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
}

.contacts__phone::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background-image: url('/upload/icons/template/contacts-phone.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__email {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
}

.contacts__email::before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 12px;
    background-image: url('/upload/icons/template/contacts-email.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/*----- Конец контактов -----*/

/*----- Кешбек -----*/
.cashback {
    padding: 0;
}

.cashback__inner {
    padding-bottom: 40px;
    background: linear-gradient(88.31deg, #FFFFFF 49.45%, #E1ECF4 98.3%);
}

.cashback__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 45px;
}

.cashback__img {
    flex-shrink: 0;
    width: 575px;
    height: auto;
}

.cashback__header {
    padding: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
}

.cashback__text {
    margin-bottom: 30px;
    font-size: 1.25rem;
    line-height: 1.5rem;
}
/*----- Конец кешбека -----*/

/*----- Статьи -----*/
.articles {
    padding: 0;
}

.articles__items {
    --items: 3;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

.articles-item {
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
    height: 435px;
}

.articles-item__top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    background-color: var(--articles-background);
    border-radius: var(--middle-radius);
}

.articles-item__bottom {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: var(--white-color);
}

.articles-item__data {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 204px;
    height: 50px;
    padding: 0 0 0 20px;
    background-color: var(--white-color);
    border-radius: var(--middle-radius);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: var(--gray-text-color);
}

.articles-item__data::before {
    content: '';
    display: inline-flex;
    width: 14px;
    height: 15px;
    background-image: url('/upload/icons/template/article-item-clock.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.articles-item__divider {
    display: inline-flex;
    width: calc(100% - 324px);
    height: 50px;
    background-color: var(--articles-background);
    border-bottom-left-radius: var(--middle-radius);
    border-bottom-right-radius: var(--middle-radius);
}

.articles-item__link-wrapper {
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 50px;
    padding: 0;
    background-color: var(--white-color);
    border-radius: var(--middle-radius);
}

.articles-item__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1;
}

.articles-item__link::after {
    content: '';
    display: inline-flex;
    width: 7px;
    height: 10px;
    background-image: url('/upload/icons/template/article-item-arrow.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.articles-item__divider-top {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 20px;
    background-color: var(--articles-background);
}

.articles-item__img-wrapper {
    display: block;
    width: 100%;
    height: 260px;
}

.articles-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--middle-radius);
}

.articles-item__name-wrapper {
    height: 71px;
    font-family: Inter;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5rem;
    overflow: hidden;
}

.articles__pagination {
    padding-top: 40px;
}
/*----- Конец статей -----*/

/*----- Детальная страница статьи -----*/
.article {
    padding: 0;
}

.article__header {
    padding: 8px 0 30px 0;
    margin: 0;
}

.article__inner {
    width: 100%;
    max-width: 774px;
}

.article__inner img {
    border-radius: var(--radius);
}

.article__inner h2 {
    padding: 20px 0 10px;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1;
}

.article__img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
/*----- Конец детальной странцы статьи -----*/

/*----- Модальная обратная связь -----*/
.feedback-modal {
    width: 860px;
    max-width: 100%;
    padding: 24px;
    background-color: var(--white-color);
    border-radius: var(--radius);
}

.feedback-modal__header {
    padding: 0;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1;
}

.feedback-modal__row {
    --items: 2;
    --gap: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    margin-bottom: 20px;
}

.feeback-modal__input-wrapper {
    display: flex;
    flex-direction: column;
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.feeback-modal__input-wrapper_message {
    width: 100%;
}

.feedback-modal__form-submit {
    width: 100%;
}

.feedback-modal__form-result {
    display: none;
    padding-top: 10px;
    text-align: center;
}

.feedback-modal-form__captcha-wrapper {
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.feedback-modal__checkbox-row {
    width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));
}

.feedback-modal__agree-span a {
    color: var(--main-color);
}

.feedback-modal__checkbox-row .checkbox label {
    align-items: flex-start;
}

.feedback-modal-form__success {
    text-align: center;
}
/*----- Конецу модальной обратной связи -----*/

/*----- Ошибка 404 -----*/
.error-404 {
    padding: 0;
}
/*----- Конец ошибки 404 -----*/