/* =========================================================
   OVELY — REDESIGN
   Отдельный слой дизайна для темы oct_theme_ovely
   ========================================================= */

:root {
    --ovely-primary: #B0A5C5;
    --ovely-primary-dark: #8F82AA;

    --ovely-lavender-light: #EEE9F2;
    --ovely-blush: #F7EEF3;
    --ovely-ivory: #FCFAF7;

    --ovely-text: #2F2A33;
    --ovely-text-muted: #766F7C;

    --ovely-white: #FFFFFF;
    --ovely-border: #E8E2EA;

    --ovely-radius-sm: 12px;
    --ovely-radius-md: 18px;
    --ovely-radius-lg: 26px;
}
/* =========================================================
   OVELY — HEADER V1
   Первый визуальный слой новой шапки
   ========================================================= */

/* Вся шапка */
.mhi-site-header {
    background: var(--ovely-ivory) !important;
    margin-top: 0 !important;
    border-bottom: 1px solid var(--ovely-border);
    box-shadow: 0 4px 18px rgba(70, 55, 85, 0.05);
}

/* Верхняя часть: логотип / поиск / телефон / действия */
.mhi-site-header .mhi-header-main {
    background: var(--ovely-ivory);
}

/* Телефон */
.mhi-site-header .mhi-header-phone,
.mhi-site-header .mhi-header-phone-number {
    color: var(--ovely-text) !important;
}

.mhi-site-header .mhi-header-phone-icon {
    color: var(--ovely-primary-dark);
}

.mhi-site-header .mhi-header-phone-schedule {
    color: var(--ovely-text-muted);
}

/* Иконки аккаунта / сравнения / избранного */
.mhi-site-header .mhi-header-action {
    color: var(--ovely-text) !important;
}

.mhi-site-header .mhi-header-action:hover {
    color: var(--ovely-primary-dark) !important;
}

/* Нижняя полоса навигации */
.mhi-site-header .mhi-header-nav {
    background: var(--ovely-primary) !important;
    border-top: 1px solid rgba(255,255,255,0.28);
}

/* Кнопка каталога */
.mhi-site-header .mhi-header-catalog-button {
    background: var(--ovely-primary-dark) !important;
    border-color: var(--ovely-primary-dark) !important;
    color: #fff !important;
    border-radius: var(--ovely-radius-sm);
}

/* Основные ссылки */
.mhi-site-header .mhi-main-links a {
    color: #fff !important;
    font-weight: 500;
    transition: opacity .2s ease;
}

.mhi-site-header .mhi-main-links a:hover {
    color: #fff !important;
    opacity: .76;
}

/* Поиск */
.mhi-site-header .mhi-header-search input,
.mhi-site-header .mhi-header-search .form-control {
    background: #fff !important;
    border-color: var(--ovely-border) !important;
    color: var(--ovely-text) !important;
}

.mhi-site-header .mhi-header-search input:focus,
.mhi-site-header .mhi-header-search .form-control:focus {
    border-color: var(--ovely-primary) !important;
    box-shadow: 0 0 0 3px rgba(176,165,197,.16) !important;
}

/* Перебиваем старое синее правило MHI */
@media (min-width: 992px) {
    header.mhi-site-header {
        background: var(--ovely-ivory) !important;
        margin-top: 0 !important;
    }
}

/* =========================================================
   OVELY — HEADER V2
   Усиленные overrides поверх MHI REDESIGN
   ========================================================= */

@media (min-width: 992px) {

    body header.mhi-site-header {
        background: var(--ovely-ivory) !important;
        border: 0 !important;
    }

    body header.mhi-site-header .mhi-header-main {
        background: var(--ovely-ivory) !important;
        border-bottom-color: var(--ovely-border) !important;
    }

    body .mhi-site-header .mhi-header-nav,
    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav {
        background: var(--ovely-lavender-light) !important;
        border-top: 1px solid var(--ovely-border) !important;
        border-bottom: 1px solid var(--ovely-border) !important;
        box-shadow: 0 5px 18px rgba(70, 55, 85, 0.06) !important;
    }

    body .mhi-site-header #menu_toggle_button.mhi-header-catalog-button {
        color: #ffffff !important;
        background: var(--ovely-primary-dark) !important;
        border-color: var(--ovely-primary-dark) !important;
        border-radius: 12px !important;
        box-shadow: 0 6px 16px rgba(143, 130, 170, 0.20) !important;
    }

    body .mhi-site-header #menu_toggle_button.mhi-header-catalog-button:hover,
    body .mhi-site-header #menu_toggle_button.mhi-header-catalog-button:focus {
        color: #ffffff !important;
        background: #7E709B !important;
        border-color: #7E709B !important;
        box-shadow: 0 8px 20px rgba(143, 130, 170, 0.28) !important;
    }

    body .mhi-site-header .mhi-main-links-list > li > a {
        color: var(--ovely-text) !important;
    }

    body .mhi-site-header .mhi-main-links-list > li > a:hover,
    body .mhi-site-header .mhi-main-links-list > li > a:focus {
        color: var(--ovely-primary-dark) !important;
    }

    body header.mhi-site-header .mhi-header-phone-number:hover,
    body header.mhi-site-header .mhi-header-phone-number:focus {
        color: var(--ovely-primary-dark) !important;
    }
}

/* =========================================================
   OVELY — HEADER V3
   Убираем красные MHI-акценты из шапки
   ========================================================= */

@media (min-width: 992px) {

    /* Иконка телефона */
    body header.mhi-site-header .mhi-header-phone-icon {
        color: var(--ovely-primary-dark) !important;
        background: var(--ovely-blush) !important;
        border-color: #E4D8E7 !important;
    }

    /* Номер телефона */
    body header.mhi-site-header .mhi-header-phone-number,
    body header.mhi-site-header .mhi-header-phone-number:hover,
    body header.mhi-site-header .mhi-header-phone-number:focus {
        color: var(--ovely-text) !important;
    }

    /* Стрелочка около телефона */
    body header.mhi-site-header
    .mhi-header-phone-number.rm-dropdown-toggle:hover::after {
        border-top-color: var(--ovely-primary-dark) !important;
    }

    /* Выпадающий список телефонов */
    body header.mhi-site-header
    .mhi-header-phone
    .rm-header-phones-list-item:hover {
        color: var(--ovely-primary-dark) !important;
        background: var(--ovely-blush) !important;
    }

    /* Языки */
    body header.mhi-site-header
    .mhi-header-language
    #language.language
    .language-select:hover,

    body header.mhi-site-header
    .mhi-header-language
    #language.language
    .language-select:focus {
        color: var(--ovely-primary-dark) !important;
        background: var(--ovely-blush) !important;
        border-color: #D8CCE0 !important;
        box-shadow: 0 2px 8px rgba(143,130,170,.14) !important;
    }

    body header.mhi-site-header
    .mhi-header-language
    #language.language
    .language-select.active-item {
        color: var(--ovely-primary-dark) !important;
        background: #FFFFFF !important;
        border-color: var(--ovely-primary) !important;
        box-shadow: 0 3px 10px rgba(143,130,170,.16) !important;
    }

    /* Иконки действий */
    body header.mhi-site-header .mhi-header-action:hover,
    body header.mhi-site-header .mhi-header-action:focus {
        color: var(--ovely-primary-dark) !important;
    }

    /* Числовые счётчики */
    body header.mhi-site-header .oct-fixed-bar-quantity {
        background: var(--ovely-primary-dark) !important;
        color: #FFFFFF !important;
        border-color: #FFFFFF !important;
    }
}

/* =========================================================
   OVELY — GLOBAL ACCENTS V1
   Переназначаем красные акценты MHI на палитру OVELY
   ========================================================= */

:root {
    --mhi-red: #8F82AA;
    --mhi-red-hover: #7E709B;
}

/* =========================================================
   OVELY — FOOTER V1
   Светлый воздушный футер вместо тёмного MHI
   ========================================================= */

footer {
    background: #F7F3F8 !important;
    color: var(--ovely-text-muted) !important;
    border-top: 1px solid #D8CCE0 !important;
}

/* Заголовки колонок */
footer .rm-footer-title,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: var(--ovely-text) !important;
}

/* Маленькая линия под заголовками */
footer .rm-footer-title::after {
    background: var(--ovely-primary) !important;
}

/* Обычный текст */
footer p,
footer li,
footer address,
footer .rm-footer-text {
    color: var(--ovely-text-muted) !important;
}

/* Ссылки */
footer a,
footer .rm-footer-links-list a,
footer .rm-footer-mail-link,
footer .rm-footer-phones-link,
footer .rm-phone-link {
    color: #625B68 !important;
}

/* Hover ссылок */
footer a:hover,
footer a:focus,
footer .rm-footer-links-list a:hover,
footer .rm-footer-mail-link:hover,
footer .rm-footer-phones-link:hover,
footer .rm-phone-link:hover {
    color: var(--ovely-primary-dark) !important;
}

/* Маркеры возле ссылок */
footer .rm-footer-links-list a::before,
footer .rm-footer-links-list a:hover::before {
    background: var(--ovely-primary) !important;
}

/* Социальные иконки */
footer .rm-social-item a {
    color: var(--ovely-text-muted) !important;
    background: #FFFFFF !important;
    border-color: var(--ovely-border) !important;
}

footer .rm-social-item a:hover {
    color: #FFFFFF !important;
    background: var(--ovely-primary-dark) !important;
    border-color: var(--ovely-primary-dark) !important;
}

/* Нижняя копирайт-зона */
footer .rm-footer-copyright,
footer .rm-footer-bottom,
footer .copyright {
    color: #8A8390 !important;
    border-top-color: #E5DEE8 !important;
}

/* Убираем старую красную верхнюю линию */
footer::before {
    background: var(--ovely-primary) !important;
}

/* =========================================================
   OVELY — FOOTER V2
   Читаемость и финальная светлая палитра
   ========================================================= */

body footer {
    background: #F8F4FA !important;
    color: #6F6875 !important;
}

/* Заголовки */
body footer .rm-footer-title,
body footer h3,
body footer h4,
body footer h5,
body footer h6 {
    color: #2F2A33 !important;
}

/* Основной текст */
body footer p,
body footer li,
body footer address,
body footer span {
    color: #756E7B;
}

/* Все основные ссылки */
body footer a,
body footer .rm-footer-links-list a {
    color: #655E6B !important;
}

/* Телефоны — сейчас они слишком светлые */
body footer .rm-footer-phones-link,
body footer .rm-phone-link,
body footer a[href^="tel:"] {
    color: #3A3440 !important;
    font-weight: 600 !important;
}

/* E-mail */
body footer .rm-footer-mail-link,
body footer a[href^="mailto:"] {
    color: #655E6B !important;
}

/* Hover */
body footer a:hover,
body footer a:focus,
body footer .rm-footer-links-list a:hover,
body footer .rm-footer-mail-link:hover,
body footer .rm-footer-phones-link:hover,
body footer .rm-phone-link:hover {
    color: #8F82AA !important;
}

/* Заголовочные акценты */
body footer .rm-footer-title::after {
    background: #8F82AA !important;
}

/* Нижняя строка copyright */
body footer .rm-footer-copyright,
body footer .rm-footer-bottom,
body footer .copyright {
    color: #928A98 !important;
    border-top-color: #E6DFE9 !important;
}

/* ===== OVELY BENEFITS HOVER START ===== */

/*
 * Интерактивное состояние карточек
 * модуля OVELY / MHI Benefits
 */

body .site-benefits-module .site-benefits-item {
    position: relative;
    overflow: hidden;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;
}

body .site-benefits-module .site-benefits-icon {
    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease,
        color .25s ease;
}

/* ПК и устройства с мышью */
@media (hover: hover) and (pointer: fine) {

    body .site-benefits-module .site-benefits-item:hover {
        transform: translateY(-3px);

        border-color: rgba(143, 130, 170, .48) !important;

        background:
            linear-gradient(
                135deg,
                #FFFFFF 0%,
                #FBF9FC 55%,
                #F5F0F8 100%
            ) !important;

        box-shadow:
            0 10px 26px rgba(81, 66, 95, .11),
            0 2px 7px rgba(81, 66, 95, .05);
    }

    body .site-benefits-module .site-benefits-item:hover .site-benefits-icon {
        transform: scale(1.07);

        background: #EEE9F2 !important;
        color: #7E709B !important;

        box-shadow:
            0 5px 14px rgba(143, 130, 170, .15);
    }

    body .site-benefits-module .site-benefits-item:hover .site-benefits-title {
        color: #7E709B !important;
    }
}

/* Плавность заголовка */
body .site-benefits-module .site-benefits-title {
    transition: color .25s ease;
}

/* На мобильных ничего не прыгает */
@media (max-width: 767px) {

    body .site-benefits-module .site-benefits-item {
        transform: none !important;
    }
}

/* ===== OVELY BENEFITS HOVER END ===== */

/* =========================================================
   OVELY — CONTACT PAGE
   ========================================================= */

body.information-contact #information-contact {
    margin-top: 8px;
    margin-bottom: 64px;
}

body.information-contact .rm-contact-page-grid {
    overflow: hidden;
    border: 1px solid #E8E2EA;
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow: 0 18px 45px rgba(85, 71, 103, 0.07);
}

body.information-contact .rm-contact-form-column .rm-content {
    padding: 38px 42px !important;
    background: #FFFFFF;
}

body.information-contact .rm-contact-form h1 {
    position: relative;
    margin-bottom: 38px !important;
    padding-bottom: 18px;
    color: #2F2A33 !important;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

body.information-contact .rm-contact-form h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 3px;
    border-radius: 10px;
    background: #8F82AA !important;
}

body.information-contact .rm-contact-form .form-group {
    margin-bottom: 14px;
}

body.information-contact .rm-contact-form .form-control {
    min-height: 48px;
    border: 1px solid #E3DDE7 !important;
    border-radius: 12px !important;
    background: #FCFAFD !important;
    color: #2F2A33 !important;
    box-shadow: none !important;
    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

body.information-contact .rm-contact-form textarea.form-control {
    min-height: 105px;
    padding-top: 15px;
    resize: vertical;
}

body.information-contact .rm-contact-form .form-control:focus {
    border-color: #B0A5C5 !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(176, 165, 197, 0.14) !important;
}

body.information-contact .rm-contact-form .form-control::placeholder {
    color: #8A8390 !important;
}

body.information-contact .rm-contact-form .form-checkbox-group label {
    color: #655E6B;
}

body.information-contact .rm-contact-form .form-checkbox-group label a {
    color: #8F82AA !important;
}

body.information-contact .rm-contact-form .rm-btn.dark {
    min-height: 48px;
    padding: 0 25px;
    border: 1px solid #8F82AA !important;
    border-radius: 12px !important;
    background: #8F82AA !important;
    color: #FFFFFF !important;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(143, 130, 170, 0.20) !important;
    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

body.information-contact .rm-contact-form .rm-btn.dark:hover {
    border-color: #7E709B !important;
    background: #7E709B !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 13px 26px rgba(143, 130, 170, 0.25) !important;
}

body.information-contact .rm-contact-info-column {
    position: relative;
    background:
        radial-gradient(circle at 85% 15%, rgba(176,165,197,.16), transparent 36%),
        linear-gradient(145deg, #F8F4FA 0%, #F2EEF6 100%) !important;
}

body.information-contact .rm-contact-info-column::before {
    display: none !important;
}

body.information-contact .rm-contact-info-column .rm-contact-location-info {
    display: flex;
    min-height: 100%;
    padding: 42px 46px !important;
    flex-direction: column;
    justify-content: center;
    background: transparent !important;
}

body.information-contact .rm-contact-location-store-title {
    position: relative;
    margin-bottom: 34px !important;
    padding-bottom: 17px;
    color: #2F2A33 !important;
    font-size: 22px;
    font-weight: 700;
}

body.information-contact .rm-contact-location-store-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 38px;
    height: 3px;
    border-radius: 10px;
    background: #8F82AA !important;
}

body.information-contact .rm-contact-location-title {
    margin-bottom: 8px;
    color: #655E6B !important;
    font-size: 14px;
    font-weight: 600;
}

body.information-contact .rm-contact-location-phone,
body.information-contact .rm-contact-location-phone a {
    color: #2F2A33 !important;
    font-size: 18px;
    font-weight: 700;
}

body.information-contact .rm-contact-location-phone a:hover {
    color: #8F82AA !important;
}

@media (max-width: 991px) {
    body.information-contact #information-contact {
        margin-bottom: 42px;
    }

    body.information-contact .rm-contact-form-column .rm-content,
    body.information-contact .rm-contact-info-column .rm-contact-location-info {
        padding: 30px 28px !important;
    }
}

@media (max-width: 575px) {
    body.information-contact .rm-contact-page-grid {
        border-radius: 18px;
    }

    body.information-contact .rm-contact-form-column .rm-content,
    body.information-contact .rm-contact-info-column .rm-contact-location-info {
        padding: 25px 20px !important;
    }

    body.information-contact .rm-contact-form h1 {
        font-size: 25px;
        margin-bottom: 28px !important;
    }
}

/* =========================================================
   OVELY — CONTACT PAGE BACKGROUND LOGO
   ========================================================= */

body.information-contact .rm-contact-info-column {
    position: relative;
    overflow: hidden;
}

body.information-contact .rm-contact-info-column::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-image: url('/image/catalog/logo/logo.png');
    background-repeat: no-repeat;
    background-position: 82% 50%;
    background-size: 330px auto;

    opacity: 0.055;
    pointer-events: none;
    z-index: 0;
}

body.information-contact .rm-contact-info-column .rm-contact-location-info {
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    body.information-contact .rm-contact-info-column::after {
        background-position: 82% 50%;
        background-size: 280px auto;
        opacity: 0.05;
    }
}

@media (max-width: 575px) {
    body.information-contact .rm-contact-info-column::after {
        background-position: 90% 50%;
        background-size: 220px auto;
        opacity: 0.045;
    }
}

/* =========================================================
   OVELY — CONTACT PAGE EMAIL
   ========================================================= */

body.information-contact .rm-contact-location-email,
body.information-contact .rm-contact-location-email a {
    color: #2F2A33 !important;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

body.information-contact .rm-contact-location-email a {
    transition: color .2s ease;
}

body.information-contact .rm-contact-location-email a:hover {
    color: #8F82AA !important;
}

/* =========================================================
   OVELY — PRODUCT DESCRIPTION
   ========================================================= */

.ovely-product {
    --ovely-accent: #9d8ab8;
    --ovely-accent-light: #eee8f4;
    --ovely-text: #2f2a33;
    --ovely-muted: #77717c;
    --ovely-border: #e8e2ea;
    --ovely-bg: #fbf9fc;
    color: var(--ovely-text);
    font-size: 15px;
    line-height: 1.75;
}

.ovely-product * {
    box-sizing: border-box;
}

.ovely-product__hero {
    position: relative;
    overflow: hidden;
    padding: 34px 38px;
    margin-bottom: 24px;
    border: 1px solid var(--ovely-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 15%, rgba(176,165,197,.22), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #faf7fc 100%);
}

.ovely-product__hero::after {
    content: "OVELY";
    position: absolute;
    right: 24px;
    bottom: -18px;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .08em;
    color: rgba(157,138,184,.06);
    pointer-events: none;
}

.ovely-product__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 12px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: var(--ovely-accent-light);
    color: #75648f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ovely-product__hero h2 {
    margin: 0 0 14px;
    max-width: 760px;
    color: var(--ovely-text);
    font-size: 29px;
    line-height: 1.22;
    font-weight: 700;
}

.ovely-product__lead {
    max-width: 800px;
    margin: 0;
    color: var(--ovely-muted);
    font-size: 16px;
    line-height: 1.75;
}

.ovely-product__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 24px;
}

.ovely-product__benefit {
    padding: 20px;
    border: 1px solid var(--ovely-border);
    border-radius: 18px;
    background: #fff;
}

.ovely-product__benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 13px;
    border-radius: 12px;
    background: var(--ovely-accent-light);
    color: var(--ovely-accent);
    font-size: 19px;
    font-weight: 700;
}

.ovely-product__benefit strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ovely-text);
    font-size: 15px;
}

.ovely-product__benefit span {
    display: block;
    color: var(--ovely-muted);
    font-size: 13px;
    line-height: 1.55;
}

.ovely-product__section {
    margin-bottom: 24px;
    padding: 28px 30px;
    border: 1px solid var(--ovely-border);
    border-radius: 20px;
    background: #fff;
}

.ovely-product__section h3 {
    position: relative;
    margin: 0 0 18px;
    padding-left: 17px;
    color: var(--ovely-text);
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

.ovely-product__section h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 20px;
    border-radius: 10px;
    background: var(--ovely-accent);
}

.ovely-product__section p {
    margin: 0 0 14px;
    color: var(--ovely-muted);
}

.ovely-product__section p:last-child {
    margin-bottom: 0;
}

.ovely-product__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ovely-product__features li {
    position: relative;
    padding: 11px 14px 11px 38px;
    border-radius: 12px;
    background: var(--ovely-bg);
    color: #5f5865;
}

.ovely-product__features li::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 10px;
    color: var(--ovely-accent);
    font-weight: 700;
}

.ovely-product__usage {
    padding: 26px 30px;
    margin-bottom: 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #f3eef7 0%, #faf7fb 100%);
}

.ovely-product__usage-title {
    display: block;
    margin-bottom: 9px;
    color: var(--ovely-text);
    font-size: 18px;
    font-weight: 700;
}

.ovely-product__usage p {
    margin: 0;
    color: #69616f;
}

.ovely-product__note {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 17px 20px;
    border: 1px solid #eee7f2;
    border-radius: 15px;
    background: #fcfafc;
    color: #77707b;
    font-size: 13px;
    line-height: 1.6;
}

.ovely-product__note::before {
    content: "i";
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--ovely-accent-light);
    color: var(--ovely-accent);
    font-weight: 700;
}

@media (max-width: 767px) {
    .ovely-product__hero {
        padding: 25px 22px;
        border-radius: 17px;
    }

    .ovely-product__hero h2 {
        font-size: 23px;
    }

    .ovely-product__hero::after {
        font-size: 48px;
    }

    .ovely-product__benefits {
        grid-template-columns: 1fr;
    }

    .ovely-product__features {
        grid-template-columns: 1fr;
    }

    .ovely-product__section,
    .ovely-product__usage {
        padding: 22px 20px;
        border-radius: 17px;
    }
}



/* =========================================================
   OVELY — PRODUCT DESCRIPTION COMPACT V2
   ========================================================= */

.ovely-product {
    font-size: 14px;
    line-height: 1.6;
}

.ovely-product__hero {
    padding: 22px 24px;
    margin-bottom: 12px;
    border-radius: 16px;
}

.ovely-product__hero::after {
    right: 18px;
    bottom: -12px;
    font-size: 58px;
}

.ovely-product__eyebrow {
    min-height: 24px;
    padding: 4px 10px;
    margin-bottom: 9px;
    font-size: 10px;
}

.ovely-product__hero h2 {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.25;
}

.ovely-product__lead {
    font-size: 13px;
    line-height: 1.6;
}

.ovely-product__benefits {
    gap: 8px;
    margin-bottom: 10px;
}

.ovely-product__benefit {
    padding: 14px;
    border-radius: 13px;
}

.ovely-product__benefit-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
    border-radius: 9px;
    font-size: 15px;
}

.ovely-product__benefit strong {
    margin-bottom: 3px;
    font-size: 13px;
}

.ovely-product__benefit span {
    font-size: 11px;
    line-height: 1.45;
}


/* Основные секции больше не выглядят как карточки внутри карточки */

.ovely-product__section {
    margin: 0;
    padding: 18px 4px;
    border: 0;
    border-top: 1px solid #eee9f1;
    border-radius: 0;
    background: transparent;
}

.ovely-product__section h3 {
    margin: 0 0 10px;
    padding-left: 12px;
    font-size: 16px;
}

.ovely-product__section h3::before {
    top: 3px;
    width: 3px;
    height: 16px;
}

.ovely-product__section p {
    margin: 0 0 8px;
    line-height: 1.6;
}

.ovely-product__section p:last-child {
    margin-bottom: 0;
}


/* Преимущества */

.ovely-product__features {
    gap: 6px 10px;
}

.ovely-product__features li {
    padding: 8px 10px 8px 30px;
    border-radius: 9px;
    font-size: 12px;
    line-height: 1.4;
}

.ovely-product__features li::before {
    left: 11px;
    top: 7px;
}


/* Применение */

.ovely-product__usage {
    padding: 16px 18px;
    margin: 4px 0 10px;
    border-radius: 13px;
}

.ovely-product__usage-title {
    margin-bottom: 5px;
    font-size: 14px;
}

.ovely-product__usage p {
    font-size: 12px;
    line-height: 1.55;
}


/* Примечание */

.ovely-product__note {
    gap: 9px;
    padding: 11px 13px;
    border-radius: 11px;
    font-size: 11px;
    line-height: 1.5;
}

.ovely-product__note::before {
    flex-basis: 22px;
    width: 22px;
    height: 22px;
    font-size: 11px;
}


/* Убираем лишний нижний воздух */

.ovely-product > *:last-child {
    margin-bottom: 0;
}


@media (max-width: 767px) {

    .ovely-product__hero {
        padding: 18px;
        margin-bottom: 10px;
    }

    .ovely-product__hero h2 {
        font-size: 19px;
    }

    .ovely-product__benefits {
        gap: 7px;
    }

    .ovely-product__benefit {
        padding: 12px 14px;
    }

    .ovely-product__section {
        padding: 15px 2px;
    }

    .ovely-product__features {
        grid-template-columns: 1fr;
    }

    .ovely-product__usage {
        padding: 14px 15px;
    }
}


/* OVELY — REMOVE PRODUCT HEADING BARS */
.ovely-product__section h3 {
    padding-left: 0;
}

.ovely-product__section h3::before {
    content: none !important;
    display: none !important;
}


/* =========================================================
   OVELY — PRODUCT DESCRIPTION SPACING FIX V3
   ========================================================= */

.ovely-product__benefits {
    margin-bottom: 0 !important;
}

.ovely-product__section {
    margin: 0 !important;
    padding: 12px 0 10px !important;
}

.ovely-product__section h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

.ovely-product__section p {
    margin: 0 0 6px !important;
}

.ovely-product__section p:last-child {
    margin-bottom: 0 !important;
}

.ovely-product__features {
    margin: 0 !important;
}

.ovely-product__usage {
    margin: 4px 0 8px !important;
    padding: 14px 16px !important;
}

.ovely-product__note {
    margin: 0 !important;
}


/* =========================================================
   OVELY — PRODUCT PAGE COLORS
   ========================================================= */

/* Кнопка "До кошика" */
#product-product #button-cart {
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(143, 130, 170, 0.18);
}

#product-product #button-cart:hover,
#product-product #button-cart:focus,
#product-product #button-cart:active {
    background: #8F82AA !important;
    border-color: #8F82AA !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(143, 130, 170, 0.28) !important;
}

#product-product #button-cart::before {
    background: #8F82AA !important;
}


/* Табы "Опис / Відгуки" */
#product-product .rm-tab-item:hover:not(.active) {
    color: #8F82AA !important;
    background: #F7F3FA !important;
    border-color: rgba(157, 138, 184, 0.30) !important;
}

#product-product .rm-tab-item.active {
    color: #ffffff !important;
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
    box-shadow: 0 5px 14px rgba(143, 130, 170, 0.20) !important;
}


/* Избранное / сравнение — hover */
#product-product .rm-product-top-button:hover {
    background: #F3EEF7 !important;
    border-color: #DCD2E6 !important;
    color: #8F82AA !important;
}


/* Акцент заголовков модулей на странице товара */
#product-product .rm-module-header span {
    border-color: #B0A5C5 !important;
}


/* "Ви дивилися" — название товара при наведении */
body[class*="product-product-"] #rm-pv_0 .rm-module-title a:hover {
    color: #8F82AA !important;
}


/* OVELY — PRODUCT MODULE HEADER ACCENT */
#product-product .rm-module-header span {
    border-color: #B0A5C5 !important;
    border-bottom-color: #B0A5C5 !important;
}

#product-product .rm-module-header span::before,
#product-product .rm-module-header span::after {
    background: #B0A5C5 !important;
    border-color: #B0A5C5 !important;
}


/* =========================================================
   OVELY — VIEWED PRODUCTS HOVER
   ========================================================= */

body[class*="product-product-"] #rm-pv_0 .rm-module-item {
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-item:hover {
    border-color: #B0A5C5 !important;
    box-shadow: 0 8px 24px rgba(143, 130, 170, 0.14) !important;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-item:hover .rm-module-title a,
body[class*="product-product-"] #rm-pv_0 .rm-module-item:hover .rm-module-title a:visited {
    color: #8F82AA !important;
}


/* =========================================================
   OVELY — PRODUCT QUANTITY + HELP HOVERS
   ========================================================= */

/* Кнопки минус / плюс возле количества */
#product-product .rm-module-quantity-btn:hover,
#product-product .rm-module-quantity-btn:focus {
    background: #F3EEF7 !important;
    border-color: #B0A5C5 !important;
    color: #8F82AA !important;
}

/* Линии самих значков + / - */
#product-product .rm-module-quantity-btn:hover .minus,
#product-product .rm-module-quantity-btn:hover .plus,
#product-product .rm-module-quantity-btn:focus .minus,
#product-product .rm-module-quantity-btn:focus .plus,
#product-product .rm-module-quantity-btn:hover .minus::before,
#product-product .rm-module-quantity-btn:hover .minus::after,
#product-product .rm-module-quantity-btn:hover .plus::before,
#product-product .rm-module-quantity-btn:hover .plus::after,
#product-product .rm-module-quantity-btn:focus .minus::before,
#product-product .rm-module-quantity-btn:focus .minus::after,
#product-product .rm-module-quantity-btn:focus .plus::before,
#product-product .rm-module-quantity-btn:focus .plus::after {
    background-color: #8F82AA !important;
    border-color: #8F82AA !important;
    color: #8F82AA !important;
}


/* Телефон и "Замовити дзвінок" под изображением товара */
#product-product .producthelp .blochock {
    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease,
        color .2s ease;
}

#product-product .producthelp .blochock:hover {
    border-color: #B0A5C5 !important;
    background: #FBF9FC !important;
    box-shadow: 0 6px 18px rgba(143, 130, 170, 0.12) !important;
}

#product-product .producthelp .blochock:hover .spanchick,
#product-product .producthelp .blochock:hover .spanchick a,
#product-product .producthelp .blochock:hover .rm-phone-link {
    color: #8F82AA !important;
}


/* =========================================================
   OVELY — HEADER PHONE HOVER
   ========================================================= */

body header.mhi-site-header
.mhi-header-phone-content
.rm-header-phones-list:hover {
    border-color: #B0A5C5 !important;
    box-shadow: 0 4px 13px rgba(143, 130, 170, 0.14) !important;
}

body header.mhi-site-header
.mhi-header-phone-number:hover,
body header.mhi-site-header
.mhi-header-phone-number:focus {
    color: #8F82AA !important;
    text-decoration: none !important;
}

body header.mhi-site-header
.mhi-header-phone-number.rm-dropdown-toggle:hover::after,
body header.mhi-site-header
.mhi-header-phone-number.rm-dropdown-toggle:focus::after {
    border-top-color: #8F82AA !important;
}


/* =========================================================
   OVELY — PRODUCT QTY HOVER FIX
   ========================================================= */

body.product-product .rm-module-quantity {
    gap: 0;
}

body.product-product .rm-module-quantity-btn {
    position: relative;
    width: 38px;
    min-width: 38px;
    height: 38px;
    border: 1px solid #d9ddea;
    background: #ffffff;
    color: #9D8AB8;
    transition: all .2s ease;
    box-shadow: none;
}

body.product-product .rm-module-quantity-btn:hover {
    background: #f4eff8;
    border-color: #9D8AB8;
    color: #8F82AA;
    box-shadow: none;
}

body.product-product .rm-module-quantity-btn .plus,
body.product-product .rm-module-quantity-btn .minus {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    background: transparent !important;
}

body.product-product .rm-module-quantity-btn .minus::before,
body.product-product .rm-module-quantity-btn .plus::before,
body.product-product .rm-module-quantity-btn .plus::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: currentColor !important;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

body.product-product .rm-module-quantity-btn .minus::before {
    width: 10px;
    height: 2px;
}

body.product-product .rm-module-quantity-btn .plus::before {
    width: 10px;
    height: 2px;
}

body.product-product .rm-module-quantity-btn .plus::after {
    width: 2px;
    height: 10px;
}

body.product-product #input-quantity {
    border-left: 0;
    border-right: 0;
}


/* =========================================================
   OVELY — PRODUCT QTY ICON FIX V2
   ========================================================= */

/* Сам контейнер значка НИКОГДА не должен становиться квадратом */
#product-product .rm-module-quantity-btn .minus,
#product-product .rm-module-quantity-btn .plus,
#product-product .rm-module-quantity-btn:hover .minus,
#product-product .rm-module-quantity-btn:hover .plus,
#product-product .rm-module-quantity-btn:focus .minus,
#product-product .rm-module-quantity-btn:focus .plus,
#product-product .rm-module-quantity-btn:active .minus,
#product-product .rm-module-quantity-btn:active .plus {
    position: relative !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 auto !important;

    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Горизонтальная линия минуса и плюса */
#product-product .rm-module-quantity-btn .minus::before,
#product-product .rm-module-quantity-btn .plus::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 10px !important;
    height: 1.5px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #98A1AD !important;
    border: 0 !important;
    border-radius: 2px !important;

    transform: translate(-50%, -50%) !important;
}


/* Вертикальная линия только у плюса */
#product-product .rm-module-quantity-btn .plus::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 1.5px !important;
    height: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #98A1AD !important;
    border: 0 !important;
    border-radius: 2px !important;

    transform: translate(-50%, -50%) !important;
}


/* У минуса второй линии быть не должно */
#product-product .rm-module-quantity-btn .minus::after {
    content: none !important;
    display: none !important;
}


/* Hover самой кнопки */
#product-product .rm-module-quantity-btn:hover,
#product-product .rm-module-quantity-btn:focus {
    background: #F3EEF7 !important;
    border-color: #B0A5C5 !important;
    box-shadow: none !important;
}


/* Значки при наведении становятся лавандовыми */
#product-product .rm-module-quantity-btn:hover .minus::before,
#product-product .rm-module-quantity-btn:hover .plus::before,
#product-product .rm-module-quantity-btn:hover .plus::after,
#product-product .rm-module-quantity-btn:focus .minus::before,
#product-product .rm-module-quantity-btn:focus .plus::before,
#product-product .rm-module-quantity-btn:focus .plus::after {
    background: #8F82AA !important;
}


/* =========================================================
   OVELY — AUTH ACCOUNT CART
   ========================================================= */

body.account-login,
body.account-register,
body.account-forgotten,
body.account-account,
body.account-edit,
body.account-password,
body.account-address,
body.account-order,
body.account-wishlist,
body.checkout-cart,
body.checkout-checkout {
    --ovely-accent: #9D8AB8;
    --ovely-accent-hover: #8F82AA;
    --ovely-accent-soft: #F3EEF8;
    --ovely-ink: #2F2A33;
    --ovely-muted: #7B7484;
    --ovely-line: #E7E1EC;
    --ovely-bg: #FBF9FC;
}

/* ---------- POPUP / MODAL AUTH ---------- */
.modal-content,
.rm-modal .modal-content,
.rm-account-modal .modal-content,
.rm-login-modal .modal-content,
.rm-popup-login .modal-content,
.rm-popup-register .modal-content,
.rm-popup-forgotten .modal-content {
    border: 1px solid var(--ovely-line) !important;
    border-top: 4px solid var(--ovely-accent) !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 50px rgba(65, 45, 92, 0.14) !important;
}

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content .modal-title,
.rm-account-modal h1,
.rm-login-modal h1,
.rm-popup-login h1,
.rm-popup-register h1,
.rm-popup-forgotten h1 {
    color: var(--ovely-ink) !important;
}

.modal-content .close,
.rm-modal .close,
.rm-account-modal .close,
.rm-login-modal .close {
    color: var(--ovely-accent) !important;
    opacity: 1 !important;
}

.modal-content .close:hover,
.rm-modal .close:hover,
.rm-account-modal .close:hover,
.rm-login-modal .close:hover {
    color: var(--ovely-accent-hover) !important;
}

.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content input[type="password"],
.modal-content textarea,
.modal-content select,
.rm-account-modal input,
.rm-login-modal input,
.rm-popup-login input,
.rm-popup-register input,
.rm-popup-forgotten input {
    border: 1px solid #D9D1E2 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.modal-content input:focus,
.modal-content textarea:focus,
.modal-content select:focus,
.rm-account-modal input:focus,
.rm-login-modal input:focus,
.rm-popup-login input:focus,
.rm-popup-register input:focus,
.rm-popup-forgotten input:focus {
    border-color: var(--ovely-accent) !important;
    box-shadow: 0 0 0 3px rgba(157,138,184,.16) !important;
}

.modal-content a,
.rm-account-modal a,
.rm-login-modal a,
.rm-popup-login a,
.rm-popup-register a,
.rm-popup-forgotten a {
    color: var(--ovely-accent-hover) !important;
}

.modal-content a:hover,
.rm-account-modal a:hover,
.rm-login-modal a:hover,
.rm-popup-login a:hover,
.rm-popup-register a:hover,
.rm-popup-forgotten a:hover {
    color: var(--ovely-accent) !important;
}

/* ---------- MAIN BUTTONS ---------- */
.rm-btn.dark,
.rm-btn-primary,
.btn-primary,
#button-login,
#button-register,
#button-account,
#button-payment-address,
#button-shipping-address,
#button-payment-method,
#button-shipping-method,
#button-confirm,
#button-coupon,
#button-voucher,
#button-quote {
    background: var(--ovely-accent) !important;
    border-color: var(--ovely-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.rm-btn.dark:hover,
.rm-btn-primary:hover,
.btn-primary:hover,
#button-login:hover,
#button-register:hover,
#button-account:hover,
#button-payment-address:hover,
#button-shipping-address:hover,
#button-payment-method:hover,
#button-shipping-method:hover,
#button-confirm:hover,
#button-coupon:hover,
#button-voucher:hover,
#button-quote:hover {
    background: var(--ovely-accent-hover) !important;
    border-color: var(--ovely-accent-hover) !important;
    color: #fff !important;
}

/* ---------- SECONDARY BUTTONS ---------- */
.btn-default,
.btn-secondary,
.rm-btn-light,
.rm-account-content .btn,
.checkout-cart .btn,
.checkout-checkout .btn {
    border-radius: 12px !important;
}

.btn-default:hover,
.btn-secondary:hover,
.rm-btn-light:hover {
    border-color: var(--ovely-accent) !important;
    color: var(--ovely-accent) !important;
}

/* ---------- ACCOUNT SIDEBAR / LINKS ---------- */
.account-account .list-group a,
.account-edit .list-group a,
.account-address .list-group a,
.account-order .list-group a,
.account-wishlist .list-group a,
.account-password .list-group a {
    border-color: var(--ovely-line) !important;
    color: var(--ovely-ink) !important;
}

.account-account .list-group a:hover,
.account-edit .list-group a:hover,
.account-address .list-group a:hover,
.account-order .list-group a:hover,
.account-wishlist .list-group a:hover,
.account-password .list-group a:hover,
.account-account .list-group a.active,
.account-edit .list-group a.active,
.account-address .list-group a.active,
.account-order .list-group a.active,
.account-wishlist .list-group a.active,
.account-password .list-group a.active {
    background: var(--ovely-accent-soft) !important;
    border-color: var(--ovely-accent) !important;
    color: var(--ovely-accent-hover) !important;
}

/* ---------- FORM BLOCKS ---------- */
.account-login .form-control,
.account-register .form-control,
.account-forgotten .form-control,
.account-edit .form-control,
.account-password .form-control,
.account-address .form-control,
.checkout-cart .form-control,
.checkout-checkout .form-control {
    border: 1px solid #D9D1E2 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.account-login .form-control:focus,
.account-register .form-control:focus,
.account-forgotten .form-control:focus,
.account-edit .form-control:focus,
.account-password .form-control:focus,
.account-address .form-control:focus,
.checkout-cart .form-control:focus,
.checkout-checkout .form-control:focus {
    border-color: var(--ovely-accent) !important;
    box-shadow: 0 0 0 3px rgba(157,138,184,.16) !important;
}

/* ---------- TABS / STEPS / ACTIVE ITEMS ---------- */
.rm-tab-item.active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.checkout-checkout .panel-heading,
.checkout-checkout .panel-heading a.active {
    background: var(--ovely-accent-soft) !important;
    color: var(--ovely-accent-hover) !important;
    border-color: var(--ovely-accent) !important;
}

/* ---------- CART / CHECKOUT TABLES ---------- */
.checkout-cart .table-bordered,
.checkout-checkout .table-bordered,
.account-order .table-bordered,
.account-wishlist .table-bordered {
    border-color: var(--ovely-line) !important;
}

.checkout-cart .table-bordered thead td,
.checkout-cart .table-bordered thead th,
.checkout-checkout .table-bordered thead td,
.checkout-checkout .table-bordered thead th,
.account-order .table-bordered thead td,
.account-order .table-bordered thead th,
.account-wishlist .table-bordered thead td,
.account-wishlist .table-bordered thead th {
    background: var(--ovely-bg) !important;
    color: var(--ovely-ink) !important;
    border-color: var(--ovely-line) !important;
}

/* ---------- TOTALS / IMPORTANT TEXT ---------- */
.checkout-cart .text-danger,
.checkout-checkout .text-danger,
.account-login .text-danger,
.account-register .text-danger,
.account-forgotten .text-danger {
    color: #C786A6 !important;
}

.checkout-cart .text-success,
.checkout-checkout .text-success {
    color: #7F9F8C !important;
}

/* ---------- CHECKBOXES / RADIO ---------- */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: var(--ovely-accent);
}

/* ---------- GENERIC RED ACCENT NEUTRALIZER ---------- */
.account-login [class*="red"]:not(.text-danger),
.account-register [class*="red"]:not(.text-danger),
.account-forgotten [class*="red"]:not(.text-danger),
.account-account [class*="red"]:not(.text-danger),
.checkout-cart [class*="red"]:not(.text-danger),
.checkout-checkout [class*="red"]:not(.text-danger) {
    color: var(--ovely-accent) !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
    .modal-content,
    .rm-modal .modal-content,
    .rm-account-modal .modal-content,
    .rm-login-modal .modal-content {
        border-radius: 18px !important;
    }
}

/* =========================================================
   OVELY — AUTH POPUP
   ========================================================= */

/* Основное окно */
.modal-content {
    border: 1px solid #E8E2EA !important;
    border-top: 4px solid #9D8AB8 !important;
    border-radius: 22px !important;
    background: #FFFFFF !important;
    box-shadow: 0 20px 55px rgba(70, 52, 92, 0.16) !important;
}

/* Заголовок */
.modal-content .modal-title,
.modal-content h1,
.modal-content h2,
.modal-content h3 {
    color: #2F2A33 !important;
}

/* Кнопка закрытия */
.modal-content .close {
    color: #8F82AA !important;
    opacity: 1 !important;
}

.modal-content .close:hover,
.modal-content .close:focus {
    color: #75668F !important;
}

/* Поля */
.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content input[type="password"],
.modal-content .form-control {
    border-color: #DDD5E5 !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

.modal-content input[type="text"]:focus,
.modal-content input[type="email"]:focus,
.modal-content input[type="password"]:focus,
.modal-content .form-control:focus {
    border-color: #9D8AB8 !important;
    box-shadow: 0 0 0 3px rgba(157, 138, 184, 0.14) !important;
}

/* Ссылки "Забули пароль?" / "Реєстрація" */
.modal-content a {
    color: #75668F !important;
}

.modal-content a:hover,
.modal-content a:focus {
    color: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
}

/* Основная кнопка входа */
.modal-content .rm-btn.dark,
.modal-content .rm-btn.primary,
.modal-content .btn-primary,
.modal-content #button-login {
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
    color: #FFFFFF !important;
    box-shadow: 0 7px 18px rgba(143, 130, 170, 0.18) !important;
}

.modal-content .rm-btn.dark:hover,
.modal-content .rm-btn.dark:focus,
.modal-content .rm-btn.primary:hover,
.modal-content .rm-btn.primary:focus,
.modal-content .btn-primary:hover,
.modal-content .btn-primary:focus,
.modal-content #button-login:hover,
.modal-content #button-login:focus {
    background: #8F82AA !important;
    border-color: #8F82AA !important;
    color: #FFFFFF !important;
    box-shadow: 0 9px 22px rgba(143, 130, 170, 0.25) !important;
}

/* Убираем старую красную анимацию/заливку внутри кнопки */
.modal-content .rm-btn.dark::before,
.modal-content .rm-btn.primary::before,
.modal-content .btn-primary::before {
    background: #8F82AA !important;
}

/* Обязательная звёздочка */
.modal-content .required,
.modal-content .required::before {
    color: #9D8AB8 !important;
}


/* =========================================================
   OVELY — REAL POPUP LOGIN
   ========================================================= */

#rm-popup-login .modal-dialog.narrow {
    max-width: 540px;
}

#rm-popup-login .modal-content {
    position: relative;
    border: 1px solid #e8e2ef;
    border-radius: 24px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(45, 32, 66, 0.14);
}

#rm-popup-login .modal-content::before {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: linear-gradient(90deg, #c8b6df 0%, #9d8ab8 100%);
}

#rm-popup-login .modal-header {
    padding: 26px 30px 18px;
    border-bottom: 1px solid #eee8f4;
    background: #fff;
}

#rm-popup-login .modal-title {
    color: #1f2a44;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

#rm-popup-login .modal-close {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #f4f1f8;
    opacity: 1;
    transition: all .2s ease;
}

#rm-popup-login .modal-close:hover {
    background: #e8e0f1;
}

#rm-popup-login .modal-close-icon {
    background: #8f82aa;
}

#rm-popup-login .modal-body {
    padding: 26px 30px 30px;
    background: #fff;
}

#rm-popup-login .form-group {
    margin-bottom: 18px;
}

#rm-popup-login .rm-control-label {
    display: block;
    margin-bottom: 9px;
    color: #2f2a33;
    font-size: 14px;
    font-weight: 700;
}

#rm-popup-login .rm-control-label .required {
    color: #9d8ab8;
}

#rm-popup-login .form-control {
    height: 54px;
    border: 1px solid #ddd6e8;
    border-radius: 14px;
    background: #fff;
    color: #2f2a33;
    font-size: 17px;
    padding: 0 18px;
    box-shadow: none;
    transition: all .2s ease;
}

#rm-popup-login .form-control::placeholder {
    color: #9b96a3;
}

#rm-popup-login .form-control:focus {
    border-color: #b8a6cf;
    box-shadow: 0 0 0 3px rgba(157, 138, 184, 0.12);
}

#rm-popup-login .login-popup-links {
    margin: 2px 0 22px;
}

#rm-popup-login .login-popup-links a {
    color: #7f7397;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(157, 138, 184, 0.35);
    transition: all .2s ease;
}

#rm-popup-login .login-popup-links a:hover {
    color: #5f5573;
    border-bottom-color: rgba(157, 138, 184, 0.75);
}

#rm-popup-login #popup-login-button.rm-btn.dark {
    width: 100%;
    height: 56px;
    border: 0;
    border-radius: 14px;
    background: #9d8ab8;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(157, 138, 184, 0.24);
    transition: all .2s ease;
}

#rm-popup-login #popup-login-button.rm-btn.dark:hover,
#rm-popup-login #popup-login-button.rm-btn.dark:focus {
    background: #8f82aa;
    color: #fff;
    box-shadow: 0 14px 30px rgba(143, 130, 170, 0.30);
}

@media (max-width: 575px) {
    #rm-popup-login .modal-header {
        padding: 22px 20px 16px;
    }

    #rm-popup-login .modal-body {
        padding: 22px 20px 24px;
    }

    #rm-popup-login .modal-title {
        font-size: 19px;
    }

    #rm-popup-login .login-popup-links {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start !important;
    }

    #rm-popup-login #popup-login-button.rm-btn.dark {
        height: 52px;
        font-size: 17px;
    }
}


/* =========================================================
   OVELY — POPUP LOGIN BUTTON FIX
   ========================================================= */

#rm-popup-login #popup-login-button {
    border: 0 !important;
    border-radius: 14px !important;

    color: #FFFFFF !important;
    background: #9D8AB8 !important;

    box-shadow: 0 10px 24px rgba(143, 130, 170, 0.22) !important;
}

#rm-popup-login #popup-login-button:hover,
#rm-popup-login #popup-login-button:focus {
    color: #FFFFFF !important;
    background: #8F82AA !important;

    box-shadow: 0 12px 28px rgba(143, 130, 170, 0.30) !important;
}

#rm-popup-login #popup-login-button:active {
    color: #FFFFFF !important;
    background: #81739D !important;

    box-shadow: 0 6px 15px rgba(143, 130, 170, 0.22) !important;
}


/* =========================================================
   OVELY — ACCOUNT LOGIN PAGE
   ========================================================= */

/* Верхняя линия двух карточек */
body.account-login .rm-account-login-enter::before,
body.account-login .rm-account-login-register::before {
    background: linear-gradient(
        90deg,
        #C7B7DA 0%,
        #9D8AB8 55%,
        #E9DFEF 100%
    ) !important;
}

/* Маленькая линия возле заголовков */
body.account-login .rm-account-login-title::before {
    background: #9D8AB8 !important;
}

/* Обязательные поля */
body.account-login .rm-account-login-form .required {
    color: #9D8AB8 !important;
}

/* Focus полей */
body.account-login .rm-account-login-form .form-control:focus {
    border-color: #B0A5C5 !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(157, 138, 184, 0.10) !important;
}

/* "Забули пароль?" */
body.account-login .rm-account-login-forgotten a:hover {
    color: #8F82AA !important;
    text-decoration-color: #B0A5C5 !important;
}

/* Кнопка входа */
body.account-login .rm-account-login-enter .rm-btn {
    color: #FFFFFF !important;
    background: #9D8AB8 !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(143, 130, 170, 0.20) !important;
}

body.account-login .rm-account-login-enter .rm-btn:hover,
body.account-login .rm-account-login-enter .rm-btn:focus {
    color: #FFFFFF !important;
    background: #8F82AA !important;
    box-shadow: 0 13px 28px rgba(143, 130, 170, 0.28) !important;
}

/* Карточка регистрации — лёгкий OVELY-фон */
body.account-login .rm-account-login-register {
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(176, 165, 197, 0.16) 0,
            rgba(176, 165, 197, 0) 38%
        ),
        #FFFFFF !important;
}

/* Кнопка регистрации — вторичная */
body.account-login .rm-account-login-register .rm-btn {
    color: #75648F !important;
    background: #F3EEF7 !important;
    border: 1px solid #D9CFE5 !important;
    box-shadow: none !important;
}

body.account-login .rm-account-login-register .rm-btn:hover,
body.account-login .rm-account-login-register .rm-btn:focus {
    color: #FFFFFF !important;
    background: #8F82AA !important;
    border-color: #8F82AA !important;
    box-shadow: 0 10px 24px rgba(143, 130, 170, 0.20) !important;
}


/* =========================================================
   OVELY — ACCOUNT LOGIN REGISTER BUTTON TEXT
   ========================================================= */

body.account-login .rm-account-login-register .rm-btn,
body.account-login .rm-account-login-register .rm-btn .rm-btn-text {
    color: #75648F !important;
}

body.account-login .rm-account-login-register .rm-btn:hover,
body.account-login .rm-account-login-register .rm-btn:focus,
body.account-login .rm-account-login-register .rm-btn:hover .rm-btn-text,
body.account-login .rm-account-login-register .rm-btn:focus .rm-btn-text {
    color: #FFFFFF !important;
}


/* =========================================================
   OVELY — ACCOUNT SIDEBAR HOVER
   ========================================================= */

/* Цветные круглые иконки сохраняем.
   Меняем только старый красный hover текста и полоски слева. */

body[class*="account-"] #column-left a:hover,
body[class*="account-"] #column-left .list-group-item:hover {
    color: #8F82AA !important;
    background: #FBF9FC !important;
}

body[class*="account-"] #column-left a::before,
body[class*="account-"] #column-left .list-group-item::before,
body[class*="account-"] #column-left a:hover::before,
body[class*="account-"] #column-left .list-group-item:hover::before {
    background: #9D8AB8 !important;
}


/* =========================================================
   OVELY — BONUS POINTS / REWARD
   ========================================================= */

/* Верхний информационный блок */
body.account-reward
.container:not(#account-reward)
.rm-content-title {
    background:
        linear-gradient(
            120deg,
            #FCFAFD 0%,
            #F4EFF8 48%,
            #EEE8F4 100%
        ) !important;

    border-color: #E3DAEB !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.80),
        0 5px 18px rgba(143,130,170,.05) !important;
}

/* Круг со счётчиком бонусов */
body.account-reward
.container:not(#account-reward)
.rm-content-title b {
    color: #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #B7A6CD 0%,
            #9D8AB8 48%,
            #88799F 100%
        ) !important;

    box-shadow:
        0 8px 20px rgba(143,130,170,.24) !important;
}


/* Контейнер таблицы */
body.account-reward
.container:not(#account-reward)
.rm-table-box {
    border-color: #E3DAEB !important;

    box-shadow:
        0 8px 25px rgba(143,130,170,.07) !important;
}


/* Единый переливающийся фон всей шапки таблицы */
body.account-reward
.container:not(#account-reward)
table thead {
    background:
        linear-gradient(
            105deg,
            #80719C 0%,
            #9481AF 22%,
            #AB96C3 48%,
            #C0AED3 70%,
            #9481AF 100%
        ) !important;
}

/* Ячейки делаем прозрачными, чтобы градиент был единым,
   а не повторялся отдельно в каждой колонке */
body.account-reward
.container:not(#account-reward)
table thead tr,
body.account-reward
.container:not(#account-reward)
table thead th {
    background: transparent !important;
}

body.account-reward
.container:not(#account-reward)
table thead th {
    color: #FFFFFF !important;

    text-shadow:
        0 1px 2px rgba(66,47,83,.16);
}


/* Очень лёгкий OVELY-hover строк */
body.account-reward
.container:not(#account-reward)
table tbody tr:hover td {
    background: #FCFAFD !important;
}


/* =========================================================
   OVELY — ACCOUNT SIDEBAR FINAL HOVER
   ========================================================= */

/* Убираем старые вертикальные полосы */
body[class*="account-"] #column-left .rm-account-list-item::before,
body[class*="account-"] #column-left .rm-account-link::before,
body[class*="account-"] #column-left .rm-account-link::after {
    display: none !important;
    content: none !important;
}

/* Разрешаем подсветке доходить до краёв карточки */
body[class*="account-"] #column-left .rm-account-list {
    overflow: visible !important;
}

/* Растягиваем строку практически на всю ширину левого блока */
body[class*="account-"] #column-left .rm-account-list-item {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;

    transition:
        background .18s ease,
        box-shadow .18s ease !important;
}

/* Мягкая OVELY-подсветка всей строки */
body[class*="account-"] #column-left .rm-account-list-item:hover {
    background: linear-gradient(
        90deg,
        rgba(157, 138, 184, .16) 0%,
        rgba(157, 138, 184, .105) 42%,
        rgba(157, 138, 184, .055) 72%,
        rgba(157, 138, 184, .025) 100%
    ) !important;
}

/* Цветные круглые иконки сохраняем */
body[class*="account-"] #column-left .rm-account-list-item:hover .rm-account-link {
    color: #7F7198 !important;
    background: transparent !important;
    transform: none !important;
}


/* OVELY — ACCOUNT SIDEBAR CLIP FIX */
body[class*="account-"] #column-left .rm-column-box,
body[class*="account-"] #column-left .rm-account-list {
    overflow: hidden !important;
}


/* =========================================================
   OVELY — CHECKOUT CITY + NOVA POSHTA DROPDOWN
   ========================================================= */

#simplecheckout_shipping_address
.row-shipping_address_city
ul.dropdown-address > li,

#simplecheckout_shipping_address
.row-shipping_address_address_1
ul.dropdown-address > li {
    background: #ffffff !important;
    color: #4f4858 !important;
}

#simplecheckout_shipping_address
.row-shipping_address_city
ul.dropdown-address > li > a,

#simplecheckout_shipping_address
.row-shipping_address_address_1
ul.dropdown-address > li > a {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;

    background: transparent !important;
    color: #4f4858 !important;

    text-decoration: none !important;
    outline: none !important;
}

#simplecheckout_shipping_address
.row-shipping_address_city
ul.dropdown-address > li:hover,

#simplecheckout_shipping_address
.row-shipping_address_city
ul.dropdown-address > li.active,

#simplecheckout_shipping_address
.row-shipping_address_address_1
ul.dropdown-address > li:hover,

#simplecheckout_shipping_address
.row-shipping_address_address_1
ul.dropdown-address > li.active {
    background: linear-gradient(
        90deg,
        #eee9f4 0%,
        #f5f1f8 100%
    ) !important;

    box-shadow: inset 3px 0 0 #9d8ab8 !important;
}

#simplecheckout_shipping_address
.row-shipping_address_city
ul.dropdown-address > li:hover > a,

#simplecheckout_shipping_address
.row-shipping_address_city
ul.dropdown-address > li.active > a,

#simplecheckout_shipping_address
.row-shipping_address_address_1
ul.dropdown-address > li:hover > a,

#simplecheckout_shipping_address
.row-shipping_address_address_1
ul.dropdown-address > li.active > a {
    background: transparent !important;
    color: #5f5573 !important;
}

/* =========================================================
   OVELY — PRODUCT ACTION ICONS FINAL
   Белые круги + тёмно-лавандовые Wishlist / Compare
   ========================================================= */

body[class*="product-category-"] .rm-category-products .rm-module-buttons .rm-module-buttons-item,
body[class*="product-product-"] #rm-pv_0 .rm-module-buttons-item {
    background: #ffffff !important;
    border: 1px solid #e7e1eb !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 7px rgba(73, 59, 86, .08) !important;
    filter: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

body[class*="product-category-"] .rm-category-products .rm-module-buttons .rm-module-buttons-item span,
body[class*="product-product-"] #rm-pv_0 .rm-module-buttons-item span {
    opacity: 1 !important;
    transform: none !important;

    filter:
        brightness(0)
        saturate(100%)
        invert(34%)
        sepia(17%)
        saturate(896%)
        hue-rotate(228deg)
        brightness(92%)
        contrast(88%) !important;

    transition:
        filter .18s ease,
        transform .18s ease !important;
}

body[class*="product-category-"] .rm-category-products .rm-module-buttons .rm-module-buttons-item:hover,
body[class*="product-category-"] .rm-category-products .rm-module-buttons .rm-module-buttons-item:focus,
body[class*="product-product-"] #rm-pv_0 .rm-module-buttons-item:hover,
body[class*="product-product-"] #rm-pv_0 .rm-module-buttons-item:focus {
    background: #f4eff7 !important;
    border-color: #bca9d1 !important;
    box-shadow: 0 4px 12px rgba(157, 138, 184, .18) !important;
    transform: translateY(-1px) !important;
    filter: none !important;
}

body[class*="product-category-"] .rm-category-products .rm-module-buttons .rm-module-buttons-item:hover span,
body[class*="product-category-"] .rm-category-products .rm-module-buttons .rm-module-buttons-item:focus span,
body[class*="product-product-"] #rm-pv_0 .rm-module-buttons-item:hover span,
body[class*="product-product-"] #rm-pv_0 .rm-module-buttons-item:focus span {
    opacity: 1 !important;
    transform: scale(1.05) !important;

    filter:
        brightness(0)
        saturate(100%)
        invert(26%)
        sepia(24%)
        saturate(1080%)
        hue-rotate(230deg)
        brightness(86%)
        contrast(94%) !important;
}

/* OVELY — LIVE SEARCH HOVER START */

/* Строка товара */
#rm_livesearch .rm-livesearch-list-item {
    position: relative;
    padding-left: 6px !important;
    box-sizing: border-box !important;
    border-radius: 10px;

    transition:
        background .18s ease,
        box-shadow .18s ease !important;
}

/* Наведение на товар */
#rm_livesearch .rm-livesearch-list-item:hover,
#rm_livesearch .rm-livesearch-list-item:focus-within {
    background: linear-gradient(
        90deg,
        #f1ebf5 0%,
        #f8f5fa 100%
    ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(157, 138, 184, .20),
        0 3px 12px rgba(157, 138, 184, .08) !important;

    outline: 1px solid rgba(157, 138, 184, .28) !important;
    outline-offset: 4px !important;
}

/* Название товара */
#rm_livesearch
.rm-livesearch-list-item:hover
.rm-livesearch-list-item-name a,
#rm_livesearch
.rm-livesearch-list-item:focus-within
.rm-livesearch-list-item-name a {
    color: #67557f !important;
}

/* Изображение */
#rm_livesearch .rm-livesearch-list-item-image img {
    transition: transform .18s ease !important;
}

#rm_livesearch
.rm-livesearch-list-item:hover
.rm-livesearch-list-item-image img {
    transform: scale(1.02);
}

/* OVELY — LIVE SEARCH HOVER END */

/* OVELY — VIEWED CAROUSEL ARROWS START */

/* «Ви дивилися» — убираем лишний второй круг кнопки */
body[class*="product-product-"] #rm-pv_0 .slick-prev,
body[class*="product-product-"] #rm-pv_0 .slick-next {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Правильный штатный круг ::before точно центрируем */
body[class*="product-product-"] #rm-pv_0 .slick-prev::before,
body[class*="product-product-"] #rm-pv_0 .slick-next::before {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    margin: 0 !important;
}

body[class*="product-product-"] #rm-pv_0 .slick-prev::before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
}

body[class*="product-product-"] #rm-pv_0 .slick-next::before {
    transform: translate(-50%, -50%) !important;
}

/* OVELY — VIEWED CAROUSEL ARROWS END */
/* OVELY — VIEWED SLICK FOUC START */

/* Не показываем вертикальную разметку до инициализации Slick */
body[class*="product-product-"] #rm-pv_0:not(.slick-initialized) {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* После инициализации показываем карусель сразу */
body[class*="product-product-"] #rm-pv_0.slick-initialized {
    visibility: visible !important;
    opacity: 1 !important;
}

/* OVELY — VIEWED SLICK FOUC END */

/* OVELY — MOBILE BOTTOM NAV START */

@media (max-width: 991.98px) {

    #mhi_mobile_bottom_nav {
        background: rgba(255, 253, 251, .97) !important;
        border-top: 1px solid #e8e2ea !important;

        box-shadow:
            0 -8px 24px rgba(74, 58, 86, .08) !important;

        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-item {
        color: #655e6b !important;
        border-radius: 13px !important;

        transition:
            color .18s ease,
            background .18s ease,
            transform .18s ease !important;
    }

    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-item:hover,
    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-item:focus {
        color: #8f82aa !important;
        background: rgba(176, 165, 197, .10) !important;
        text-decoration: none !important;
        outline: none !important;
    }

    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-item.is-current,
    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-item.is-active {
        color: #806f9d !important;

        background: linear-gradient(
            180deg,
            #f4eff7 0%,
            #eee8f3 100%
        ) !important;

        box-shadow:
            inset 0 0 0 1px rgba(157, 138, 184, .12) !important;
    }

    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-icon {
        color: inherit !important;
    }

    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-icon svg {
        stroke: currentColor !important;
    }

    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-label {
        color: inherit !important;
    }

    /* Счётчики уведомлений оставляем красными */
    #mhi_mobile_bottom_nav .mhi-mobile-bottom-nav-count {
        background: #e34f5f !important;
        color: #ffffff !important;

        box-shadow:
            0 2px 7px rgba(227, 79, 95, .25) !important;
    }
}

/* OVELY — MOBILE BOTTOM NAV END */

/* OVELY — MOBILE SIDEBAR LOGO START */

@media (max-width: 991.98px) {
    .rm-sidebar-title img[src*="catalog/logo/logo.png"] {
        width: 150px !important;
        height: 72px !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* OVELY — MOBILE SIDEBAR LOGO END */

/* OVELY — MOBILE CATEGORY CART START */

@media (max-width: 767px) {
    .product-layout .rm-cart-btn {
        background: #9D8AB8 !important;
        border-color: #9D8AB8 !important;
        box-shadow: 0 6px 16px rgba(157, 138, 184, 0.20) !important;
    }

    .product-layout .rm-cart-btn:hover,
    .product-layout .rm-cart-btn:focus,
    .product-layout .rm-cart-btn:active {
        background: #8F82AA !important;
        border-color: #8F82AA !important;
    }
}

/* OVELY — MOBILE CATEGORY CART END */

/* OVELY — VIEWED CART BUTTON START */
body[class*="product-product-"] #rm-pv_0 .rm-cart-btn {
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
    box-shadow: 0 5px 14px rgba(157, 138, 184, 0.20) !important;
}

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn:hover,
body[class*="product-product-"] #rm-pv_0 .rm-cart-btn:focus,
body[class*="product-product-"] #rm-pv_0 .rm-cart-btn:active {
    background: #8F82AA !important;
    border-color: #8F82AA !important;
    box-shadow: 0 7px 16px rgba(143, 130, 170, 0.25) !important;
}
/* OVELY — VIEWED CART BUTTON END */

/* OVELY — OCFILTER FINAL START */

body[class*="product-category-"] #ocf-module-1 .ocf-form-control:focus {
    background: #ffffff !important;
    border-color: #9D8AB8 !important;
    box-shadow: 0 0 0 3px rgba(157, 138, 184, 0.12) !important;
    outline: none !important;
}

body[class*="product-category-"] #ocf-module-1
.ocf-value-selected .ocf-value-input,
body[class*="product-category-"] #ocf-module-1
.ocf-value.ocf-selected .ocf-value-input {
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-search-btn-static,
body[class*="product-category-"] #ocf-module-1 .ocf-search-btn-popover {
    color: #ffffff !important;
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
    box-shadow: 0 6px 16px rgba(157, 138, 184, 0.20) !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-search-btn-static:hover,
body[class*="product-category-"] #ocf-module-1 .ocf-search-btn-popover:hover {
    background: #8F82AA !important;
    border-color: #8F82AA !important;
}

/* OVELY — OCFILTER FINAL END */

/* OVELY — DESKTOP CATEGORY CART START */

@media (min-width: 768px) {
    body[class*="product-category-"] .product-layout .rm-cart-btn {
        background: #9D8AB8 !important;
        border-color: #9D8AB8 !important;
        box-shadow: 0 6px 16px rgba(157, 138, 184, 0.20) !important;
    }

    body[class*="product-category-"] .product-layout .rm-cart-btn:hover,
    body[class*="product-category-"] .product-layout .rm-cart-btn:focus,
    body[class*="product-category-"] .product-layout .rm-cart-btn:active {
        background: #8F82AA !important;
        border-color: #8F82AA !important;
    }
}

/* OVELY — DESKTOP CATEGORY CART END */

/* OVELY — OCFILTER SLIDER START */

body[class*="product-category-"] #ocf-module-1
.ocf-noUi-connect::before {
    background: #9D8AB8 !important;
}

/* OVELY — OCFILTER SLIDER END */

/* OVELY — OCFILTER RADIO START */

body[class*="product-category-"] #ocf-module-1
.ocf-value-selected .ocf-value-input-radio::before,
body[class*="product-category-"] #ocf-module-1
.ocf-value.ocf-selected .ocf-value-input-radio::before {
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
}

/* OVELY — OCFILTER RADIO END */

/* OVELY — HOME RECOMMENDED CART START */

#common-home #rm-mp_0 .rm-cart-btn {
    background: #9D8AB8 !important;
    border-color: #9D8AB8 !important;
    box-shadow: 0 6px 16px rgba(157, 138, 184, 0.20) !important;
}

#common-home #rm-mp_0 .rm-cart-btn:hover,
#common-home #rm-mp_0 .rm-cart-btn:focus,
#common-home #rm-mp_0 .rm-cart-btn:active {
    background: #8F82AA !important;
    border-color: #8F82AA !important;
    box-shadow: 0 7px 16px rgba(143, 130, 170, 0.25) !important;
}

/* OVELY — HOME RECOMMENDED CART END */

/* OVELY — RECOMMENDED SLICK FOUC START */

@media (min-width: 1200px) {
    #common-home #rm-mp_0:not(.slick-initialized) {
        height: 463px !important;
        max-height: 463px !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

#common-home #rm-mp_0.slick-initialized {
    visibility: visible !important;
    opacity: 1 !important;
}

/* OVELY — RECOMMENDED SLICK FOUC END */
/* OVELY — HOME DESKTOP CATEGORY MENU START */
@media (min-width: 993px) {

    /* Левая колонка + баннер */
    body.common-home .mhi-home-hero-grid {
        grid-template-columns: 292px minmax(0, 1fr) !important;
        column-gap: 24px !important;
    }

    body.common-home .mhi-home-catalog,
    body.common-home .mhi-home-column-left,
    body.common-home #column-left {
        width: 292px !important;
        min-width: 292px !important;
        max-width: 292px !important;
    }

    body.common-home .mhi-home-slider {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Выравниваем обычное меню по верхнему краю баннера */
    body.common-home #column-left #rm-menu {
        top: 0 !important;
    }

    /* Меню без выпадающих подкатегорий */
    body.common-home #rm-menu.ovely-menu-no-subcategories,
    body.common-home #rm-menu.ovely-menu-no-subcategories:hover,
    body.common-home #rm-menu.ovely-menu-no-subcategories.active {
        width: 292px !important;
        min-width: 292px !important;
        max-width: 292px !important;

        box-sizing: border-box !important;

        background: #fff !important;
        border: 1px solid #E8E2EA !important;
        border-radius: 16px !important;

        box-shadow: 0 10px 30px rgba(65, 50, 80, .09) !important;

        overflow: hidden !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories > nav,
    body.common-home #rm-menu.ovely-menu-no-subcategories:hover > nav,
    body.common-home #rm-menu.ovely-menu-no-subcategories.active > nav {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;

        box-shadow: none !important;
        border-radius: 0 !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories .rm-menu-list {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 8px !important;

        overflow: visible !important;
        border: 0 !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item {
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 11px !important;

        transition: background .18s ease, color .18s ease !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item:not(:last-child) {
        margin-bottom: 2px !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item > div:first-child {
        width: 100% !important;
        min-height: 58px !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list-item-link {
        width: 100% !important;
        min-height: 58px !important;

        padding: 8px 14px !important;

        line-height: normal !important;

        font-size: 15px !important;
        font-weight: 500 !important;

        color: #4F4658 !important;
        text-decoration: none !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list-item-icon {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;

        flex: 0 0 30px !important;

        margin-right: 13px !important;

        object-fit: contain !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list-item-name {
        line-height: 1.3 !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item:hover,

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item.active {
        background: linear-gradient(
            90deg,
            #F4F0F7 0%,
            #FAF8FB 100%
        ) !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item:hover
    .rm-menu-list-item-link,

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list > .rm-menu-list-item.active
    .rm-menu-list-item-link {
        color: #806F9D !important;
    }

    body.common-home #rm-menu.ovely-menu-no-subcategories
    .rm-menu-list-item-chevron {
        display: none !important;
    }

    /* Такое же меню в закреплённой шапке */
    body.common-home
    .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    #rm-menu.ovely-menu-no-subcategories,

    body.common-home
    .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    #rm-menu.ovely-menu-no-subcategories.active,

    body.common-home
    .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    #rm-menu.ovely-menu-no-subcategories:hover {
        left: 0 !important;
        right: auto !important;

        top: calc(100% + 8px) !important;

        width: 292px !important;
        min-width: 292px !important;
        max-width: 292px !important;
    }
}
/* OVELY — HOME DESKTOP CATEGORY MENU END */


/* OVELY - HEADER CATEGORY MENU LAYOUT START */
@media (min-width:992px){
    body.ovely-hcm-desktop-active.common-home .mhi-home-hero-grid{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
    body.ovely-hcm-desktop-active.common-home .mhi-home-catalog{display:none!important}
    body.ovely-hcm-desktop-active.common-home .mhi-home-slider{grid-column:1!important;width:100%!important;min-width:0!important;max-width:none!important}
    body.ovely-hcm-desktop-active .mhi-header-nav,body.ovely-hcm-desktop-active .mhi-header-nav .container-fluid.container-sm,body.ovely-hcm-desktop-active .mhi-header-nav .mhi-header-nav-row{overflow:visible!important}
    body.ovely-hcm-desktop-active .mhi-header-nav .mhi-header-nav-row{position:relative!important}
    body.ovely-hcm-desktop-active #menu_toggle_button.active{position:relative!important;z-index:1202!important;background:linear-gradient(135deg,#8D78AC 0%,#9A86B6 52%,#A895BF 100%)!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;box-shadow:0 5px 14px rgba(91,72,111,.14)!important}
}
/* OVELY - HEADER CATEGORY MENU LAYOUT END */

/* OVELY — HCM CATALOG BUTTON POINTER FIX */ @media (min-width:992px){body.common-home.ovely-hcm-desktop-active #menu_toggle_button{pointer-events:auto!important;cursor:pointer!important;}}


/* OVELY - HCM CLOSE ICON POSITION FIX */
@media (min-width:992px){
    body .mhi-site-header #menu_toggle_button.beast84-hcm-bound-trigger .rm-btn-icon .close-icon{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important}
}


/* OVELY - STICKY HEADER ACTIONS GAP */
@media (min-width:992px){
    body.mhi-fixed-nav-active .mhi-header-nav.mhi-fixed-nav .mhi-header-actions{gap:14px!important;column-gap:14px!important}
}