/* =========================================================
   MHI REDESIGN
   Custom design for oct_theme_ovely
   Information bar is not modified
   ========================================================= */

:root {
    --mhi-red: #e30613;
    --mhi-red-hover: #c9000b;
    --mhi-dark: #151d2b;
    --mhi-text: #1d1d1f;
    --mhi-muted: #777b83;
    --mhi-border: #e6e8ec;
    --mhi-light: #f7f8fa;
    --mhi-white: #ffffff;
}

/* Remove the temporary CSS test label */
body::after {
    display: none !important;
    content: none !important;
}

/* Common site width */
.mhi-site-header .container-fluid.container-sm {
    width: 100%;
    max-width: 1440px;
    padding-right: 24px;
    padding-left: 24px;
    margin-right: auto;
    margin-left: auto;
}

/* =========================================================
   MAIN HEADER ROW
   Logo / Search / Phone / Actions
   ========================================================= */

.mhi-site-header {
    position: relative;
    z-index: 100;
    margin: 0;
    background: var(--mhi-white);
    border: 0;
    box-shadow: none;
}

.mhi-header-main {
    background: var(--mhi-white);
    border-bottom: 1px solid var(--mhi-border);
}

.mhi-header-main-grid {
    min-height: 88px;
    display: grid;
    grid-template-columns: 230px minmax(320px, 1fr) 225px auto;
    gap: 28px;
    align-items: center;
}

/* Logo */

.mhi-header-logo {
    min-width: 0;
}

.mhi-header-logo a,
.mhi-header-logo span {
    display: inline-flex;
    align-items: center;
}

.mhi-header-logo img {
    display: block;
    width: auto;
    max-width: 210px;
    max-height: 60px;
    object-fit: contain;
}

/* Search */

.mhi-header-search {
    min-width: 0;
}

.mhi-header-search .rm-search {
    width: 100%;
    height: 46px;
    margin: 0;
    overflow: visible;
    background: var(--mhi-white);
    border: 1px solid #dfe2e7;
    border-radius: 8px;
    box-shadow: none;
}

.mhi-header-search .rm-search:focus-within {
    border-color: #afb4bc;
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.08);
}

.mhi-header-search .rm-search input {
    height: 44px;
    padding-right: 54px;
    padding-left: 18px;
    color: var(--mhi-text);
    font-size: 13px;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
}

.mhi-header-search .rm-search input::placeholder {
    color: #9a9da3;
}

.mhi-header-search #rm-search-button {
    width: 50px;
    height: 44px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
}

.mhi-header-search #rm-search-button img {
    opacity: 0.7;
    filter: none !important;
}

/* Phone */

.mhi-header-phone {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.mhi-header-phone-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mhi-dark);
    border-radius: 50%;
    background: var(--mhi-light);
}

.mhi-header-phone-content {
    min-width: 0;
}

.mhi-header-phone-number {
    display: flex;
    align-items: center;
    color: var(--mhi-text) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none !important;
}

.mhi-header-phone-number:hover {
    color: var(--mhi-red) !important;
}

.mhi-header-phone-schedule {
    display: block;
    margin-top: 2px;
    color: var(--mhi-muted);
    font-size: 10px;
    line-height: 15px;
    white-space: nowrap;
}

.mhi-header-phone .rm-dropdown {
    z-index: 1005;
}

/* Header actions */

.mhi-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.mhi-header-action {
    position: relative;
    min-width: 48px;
    min-height: 50px;
    padding: 4px 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: var(--mhi-text);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        background 0.2s ease;
}

.mhi-header-action:hover {
    color: var(--mhi-red);
    background: var(--mhi-light);
}

.mhi-header-action svg,
.mhi-header-action img {
    display: block;
    width: 23px;
    height: 23px;
    object-fit: contain;
    filter: none !important;
}

.mhi-header-action-label {
    display: block;
    color: inherit;
    font-size: 9px;
    font-weight: 500;
    line-height: 12px;
    white-space: nowrap;
}

.mhi-header-action .oct-fixed-bar-quantity {
    position: absolute !important;
    top: 1px !important;
    right: 3px !important;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    display: block;
    color: #ffffff !important;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    background: var(--mhi-red) !important;
    border: 1px solid #ffffff;
    border-radius: 10px;
}

.mhi-header-language {
    margin-right: 3px;
}

/* Cart output from the standard ReMarket module */

.mhi-header-cart {
    padding: 0;
}

.mhi-header-cart > div,
.mhi-header-cart #cart {
    margin: 0 !important;
}

.mhi-header-cart button {
    min-width: 48px;
    min-height: 48px;
    padding: 4px 7px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.mhi-header-cart button:hover {
    background: var(--mhi-light) !important;
}

/* =========================================================
   NAVIGATION ROW
   Catalog button / Main links
   ========================================================= */

.mhi-header-nav {
    background: var(--mhi-white);
    border-bottom: 1px solid var(--mhi-border);
    box-shadow: 0 4px 14px rgba(21, 29, 43, 0.04);
}

.mhi-header-nav-row {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.mhi-header-catalog-button {
    width: 250px;
    min-width: 250px;
    min-height: 44px;
    padding: 0 18px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff !important;
    background: var(--mhi-red) !important;
    border: 1px solid var(--mhi-red) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

.mhi-header-catalog-button:hover,
.mhi-header-catalog-button:focus {
    color: #ffffff !important;
    background: var(--mhi-red-hover) !important;
    border-color: var(--mhi-red-hover) !important;
}

.mhi-header-catalog-button .rm-btn-text {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
}

.mhi-header-catalog-button img {
    filter: brightness(0) invert(1) !important;
}

.mhi-main-links {
    min-width: 0;
    flex-grow: 1;
}

.mhi-main-links-list {
    min-height: 58px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 30px;
    list-style: none;
}

.mhi-main-links-list li {
    margin: 0;
    padding: 0;
}

.mhi-main-links-list a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    color: #272a2f;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mhi-main-links-list a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--mhi-red);
    transform: scaleX(0);
    transition: transform 0.2s ease;
}

.mhi-main-links-list a:hover {
    color: var(--mhi-red);
}

.mhi-main-links-list a:hover::after {
    transform: scaleX(1);
}

/* Catalog dropdown produced by {{ menu }} */

.mhi-site-header .rm-main-menu {
    border: 1px solid var(--mhi-border);
    border-top: 0;
    border-radius: 0 0 9px 9px;
    box-shadow: 0 15px 35px rgba(21, 29, 43, 0.14);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
    .mhi-header-main-grid {
        grid-template-columns: 190px minmax(260px, 1fr) 190px auto;
        gap: 16px;
    }

    .mhi-header-logo img {
        max-width: 180px;
    }

    .mhi-header-actions {
        gap: 2px;
    }

    .mhi-header-action {
        min-width: 42px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .mhi-header-action-label {
        display: none;
    }

    .mhi-main-links-list {
        gap: 20px;
    }

    .mhi-main-links-list a {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .mhi-site-header .container-fluid.container-sm {
        padding-right: 15px;
        padding-left: 15px;
    }

    .mhi-header-main-grid {
        min-height: auto;
        padding: 10px 0;
        grid-template-columns: minmax(130px, 1fr) auto;
        gap: 10px 15px;
    }

    .mhi-header-logo img {
        max-width: 170px;
        max-height: 48px;
    }

    .mhi-header-search {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .mhi-header-phone {
        display: none;
    }

    .mhi-header-actions {
        grid-column: 2;
        grid-row: 1;
    }

    .mhi-header-language,
    .mhi-header-action-compare {
        display: none;
    }

    .mhi-header-action {
        min-width: 38px;
        min-height: 40px;
    }

    .mhi-header-action svg,
    .mhi-header-action img {
        width: 21px;
        height: 21px;
    }

    .mhi-header-nav-row {
        min-height: 52px;
    }

    .mhi-header-catalog-button {
        width: 100%;
        min-width: 0;
        min-height: 42px;
    }

    .mhi-main-links {
        display: none;
    }
}

@media (max-width: 575px) {
    .mhi-header-logo img {
        max-width: 145px;
    }

    .mhi-header-action-wishlist {
        display: none;
    }
}

/* Корзина в новой шапке */
.mhi-header-cart #cart svg,
.mhi-header-cart .nofiltercart {
    filter: none !important;
    opacity: 1 !important;
}

.mhi-header-cart #cart {
    color: var(--mhi-text) !important;
}

/* =========================================================
   HOME PAGE — FIRST SCREEN
   Left category menu + main slider
   ========================================================= */

.mhi-home {
    width: 100%;
    margin: 0;
    padding: 0;
}

.mhi-home-hero {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 18px 24px 0;
}

.mhi-home-hero-grid {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

/* =========================================================
   LEFT CATEGORY MENU
   ========================================================= */

.mhi-home-catalog {
    min-width: 0;
}

.mhi-home-catalog #column-left {
    width: 100%;
    max-width: none;
    flex: none;
    padding: 0;
}

.mhi-home-catalog .rm-column-box {
    height: 100%;
    margin: 0;
    padding: 0;
}

.mhi-home-catalog #sb-1 {
    height: 100%;
    margin: 0;
    overflow: visible;
    background: #ffffff;
    border: 1px solid var(--mhi-border);
    border-radius: 9px;
    box-shadow: 0 5px 18px rgba(21, 29, 43, 0.05);
}

/* Заголовок «Всі категорії» */

.mhi-home-catalog #sb-1 .sidebar__catalog {
    display: block;
    margin: -1px -1px 0;
    padding: 0;
    background: var(--mhi-red);
    border-radius: 9px 9px 0 0;
}

.mhi-home-catalog #sb-1 .sidebar__catalog a {
    min-height: 46px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
}

.mhi-home-catalog #sb-1 .sidebar__catalog a::before {
    content: "";
    width: 17px;
    height: 12px;
    margin-right: 11px;
    display: block;
    background:
        linear-gradient(#ffffff, #ffffff) 0 0 / 17px 2px no-repeat,
        linear-gradient(#ffffff, #ffffff) 0 5px / 17px 2px no-repeat,
        linear-gradient(#ffffff, #ffffff) 0 10px / 17px 2px no-repeat;
}

/* Список категорий */

.mhi-home-catalog #sb-1 .menu-body {
    background: #ffffff;
    border-radius: 0 0 9px 9px;
}

.mhi-home-catalog #sb-1 ul.sb-fm {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

.mhi-home-catalog #sb-1 ul.sb-fm > li {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f1f3;
}

.mhi-home-catalog #sb-1 ul.sb-fm > li:last-child {
    border-bottom: 0;
}

.mhi-home-catalog #sb-1 .item-wrapper {
    position: relative;
    min-height: 38px;
    padding: 5px 28px 5px 13px;
    display: flex;
    align-items: center;
    color: #24272d !important;
    background: transparent;
    text-decoration: none;
    transition:
        color 0.18s ease,
        background 0.18s ease,
        padding-left 0.18s ease;
}

.mhi-home-catalog #sb-1 .item-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #a0a4aa;
    border-right: 1px solid #a0a4aa;
    transform: translateY(-50%) rotate(45deg);
}

.mhi-home-catalog #sb-1 .item-wrapper:hover {
    padding-left: 16px;
    color: var(--mhi-red) !important;
    background: #fff5f5;
}

.mhi-home-catalog #sb-1 .item-wrapper:hover::after {
    border-color: var(--mhi-red);
}

.mhi-home-catalog #sb-1 .item-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mhi-home-catalog #sb-1 .item-icon img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.mhi-home-catalog #sb-1 .item-title {
    min-width: 0;
    color: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}

/* =========================================================
   MAIN SLIDER
   ========================================================= */

.mhi-home-slider {
    min-width: 0;
    overflow: hidden;
    border-radius: 9px;
}

.mhi-home-slider > div {
    width: 100%;
}

.mhi-home-slider .master-slider {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
    background: #f3f4f6;
    border-radius: 9px;
}

.mhi-home-slider .ms-view,
.mhi-home-slider .ms-container,
.mhi-home-slider .ms-slide,
.mhi-home-slider .ms-slide-bgcont {
    border-radius: 9px;
}

.mhi-home-slider .ms-slide-bgcont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Убираем внешний отступ, заданный модулем слайдера */

.mhi-home-slider > .d-none > div,
.mhi-home-slider > .visible-xs > div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Стрелки слайдера */

.mhi-home-slider .ms-nav-next,
.mhi-home-slider .ms-nav-prev {
    width: 38px !important;
    height: 38px !important;
    margin-top: -19px !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(21, 29, 43, 0.15);
    opacity: 1 !important;
}

.mhi-home-slider .ms-nav-prev {
    left: 14px !important;
}

.mhi-home-slider .ms-nav-next {
    right: 14px !important;
}

/* =========================================================
   CONTENT BELOW THE FIRST SCREEN
   ========================================================= */

.mhi-home-content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
    .mhi-home-hero-grid {
        grid-template-columns: 235px minmax(0, 1fr);
        gap: 14px;
    }

    .mhi-home-catalog #sb-1 .item-wrapper {
        min-height: 36px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mhi-home-catalog #sb-1 .item-title {
        font-size: 11px;
        line-height: 14px;
    }
}

@media (max-width: 991px) {
    .mhi-home-hero {
        padding: 14px 15px 0;
    }

    .mhi-home-hero-grid {
        display: block;
    }

    .mhi-home-catalog {
        display: none;
    }

    .mhi-home-slider {
        width: 100%;
        border-radius: 7px;
    }

    .mhi-home-slider .master-slider,
    .mhi-home-slider .ms-view,
    .mhi-home-slider .ms-container,
    .mhi-home-slider .ms-slide,
    .mhi-home-slider .ms-slide-bgcont {
        border-radius: 7px;
    }

    .mhi-home-content {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 575px) {
    .mhi-home-hero {
        padding: 10px 10px 0;
    }

    .mhi-home-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .mhi-home-slider .ms-nav-next,
    .mhi-home-slider .ms-nav-prev {
        display: none !important;
    }
}

/* Исправление ширины левого каталога на главной */
.mhi-home-catalog,
.mhi-home-catalog #column-left,
.mhi-home-catalog .rm-column-box,
.mhi-home-catalog #sb-1,
.mhi-home-catalog #sb-1 .menu-body,
.mhi-home-catalog #sb-1 ul.sb-fm {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.mhi-home-catalog #column-left {
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mhi-home-catalog .rm-column-box,
.mhi-home-catalog #sb-1 {
    display: block !important;
    margin: 0 !important;
}

.mhi-home-catalog #sb-1 .sidebar__catalog {
    display: block !important;
    width: 100% !important;
}

.mhi-home-catalog #sb-1 .menu-body {
    display: block !important;
    overflow: visible !important;
}

.mhi-home-catalog #sb-1 ul.sb-fm {
    position: relative !important;
    float: none !important;
    display: block !important;
    overflow: visible !important;
}

.mhi-home-catalog #sb-1 ul.sb-fm > li {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mhi-home-catalog #sb-1 .item-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.mhi-home-catalog #sb-1 .item-title {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* =========================================================
   HOME PAGE — BENEFITS
   ========================================================= */

.mhi-home-benefits {
    width: 100%;
    max-width: 1440px;
    margin: 18px auto 0;
    padding: 0 24px;
}

.mhi-home-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.mhi-home-benefit {
    min-width: 0;
    min-height: 82px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    border: 1px solid var(--mhi-border);
    border-radius: 9px;
    box-shadow: 0 4px 14px rgba(21, 29, 43, 0.04);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.mhi-home-benefit:hover {
    transform: translateY(-2px);
    border-color: #d9dce1;
    box-shadow: 0 8px 22px rgba(21, 29, 43, 0.08);
}

.mhi-home-benefit-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mhi-dark);
    background: #f7f8fa;
    border-radius: 50%;
}

.mhi-home-benefit-icon svg {
    display: block;
    width: 27px;
    height: 27px;
}

.mhi-home-benefit-title {
    margin: 0 0 4px;
    color: var(--mhi-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
}

.mhi-home-benefit-text {
    color: var(--mhi-muted);
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
}

@media (max-width: 1199px) {
    .mhi-home-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .mhi-home-benefits {
        margin-top: 14px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 575px) {
    .mhi-home-benefits {
        padding-right: 10px;
        padding-left: 10px;
    }

    .mhi-home-benefits-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mhi-home-benefit {
        min-height: 70px;
        padding: 12px 14px;
    }

    .mhi-home-benefit-icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
}

/* =========================================================
   HOME PAGE — POPULAR CATEGORIES
   ========================================================= */

.mhi-home-content .rm-category-wall {
    margin: 34px 0 0;
    padding: 0;
}

/* Заголовок */

.mhi-home-content .rm-category-wall > .row:first-child {
    margin: 0 0 16px;
}

.mhi-home-content .rm-category-wall .rm-module-header {
    padding: 0;
    text-align: left !important;
}

.mhi-home-content .rm-category-wall .rm-module-header span {
    display: block;
    color: var(--mhi-text);
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

/* Сетка карточек */

.mhi-home-content .rm-category-wall > .row:last-child {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.mhi-home-content .rm-category-wall .rm-category-wall-item {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    flex: none !important;
}

/* Карточка */

.mhi-home-content .rm-category-wall-item > a {
    position: relative;
    width: 100%;
    min-height: 242px;
    padding: 16px 14px 14px;
    overflow: hidden;
    color: var(--mhi-text) !important;
    background: #ffffff;
    border: 1px solid var(--mhi-border);
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(21, 29, 43, 0.04);
    text-decoration: none !important;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.mhi-home-content .rm-category-wall-item > a:hover {
    z-index: 2;
    color: var(--mhi-red) !important;
    border-color: #d9dce1;
    box-shadow: 0 10px 26px rgba(21, 29, 43, 0.1);
    transform: translateY(-4px);
}

/* Изображение */

.mhi-home-content .rm-category-wall-item-image {
    width: 100%;
    height: 165px;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mhi-home-content .rm-category-wall-item-image img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 155px;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.mhi-home-content .rm-category-wall-item > a:hover
.rm-category-wall-item-image img {
    transform: scale(1.06);
}

/* Название категории — переопределяем inline-стили модуля */

.mhi-home-content .rm-category-wall-item > a > span:last-child {
    width: 100%;
    min-height: 42px !important;
    max-height: none !important;
    margin: auto 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
    color: inherit;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 17px;
    text-align: center;
}

/* Красная стрелка при наведении */

.mhi-home-content .rm-category-wall-item > a::after {
    content: "›";
    position: absolute;
    right: 12px;
    bottom: 10px;
    color: var(--mhi-red);
    font-size: 21px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0;
    transform: translateX(-5px);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

.mhi-home-content .rm-category-wall-item > a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

/* Адаптивность */

@media (max-width: 1199px) {
    .mhi-home-content .rm-category-wall > .row:last-child {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .mhi-home-content .rm-category-wall {
        margin-top: 26px;
    }

    .mhi-home-content .rm-category-wall .rm-module-header span {
        font-size: 20px;
        line-height: 25px;
    }

    .mhi-home-content .rm-category-wall > .row:last-child {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .mhi-home-content .rm-category-wall-item > a {
        min-height: 205px;
        padding: 12px 10px;
    }

    .mhi-home-content .rm-category-wall-item-image {
        height: 135px;
    }

    .mhi-home-content .rm-category-wall-item-image img {
        max-height: 125px;
    }

    .mhi-home-content .rm-category-wall-item > a > span:last-child {
        min-height: 38px !important;
        font-size: 12px !important;
        line-height: 15px;
    }
}

/* =========================================================
   FIX — возвращаем Slick-карусель модуля «Новинки»
   ========================================================= */

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-right: -7px !important;
    margin-left: -7px !important;
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-list {
    width: 100%;
    overflow: hidden;
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-track {
    display: flex !important;
    align-items: stretch;
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-slide {
    height: auto !important;
    padding-right: 7px;
    padding-left: 7px;
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-slide > div {
    height: 100%;
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .rm-module-col {
    height: 100%;
}

/* Стрелки карусели */

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-prev,
.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-next {
    z-index: 5;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #222;
    font-size: 22px;
    line-height: 34px;
    background: #ffffff;
    border: 1px solid var(--mhi-border);
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(21, 29, 43, 0.12);
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-prev {
    left: -12px;
}

.mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-next {
    right: -12px;
}

@media (max-width: 767px) {
    .mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }

    .mhi-home-content .rm-category-wall + .rm-module #rm-mp_1 .slick-slide {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* Выравнивание кнопки «Наш каталог» с левым меню */

.mhi-header-catalog-button {
    width: 260px !important;
    min-width: 260px !important;
    justify-content: flex-start !important;
    gap: 12px;
    padding-right: 18px !important;
    padding-left: 18px !important;
    text-align: left !important;
}

.mhi-header-catalog-button .rm-btn-icon {
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mhi-header-catalog-button .rm-btn-text {
    flex: 1;
    display: block;
    text-align: left !important;
    line-height: 18px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .mhi-header-catalog-button {
        width: 235px !important;
        min-width: 235px !important;
    }
}

/* Выравнивание кнопки каталога по левому краю меню на главной */
@media (min-width: 992px) {
    .mhi-header-catalog-button {
        margin-left: -20px !important;
    }
}

/* =========================================================
   ВЫПАДАЮЩИЙ КАТАЛОГ НА ВНУТРЕННИХ СТРАНИЦАХ
   На главную страницу эти правила не влияют
   ========================================================= */

@media (min-width: 992px) {

    /* Ограничиваем меню шириной основного контейнера сайта */
    body:not(.common-home) .mhi-site-header #rm-menu {
        left: 50% !important;
        right: auto !important;
        width: calc(100% - 48px) !important;
        max-width: 1440px !important;
        transform: translateX(-50%);
        box-sizing: border-box;
        border: 1px solid var(--mhi-border);
        border-top: 0;
        border-radius: 0 0 10px 10px;
    }

    /* Левая колонка совпадает с шириной кнопки «Наш каталог» */
    body:not(.common-home) .mhi-site-header #rm-menu > nav {
        flex: 0 0 260px !important;
        max-width: 260px !important;
    }

    /* Начало области с подкатегориями */
    body:not(.common-home) .mhi-site-header #rm-menu
    .rm-menu-list-item-child {
        left: 260px !important;
    }
}

/* Промежуточная ширина экранов */
@media (min-width: 992px) and (max-width: 1199px) {

    body:not(.common-home) .mhi-site-header #rm-menu > nav {
        flex-basis: 235px !important;
        max-width: 235px !important;
    }

    body:not(.common-home) .mhi-site-header #rm-menu
    .rm-menu-list-item-child {
        left: 235px !important;
    }
}

/* =========================================================
   НОВИНКИ — НЕЗАВИСИМО ОТ ДИНАМИЧЕСКОГО ID rm-mp_0/rm-mp_1
   ========================================================= */

.mhi-home-content .rm-category-wall + .rm-module [id^="rm-mp_"] {
    margin-right: -7px !important;
    margin-left: -7px !important;
}

/* Пока карусель ещё не запустилась */
.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"]:not(.slick-initialized) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* После запуска Slick-карусели */
.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"].slick-initialized {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
}

.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"] .slick-list {
    width: 100%;
    overflow: hidden;
}

.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"] .slick-track {
    display: flex !important;
    align-items: stretch;
}

.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"] .slick-slide {
    height: auto !important;
    padding-right: 7px;
    padding-left: 7px;
}

.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"] .slick-slide > div,
.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"] .rm-module-col,
.mhi-home-content .rm-category-wall + .rm-module
[id^="rm-mp_"] .rm-module-item {
    height: 100%;
}

@media (max-width: 1199px) {
    .mhi-home-content .rm-category-wall + .rm-module
    [id^="rm-mp_"]:not(.slick-initialized) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .mhi-home-content .rm-category-wall + .rm-module
    [id^="rm-mp_"]:not(.slick-initialized) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .mhi-home-content .rm-category-wall + .rm-module
    [id^="rm-mp_"] .slick-slide {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* =========================================================
   ИСПРАВЛЕНИЕ ПОЛОСЫ ПОД ГЛАВНЫМ БАННЕРОМ
   Стрелки MasterSlider выводим из обычного потока
   ========================================================= */

.mhi-home-slider .ms-inner-controls-cont {
    position: relative !important;
    overflow: hidden !important;
}

/* Стрелки не должны создавать отдельную строку под баннером */
.mhi-home-slider .ms-nav-prev,
.mhi-home-slider .ms-nav-next {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    float: none !important;

    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;

    transform: translateY(-50%) !important;
    z-index: 50 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mhi-home-slider .ms-nav-prev {
    left: 18px !important;
    right: auto !important;
}

.mhi-home-slider .ms-nav-next {
    right: 18px !important;
    left: auto !important;
}

/* Убираем лишние белые круги возле стрелок баннера */
.mhi-home-slider .circle-arrows .ms-nav-prev::before,
.mhi-home-slider .circle-arrows .ms-nav-next::before {
    display: none !important;
    content: none !important;
}

/* Убираем фон у контейнеров стрелок — оставляем только круг с иконкой */
.mhi-home-slider .ms-nav-prev,
.mhi-home-slider .ms-nav-next {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   НОВЫЙ ПОДВАЛ САЙТА
   ========================================================= */

footer {
    margin-top: 70px;
    color: #d9dee8;
    background: #17202d !important;
    border-top: 4px solid var(--mhi-red, #d52b2b);
}

/* Убираем влияние двух вложенных Bootstrap-контейнеров */
footer > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

footer .rm-footer {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 54px 24px 22px;
    background: transparent !important;
}

footer .rm-footer > .container {
    width: 100%;
    max-width: none !important;
    padding: 0 !important;
}

/* Четыре равномерные колонки */
footer .rm-footer > .container > .row:first-child {
    display: grid !important;
    grid-template-columns: 1.15fr 1fr 1fr 1fr;
    gap: 48px;
    margin: 0 !important;
}

footer .rm-footer-first,
footer .rm-footer-second,
footer .rm-footer-third,
footer .rm-footer-fourth {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    text-align: left !important;
}

footer .rm-footer-mobile-inner {
    padding: 0 !important;
}

/* Заголовки */
footer .rm-footer-title {
    position: relative;
    margin: 0 0 18px;
    padding: 0 0 12px;
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: none;
}

footer .rm-footer-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 3px;
    background: var(--mhi-red, #d52b2b);
    border-radius: 3px;
}

/* Текст и адрес */
footer .rm-footer-text,
footer .rm-footer-address,
footer .rm-footer-shedule-list-item {
    color: #aeb8c7 !important;
    font-size: 14px;
    line-height: 1.7;
}

/* Телефоны */
footer .rm-footer-phones {
    margin-bottom: 14px;
}

footer .rm-footer-phones li {
    justify-content: flex-start !important;
    margin-bottom: 8px;
}

footer .rm-footer-phones a {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none !important;
}

footer .rm-footer-phones a:hover {
    color: var(--mhi-red, #ef3d3d) !important;
}

footer .rm-footer-phones-link,
footer .rm-phone-link {
    display: inline-block;
    color: #ff6565 !important;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

/* Электронная почта */
footer .rm-footer-mail-link {
    display: inline-block;
    margin-top: 12px;
    color: #ffffff !important;
    font-size: 14px;
    text-decoration: none;
}

footer .rm-footer-mail-link:hover {
    color: #ff6565 !important;
}

/* Ссылки категорий и информации */
footer .rm-footer-links-list {
    margin: 0;
}

footer .rm-footer-links-list li {
    margin-bottom: 10px;
}

footer .rm-footer-links-list a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: #b9c2d0 !important;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

footer .rm-footer-links-list a::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #647083;
    border-radius: 50%;
}

footer .rm-footer-links-list a:hover {
    color: #ffffff !important;
    transform: translateX(3px);
}

footer .rm-footer-links-list a:hover::before {
    background: var(--mhi-red, #d52b2b);
}

/* Социальные сети */
footer .rm-social {
    gap: 8px;
    margin: 0 0 15px;
    justify-content: flex-start !important;
}

footer .rm-social-item {
    margin: 0 !important;
}

footer .rm-social-item a {
    width: 38px;
    height: 38px;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 0;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9px;
    transition: background 0.2s ease, border-color 0.2s ease,
                transform 0.2s ease;
}

footer .rm-social-item a i {
    font-size: 17px;
}

footer .rm-social-item a:hover {
    background: var(--mhi-red, #d52b2b);
    border-color: var(--mhi-red, #d52b2b);
    transform: translateY(-2px);
}

/* Способы оплаты */
footer .rm-footer-payments-list {
    gap: 10px;
    margin: 20px 0 0;
    justify-content: flex-start !important;
    flex-wrap: wrap;
}

footer .rm-footer-payments-list img {
    max-width: 190px !important;
    height: auto;
    opacity: 0.92;
}

/* Нижняя строка с копирайтом */
footer .rm-footer-credits {
    margin-top: 38px;
    padding-top: 22px;
    color: #7f8a9a !important;
    font-size: 13px;
    line-height: 1.6;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer .rm-footer-credits a {
    color: #aeb8c7 !important;
}

/* Планшеты */
@media (max-width: 1199px) {
    footer .rm-footer > .container > .row:first-child {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 42px 50px;
    }
}

/* Телефоны */
@media (max-width: 767px) {
    footer {
        margin-top: 45px;
    }

    footer .rm-footer {
        padding: 36px 18px 18px;
    }

    footer .rm-footer > .container > .row:first-child {
        display: block !important;
    }

    footer .rm-footer-first,
    footer .rm-footer-second,
    footer .rm-footer-third,
    footer .rm-footer-fourth {
        margin-bottom: 14px;
        text-align: left !important;
    }

    footer .rm-footer-mobile-inner {
        padding: 18px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    footer .rm-footer-title {
        justify-content: flex-start !important;
        margin-bottom: 12px;
    }

    footer .rm-footer-title::after {
        display: none;
    }

    footer .rm-footer-phones li,
    footer .rm-social,
    footer .rm-footer-payments-list {
        justify-content: flex-start !important;
    }
}

/* =========================================================
   БЛОК «ПРО БРЕНД» НА ГЛАВНОЙ
   ========================================================= */

.mhi-about-home {
    width: 100%;
    max-width: 1400px;
    margin: 55px auto 20px;
    padding: 0;
    font-family: "Montserrat", sans-serif;
}

.mhi-about-home,
.mhi-about-home * {
    box-sizing: border-box;
}

.mhi-about-home__grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.45fr);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    box-shadow: 0 14px 45px rgba(26, 38, 58, 0.08);
}

/* Левая брендовая часть */

.mhi-about-home__brand {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 42px;
    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(232, 0, 21, 0.08),
            transparent 34%
        ),
        linear-gradient(145deg, #f8f9fb 0%, #eef1f5 100%);
    border-right: 1px solid #e2e6ec;
}

.mhi-about-home__brand::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #e60015;
}

.mhi-about-home__label {
    align-self: flex-start;
    margin-bottom: 24px;
    padding: 7px 13px;
    color: #b90011;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: rgba(230, 0, 21, 0.08);
    border-radius: 20px;
}

.mhi-about-home__logo-link {
    display: inline-block;
    width: fit-content;
    margin-bottom: 23px;
}

.mhi-about-home__logo {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 95px;
    object-fit: contain;
}

.mhi-about-home__title {
    margin: 0 0 12px;
    color: #17202d;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.25;
}

.mhi-about-home__subtitle {
    margin: 0 0 30px;
    color: #6d7786;
    font-size: 14px;
    line-height: 1.65;
}

/* Факты */

.mhi-about-home__facts {
    display: grid;
    gap: 12px;
}

.mhi-about-home__fact {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    padding: 13px 15px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(209, 215, 224, 0.9);
    border-radius: 11px;
}

.mhi-about-home__fact strong {
    color: #e00015;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.2;
}

.mhi-about-home__fact span {
    color: #4e5968;
    font-size: 12px;
    line-height: 1.4;
}

/* Правая текстовая часть */

.mhi-about-home__content {
    padding: 50px 52px;
}

.mhi-about-home__eyebrow {
    margin-bottom: 11px;
    color: #e00015;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mhi-about-home__heading {
    max-width: 620px;
    margin: 0 0 25px;
    color: #17202d;
    font-size: 30px;
    font-weight: 750;
    line-height: 1.28;
}

.mhi-about-home__content p {
    margin: 0 0 15px;
    color: #535e6d;
    font-size: 14px;
    line-height: 1.72;
    text-align: left;
}

.mhi-about-home__content p strong {
    color: #242d39;
    font-weight: 700;
}

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

.mhi-about-home__advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 18px;
    margin: 27px 0 30px;
    padding-top: 24px;
    border-top: 1px solid #e7eaf0;
}

.mhi-about-home__advantage {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #303946;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.mhi-about-home__advantage-icon {
    flex: 0 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    background: #e00015;
    border-radius: 50%;
}

/* Кнопка */

.mhi-about-home__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    padding: 13px 23px;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    background: #e00015;
    border: 1px solid #e00015;
    border-radius: 9px;
    box-shadow: 0 8px 20px rgba(224, 0, 21, 0.2);
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.mhi-about-home__button span {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.mhi-about-home__button:hover {
    color: #ffffff !important;
    background: #be0012;
    border-color: #be0012;
    transform: translateY(-2px);
    box-shadow: 0 11px 25px rgba(190, 0, 18, 0.25);
}

.mhi-about-home__button:hover span {
    transform: translateX(4px);
}

/* Планшеты */

@media (max-width: 991px) {
    .mhi-about-home {
        margin-top: 42px;
    }

    .mhi-about-home__grid {
        grid-template-columns: 1fr;
    }

    .mhi-about-home__brand {
        padding: 40px;
        border-right: 0;
        border-bottom: 1px solid #e2e6ec;
    }

    .mhi-about-home__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mhi-about-home__fact {
        display: block;
    }

    .mhi-about-home__fact strong,
    .mhi-about-home__fact span {
        display: block;
    }

    .mhi-about-home__fact strong {
        margin-bottom: 5px;
    }

    .mhi-about-home__content {
        padding: 40px;
    }
}

/* Телефоны */

@media (max-width: 575px) {
    .mhi-about-home {
        margin-top: 30px;
    }

    .mhi-about-home__grid {
        border-radius: 12px;
    }

    .mhi-about-home__brand,
    .mhi-about-home__content {
        padding: 28px 22px;
    }

    .mhi-about-home__logo {
        max-height: 72px;
    }

    .mhi-about-home__title {
        font-size: 22px;
    }

    .mhi-about-home__heading {
        font-size: 24px;
    }

    .mhi-about-home__facts,
    .mhi-about-home__advantages {
        grid-template-columns: 1fr;
    }

    .mhi-about-home__fact {
        display: grid;
    }

    .mhi-about-home__button {
        width: 100%;
    }
}

/* =========================================================
   МОБИЛЬНЫЙ ПОДВАЛ — исправление белых блоков
   ========================================================= */

@media (max-width: 767px) {

    footer .rm-footer {
        padding: 28px 14px 18px !important;
    }

    footer .rm-footer-first,
    footer .rm-footer-second,
    footer .rm-footer-third,
    footer .rm-footer-fourth {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Перекрываем штатный белый фон мобильных секций */
    footer .rm-footer-mobile-inner,
    footer .rm-footer-mobile-inner.white {
        display: block !important;
        margin: 0 0 12px !important;
        padding: 20px !important;

        color: #d9dee8 !important;
        background: rgba(255, 255, 255, 0.04) !important;

        border: 1px solid rgba(255, 255, 255, 0.09) !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    footer .rm-footer-title,
    footer .rm-footer-title-toggle,
    footer .rm-footer-title-toggle-text {
        color: #ffffff !important;
    }

    footer .rm-footer-title {
        margin-bottom: 13px !important;
        padding-bottom: 0 !important;
    }

    footer .rm-footer-text,
    footer .rm-footer-address,
    footer .rm-footer-shedule-list-item {
        color: #aeb8c7 !important;
    }

    footer .rm-footer-phones a,
    footer .rm-footer-mail-link {
        color: #ffffff !important;
    }

    footer .rm-footer-phones-link,
    footer .rm-phone-link {
        color: #ff6565 !important;
    }

    footer .rm-footer-links-list a {
        color: #b9c2d0 !important;
    }

    footer .rm-footer-title-toggle-icon img,
    footer .rm-footer-title-toggle-btn img {
        filter: brightness(0) invert(1);
        opacity: 0.85;
    }

    footer .rm-footer-payments-list {
        margin-top: 16px !important;
    }

    footer .rm-footer-payments-list img {
        max-width: 175px !important;
    }

    footer .rm-footer-credits {
        margin-top: 18px !important;
        padding-top: 18px !important;
    }
}

/* =========================================================
   КЛИКАБЕЛЬНОЕ МЕНЮ КАТАЛОГА НА ВНУТРЕННИХ СТРАНИЦАХ
   ========================================================= */

@media (min-width: 992px) {

    /* Поднимаем шапку и каталог выше затемняющего слоя */
    body:not(.common-home) .mhi-site-header {
        position: relative !important;
        z-index: 1045 !important;
    }

    body:not(.common-home) .mhi-site-header #rm-menu,
    body:not(.common-home) .mhi-site-header #rm-menu.active {
        z-index: 1050 !important;
        pointer-events: auto !important;
    }

    body:not(.common-home) .mhi-site-header #rm-menu nav,
    body:not(.common-home) .mhi-site-header #rm-menu ul,
    body:not(.common-home) .mhi-site-header #rm-menu li,
    body:not(.common-home) .mhi-site-header #rm-menu a {
        pointer-events: auto !important;
    }

    /* Подменю категорий должно находиться над overlay */
    body:not(.common-home)
    .rm-menu-list-item:hover > .rm-menu-list-item-child,

    body:not(.common-home)
    .rm-menu-list-item.active > .rm-menu-list-item-child {
        z-index: 5 !important;
        pointer-events: auto !important;
    }

    body:not(.common-home)
    .rm-menu-list-item-child a {
        position: relative;
        z-index: 6;
        pointer-events: auto !important;
    }

    /* Затемнение остаётся под каталогом */
    body:not(.common-home) #rm_overlay {
        z-index: 1030 !important;
    }
}

/* =========================================================
   СТРАНИЦА КАТЕГОРИИ — ОСНОВНАЯ СТРУКТУРА
   ========================================================= */

#product-category.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
}

/* Хлебные крошки */

#product-category .breadcrumb {
    margin: 18px 0 14px;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

#product-category .breadcrumb-item,
#product-category .breadcrumb a {
    color: #8a94a3;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
}

#product-category .breadcrumb a:hover {
    color: #e00015;
}

/* Заголовок категории */

#product-category .rm-page-title {
    margin: 0 0 24px;
}

#product-category .rm-page-title h1 {
    position: relative;
    margin: 0;
    padding-bottom: 15px;
    color: #17202d;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 750;
    line-height: 1.25;
}

#product-category .rm-page-title h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 52px;
    height: 4px;
    background: #e00015;
    border-radius: 4px;
}

/* Подкатегории */

#product-category .rm-subcategory {
    margin: 0 0 32px;
}

#product-category .rm-subcategory-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
}

#product-category .rm-subcategory-row > div {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    flex: none !important;
}

#product-category .rm-subcategory .rm-category-wall-item {
    height: 100%;
    min-height: 150px;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 13px;
    box-shadow: 0 5px 18px rgba(26, 38, 58, 0.05);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

#product-category .rm-subcategory .rm-category-wall-item:hover {
    border-color: rgba(224, 0, 21, 0.3);
    box-shadow: 0 10px 28px rgba(26, 38, 58, 0.1);
    transform: translateY(-3px);
}

#product-category .rm-subcategory .rm-category-wall-item > a {
    display: flex;
    align-items: center;
    gap: 17px;
    height: 100%;
    padding: 18px;
    color: #263140;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    text-align: left;
    text-decoration: none;
}

#product-category .rm-subcategory .rm-category-wall-item-image {
    flex: 0 0 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    background: #f6f7f9;
    border-radius: 10px;
}

#product-category .rm-subcategory .rm-category-wall-item-image img {
    display: block;
    width: auto;
    max-width: 82px;
    height: auto;
    max-height: 82px;
    object-fit: contain;
}

/* Контент над товарами */

#product-category .content-top-box:empty {
    display: none;
}

#product-category .content-top-box {
    margin-bottom: 24px;
}

/* Область каталога */

#product-category #content {
    padding-right: 0;
    padding-left: 0;
}

#product-category .rm-content.rm-category {
    background: transparent;
}

/* Сортировка */

#product-category .rm-category-sort {
    align-items: center;
    min-height: 58px;
    margin: 0 0 18px;
    padding: 10px 15px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 11px;
    box-shadow: 0 4px 15px rgba(26, 38, 58, 0.04);
}

#product-category .rm-category-sort-limit {
    color: #717b89;
    font-size: 13px;
}

#product-category .rm-category-sort-select {
    min-width: 245px;
    height: 38px;
    padding: 0 38px 0 13px;
    color: #263140;
    font-size: 13px;
    background-color: #f7f8fa;
    border: 1px solid #dfe4eb;
    border-radius: 7px;
    outline: none;
}

#product-category .rm-category-sort-select:focus {
    border-color: #e00015;
    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.08);
}

/* Планшеты */

@media (max-width: 1199px) {
    #product-category .rm-subcategory-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Телефоны и небольшие планшеты */

@media (max-width: 767px) {
    #product-category.container {
        padding-right: 12px;
        padding-left: 12px;
    }

    #product-category .breadcrumb {
        margin-top: 12px;
    }

    #product-category .rm-page-title {
        margin-bottom: 18px;
    }

    #product-category .rm-page-title h1 {
        font-size: 25px;
    }

    #product-category .rm-subcategory-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #product-category .rm-subcategory .rm-category-wall-item {
        min-height: 170px;
    }

    #product-category .rm-subcategory .rm-category-wall-item > a {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        padding: 13px 9px;
        font-size: 12px;
        text-align: center;
    }

    #product-category .rm-subcategory .rm-category-wall-item-image {
        flex-basis: 100px;
        width: 100px;
        height: 100px;
    }

    #product-category .rm-category-sort {
        padding: 8px;
    }

    #product-category .rm-category-sort-limit {
        width: 100%;
    }

    #product-category .rm-category-sort-select {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   СТРАНИЦА КАТЕГОРИИ — КАРТОЧКИ ТОВАРОВ
   ========================================================= */

#product-category .rm-category-products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 !important;
}

#product-category .rm-category-products > .product-layout {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

/* Основная карточка */

#product-category .rm-category-products .rm-module-item {
    position: relative;
    height: 100%;
    min-height: 460px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 13px;
    box-shadow: 0 5px 18px rgba(26, 38, 58, 0.05);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

#product-category .rm-category-products .rm-module-item:hover {
    border-color: rgba(224, 0, 21, 0.28);
    box-shadow: 0 12px 30px rgba(26, 38, 58, 0.11);
    transform: translateY(-4px);
}

#product-category .rm-category-products .rm-module-img {
    height: 100%;
}

/* Изображение товара */

#product-category .rm-category-products .image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 255px;
    padding: 18px 18px 8px;
    background: #ffffff;
}

#product-category .rm-category-products .image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#product-category .rm-category-products .image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 235px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

#product-category .rm-category-products .rm-module-item:hover .image img {
    transform: scale(1.035);
}

/* Наклейки */

#product-category .rm-category-products .rm-module-stickers {
    top: 10px;
    left: 10px;
    z-index: 4;
}

#product-category .rm-category-products .rm-module-stickers-sticker {
    padding: 5px 9px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    background: #8f98a5;
    border-radius: 5px;
}

/* =========================================================
   КАРТОЧКИ КАТЕГОРИИ — ИЗБРАННОЕ И СРАВНЕНИЕ
   ========================================================= */

body[class*="product-category-"]
.rm-category-products
.rm-module-buttons {
    position: absolute;

    top: 10px;
    right: 10px;
    z-index: 8;

    display: flex !important;
    align-items: center;
    flex-direction: column !important;

    width: auto;
    height: auto;

    gap: 6px;
}

/* Общий вид кнопок */

body[class*="product-category-"]
.rm-category-products
.rm-module-buttons
.rm-module-buttons-item {
    display: flex !important;
    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    width: 34px !important;
    min-width: 34px;
    height: 34px !important;
    min-height: 34px;

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

    border: 1px solid #dfe4ea !important;
    border-radius: 50% !important;

    color: #536174;
    background: rgba(255, 255, 255, 0.97) !important;

    box-shadow: 0 3px 10px rgba(26, 38, 58, 0.10);

    opacity: 1 !important;

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

/* Иконки внутри кнопок */

body[class*="product-category-"]
.rm-category-products
.rm-module-buttons
.rm-module-buttons-item
span {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;

    opacity: 0.82 !important;

    filter:
        brightness(0.55)
        contrast(1.4);

    transition:
        opacity 0.2s ease,
        filter 0.2s ease,
        transform 0.2s ease;
}

/* Иконка сравнения */

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

    filter:
        brightness(0.38)
        contrast(1.7);
}

/* Наведение */

body[class*="product-category-"]
.rm-category-products
.rm-module-buttons
.rm-module-buttons-item:hover {
    border-color: #ed1c24 !important;

    background: #ffffff !important;

    box-shadow: 0 5px 14px rgba(237, 28, 36, 0.16);

    transform: translateY(-1px);
}

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

    filter:
        brightness(0.3)
        contrast(1.8);

    transform: scale(1.06);
}

/* =========================================================
   КАРТОЧКИ КАТЕГОРИИ — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 767.98px) {

    body[class*="product-category-"]
    .rm-category-products
    .rm-module-buttons {
        top: 9px !important;
        right: 8px !important;

        display: flex !important;
        align-items: center;
        flex-direction: row !important;

        width: auto !important;
        height: auto !important;

        gap: 5px !important;
    }

    body[class*="product-category-"]
    .rm-category-products
    .rm-module-buttons
    .rm-module-buttons-item {
        flex: 0 0 31px;

        width: 31px !important;
        min-width: 31px;
        height: 31px !important;
        min-height: 31px;

        margin: 0 !important;

        border: 1px solid #d9dfe6 !important;

        background: rgba(255, 255, 255, 0.98) !important;

        box-shadow: 0 3px 9px rgba(26, 38, 58, 0.13);
    }

    body[class*="product-category-"]
    .rm-category-products
    .rm-module-buttons
    .rm-module-buttons-item
    span {
        width: 18px !important;
        height: 18px !important;

        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 18px 18px !important;
    }

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

        filter:
            brightness(0.32)
            contrast(1.85);
    }
}

/* Текстовая часть */

#product-category .rm-category-products .rm-module-caption {
    padding-right: 17px;
    padding-left: 17px;
}

#product-category .rm-category-products .rm-module-title {
    min-height: 47px;
    margin-bottom: 13px;
    line-height: 1.45;
}

#product-category .rm-category-products .rm-module-title a {
    color: #263140 !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
    text-decoration: none !important;
}

#product-category .rm-category-products .rm-module-title a:hover {
    color: #e00015 !important;
}

#product-category .rm-category-products .rm-category-product-model {
    margin-bottom: 9px;
    color: #9aa3af;
    font-size: 11px;
    line-height: 1.4;
}

#product-category .rm-category-products .rm-module-rating {
    margin-bottom: 10px;
}

/* Цена и наличие */

#product-category .rm-category-products .rm-module-price-box {
    width: 100%;
}

#product-category .rm-category-products .rm-module-price-bottom {
    min-height: 58px;
    padding: 10px 17px 16px;
}

#product-category .rm-category-products .rm-module-price {
    color: #17202d;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.3;
}

#product-category .rm-category-products .rm-cart-btn {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    background: #17202d !important;
    border: 0 !important;
    border-radius: 8px;
    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

#product-category .rm-category-products .rm-cart-btn:hover {
    background: #e00015 !important;
    transform: translateY(-2px);
}

/* Текст описания категории внизу */

#product-category .rm-category-description-bottom {
    margin-top: 48px;
    padding: 34px 38px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(26, 38, 58, 0.05);
}

#product-category .rm-category-description-bottom
.rm-category-description-text {
    color: #596473;
    font-size: 14px;
    line-height: 1.75;
}

#product-category .rm-category-description-bottom h2,
#product-category .rm-category-description-bottom h3 {
    margin-top: 0;
    margin-bottom: 18px;
    color: #17202d !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.35;
}

#product-category .rm-category-description-bottom h2 {
    font-size: 24px;
}

#product-category .rm-category-description-bottom h3 {
    font-size: 20px;
}

#product-category .rm-category-description-bottom ul {
    padding-left: 21px;
}

#product-category .rm-category-description-bottom li {
    margin-bottom: 7px;
}

/* Адаптивность */

@media (max-width: 1199px) {
    #product-category .rm-category-products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    #product-category .rm-category-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #product-category .rm-category-products .rm-module-item {
        min-height: 390px;
        border-radius: 10px;
    }

    #product-category .rm-category-products .image {
        min-height: 185px;
        padding: 12px 9px 5px;
    }

    #product-category .rm-category-products .image img {
        max-height: 175px;
    }

    #product-category .rm-category-products .rm-module-caption {
        padding-right: 11px;
        padding-left: 11px;
    }

    #product-category .rm-category-products .rm-module-title {
        min-height: 55px;
    }

    #product-category .rm-category-products .rm-module-title a {
        font-size: 11px;
    }

    #product-category .rm-category-products .rm-category-product-model {
        font-size: 9px;
    }

    #product-category .rm-category-products .rm-module-price-bottom {
        padding: 8px 11px 12px;
    }

    #product-category .rm-category-products .rm-module-price {
        font-size: 13px;
    }

    #product-category .rm-category-products .rm-cart-btn {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }

    #product-category .rm-category-description-bottom {
        margin-top: 30px;
        padding: 23px 18px;
        border-radius: 11px;
    }
}

/* =========================================================
   КАТЕГОРИЯ — БОКОВОЙ ФИЛЬТР OCFILTER
   ========================================================= */

@media (min-width: 992px) {

    /* Расстояние между фильтром и товарами */
    body[class*="product-category-"] main > .d-flex {
        align-items: flex-start;
        gap: 22px;
    }

    body[class*="product-category-"] #column-left {
        flex: 0 0 270px !important;
        width: 270px !important;
        max-width: 270px !important;
        padding: 0 !important;
    }

    body[class*="product-category-"] #content {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: calc(100% - 292px) !important;
    }

    /* При наличии фильтра выводим три нормальные карточки в ряд */
    body[class*="product-category-"]
    #column-left + #content .rm-category-products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Убираем старое оформление колонки */

body[class*="product-category-"] #column-left .rm-column-box {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Основная карточка фильтра */

body[class*="product-category-"] #ocf-module-1 {
    overflow: hidden;
    color: #344050;
    font-family: "Montserrat", sans-serif;
    background: #ffffff !important;
    border: 1px solid #e3e7ed !important;
    border-radius: 13px !important;
    box-shadow: 0 6px 22px rgba(26, 38, 58, 0.07);
}

/* Заголовок «Фільтр» */

body[class*="product-category-"] #ocf-module-1 .ocf-header {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 15px 18px !important;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    background: #17202d !important;
    border: 0 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-header > i {
    margin-right: 9px;
    color: #ffffff !important;
}

/* Тело фильтра */

body[class*="product-category-"] #ocf-module-1 .ocf-body {
    padding: 0 !important;
    background: #ffffff !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-filter {
    margin: 0 !important;
    padding: 0 18px 18px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-filter:last-child {
    border-bottom: 0 !important;
}

/* Названия разделов фильтра */

body[class*="product-category-"] #ocf-module-1 .ocf-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 16px 0 11px !important;
    color: #17202d !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    background: transparent !important;
    border: 0 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-filter-name {
    color: #17202d !important;
    font-weight: 700;
}

body[class*="product-category-"] #ocf-module-1 .ocf-active-label {
    color: #8b95a3;
    font-size: 10px;
    font-weight: 500;
}

/* Значения фильтра */

body[class*="product-category-"] #ocf-module-1 .ocf-value-list {
    padding: 0 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-value {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 6px 0 !important;
    color: #4d5968 !important;
    font-size: 12px;
    line-height: 1.4;
    background: transparent !important;
    border: 0 !important;
    text-align: left;
}

body[class*="product-category-"] #ocf-module-1 .ocf-value:hover {
    color: #e00015 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-value-name {
    flex: 1;
}

/* Радиокнопка */

body[class*="product-category-"] #ocf-module-1 .ocf-value-input {
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    margin-right: 9px !important;
    background: #ffffff !important;
    border: 1px solid #cfd5de !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 4px #ffffff;
}

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: #e00015 !important;
    border-color: #e00015 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-value-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    height: 22px;
    padding: 0 7px;
    color: #788290;
    font-size: 10px;
    background: #f2f4f7;
    border-radius: 12px;
}

/* Поля цены */

body[class*="product-category-"] #ocf-module-1 .ocf-slider-input-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    margin: 3px 0 17px;
}

body[class*="product-category-"] #ocf-module-1 .ocf-form-control {
    width: 100% !important;
    min-width: 0;
    height: 36px !important;
    padding: 0 8px !important;
    color: #303b49 !important;
    font-size: 11px !important;
    background: #f7f8fa !important;
    border: 1px solid #dce1e8 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-form-control:focus {
    background: #ffffff !important;
    border-color: #e00015 !important;
    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.08) !important;
    outline: none;
}

body[class*="product-category-"] #ocf-module-1
.ocf-input-group-addon {
    padding: 0 !important;
    color: #9099a6;
    font-size: 10px;
    background: transparent !important;
    border: 0 !important;
}

/* Ползунок цены */

body[class*="product-category-"] #ocf-module-1 .ocf-value-slider {
    margin: 7px 5px 5px;
}

body[class*="product-category-"] #ocf-module-1 .ocf-value-scale {
    min-height: 20px;
}

/* Нижняя часть с кнопками */

body[class*="product-category-"] #ocf-module-1 .ocf-footer {
    padding: 16px 18px 18px !important;
    background: #f8f9fb !important;
    border-top: 1px solid #e8ebf0 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-between {
    display: flex;
    align-items: center;
    gap: 9px;
}

body[class*="product-category-"] #ocf-module-1 .ocf-btn {
    min-height: 38px;
    padding: 9px 13px !important;
    font-family: "Montserrat", sans-serif;
    font-size: 11px !important;
    font-weight: 650;
    line-height: 1.3;
    border-radius: 7px !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

body[class*="product-category-"] #ocf-module-1
.ocf-search-btn-static {
    flex: 1;
    color: #ffffff !important;
    background: #e00015 !important;
    border: 1px solid #e00015 !important;
}

body[class*="product-category-"] #ocf-module-1
.ocf-search-btn-static:not(.ocf-disabled):hover {
    background: #bd0012 !important;
    border-color: #bd0012 !important;
}

body[class*="product-category-"] #ocf-module-1
.ocf-btn-link {
    color: #7d8794 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

body[class*="product-category-"] #ocf-module-1
.ocf-btn-link:not(.ocf-disabled):hover {
    color: #e00015 !important;
}

body[class*="product-category-"] #ocf-module-1 .ocf-disabled {
    color: #a5adb8 !important;
    background: #e6e9ed !important;
    border-color: #e6e9ed !important;
    opacity: 1 !important;
    cursor: default;
}

/* На мобильной версии используется выдвижной фильтр OCFilter */

@media (max-width: 991px) {
    body[class*="product-category-"] main > .d-flex {
        display: block !important;
    }

    body[class*="product-category-"] #column-left {
        display: none;
    }

    body[class*="product-category-"] #content {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   БЛОК ПОДПИСКИ ПЕРЕД ПОДВАЛОМ
   ========================================================= */

.suscriberunder {
    position: relative;
    padding: 48px 24px !important;
    background: #f5f7fa !important;
    overflow: hidden;
}

.suscriberunder > .row {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* Основная карточка подписки */

#footer-subscribe {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 46px;
    overflow: hidden;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(230, 0, 21, 0.18),
            transparent 30%
        ),
        linear-gradient(135deg, #17202d 0%, #202c3d 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(23, 32, 45, 0.16);
}

#footer-subscribe::before {
    content: "✉";
    position: absolute;
    top: -28px;
    right: 35px;
    color: rgba(255, 255, 255, 0.05);
    font-family: Arial, sans-serif;
    font-size: 170px;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
}

/* Скрываем старые изображения, одно из которых не загружается */

#footer-subscribe .forimgmob,
#footer-subscribe .forimgmobtwo,
#footer-subscribe > .d-flex.justify-content-end {
    display: none !important;
}

/* Основная сетка */

#footer-subscribe .gappeyy {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
    align-items: center;
    gap: 55px;
    width: 100%;
    flex-direction: unset !important;
}

/* Заголовок */

#footer-subscribe .onesubscribe {
    display: block !important;
    justify-content: flex-start !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 28px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-align: left !important;
}

#footer-subscribe .onesubscribe::before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 4px;
    margin-right: 13px;
    vertical-align: middle;
    background: #e00015;
    border-radius: 4px;
}

/* Описание */

#footer-subscribe .twosubscribe {
    display: block !important;
    justify-content: flex-start !important;
    max-width: 620px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #b9c3d1 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    text-align: left !important;
}

/* Поле и кнопка */

#footer-subscribe .gappeytwo {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    flex-direction: unset !important;
}

#footer-subscribe #InputSubscribeEmail {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 17px !important;
    color: #283342 !important;
    font-size: 14px;
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    outline: none;
}

#footer-subscribe #InputSubscribeEmail::placeholder {
    color: #929ba8;
}

#footer-subscribe #InputSubscribeEmail:focus {
    border-color: #e00015 !important;
    box-shadow: 0 0 0 4px rgba(224, 0, 21, 0.16) !important;
}

#footer-subscribe #InputSubscribeEmail.error_style {
    border-color: #e00015 !important;
    box-shadow: 0 0 0 4px rgba(224, 0, 21, 0.16) !important;
}

/* Кнопка подписки */

#footer-subscribe #footer-make-subscribe {
    min-width: 190px;
    height: 52px;
    margin: 0 !important;
    padding: 0 22px !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    background: #e00015 !important;
    border: 1px solid #e00015 !important;
    border-radius: 9px !important;
    box-shadow: 0 8px 20px rgba(224, 0, 21, 0.22);
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

#footer-subscribe #footer-make-subscribe:hover {
    background: #bd0012 !important;
    border-color: #bd0012 !important;
    transform: translateY(-2px);
    box-shadow: 0 11px 25px rgba(189, 0, 18, 0.28);
}

/* Планшеты */

@media (max-width: 991px) {
    #footer-subscribe {
        padding: 36px;
    }

    #footer-subscribe .gappeyy {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    #footer-subscribe .twosubscribe {
        max-width: 700px !important;
    }
}

/* Телефоны */

@media (max-width: 575px) {
    .suscriberunder {
        padding: 30px 12px !important;
    }

    #footer-subscribe {
        padding: 29px 20px;
        border-radius: 13px;
    }

    #footer-subscribe::before {
        top: -10px;
        right: -15px;
        font-size: 115px;
    }

    #footer-subscribe .onesubscribe {
        font-size: 22px;
    }

    #footer-subscribe .onesubscribe::before {
        width: 27px;
        height: 3px;
        margin-right: 8px;
    }

    #footer-subscribe .twosubscribe {
        font-size: 13px;
    }

    #footer-subscribe .gappeytwo {
        grid-template-columns: 1fr;
    }

    #footer-subscribe #footer-make-subscribe {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   КАРТОЧКА ТОВАРА — ВЕРХНЯЯ ЧАСТЬ
   ========================================================= */

#product-product.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
}

/* Заголовок и артикул */

#product-product .titleandcode {
    gap: 25px;
    margin: 20px 0 25px !important;
    padding-bottom: 18px;
    border-bottom: 1px solid #e6eaf0;
}

#product-product .rm-product-title {
    min-width: 0;
}

#product-product .rm-product-title h1 {
    margin: 0;
    color: #17202d;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 750;
    line-height: 1.3;
}

#product-product .codewidth100 {
    flex: 0 0 auto;
}

#product-product .modell {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0 !important;
    padding: 9px 14px !important;
    color: #727d8b !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.3 !important;
    background: #f4f6f8 !important;
    border: 1px solid #e4e8ee;
    border-radius: 7px !important;
}

/* Общий верхний блок */

#product-product #content.rm-product {
    background: transparent;
}

#product-product #content.rm-product > .row.no-gutters {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(330px, 0.75fr);
    gap: 28px;
    margin: 0 !important;
}

#product-product #content.rm-product > .row.no-gutters > div {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
}

/* Галерея */

#product-product .rm-product-images {
    position: relative;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #e4e8ee;
    border-radius: 15px;
    box-shadow: 0 7px 24px rgba(26, 38, 58, 0.06);
}

#product-product .rm-product-images-additional {
    flex: 0 0 92px;
    width: 92px !important;
    margin-right: 18px;
    padding: 0 !important;
}

#product-product .rm-product-images-additional .slick-list {
    height: auto !important;
    max-height: 470px;
}

#product-product .rm-product-images-additional-item {
    width: 82px !important;
    height: 82px;
    margin: 0 0 10px !important;
    padding: 6px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e3e7ed;
    border-radius: 9px;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#product-product .rm-product-images-additional-item:hover,
#product-product .rm-product-images-additional-item.slick-current {
    border-color: #e00015;
    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.08);
}

#product-product .rm-product-images-additional-item img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none !important;
    object-fit: contain;
}

/* Главное изображение */

#product-product .rm-product-images-main {
    flex: 1 1 auto;
    width: calc(100% - 110px) !important;
    min-width: 0;
}

#product-product .rm-product-images-main .slick-list,
#product-product .rm-product-images-main .slick-track,
#product-product .rm-product-images-main .rm-product-slide {
    height: 100%;
}

#product-product .rm-product-images-main .rm-product-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 470px;
}

#product-product .rm-product-images-main .rm-product-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#product-product .rm-product-images-main img {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: 450px;
    margin: 0 auto !important;
    object-fit: contain;
}

/* Стрелки галереи */

#product-product .rm-product-images-main .slick-prev,
#product-product .rm-product-images-main .slick-next {
    z-index: 5;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e1e5eb;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(26, 38, 58, 0.1);
}

#product-product .rm-product-images-main .slick-prev {
    left: 8px !important;
}

#product-product .rm-product-images-main .slick-next {
    right: 8px !important;
}

/* Правая карточка покупки */

#product-product #product {
    padding: 0 !important;
}

#product-product #product > .manufacturer_imager,
#product-product #product > .rm-product-center {
    background: #ffffff;
}

#product-product #product {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e4e8ee;
    border-radius: 15px;
    box-shadow: 0 9px 28px rgba(26, 38, 58, 0.08);
}

#product-product .manufacturer_imager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    margin: 0 !important;
    padding: 13px 20px;
    border-bottom: 1px solid #edf0f4;
}

#product-product .manufacturer_imager p {
    margin: 0;
    color: #77818f;
    font-size: 12px;
}

#product-product .manufacturer_imager .spanproduct {
    color: #263140;
    font-weight: 700;
}

#product-product .manufacturer_imager .manicons img {
    display: block;
    width: auto;
    max-width: 65px !important;
    max-height: 36px;
    object-fit: contain;
}

#product-product .rm-product-center {
    padding: 23px 20px 20px;
}

/* Наличие */

#product-product .rm-product-center-info {
    margin-bottom: 13px;
}

#product-product .rm-product-center .rm-module-stock {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    color: #16873c;
    font-size: 12px;
    font-weight: 700;
    background: #edf9f1;
    border-radius: 15px;
}

#product-product .rm-product-center .rm-out-of-stock {
    color: #8b949f;
    background: #f1f3f5;
}

/* Цена */

#product-product .rm-product-center-price {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #edf0f4;
}

#product-product .rm-product-center-price > span {
    color: #17202d;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

#product-product .rm-product-center-price-old {
    margin-left: 8px;
    color: #a0a8b3;
    font-size: 15px;
    font-weight: 500;
    text-decoration: line-through;
}

/* Количество и корзина */

#product-product .rm-product-center-buttons {
    margin-top: 0;
}

#product-product .rm-product-center-buttons > .d-flex:first-child {
    align-items: stretch !important;
    gap: 10px;
}

#product-product .rm-module-quantity {
    flex: 0 0 112px;
    height: 48px;
    overflow: hidden;
    background: #f7f8fa;
    border: 1px solid #dfe4ea;
    border-radius: 8px;
}

#product-product .rm-module-quantity-btn {
    width: 35px;
    height: 46px;
    background: transparent;
    border: 0;
}

#product-product .rm-module-quantity .form-control {
    width: 42px;
    height: 46px;
    padding: 0;
    color: #27313f;
    font-weight: 700;
    background: transparent;
    border: 0;
    box-shadow: none;
}

#product-product #button-cart {
    flex: 1 1 auto;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 20px !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    background: #e00015 !important;
    border: 1px solid #e00015 !important;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(224, 0, 21, 0.2);
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

#product-product #button-cart:hover {
    background: #bd0012 !important;
    border-color: #bd0012 !important;
    transform: translateY(-2px);
    box-shadow: 0 11px 24px rgba(189, 0, 18, 0.25);
}

/* Избранное и сравнение */

#product-product .rm-product-top-button {
    width: calc(50% - 5px);
    min-height: 42px;
    margin-top: 10px;
    padding: 8px 10px;
    color: #66717f;
    font-size: 11px;
    background: #f7f8fa;
    border: 1px solid #e1e5eb;
    border-radius: 7px;
}

#product-product .rm-product-top-button:hover {
    color: #e00015;
    border-color: rgba(224, 0, 21, 0.35);
}

#product-product .rm-product-top-button img {
    width: 17px;
    height: 17px;
    margin-right: 7px;
}

/* Планшеты */

@media (max-width: 1199px) {
    #product-product #content.rm-product > .row.no-gutters {
        grid-template-columns: minmax(0, 1.4fr) minmax(310px, 0.8fr);
    }

    #product-product .rm-product-images-main .rm-product-slide {
        min-height: 400px;
    }

    #product-product .rm-product-images-main img {
        max-height: 380px;
    }
}

/* Мобильная версия */

@media (max-width: 991px) {
    #product-product.container {
        padding-right: 12px;
        padding-left: 12px;
    }

    #product-product .titleandcode {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 12px;
    }

    #product-product .rm-product-title h1 {
        font-size: 24px;
    }

    #product-product #content.rm-product > .row.no-gutters {
        display: block;
    }

    #product-product .rm-product-images {
        margin-bottom: 18px !important;
        padding: 14px;
    }

    #product-product .rm-product-images-main {
        width: 100% !important;
    }

    #product-product .rm-product-images-main .rm-product-slide {
        min-height: 320px;
    }

    #product-product .rm-product-images-main img {
        max-height: 310px;
    }
}

@media (max-width: 575px) {
    #product-product .rm-product-images-main .rm-product-slide {
        min-height: 270px;
    }

    #product-product .rm-product-images-main img {
        max-height: 255px;
    }

    #product-product #product {
        border-radius: 12px;
    }

    #product-product .rm-product-center {
        padding: 20px 15px;
    }

    #product-product .rm-product-center-price > span {
        font-size: 26px;
    }
}

/* =========================================================
   КАРТОЧКА ТОВАРА — КОНСУЛЬТАЦИЯ, ВКЛАДКИ И ОПИСАНИЕ
   ========================================================= */

/* Основная область под галереей и покупкой */

#product-product .withrowformobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: start;
    gap: 24px;
    width: 100%;
    margin-top: 28px;
    padding: 0 !important;
}

#product-product .withrowformobile > .col-xl-8,
#product-product .withrowformobile > .col-xl-4 {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    flex: none !important;
}

/* =========================================================
   БЛОК ПОМОЩИ: телефон и обратный звонок
   ========================================================= */

#product-product .producthelp {
    margin: 0 0 22px !important;
    padding: 18px !important;
    background: #f4f6f8 !important;
    border: 1px solid #e5e9ef;
    border-radius: 13px !important;
    box-shadow: none !important;
}

#product-product .producthelp > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 !important;
}

#product-product .producthelp .blochock {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 100% !important;
    max-width: none !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 10px 16px !important;

    color: #27313f;
    background: #ffffff !important;

    border: 1px solid #e0e5eb !important;
    border-radius: 9px !important;
    box-shadow: 0 4px 13px rgba(26, 38, 58, 0.05) !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

#product-product .producthelp .blochock:hover {
    border-color: rgba(224, 0, 21, 0.35) !important;
    box-shadow: 0 7px 18px rgba(26, 38, 58, 0.09) !important;
    transform: translateY(-2px);
}

#product-product .producthelp .blochock img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

#product-product .producthelp .spanchick {
    margin: 0 !important;
    padding: 0 !important;
    color: #27313f !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none !important;
}

#product-product .producthelp a.spanchick,
#product-product .producthelp .spanchick a {
    color: #27313f !important;
    text-decoration: none !important;
}

#product-product .producthelp .rm-phone-link {
    cursor: pointer;
}

/* =========================================================
   НАВИГАЦИЯ ПО ВКЛАДКАМ
   ========================================================= */

#product-product .rm-product-tabs-nav {
    position: sticky !important;
    top: 10px !important;
    z-index: 20;

    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;

    margin: 0 0 15px !important;
    padding: 9px !important;

    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #e4e8ee !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 18px rgba(26, 38, 58, 0.06);
    backdrop-filter: blur(8px);
}

#product-product .rm-tab-item {
    min-height: 40px;
    padding: 10px 16px !important;

    color: #596473 !important;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;

    background: #f5f7f9 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

#product-product .rm-tab-item:hover {
    color: #e00015 !important;
    background: #fff5f6 !important;
    border-color: rgba(224, 0, 21, 0.2) !important;
}

#product-product .rm-tab-item.active {
    color: #ffffff !important;
    background: #e00015 !important;
    border-color: #e00015 !important;
    box-shadow: 0 5px 14px rgba(224, 0, 21, 0.18);
}

/* =========================================================
   СОДЕРЖИМОЕ ВКЛАДОК
   ========================================================= */

#product-product .rm-tab-content-area {
    padding: 30px 32px;

    color: #535e6d;
    font-size: 14px;
    line-height: 1.75;

    background: #ffffff;
    border: 1px solid #e4e8ee;
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(26, 38, 58, 0.05);
}

#product-product .rm-tab-pane {
    color: #535e6d;
    font-size: 14px;
    line-height: 1.75;
}

#product-product .rm-tab-pane > :first-child {
    margin-top: 0;
}

#product-product .rm-tab-pane > :last-child {
    margin-bottom: 0;
}

#product-product .rm-tab-pane h2,
#product-product .rm-tab-pane h3,
#product-product .rm-tab-pane h4 {
    margin-top: 31px;
    margin-bottom: 14px;

    color: #17202d !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.35;
}

#product-product .rm-tab-pane h2 {
    font-size: 24px;
}

#product-product .rm-tab-pane h3 {
    font-size: 20px;
}

#product-product .rm-tab-pane h4 {
    font-size: 17px;
}

#product-product .rm-tab-pane p {
    margin: 0 0 15px;
    color: #535e6d;
    line-height: 1.75;
}

#product-product .rm-tab-pane strong {
    color: #27313f;
    font-weight: 700;
}

#product-product .rm-tab-pane ul,
#product-product .rm-tab-pane ol {
    margin: 15px 0;
    padding-left: 23px;
}

#product-product .rm-tab-pane li {
    margin-bottom: 7px;
}

#product-product .rm-tab-pane img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   ТАБЛИЦА ХАРАКТЕРИСТИК
   ========================================================= */

#product-product .rm-product-tabs-attributtes-list {
    overflow: hidden;
    border: 1px solid #e4e8ee;
    border-radius: 10px;
}

#product-product .rm-product-tabs-attributtes-list-item {
    gap: 20px;
    min-height: 48px;
    padding: 13px 16px;

    color: #4d5867;
    font-size: 13px;

    background: #ffffff;
    border-bottom: 1px solid #edf0f4;
}

#product-product
.rm-product-tabs-attributtes-list-item:nth-child(even) {
    background: #f8f9fb;
}

#product-product
.rm-product-tabs-attributtes-list-item:last-child {
    border-bottom: 0;
}

#product-product
.rm-product-tabs-attributtes-list-item > div:first-child {
    flex: 0 0 46%;
    color: #737d8a;
}

#product-product
.rm-product-tabs-attributtes-list-item > div:last-child {
    flex: 1;
    color: #263140;
    font-weight: 650;
    text-align: right;
}

/* =========================================================
   ПРАВАЯ КОЛОНКА: ОПЛАТА, ГАРАНТИЯ, ДОСТАВКА
   ========================================================= */

#product-product .withrowformobile > .col-xl-4 {
    position: sticky;
    top: 20px;
}

#product-product .rm-product-right,
#product-product .rm-product-advantages {
    overflow: hidden;
    margin: 0 0 16px;
    padding: 0;

    background: #ffffff;
    border: 1px solid #e4e8ee;
    border-radius: 13px;
    box-shadow: 0 6px 22px rgba(26, 38, 58, 0.05);
}

#product-product .rm-product-advantages-item {
    display: block !important;
    padding: 17px 19px !important;

    color: #566170 !important;
    text-decoration: none !important;

    border-bottom: 1px solid #edf0f4;
    transition:
        background 0.2s ease,
        padding-left 0.2s ease;
}

#product-product .rm-product-advantages-item:last-child {
    border-bottom: 0;
}

#product-product .rm-product-advantages-item:hover {
    padding-left: 23px !important;
    background: #fafbfc;
}

#product-product .rm-product-advantages-item-title {
    margin-bottom: 5px;
    color: #17202d !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
}

#product-product .rm-product-advantages-item-text {
    color: #6c7684 !important;
    font-size: 12px;
    line-height: 1.55;
}

/* Блок кратких атрибутов справа */

#product-product .rm-product-attr {
    padding: 18px;
}

#product-product .rm-product-attr-list-item {
    padding: 9px 0;
    color: #586373;
    font-size: 12px;
    line-height: 1.5;
    border-bottom: 1px solid #edf0f4;
}

#product-product .rm-product-attr-list-item:last-child {
    border-bottom: 0;
}

#product-product .rm-product-attr-list-item strong {
    color: #27313f;
}

/* =========================================================
   АДАПТИВНОСТЬ
   ========================================================= */

@media (max-width: 1199px) {
    #product-product .withrowformobile {
        grid-template-columns: minmax(0, 1fr) 290px;
    }
}

@media (max-width: 991px) {
    #product-product .withrowformobile {
        display: block;
    }

    #product-product .withrowformobile > .col-xl-4 {
        position: static;
        margin-top: 18px;
    }

    #product-product .rm-product-tabs-nav {
        position: relative !important;
        top: auto !important;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        scrollbar-width: none;
    }

    #product-product .rm-product-tabs-nav::-webkit-scrollbar {
        display: none;
    }

    #product-product .rm-tab-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

@media (max-width: 575px) {
    #product-product .producthelp {
        padding: 11px !important;
    }

    #product-product .producthelp > .row {
        grid-template-columns: 1fr;
    }

    #product-product .producthelp .blochock {
        height: 52px !important;
    }

    #product-product .rm-product-tabs-nav {
        margin-bottom: 10px !important;
        padding: 7px !important;
        border-radius: 10px !important;
    }

    #product-product .rm-tab-item {
        min-height: 37px;
        padding: 9px 13px !important;
        font-size: 11px;
    }

    #product-product .rm-tab-content-area {
        padding: 22px 17px;
        font-size: 13px;
        border-radius: 11px;
    }

    #product-product .rm-tab-pane {
        font-size: 13px;
    }

    #product-product .rm-tab-pane h2 {
        font-size: 21px;
    }

    #product-product .rm-tab-pane h3 {
        font-size: 18px;
    }

    #product-product .rm-product-tabs-attributtes-list-item {
        display: block !important;
    }

    #product-product
    .rm-product-tabs-attributtes-list-item > div:last-child {
        margin-top: 5px;
        text-align: left;
    }
}

/* Убираем двойную рамку активной миниатюры товара */

#product-product .rm-product-images-additional-item,
#product-product .rm-product-images-additional-item a,
#product-product .rm-product-images-additional-item img {
    outline: none !important;
    box-shadow: none !important;
}

#product-product .rm-product-images-additional-item a,
#product-product .rm-product-images-additional-item img {
    border: 0 !important;
    border-radius: 6px !important;
}

#product-product .rm-product-images-additional-item.slick-current {
    padding: 5px !important;
    border: 2px solid #e00015 !important;
    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.08) !important;
}

#product-product
.rm-product-images-additional-item.slick-current a,
#product-product
.rm-product-images-additional-item.slick-current img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Галерея товара — стрелки без белых кругов */

#product-product .rm-product-images-main .slick-prev,
#product-product .rm-product-images-main .slick-next {
    width: 44px !important;
    height: 44px !important;

    font-size: 0 !important;
    color: transparent !important;

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

    opacity: 1 !important;
}

/* Убираем штатную стрелку и её фон */
#product-product .rm-product-images-main .slick-prev::before,
#product-product .rm-product-images-main .slick-next::before {
    display: none !important;
    content: none !important;
}

/* Рисуем одну чистую стрелку */
#product-product .rm-product-images-main .slick-prev::after,
#product-product .rm-product-images-main .slick-next::after {
    position: absolute;
    top: 50%;
    left: 50%;

    color: #7b8592 !important;
    font-family: Arial, sans-serif !important;
    font-size: 38px !important;
    font-weight: 300;
    line-height: 1;

    transform: translate(-50%, -52%);
    transition: color 0.2s ease;
}

#product-product .rm-product-images-main .slick-prev::after {
    content: "‹" !important;
}

#product-product .rm-product-images-main .slick-next::after {
    content: "›" !important;
}

#product-product .rm-product-images-main .slick-prev:hover::after,
#product-product .rm-product-images-main .slick-next:hover::after {
    color: #e00015 !important;
}

/* =========================================================
   КАРТОЧКА ТОВАРА — БЛОК «ВИ ДИВИЛИСЯ»
   ========================================================= */

body[class*="product-product-"] .rm-module:has(#rm-pv_0) {
    width: 100%;
    max-width: 1400px;
    margin: 48px auto 0;
    padding: 0 24px;
    font-family: "Montserrat", sans-serif;
}

/* Заголовок */

body[class*="product-product-"]
.rm-module:has(#rm-pv_0)
.rm-module-header {
    margin-bottom: 22px;
    text-align: left !important;
}

body[class*="product-product-"]
.rm-module:has(#rm-pv_0)
.rm-module-header span {
    position: relative;
    display: inline-block;
    padding-bottom: 13px;

    color: #17202d;
    font-size: 24px;
    font-weight: 750;
    line-height: 1.3;
}

body[class*="product-product-"]
.rm-module:has(#rm-pv_0)
.rm-module-header span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;

    width: 44px;
    height: 4px;

    background: #e00015;
    border-radius: 4px;
}

/* Отступы карусели */

body[class*="product-product-"] #rm-pv_0 {
    margin: 0 -8px;
}

body[class*="product-product-"] #rm-pv_0 .slick-list {
    padding: 4px 0 18px;
}

body[class*="product-product-"] #rm-pv_0 .slick-track {
    display: flex !important;
    align-items: stretch;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-col {
    height: auto !important;
    padding: 0 8px !important;
}

/* Карточка */

body[class*="product-product-"] #rm-pv_0 .rm-module-item {
    position: relative;
    height: 100% !important;
    min-height: 430px;

    overflow: hidden;
    background: #ffffff;

    border: 1px solid #e4e8ee;
    border-radius: 13px;
    box-shadow: 0 5px 18px rgba(26, 38, 58, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-item:hover {
    border-color: rgba(224, 0, 21, 0.3);
    box-shadow: 0 12px 28px rgba(26, 38, 58, 0.11);
    transform: translateY(-4px);
}

body[class*="product-product-"] #rm-pv_0 .rm-module-img {
    height: 100%;
}

/* Изображение */

body[class*="product-product-"] #rm-pv_0 .image {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 245px;
    padding: 18px 16px 7px;
}

body[class*="product-product-"] #rm-pv_0 .image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

body[class*="product-product-"] #rm-pv_0 .image img {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: 225px;

    object-fit: contain;
    transition: transform 0.3s ease;
}

body[class*="product-product-"]
#rm-pv_0
.rm-module-item:hover
.image img {
    transform: scale(1.035);
}

/* Избранное и сравнение */

body[class*="product-product-"] #rm-pv_0 .rm-module-buttons {
    top: 10px;
    right: 10px;
    z-index: 5;
}

body[class*="product-product-"]
#rm-pv_0
.rm-module-buttons-item {
    width: 32px;
    height: 32px;
    margin-bottom: 6px;

    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e2e6ec;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(26, 38, 58, 0.08);
}

body[class*="product-product-"]
#rm-pv_0
.rm-module-buttons-item:hover {
    border-color: #e00015;
}

/* Название и информация */

body[class*="product-product-"] #rm-pv_0 .rm-module-caption {
    padding-right: 16px;
    padding-left: 16px;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-title {
    min-height: 48px;
    margin-bottom: 12px;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-title a {
    color: #263140 !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
    text-decoration: none !important;
}

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

body[class*="product-product-"]
#rm-pv_0
.rm-category-product-model {
    margin-bottom: 9px;

    color: #98a1ad;
    font-size: 10px;
    line-height: 1.4;
}

/* Цена */

body[class*="product-product-"] #rm-pv_0 .rm-module-price-bottom {
    min-height: 60px;
    padding: 10px 16px 16px;
}

body[class*="product-product-"] #rm-pv_0 .rm-module-price {
    color: #17202d;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.3;
}

/* Кнопка корзины */

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;

    padding: 0 !important;
    background: #17202d !important;
    border: 0 !important;
    border-radius: 8px;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn:hover {
    background: #e00015 !important;
    transform: translateY(-2px);
}

/* Стрелки карусели */

body[class*="product-product-"] #rm-pv_0 .slick-prev,
body[class*="product-product-"] #rm-pv_0 .slick-next {
    z-index: 8;

    width: 40px;
    height: 40px;

    background: #ffffff !important;
    border: 1px solid #e1e5eb !important;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(26, 38, 58, 0.1);
}

body[class*="product-product-"] #rm-pv_0 .slick-prev {
    left: -12px;
}

body[class*="product-product-"] #rm-pv_0 .slick-next {
    right: -12px;
}

/* Адаптивность */

@media (max-width: 767px) {
    body[class*="product-product-"] .rm-module:has(#rm-pv_0) {
        margin-top: 34px;
        padding-right: 12px;
        padding-left: 12px;
    }

    body[class*="product-product-"]
    .rm-module:has(#rm-pv_0)
    .rm-module-header span {
        font-size: 21px;
    }

    body[class*="product-product-"] #rm-pv_0 {
        margin-right: -5px;
        margin-left: -5px;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-col {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-item {
        min-height: 380px;
        border-radius: 10px;
    }

    body[class*="product-product-"] #rm-pv_0 .image {
        min-height: 185px;
        padding: 12px 8px 5px;
    }

    body[class*="product-product-"] #rm-pv_0 .image img {
        max-height: 175px;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-caption {
        padding-right: 11px;
        padding-left: 11px;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-title a {
        font-size: 11px;
    }

    body[class*="product-product-"]
    #rm-pv_0
    .rm-category-product-model {
        font-size: 9px;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-price {
        font-size: 13px;
    }
}

/* =========================================================
   «ВИ ДИВИЛИСЯ» — ЦЕНТРИРОВАНИЕ КОРЗИНЫ
   ========================================================= */

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn {
    display: grid !important;
    place-items: center !important;

    padding: 0 !important;
    line-height: 1 !important;
}

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn-icon {
    position: static !important;
    display: block !important;

    width: 20px !important;
    height: 20px !important;

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

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

    transform: none !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

body[class*="product-product-"]
#rm-pv_0
.rm-cart-btn-icon::before,
body[class*="product-product-"]
#rm-pv_0
.rm-cart-btn-icon::after {
    margin: 0 !important;
    transform: none !important;
}

/* =========================================================
   «ВИ ДИВИЛИСЯ» — МОБИЛЬНАЯ ВЫСОТА КАРТОЧЕК
   ========================================================= */

@media (max-width: 575px) {

    body[class*="product-product-"] #rm-pv_0 .rm-module-item {
        height: auto !important;
        min-height: 0 !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-img {
        height: auto !important;
        min-height: 0 !important;
    }

    body[class*="product-product-"] #rm-pv_0 .image {
        height: 180px !important;
        min-height: 180px !important;
        padding: 10px 8px 4px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .image img {
        max-height: 168px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-caption {
        flex-grow: 0 !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-title {
        min-height: 42px !important;
        margin-bottom: 8px !important;
    }

    body[class*="product-product-"]
    #rm-pv_0
    .rm-category-product-model {
        min-height: 26px;
        margin-bottom: 5px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-rating {
        margin-bottom: 4px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-module-price-bottom {
        min-height: 52px !important;
        padding: 7px 11px 11px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-cart-btn {
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
    }

    body[class*="product-product-"] #rm-pv_0 .rm-cart-btn-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

/* «Ви дивилися» — точное центрирование иконки корзины */

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn-icon {
    display: block !important;
    flex: 0 0 19px !important;

    width: 19px !important;
    height: 19px !important;

    margin: 0 auto !important;

    background-color: #ffffff !important;

    -webkit-mask-position: center center !important;
    mask-position: center center !important;

    -webkit-mask-size: 19px 19px !important;
    mask-size: 19px 19px !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    transform: none !important;
}

/* «Ви дивилися» — окончательное центрирование корзины */

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body[class*="product-product-"] #rm-pv_0 .rm-cart-btn-icon {
    flex: 0 0 19px !important;
    margin: 0 !important;
}

/* «Ви дивилися» — скрываем стрелки карусели на мобильных */

@media (max-width: 575px) {
    body[class*="product-product-"] #rm-pv_0 .slick-prev,
    body[class*="product-product-"] #rm-pv_0 .slick-next {
        display: none !important;
    }
}

/* Карточка товара — видимый текст кнопок при наведении */

body[class*="product-product-"]
.rm-product-top-button-wishlist:hover,
body[class*="product-product-"]
.rm-product-top-button-wishlist:focus,
body[class*="product-product-"]
.rm-product-top-button-wishlist:active {
    background: rgba(224, 0, 21, 0.06) !important;
    border-color: #e00015 !important;
    color: #e00015 !important;
}

body[class*="product-product-"]
.rm-product-top-button-compare:hover,
body[class*="product-product-"]
.rm-product-top-button-compare:focus,
body[class*="product-product-"]
.rm-product-top-button-compare:active {
    background: #f4f6f9 !important;
    border-color: #aeb7c2 !important;
    color: #263140 !important;
}

body[class*="product-product-"]
.rm-product-top-button:hover
.rm-product-top-button-text,
body[class*="product-product-"]
.rm-product-top-button:focus
.rm-product-top-button-text,
body[class*="product-product-"]
.rm-product-top-button:active
.rm-product-top-button-text {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Иконки также не должны исчезать */

body[class*="product-product-"]
.rm-product-top-button:hover img,
body[class*="product-product-"]
.rm-product-top-button:focus img {
    opacity: 1 !important;
}

/* Карточка товара — аккуратный выбор количества */

body[class*="product-product-"] .rm-module-quantity {
    flex: 0 0 112px;
    width: 112px;
    height: 48px;

    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #dce2e9;
    border-radius: 8px;
}

body[class*="product-product-"] .rm-module-quantity-btn {
    display: flex !important;
    flex: 0 0 34px !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 46px !important;

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

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

body[class*="product-product-"] .rm-module-quantity #input-quantity {
    flex: 0 0 42px !important;

    width: 42px !important;
    height: 46px !important;

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

    color: #17202d !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 46px !important;

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

/* Полностью сбрасываем старые изображения плюс/минус */

body[class*="product-product-"] .rm-module-quantity-btn .plus,
body[class*="product-product-"] .rm-module-quantity-btn .minus {
    position: relative !important;
    display: block !important;

    width: 14px !important;
    height: 14px !important;

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

    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    transform: none !important;
}

/* Горизонтальная линия */

body[class*="product-product-"] .rm-module-quantity-btn .plus::before,
body[class*="product-product-"] .rm-module-quantity-btn .minus::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

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

    margin: 0 !important;
    background: #5f6976 !important;
    border: 0 !important;

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

/* Вертикальная линия только для плюса */

body[class*="product-product-"] .rm-module-quantity-btn .plus::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

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

    margin: 0 !important;
    background: #5f6976 !important;
    border: 0 !important;

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

body[class*="product-product-"] .rm-module-quantity-btn:hover {
    background: #eef1f5 !important;
}

body[class*="product-product-"] .rm-module-quantity-btn:hover .plus::before,
body[class*="product-product-"] .rm-module-quantity-btn:hover .plus::after,
body[class*="product-product-"] .rm-module-quantity-btn:hover .minus::before {
    background: #e00015 !important;
}

/* Карточка товара — мобильные хлебные крошки */

@media (max-width: 575px) {
    body[class*="product-product-"] nav[aria-label="breadcrumb"] {
        width: 100%;
        overflow: hidden;
    }

    body[class*="product-product-"] .rm-breadcrumb {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;

        width: 100%;
        max-width: 100%;

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

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

        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body[class*="product-product-"] .rm-breadcrumb::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    body[class*="product-product-"] .rm-breadcrumb-item {
        display: inline-flex !important;
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        white-space: nowrap !important;
    }

    body[class*="product-product-"] .rm-breadcrumb-item:last-child {
        padding-right: 18px;
    }
}

/* =========================================================
   ВСПЛЫВАЮЩАЯ КОРЗИНА
   ========================================================= */

#rm-popup-cart .modal-dialog.narrow {
    width: calc(100% - 32px);
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}

#rm-popup-cart .modal-content {
    overflow: hidden;
    background: #ffffff;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(20, 31, 48, 0.24);
}

/* Шапка окна */

#rm-popup-cart .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 70px;
    padding: 18px 22px;

    background: #ffffff;
    border-bottom: 1px solid #e8ebef;
}

#rm-popup-cart .modal-title {
    color: #17202d;
    font-size: 22px;
    font-weight: 750;
    line-height: 1.25;
    text-transform: none;
}

#rm-popup-cart .modal-close {
    position: relative;

    flex: 0 0 38px;
    width: 38px;
    height: 38px;

    margin: 0;
    padding: 0;

    background: #f5f7f9;
    border: 0;
    border-radius: 50%;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

#rm-popup-cart .modal-close:hover {
    background: rgba(157, 138, 184, 0.09);
    transform: rotate(90deg);
}

#rm-popup-cart .modal-close-icon {
    background: #596473;
}

/* Основная область */

#rm-popup-cart .modal-body.rm-cart {
    padding: 18px 22px 22px;
}

#rm-popup-cart .rm-cart-text {
    margin-bottom: 16px;
    padding: 12px 14px;

    color: #687382;
    font-size: 13px;
    line-height: 1.45;

    background: #f7f9fb;
    border: 1px solid #edf0f3;
    border-radius: 10px;
}

#rm-popup-cart .rm-cart-text span {
    color: #17202d;
    font-weight: 700;
}

/* Карточка товара */

#rm-popup-cart .rm-cart-products {
    margin-bottom: 18px;
}

#rm-popup-cart .rm-cart-products-item {
    position: relative;

    gap: 14px;
    min-height: 126px;
    padding: 14px 48px 14px 14px;

    background: #ffffff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    box-shadow: 0 5px 18px rgba(24, 35, 52, 0.05);
}

#rm-popup-cart .rm-cart-products-item + .rm-cart-products-item {
    margin-top: 12px;
}

/* Изображение */

#rm-popup-cart .rm-cart-products-item-left {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;

    overflow: hidden;
    background: #ffffff;
    border: 1px solid #edf0f3;
    border-radius: 9px;
}

#rm-popup-cart .rm-cart-products-item-img {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    padding: 5px;
}

#rm-popup-cart .rm-cart-products-item-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Информация о товаре */

#rm-popup-cart .rm-cart-products-item-right {
    flex: 1 1 auto;
    min-width: 0;
}

#rm-popup-cart .rm-cart-products-item-info-title {
    margin-bottom: 14px;
    padding-right: 4px;
}

#rm-popup-cart .rm-cart-products-item-info-title a {
    display: block;

    color: #263140 !important;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none !important;
}

#rm-popup-cart .rm-cart-products-item-info-title a:hover {
    color: #9D8AB8 !important;
}

#rm-popup-cart .rm-cart-products-item-right > .d-flex {
    flex-wrap: wrap;
    gap: 10px;
}

#rm-popup-cart .rm-cart-products-item-price {
    margin-right: 0 !important;

    color: #17202d;
    font-size: 16px;
    font-weight: 750;
    white-space: nowrap;
}

/* Количество */

#rm-popup-cart .rm-product-quantity {
    display: flex;
    flex: 0 0 86px;

    width: 86px;
    height: 42px;

    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #dce2e9;
    border-radius: 8px;
}

#rm-popup-cart .rm-product-quantity input.form-control {
    flex: 0 0 52px;

    width: 52px;
    height: 40px;

    padding: 0;

    color: #17202d;
    font-size: 14px;
    font-weight: 700;
    text-align: center;

    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#rm-popup-cart .rm-product-quantity > .d-flex {
    flex: 0 0 32px;
    width: 32px;
    height: 40px;
}

#rm-popup-cart .rm-product-quantity-btn-plus,
#rm-popup-cart .rm-product-quantity-btn-minus {
    position: relative;

    width: 32px;
    height: 19px;

    margin: 0;
    padding: 0;

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

#rm-popup-cart .rm-product-quantity-btn-border {
    width: 18px;
    height: 1px;
    margin: 0 auto;
    background: #dce2e9;
}

/* Перерисовываем плюс и минус */

#rm-popup-cart .rm-product-quantity-btn-plus span,
#rm-popup-cart .rm-product-quantity-btn-minus span {
    position: relative;
    display: block;

    width: 12px;
    height: 12px;

    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

#rm-popup-cart .rm-product-quantity-btn-plus span::before,
#rm-popup-cart .rm-product-quantity-btn-plus span::after,
#rm-popup-cart .rm-product-quantity-btn-minus span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    background: #657180;
    transform: translate(-50%, -50%);
}

#rm-popup-cart .rm-product-quantity-btn-plus span::before,
#rm-popup-cart .rm-product-quantity-btn-minus span::before {
    width: 8px;
    height: 1px;
}

#rm-popup-cart .rm-product-quantity-btn-plus span::after {
    width: 1px;
    height: 8px;
}

/* Удаление товара */

#rm-popup-cart .rm-btn-del {
    position: absolute;
    top: 50%;
    right: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    margin: 0;
    padding: 0;

    background: rgba(157, 138, 184, 0.07);
    border: 0;
    border-radius: 8px;

    transform: translateY(-50%);
    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

#rm-popup-cart .rm-btn-del:hover {
    background: rgba(157, 138, 184, 0.14);
    transform: translateY(-50%) scale(1.05);
}

/* Нижние кнопки */

#rm-popup-cart .modal-body > .row {
    margin-right: 0;
    margin-left: 0;
}

#rm-popup-cart .modal-body > .row > .col-12 {
    padding-right: 0;
    padding-left: 0;
}

#rm-popup-cart a.rm-btn.dark {
    display: flex !important;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 12px 18px;

    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;

    background: #9D8AB8 !important;
    border: 0 !important;
    border-radius: 9px;

    box-shadow: 0 8px 20px rgba(157, 138, 184, 0.18);
}

#rm-popup-cart a.rm-btn.dark:hover {
    background: #8F82AA !important;
    transform: translateY(-1px);
}

#rm-popup-cart a.rm-btn[data-dismiss="modal"] {
    display: flex !important;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    margin-top: 7px !important;

    color: #596473 !important;
    font-size: 13px !important;
    font-weight: 600;
    text-decoration: none !important;

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

    cursor: pointer;
}

#rm-popup-cart a.rm-btn[data-dismiss="modal"]:hover {
    color: #9D8AB8 !important;
    background: #f7f8fa !important;
}

/* Пустая корзина */

#rm-popup-cart .rm-cart:empty,
#rm-popup-cart .rm-cart-empty {
    min-height: 190px;
}

#rm-popup-cart .rm-cart > div:only-child {
    color: #263140;
}

/* Мобильная версия */

@media (max-width: 575px) {
    #rm-popup-cart .modal-dialog.narrow {
        width: calc(100% - 20px);
        max-width: none;
        margin: 10px auto;
    }

    #rm-popup-cart .modal-content {
        max-height: calc(100vh - 20px);
        border-radius: 13px;
    }

    #rm-popup-cart .modal-header {
        min-height: 62px;
        padding: 14px 16px;
    }

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

    #rm-popup-cart .modal-body.rm-cart {
        max-height: calc(100vh - 82px);
        padding: 14px 14px 16px;
        overflow-y: auto;
    }

    #rm-popup-cart .rm-cart-text {
        margin-bottom: 12px;
        padding: 10px 11px;
        font-size: 12px;
    }

    #rm-popup-cart .rm-cart-products-item {
        align-items: flex-start !important;

        gap: 10px;
        min-height: 118px;
        padding: 11px 38px 11px 10px;
    }

    #rm-popup-cart .rm-cart-products-item-left {
        flex: 0 0 78px;
        width: 78px;
        height: 78px;
    }

    #rm-popup-cart .rm-cart-products-item-info-title {
        margin-bottom: 9px;
    }

    #rm-popup-cart .rm-cart-products-item-info-title a {
        font-size: 12px;
        line-height: 1.35;
    }

    #rm-popup-cart .rm-cart-products-item-price {
        font-size: 14px;
    }

    #rm-popup-cart .rm-btn-del {
        top: 11px;
        right: 8px;

        width: 28px;
        height: 28px;

        transform: none;
    }

    #rm-popup-cart .rm-btn-del:hover {
        transform: scale(1.05);
    }

    #rm-popup-cart a.rm-btn.dark {
        min-height: 48px;
        font-size: 13px;
    }
}

/* Всплывающая корзина — исправление кнопки закрытия */

#rm-popup-cart .modal-close {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}

#rm-popup-cart .modal-close-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    display: block !important;
    width: 16px !important;
    height: 2px !important;

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

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

    -webkit-mask: none !important;
    mask: none !important;
}

#rm-popup-cart .modal-close-left {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

#rm-popup-cart .modal-close-right {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

#rm-popup-cart .modal-close::before,
#rm-popup-cart .modal-close::after,
#rm-popup-cart .modal-close-icon::before,
#rm-popup-cart .modal-close-icon::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ОСНОВНАЯ СЕТКА И КАРТОЧКИ
   ========================================================= */

body.checkout-simplecheckout {
    background: #f6f8fa;
}

body.checkout-simplecheckout .simplecheckout {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 0 18px;
}

body.checkout-simplecheckout .simplecheckout-step {
    width: 100%;
}

body.checkout-simplecheckout .simplecheckout-three-column {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(360px, 1.35fr);
    grid-template-areas:
        "customer shipping cart"
        "customer payment  cart";
    align-items: start;
    gap: 20px;

    width: 100% !important;
}

/* Расположение блоков */

body.checkout-simplecheckout #simplecheckout_customer {
    grid-area: customer;
}

body.checkout-simplecheckout #simplecheckout_shipping {
    grid-area: shipping;
}

body.checkout-simplecheckout #simplecheckout_payment {
    grid-area: payment;
}

body.checkout-simplecheckout #simplecheckout_cart {
    grid-area: cart;
}

/* Общий вид карточек */

body.checkout-simplecheckout .simplecheckout-block {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff;
    border: 1px solid #e2e7ec;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(25, 38, 56, 0.06);
}

/* Заголовки карточек */

body.checkout-simplecheckout .simplecheckout-block-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 48px;
    margin: -20px -20px 18px !important;
    padding: 14px 18px !important;

    color: #17202d !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3;

    background: #f7f9fb !important;
    border-bottom: 1px solid #e7ebef;
    border-radius: 14px 14px 0 0;
}

/* Поля */

body.checkout-simplecheckout
.simplecheckout-block
input[type="text"],
body.checkout-simplecheckout
.simplecheckout-block
input[type="email"],
body.checkout-simplecheckout
.simplecheckout-block
input[type="tel"],
body.checkout-simplecheckout
.simplecheckout-block
input[type="password"],
body.checkout-simplecheckout
.simplecheckout-block
select,
body.checkout-simplecheckout
.simplecheckout-block
textarea {
    width: 100%;
    min-height: 48px;

    padding: 11px 14px;

    color: #263140;
    font-size: 14px;

    background: #ffffff;
    border: 1px solid #dbe1e7;
    border-radius: 9px;
    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.checkout-simplecheckout
.simplecheckout-block
input:focus,
body.checkout-simplecheckout
.simplecheckout-block
select:focus,
body.checkout-simplecheckout
.simplecheckout-block
textarea:focus {
    outline: none;
    border-color: #9D8AB8;
    box-shadow: 0 0 0 3px rgba(157, 138, 184, 0.08);
}

/* Радиокнопки и чекбоксы */

body.checkout-simplecheckout
.simplecheckout-block
input[type="radio"],
body.checkout-simplecheckout
.simplecheckout-block
input[type="checkbox"] {
    accent-color: #9D8AB8;
}

body.checkout-simplecheckout
.simplecheckout-block
label {
    color: #3f4a58;
    font-size: 14px;
    line-height: 1.45;
}

/* Корзина */

body.checkout-simplecheckout #simplecheckout_cart {
    overflow: hidden;
}

body.checkout-simplecheckout
#simplecheckout_cart
.simplecheckout-cart {
    width: 100%;
}

body.checkout-simplecheckout
#simplecheckout_cart
img {
    max-width: 82px;
    height: auto;
    object-fit: contain;
}

/* Кнопка оформления */

body.checkout-simplecheckout #simplecheckout_button_confirm {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 52px;

    margin-top: 18px !important;
    padding: 13px 20px !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    text-decoration: none !important;

    background: #9D8AB8 !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: 0 9px 22px rgba(157, 138, 184, 0.2);

    cursor: pointer;
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

body.checkout-simplecheckout #simplecheckout_button_confirm:hover {
    color: #ffffff !important;
    background: #8F82AA !important;
    box-shadow: 0 11px 25px rgba(157, 138, 184, 0.25);
    transform: translateY(-1px);
}

body.checkout-simplecheckout
#simplecheckout_button_confirm
span {
    color: inherit !important;
}

/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media (max-width: 991px) {
    body.checkout-simplecheckout .simplecheckout-three-column {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "customer customer"
            "shipping payment"
            "cart cart";
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 575px) {
    body.checkout-simplecheckout .simplecheckout {
        margin-bottom: 30px;
        padding-right: 10px;
        padding-left: 10px;
    }

    body.checkout-simplecheckout .simplecheckout-three-column {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "customer"
            "shipping"
            "payment"
            "cart";
        gap: 14px;
    }

    body.checkout-simplecheckout .simplecheckout-block {
        padding: 16px !important;
        border-radius: 12px;
    }

    body.checkout-simplecheckout .simplecheckout-block-heading {
        min-height: 46px;
        margin: -16px -16px 15px !important;
        padding: 12px 14px !important;

        font-size: 15px !important;
        border-radius: 12px 12px 0 0;
    }

    body.checkout-simplecheckout
    .simplecheckout-block
    input[type="text"],
    body.checkout-simplecheckout
    .simplecheckout-block
    input[type="email"],
    body.checkout-simplecheckout
    .simplecheckout-block
    input[type="tel"],
    body.checkout-simplecheckout
    .simplecheckout-block
    input[type="password"],
    body.checkout-simplecheckout
    .simplecheckout-block
    select,
    body.checkout-simplecheckout
    .simplecheckout-block
    textarea {
        min-height: 46px;
        padding: 10px 12px;
        font-size: 14px;
    }

    body.checkout-simplecheckout #simplecheckout_button_confirm {
        min-height: 50px;
        font-size: 14px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ИСПРАВЛЕНИЕ СТРУКТУРЫ КОЛОНОК
   ========================================================= */

body.checkout-simplecheckout .simplecheckout-step {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(360px, 1.35fr);
    align-items: start;
    gap: 20px;

    width: 100% !important;
}

/* Каждая из трёх колонок содержит свои блоки */

body.checkout-simplecheckout .simplecheckout-three-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;

    float: none !important;
    width: 100% !important;
    min-width: 0 !important;

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

/* Убираем ошибочное размещение отдельных блоков по grid-area */

body.checkout-simplecheckout #simplecheckout_customer,
body.checkout-simplecheckout #simplecheckout_shipping_address,
body.checkout-simplecheckout #simplecheckout_shipping,
body.checkout-simplecheckout #simplecheckout_payment,
body.checkout-simplecheckout #simplecheckout_cart {
    grid-area: auto !important;
}

/* Блок согласия и кнопки под корзиной */

body.checkout-simplecheckout .simplecheckout-button-block {
    width: 100% !important;
    margin: 0 !important;
}

body.checkout-simplecheckout #simplecheckout_button_confirm {
    margin-top: 14px !important;
}

/* Планшет */

@media (min-width: 576px) and (max-width: 991px) {
    body.checkout-simplecheckout .simplecheckout-step {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.checkout-simplecheckout
    .simplecheckout-three-column:nth-child(3) {
        grid-column: 1 / -1;
    }
}

/* Мобильная версия */

@media (max-width: 575px) {
    body.checkout-simplecheckout .simplecheckout-step {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    body.checkout-simplecheckout .simplecheckout-three-column {
        gap: 14px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — КОРЗИНА НА ДЕСКТОПЕ
   ========================================================= */

@media (min-width: 992px) {

    body.checkout-simplecheckout
    #simplecheckout_cart
    .table-responsive {
        width: 100% !important;
        overflow: visible !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    /* Скрываем дублирующее название для мобильных устройств */

    body.checkout-simplecheckout
    #simplecheckout_cart
    tr.d-xl-none {
        display: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    col.image {
        width: 62px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    col.name {
        width: auto !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    col.quantity {
        width: 104px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    col.total {
        width: 82px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    col.remove {
        width: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td {
        padding: 8px 4px !important;
        vertical-align: middle !important;
        white-space: normal !important;
    }

    /* Изображение */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image {
        width: 62px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image img {
        display: block;
        width: 56px !important;
        max-width: 56px !important;
        height: 56px !important;
        object-fit: contain;
    }

    /* Название */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name {
        min-width: 0 !important;
        padding-right: 7px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a {
        display: block;

        color: #263140 !important;
        font-size: 11px !important;
        font-weight: 600;
        line-height: 1.3;

        overflow-wrap: anywhere;
        text-decoration: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a:hover {
        color: #9D8AB8 !important;
    }

    /* Количество и удаление */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity {
        width: 104px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .input-group {
        display: grid !important;
        grid-template-columns: 22px 30px 22px 24px;
        align-items: center;
        gap: 2px;

        width: 104px !important;
        min-width: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .rm-module-quantity-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 22px !important;
        height: 34px !important;

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

        background: #f7f9fb !important;
        border: 1px solid #dce2e9 !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    input.form-control {
        width: 30px !important;
        height: 34px !important;

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

        color: #17202d;
        font-size: 13px;
        font-weight: 700;
        text-align: center;

        border: 1px solid #dce2e9 !important;
        border-radius: 6px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 24px !important;
        height: 34px !important;

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

        background: rgba(157, 138, 184, 0.07) !important;
        border: 0 !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger img {
        width: 14px !important;
        height: 14px !important;
    }

    /* Итоговая цена товара */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.total {
        width: 82px !important;
        padding-left: 7px !important;

        color: #17202d;
        font-size: 12px !important;
        font-weight: 750;
        line-height: 1.25;
        white-space: nowrap !important;
        text-align: right;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — НОРМАЛЬНАЯ КАРТОЧКА ТОВАРА
   ========================================================= */

@media (min-width: 992px) {

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart,
    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart tbody {
        display: block !important;
        width: 100% !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart colgroup {
        display: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart tbody > tr:not(.d-xl-none) {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) auto;
        grid-template-areas:
            "image name name"
            "image quantity total";
        column-gap: 10px;
        row-gap: 9px;

        width: 100%;
        padding: 10px 0 12px;

        border-bottom: 1px solid #edf0f3;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;

        padding: 0 !important;
        border: 0 !important;
    }

    /* Изображение */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image {
        grid-area: image;
        align-self: center;

        width: 64px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image a {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 64px;
        height: 64px;

        padding: 4px;
        background: #ffffff;
        border: 1px solid #e7ebef;
        border-radius: 8px;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain;
    }

    /* Название */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name {
        grid-area: name;
        align-self: start;

        padding-right: 4px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a {
        color: #263140 !important;
        font-size: 12px !important;
        font-weight: 650 !important;
        line-height: 1.35 !important;

        overflow-wrap: break-word;
    }

    /* Количество */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity {
        grid-area: quantity;
        align-self: center;

        width: auto !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .input-group {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;

        width: auto !important;
        min-width: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .rm-module-quantity-btn {
        flex: 0 0 28px !important;

        width: 28px !important;
        height: 34px !important;

        border-radius: 6px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    input.form-control {
        flex: 0 0 36px !important;

        width: 36px !important;
        height: 34px !important;

        font-size: 13px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger {
        flex: 0 0 30px !important;

        width: 30px !important;
        height: 34px !important;

        margin-left: 3px !important;
    }

    /* Цена */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.total {
        grid-area: total;
        align-self: center;

        width: auto !important;
        padding-left: 10px !important;

        color: #17202d;
        font-size: 13px !important;
        font-weight: 750;
        line-height: 1.3;
        text-align: right;
        white-space: nowrap !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — КРАСИВАЯ КАРТОЧКА ТОВАРА
   ========================================================= */

@media (min-width: 992px) {

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart
    tbody > tr:not(.d-xl-none) {
        display: grid !important;
        grid-template-columns: 78px minmax(0, 1fr) !important;
        grid-template-areas:
            "image name"
            "image total"
            "image quantity" !important;

        column-gap: 14px !important;
        row-gap: 7px !important;

        width: 100% !important;
        margin-bottom: 14px !important;
        padding: 13px !important;

        background: #f8fafc !important;
        border: 1px solid #e3e8ed !important;
        border-radius: 10px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;

        padding: 0 !important;
        border: 0 !important;
    }

    /* Изображение */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image {
        grid-area: image !important;
        align-self: center !important;

        width: 78px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 78px !important;
        height: 78px !important;

        padding: 5px !important;

        background: #ffffff !important;
        border: 1px solid #e1e6eb !important;
        border-radius: 9px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
    }

    /* Название */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name {
        grid-area: name !important;
        align-self: end !important;

        padding-right: 4px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a {
        display: block !important;

        color: #263140 !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        line-height: 1.35 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-decoration: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a:hover {
        color: #9D8AB8 !important;
    }

    /* Цена под названием */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.total {
        grid-area: total !important;
        align-self: center !important;

        width: auto !important;
        padding: 0 !important;

        color: #17202d !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;

        text-align: left !important;
        white-space: nowrap !important;
    }

    /* Количество и удаление */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity {
        grid-area: quantity !important;
        align-self: start !important;

        width: auto !important;
        padding-top: 2px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .input-group {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        width: auto !important;
        min-width: 0 !important;
        gap: 5px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .rm-module-quantity-btn {
        display: flex !important;
        flex: 0 0 30px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 30px !important;
        height: 34px !important;

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

        background: #ffffff !important;
        border: 1px solid #d9e0e6 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    input.form-control {
        flex: 0 0 40px !important;

        width: 40px !important;
        height: 34px !important;

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

        color: #17202d !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-align: center !important;

        background: #ffffff !important;
        border: 1px solid #d9e0e6 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger {
        display: flex !important;
        flex: 0 0 34px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 34px !important;
        height: 34px !important;

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

        background: rgba(157, 138, 184, 0.07) !important;
        border: 1px solid rgba(157, 138, 184, 0.12) !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger:hover {
        background: rgba(157, 138, 184, 0.14) !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger img {
        width: 15px !important;
        height: 15px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ФИНАЛЬНАЯ ДЕСКТОПНАЯ КОМПОНОВКА
   ========================================================= */

@media (min-width: 992px) {

    body.checkout-simplecheckout .simplecheckout {
        width: 100% !important;
        max-width: 1280px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    /*
     * Основная сетка:
     * две колонки слева + широкая корзина справа
     */

    body.checkout-simplecheckout .simplecheckout-step {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            minmax(380px, 0.95fr);

        grid-template-rows: auto auto auto;
        gap: 20px !important;

        width: 100% !important;
        align-items: start !important;
    }

    /*
     * Первые две штатные обёртки SimpleCheckout
     * превращаем в прозрачные для сетки
     */

    body.checkout-simplecheckout
    .simplecheckout-step
    > .simplecheckout-three-column:nth-of-type(1),

    body.checkout-simplecheckout
    .simplecheckout-step
    > .simplecheckout-three-column:nth-of-type(2) {
        display: contents !important;
    }

    /*
     * Третья колонка остаётся отдельной правой панелью:
     * корзина + согласие + кнопка
     */

    body.checkout-simplecheckout
    .simplecheckout-step
    > .simplecheckout-three-column:nth-of-type(3) {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;

        grid-column: 3 !important;
        grid-row: 1 / span 3 !important;

        float: none !important;
        width: 100% !important;
        min-width: 0 !important;

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

        align-self: start !important;
    }

    /* Расположение блоков слева */

    body.checkout-simplecheckout #simplecheckout_customer {
        grid-column: 1 / 3 !important;
        grid-row: 1 !important;
    }

    body.checkout-simplecheckout #simplecheckout_shipping {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    body.checkout-simplecheckout #simplecheckout_payment {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    body.checkout-simplecheckout #simplecheckout_shipping_address {
        grid-column: 1 / 3 !important;
        grid-row: 3 !important;
    }

    /* Все карточки нормальной ширины */

    body.checkout-simplecheckout .simplecheckout-block {
        width: 100% !important;
        min-width: 0 !important;

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

        background: #ffffff !important;
        border: 1px solid #e1e6eb !important;
        border-radius: 14px !important;

        box-shadow: 0 8px 25px rgba(24, 37, 55, 0.055) !important;
    }

    /* Заголовки блоков */

    body.checkout-simplecheckout
    .simplecheckout-block
    > .checkout-heading,

    body.checkout-simplecheckout
    .simplecheckout-block
    > .simplecheckout-block-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        min-height: 52px !important;

        margin: -22px -22px 20px !important;
        padding: 15px 18px !important;

        color: #17202d !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        line-height: 1.3 !important;

        background: #f6f8fa !important;
        border-bottom: 1px solid #e5e9ed !important;
        border-radius: 14px 14px 0 0 !important;
    }

    /* =====================================================
       ПРАВАЯ КОЛОНКА — КОРЗИНА
       ===================================================== */

    body.checkout-simplecheckout #simplecheckout_cart {
        width: 100% !important;
        padding: 20px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .table-responsive {
        width: 100% !important;
        overflow: visible !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart,

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart tbody {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart colgroup,

    body.checkout-simplecheckout
    #simplecheckout_cart
    tr.d-xl-none {
        display: none !important;
    }

    /*
     * Отдельная карточка товара
     */

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart
    tbody
    > tr:not(.d-xl-none) {
        display: grid !important;

        grid-template-columns: 92px minmax(0, 1fr) !important;
        grid-template-areas:
            "image name"
            "image total"
            "image quantity" !important;

        column-gap: 15px !important;
        row-gap: 8px !important;

        width: 100% !important;

        margin: 0 0 18px !important;
        padding: 14px !important;

        background: #f7f9fb !important;
        border: 1px solid #e1e6eb !important;
        border-radius: 12px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart td {
        display: block !important;

        width: auto !important;
        min-width: 0 !important;

        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
    }

    /* Фото товара */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image {
        grid-area: image !important;

        align-self: center !important;
        width: 92px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 92px !important;
        height: 92px !important;

        padding: 7px !important;

        background: #ffffff !important;
        border: 1px solid #e0e5ea !important;
        border-radius: 10px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
    }

    /* Название товара */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name {
        grid-area: name !important;
        align-self: end !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a {
        display: block !important;

        color: #263140 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;

        text-decoration: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a:hover {
        color: #9D8AB8 !important;
    }

    /* Цена товара */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.total {
        grid-area: total !important;

        align-self: center !important;

        color: #17202d !important;
        font-size: 19px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;

        text-align: left !important;
        white-space: nowrap !important;
    }

    /* Управление количеством */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity {
        grid-area: quantity !important;

        width: auto !important;
        padding-top: 3px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .input-group {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 6px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .rm-module-quantity-btn {
        display: flex !important;
        flex: 0 0 34px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 34px !important;
        height: 38px !important;

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

        background: #ffffff !important;
        border: 1px solid #d8dfe5 !important;
        border-radius: 8px !important;

        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    input.form-control {
        flex: 0 0 44px !important;

        width: 44px !important;
        height: 38px !important;

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

        color: #17202d !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        text-align: center !important;

        background: #ffffff !important;
        border: 1px solid #d8dfe5 !important;
        border-radius: 8px !important;

        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger {
        display: flex !important;
        flex: 0 0 38px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 38px !important;
        height: 38px !important;

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

        background: rgba(157, 138, 184, 0.07) !important;
        border: 1px solid rgba(157, 138, 184, 0.13) !important;
        border-radius: 8px !important;

        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger:hover {
        background: rgba(157, 138, 184, 0.14) !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger img {
        width: 16px !important;
        height: 16px !important;
    }

    /* Итоговые строки */

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart-total {
        display: grid !important;
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
        gap: 8px !important;

        margin-top: 8px !important;

        color: #44505e !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    #total_total {
        margin-top: 12px !important;
        padding-top: 12px !important;

        border-top: 1px solid #e4e8ec !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    #total_total span {
        color: #17202d !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }

    /* Правая колонка и кнопка остаются вместе */

    body.checkout-simplecheckout
    .simplecheckout-step
    > .simplecheckout-three-column:nth-of-type(3)
    .simplecheckout-button-block {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_button_confirm {
        width: 100% !important;
        min-height: 56px !important;

        margin: 10px 0 0 !important;

        font-size: 15px !important;
        border-radius: 10px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — РАСШИРЕННАЯ КОРЗИНА НА ДЕСКТОПЕ
   ========================================================= */

@media (min-width: 1200px) {

    body.checkout-simplecheckout .simplecheckout {
        max-width: 1380px !important;
    }

    body.checkout-simplecheckout .simplecheckout-step {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            minmax(460px, 1.12fr) !important;

        gap: 22px !important;
    }

    /* Правая колонка */

    body.checkout-simplecheckout
    .simplecheckout-step
    > .simplecheckout-three-column:nth-of-type(3) {
        min-width: 460px !important;
    }

    body.checkout-simplecheckout #simplecheckout_cart {
        padding: 22px !important;
    }

    /* Карточка товара */

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart
    tbody
    > tr:not(.d-xl-none) {
        grid-template-columns: 110px minmax(0, 1fr) !important;
        grid-template-areas:
            "image name"
            "image total"
            "image quantity" !important;

        column-gap: 18px !important;
        row-gap: 10px !important;

        min-height: 176px !important;
        padding: 16px !important;

        background: #f8fafc !important;
        border: 1px solid #dfe5eb !important;
        border-radius: 13px !important;
    }

    /* Более крупное изображение */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image {
        width: 110px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image a {
        width: 110px !important;
        height: 110px !important;
        padding: 8px !important;

        background: #ffffff !important;
        border-radius: 11px !important;
    }

    /* Название */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name {
        align-self: end !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name a {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
    }

    /* Цена */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.total {
        font-size: 21px !important;
        font-weight: 800 !important;
    }

    /* Кнопки количества */

    body.checkout-simplecheckout
    #simplecheckout_cart
    .rm-module-quantity-btn {
        flex-basis: 36px !important;
        width: 36px !important;
        height: 40px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    input.form-control {
        flex-basis: 46px !important;
        width: 46px !important;
        height: 40px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity
    .btn-danger {
        flex-basis: 40px !important;
        width: 40px !important;
        height: 40px !important;
        margin-left: 6px !important;
    }
}

/* Оформление заказа — скрываем пустую форму способа оплаты */

body.checkout-simplecheckout #simplecheckout_payment_form:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Оформление заказа — финальная полировка корзины */

@media (min-width: 992px) {
    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart
    tbody > tr:not(.d-xl-none) {
        margin-bottom: 20px !important;
        padding: 18px !important;

        border: 1px solid #dfe5eb !important;
        border-radius: 13px !important;
        box-shadow: 0 5px 16px rgba(24, 37, 55, 0.045) !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart {
        border: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart td,
    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart tr {
        border-right: 0 !important;
        border-left: 0 !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — МОБИЛЬНАЯ КАРТОЧКА ТОВАРА
   ========================================================= */

@media (max-width: 575px) {

    body.checkout-simplecheckout
    #simplecheckout_cart
    .table-responsive {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart,
    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart tbody {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        border: 0 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart colgroup {
        display: none !important;
    }

    /* Название товара отдельной строкой */

    body.checkout-simplecheckout
    #simplecheckout_cart
    tr.d-xl-none {
        display: block !important;

        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;

        border-bottom: 1px solid #edf0f3 !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    tr.d-xl-none td {
        display: block !important;

        width: 100% !important;
        padding: 0 !important;

        color: #263140 !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        line-height: 1.4 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        border: 0 !important;
    }

    /* Основная часть товара */

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart
    tbody > tr:not(.d-xl-none) {
        display: grid !important;

        grid-template-columns: 92px minmax(0, 1fr) !important;
        grid-template-areas:
            "image total"
            "image quantity" !important;

        column-gap: 12px !important;
        row-gap: 10px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 0 14px !important;
        padding: 12px !important;

        background: #f8fafc !important;
        border: 1px solid #e1e6eb !important;
        border-radius: 10px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart td {
        display: block !important;

        width: auto !important;
        min-width: 0 !important;

        padding: 0 !important;
        border: 0 !important;
    }

    /* Скрываем повторное название */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.name {
        display: none !important;
    }

    /* Изображение */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image {
        grid-area: image !important;
        align-self: center !important;

        width: 92px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 92px !important;
        height: 92px !important;

        padding: 5px !important;

        background: #ffffff !important;
        border: 1px solid #e0e5ea !important;
        border-radius: 9px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.image img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
    }

    /* Цена */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.total {
        grid-area: total !important;
        align-self: end !important;

        width: auto !important;
        padding: 0 !important;

        color: #17202d !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;

        text-align: left !important;
        white-space: nowrap !important;
    }

    /* Количество и удаление */

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity {
        grid-area: quantity !important;
        align-self: start !important;

        width: auto !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity .input-group {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 5px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    .rm-module-quantity-btn {
        display: flex !important;
        flex: 0 0 32px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 32px !important;
        height: 36px !important;

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

        background: #ffffff !important;
        border: 1px solid #d9e0e6 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity input.form-control {
        flex: 0 0 40px !important;

        width: 40px !important;
        height: 36px !important;

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

        color: #17202d !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-align: center !important;

        background: #ffffff !important;
        border: 1px solid #d9e0e6 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity .btn-danger {
        display: flex !important;
        flex: 0 0 36px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 36px !important;
        height: 36px !important;

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

        background: rgba(157, 138, 184, 0.07) !important;
        border: 1px solid rgba(157, 138, 184, 0.13) !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    td.quantity .btn-danger img {
        width: 15px !important;
        height: 15px !important;
    }
}

/* Оформление заказа — отступ названия товара от заголовка корзины */

@media (max-width: 575px) {
    body.checkout-simplecheckout
    #simplecheckout_cart
    .simplecheckout-cart {
        margin-top: 14px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_cart
    tr.d-xl-none {
        margin-bottom: 12px !important;
        padding: 0 4px 12px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ОШИБКИ ВАЛИДАЦИИ
   ========================================================= */

/* Дополнительное место под сообщение об ошибке */

body.checkout-simplecheckout
.simplecheckout-block
.form-group {
    margin-bottom: 14px !important;
}

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error {
    margin-bottom: 18px !important;
}

/* Красная рамка ошибочного поля */

body.checkout-simplecheckout
.form-group.has-error
.form-control,
body.checkout-simplecheckout
.form-control[data-valid="false"] {
    color: #263140 !important;
    background-color: #fffafa !important;
    border-color: #e00015 !important;
    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.08) !important;
}

/* Телефон с intlTelInput */

body.checkout-simplecheckout
.form-group.has-error
.iti {
    width: 100% !important;
}

body.checkout-simplecheckout
.form-group.has-error
.iti
.form-control {
    border-color: #e00015 !important;
    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.08) !important;
}

/* Сообщение под полем */

body.checkout-simplecheckout
.simplecheckout-rule-group {
    display: block !important;
    width: 100% !important;
}

body.checkout-simplecheckout
.simplecheckout-error-text {
    position: relative;
    display: block !important;

    margin: 7px 2px 0 !important;
    padding-left: 17px !important;

    color: #d90015 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Красная точка перед текстом ошибки */

body.checkout-simplecheckout
.simplecheckout-error-text::before {
    content: "!";
    position: absolute;
    top: 1px;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 13px;
    height: 13px;

    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;

    background: #e00015;
    border-radius: 50%;
}

/* При фокусе ошибочная рамка остаётся красной */

body.checkout-simplecheckout
.form-group.has-error
.form-control:focus,
body.checkout-simplecheckout
.form-control[data-valid="false"]:focus {
    border-color: #c90013 !important;
    box-shadow: 0 0 0 4px rgba(224, 0, 21, 0.11) !important;
}

/* Мобильная версия */

@media (max-width: 575px) {
    body.checkout-simplecheckout
    .simplecheckout-block
    .form-group.has-error {
        margin-bottom: 17px !important;
    }

    body.checkout-simplecheckout
    .simplecheckout-error-text {
        margin-top: 6px !important;
        font-size: 11px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ПОДСВЕТКА ВСЕХ ОШИБОЧНЫХ ПОЛЕЙ
   ========================================================= */

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
input.form-control,

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
select.form-control,

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
textarea.form-control {
    color: #263140 !important;

    background: #fff7f8 !important;
    border: 1px solid #e00015 !important;

    outline: 1px solid #e00015 !important;
    outline-offset: -1px !important;

    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.09) !important;
}

/* Поле телефона внутри intlTelInput */

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
.iti {
    width: 100% !important;
    border-radius: 9px !important;
}

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
.iti
input.form-control {
    background: #fff7f8 !important;
    border: 1px solid #e00015 !important;

    outline: 1px solid #e00015 !important;
    outline-offset: -1px !important;

    box-shadow: 0 0 0 3px rgba(224, 0, 21, 0.09) !important;
}

/* Активное ошибочное поле выделяется немного сильнее */

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
input.form-control:focus,

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
select.form-control:focus,

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
textarea.form-control:focus {
    background: #ffffff !important;
    border-color: #bf0012 !important;

    outline-color: #bf0012 !important;

    box-shadow: 0 0 0 4px rgba(224, 0, 21, 0.14) !important;
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ПОКАЗЫВАЕМ ТОЛЬКО АКТИВНЫЕ ОШИБКИ
   ========================================================= */

/* По умолчанию сообщения скрыты */

body.checkout-simplecheckout
.simplecheckout-error-text {
    display: none !important;
}

/* В ошибочной группе показываем активные сообщения */

body.checkout-simplecheckout
.form-group.has-error
.simplecheckout-error-text {
    display: block !important;
}

/* Служебные правила, которые SimpleCheckout скрыл inline-стилем,
   должны оставаться скрытыми даже внутри has-error */

body.checkout-simplecheckout
.simplecheckout-error-text[style*="display:none"],
body.checkout-simplecheckout
.simplecheckout-error-text[style*="display: none"] {
    display: none !important;
}

/* Оформление заказа — обычное активное поле не выглядит ошибочным */

body.checkout-simplecheckout
.simplecheckout-block
.form-group:not(.has-error)
.form-control:focus {
    color: #263140 !important;
    background: #ffffff !important;
    border-color: #82909f !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(23, 32, 45, 0.08) !important;
}

/* Ошибочное активное поле по-прежнему остаётся красным */

body.checkout-simplecheckout
.simplecheckout-block
.form-group.has-error
.form-control:focus {
    background: #ffffff !important;
    border-color: #bf0012 !important;
    outline: 1px solid #bf0012 !important;
    outline-offset: -1px !important;
    box-shadow: 0 0 0 4px rgba(224, 0, 21, 0.14) !important;
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ПОДСКАЗКИ АДРЕСА И НОВОЙ ПОЧТЫ
   ========================================================= */

body.checkout-simplecheckout
#simplecheckout_shipping_address
.form-group
.col-sm-8 {
    position: relative !important;
}

/* Выпадающий список */

body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;

    display: none;
    width: 100% !important;
    max-height: 260px;

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

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

    list-style: none !important;

    background: #ffffff !important;
    border: 1px solid #dce2e8 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(23, 32, 45, 0.16) !important;

    scrollbar-width: thin;
}

/* Варианты */

body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li {
    display: block !important;
    width: 100% !important;

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

    list-style: none !important;
    border: 0 !important;
}

body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li + li {
    margin-top: 3px !important;
}

body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li a {
    display: block !important;
    width: 100% !important;

    padding: 10px 12px !important;

    color: #263140 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-decoration: none !important;

    background: #ffffff !important;
    border-radius: 7px !important;

    transition:
        color 0.18s ease,
        background 0.18s ease;
}

body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li a:hover,
body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li a:focus {
    color: #9D8AB8 !important;
    background: rgba(157, 138, 184, 0.06) !important;
}

/* Активный пункт при навигации клавиатурой */

body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li.active a,
body.checkout-simplecheckout
#simplecheckout_shipping_address
.dropdown-address li:hover a {
    color: #9D8AB8 !important;
    background: rgba(157, 138, 184, 0.06) !important;
}

/* Мобильная версия */

@media (max-width: 575px) {
    body.checkout-simplecheckout
    #simplecheckout_shipping_address
    .dropdown-address {
        top: calc(100% + 5px) !important;
        max-height: 220px;
        padding: 5px !important;
        border-radius: 9px !important;
    }

    body.checkout-simplecheckout
    #simplecheckout_shipping_address
    .dropdown-address li a {
        padding: 10px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   ОФОРМЛЕНИЕ ЗАКАЗА — ПУСТАЯ КОРЗИНА
   ========================================================= */

body.checkout-simplecheckout
.simplecheckout
> .content.d-flex.flex-column {
    width: calc(100% - 30px) !important;
    max-width: 560px !important;
    min-height: 0 !important;

    margin: 45px auto 80px !important;
    padding: 48px 38px !important;

    background: #ffffff !important;
    border: 1px solid #e1e6eb !important;
    border-radius: 18px !important;

    box-shadow:
        0 18px 45px rgba(23, 32, 45, 0.08) !important;
}

/* Иллюстрация */

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 190px !important;
    height: 190px !important;

    margin: 0 auto 24px !important;
    padding: 24px !important;

    background:
        radial-gradient(
            circle,
            rgba(157, 138, 184, 0.07) 0%,
            rgba(157, 138, 184, 0.025) 58%,
            transparent 59%
        ) !important;

    border-radius: 50% !important;
}

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-image img {
    display: block !important;

    width: 138px !important;
    max-width: 100% !important;
    height: 138px !important;

    object-fit: contain !important;
    opacity: 0.9 !important;
}

/* Текст */

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text {
    width: 100% !important;
    text-align: center !important;
}

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text > p {
    margin: 0 0 26px !important;

    color: #17202d !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* Блок кнопки */

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text
.simplecheckout-button-block {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

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

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text
.simplecheckout-button-left {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Кнопка продолжения */

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text
.rm-btn.dark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 230px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 12px 24px !important;

    color: #ffffff !important;
    background: #9D8AB8 !important;
    border: 1px solid #9D8AB8 !important;
    border-radius: 10px !important;

    box-shadow:
        0 10px 24px rgba(157, 138, 184, 0.2) !important;

    transition:
        transform 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text
.rm-btn.dark:hover {
    color: #ffffff !important;
    background: #8F82AA !important;
    border-color: #8F82AA !important;

    transform: translateY(-2px) !important;
    box-shadow:
        0 14px 28px rgba(157, 138, 184, 0.27) !important;
}

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-text
.rm-btn-text {
    color: inherit !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

/* Мобильная версия */

@media (max-width: 575px) {
    body.checkout-simplecheckout
    .simplecheckout
    > .content.d-flex.flex-column {
        width: calc(100% - 24px) !important;

        margin: 28px auto 50px !important;
        padding: 34px 22px !important;

        border-radius: 14px !important;
    }

    body.checkout-simplecheckout
    .simplecheckout
    .rm-404-content-image {
        width: 150px !important;
        height: 150px !important;

        margin-bottom: 20px !important;
        padding: 20px !important;
    }

    body.checkout-simplecheckout
    .simplecheckout
    .rm-404-content-image img {
        width: 108px !important;
        height: 108px !important;
    }

    body.checkout-simplecheckout
    .simplecheckout
    .rm-404-content-text > p {
        margin-bottom: 22px !important;
        font-size: 21px !important;
    }

    body.checkout-simplecheckout
    .simplecheckout
    .rm-404-content-text
    .rm-btn.dark {
        width: 100% !important;
        min-height: 52px !important;
    }
}

/* Пустая корзина — увеличиваем иллюстрацию внутри SVG */

body.checkout-simplecheckout
.simplecheckout
.rm-404-content-image img {
    opacity: 1 !important;
    transform: scale(1.9) !important;
    transform-origin: center !important;
}

/* =========================================================
   ГЛАВНАЯ — ИСПРАВЛЕНИЕ СЕТКИ ПОПУЛЯРНЫХ КАТЕГОРИЙ
   ========================================================= */

@media (min-width: 992px) {

    /* Общий блок больше не является сеткой */

    body.common-home .rm-category-wall {
        display: block !important;

        width: 100% !important;

        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Строка с заголовком */

    body.common-home
    .rm-category-wall
    > .row:first-child {
        display: block !important;

        width: 100% !important;

        margin: 0 0 18px !important;
    }

    /* Строка непосредственно с четырьмя категориями */

    body.common-home
    .rm-category-wall
    > .row:last-child {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px !important;

        width: 100% !important;

        margin: 0 !important;
    }

    /* Карточки занимают всю ширину своей ячейки */

    body.common-home
    .rm-category-wall
    > .row:last-child
    > .rm-category-wall-item {
        display: block !important;

        flex: none !important;

        width: 100% !important;
        max-width: none !important;

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

    body.common-home
    .rm-category-wall
    > .row:last-child
    > .rm-category-wall-item
    > a {
        width: 100% !important;
        max-width: none !important;
    }

    body.common-home
    .rm-category-wall
    > .row:last-child
    .rm-category-wall-item-image {
        width: 100% !important;
    }
}

/* Популярные категории — выравниваем изображения */

@media (min-width: 992px) {
    body.common-home
    .rm-category-wall-item-image {
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;
        aspect-ratio: auto !important;

        padding: 12px !important;
    }

    body.common-home
    .rm-category-wall-item-image img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;

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

/* =========================================================
   ШАПКА — ОТСТУП ТЕКСТА ОТ ИКОНКИ ПОИСКА
   ========================================================= */

#search input[name="search"],
#search input[type="text"],
.header-search input[name="search"] {
    padding-left: 48px !important;
}

/* =========================================================
   СТРАНИЦА КОНТАКТОВ — ОСНОВНАЯ КАРТОЧКА
   ========================================================= */

body.information-contact .rm-contact-page-grid {
    align-items: stretch;

    margin: 10px 0 55px !important;

    overflow: hidden;

    background: #ffffff;
    border: 1px solid #e2e7ec;
    border-radius: 18px;

    box-shadow: 0 14px 38px rgba(23, 32, 45, 0.08);
}


/* Левая колонка — форма */

body.information-contact .rm-contact-form-column {
    padding: 0 !important;
}

body.information-contact .rm-contact-form-column .rm-content {
    height: 100% !important;
    padding: 34px 38px !important;

    background: #ffffff;
}

body.information-contact .rm-contact-form {
    height: 100%;
}

body.information-contact .rm-contact-form h1 {
    position: relative;

    margin: 0 0 28px !important;
    padding: 0 0 16px !important;

    color: #17202d;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

body.information-contact .rm-contact-form h1::after {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 48px;
    height: 3px;

    content: "";

    background: #ed001c;
    border-radius: 10px;
}


/* Поля формы */

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

body.information-contact .rm-contact-form .form-control {
    width: 100%;
    height: 50px;

    padding: 0 16px;

    color: #17202d;
    font-size: 14px;

    background: #f8fafc;
    border: 1px solid #dce2e8;
    border-radius: 10px;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.information-contact .rm-contact-form textarea.form-control {
    height: 130px !important;
    min-height: 130px;

    padding-top: 14px;

    resize: vertical;
}

body.information-contact .rm-contact-form .form-control:focus {
    background: #ffffff;
    border-color: #ed001c;

    box-shadow: 0 0 0 3px rgba(237, 0, 28, 0.08) !important;
}

body.information-contact .rm-contact-form .form-control::placeholder {
    color: #7d8793;
}


/* Кнопка отправки */

body.information-contact .rm-contact-form .rm-btn.dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    margin-top: 5px;
    padding: 0 24px;

    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;

    background: #ed001c !important;
    border: 1px solid #ed001c !important;
    border-radius: 9px !important;

    box-shadow: 0 8px 18px rgba(237, 0, 28, 0.2);

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.information-contact .rm-contact-form .rm-btn.dark:hover {
    transform: translateY(-2px);

    background: #ce0018 !important;
    border-color: #ce0018 !important;

    box-shadow: 0 12px 24px rgba(237, 0, 28, 0.27);
}


/* Правая колонка — контактная информация */

body.information-contact .rm-contact-info-column {
    padding: 0 !important;

    background:
        linear-gradient(
            145deg,
            #f7f9fc 0%,
            #eef2f6 100%
        );
    border-left: 1px solid #e2e7ec;
}

body.information-contact .rm-contact-info-column .rm-contact-location-info {
    height: 100%;

    padding: 38px 40px !important;
}

body.information-contact .rm-contact-location-store-title {
    position: relative;

    margin-bottom: 22px;
    padding-bottom: 17px;

    color: #17202d;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

body.information-contact .rm-contact-location-store-title::after {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 42px;
    height: 3px;

    content: "";

    background: #ed001c;
    border-radius: 10px;
}

body.information-contact .rm-contact-location-address {
    margin-bottom: 24px;

    color: #52606d;
    font-size: 14px;
    line-height: 1.7;
}

body.information-contact .rm-contact-location-title {
    margin: 20px 0 7px !important;

    color: #17202d;
    font-size: 14px;
    line-height: 1.5;
}

body.information-contact .rm-contact-location-info ul {
    margin-bottom: 0;
}

body.information-contact .rm-contact-location-info li {
    margin-bottom: 5px;

    color: #52606d;
    font-size: 14px;
    line-height: 1.6;
}

body.information-contact .rm-contact-location-phone a {
    color: #17202d !important;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none !important;
}

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


/* Планшеты и телефоны */

@media (max-width: 1199px) {
    body.information-contact .rm-contact-info-column {
        border-top: 1px solid #e2e7ec;
        border-left: 0;
    }
}

@media (max-width: 767px) {
    body.information-contact .rm-contact-page-grid {
        margin-bottom: 35px !important;
        border-radius: 13px;
    }

    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;
    }
}

/* Контакты — делаем карточку компактнее по высоте */

body.information-contact .rm-contact-page-grid {
    margin-bottom: 38px !important;
}

body.information-contact
.rm-contact-form-column
.rm-content {
    padding: 28px 32px !important;
}

body.information-contact
.rm-contact-info-column
.rm-contact-location-info {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 30px 34px !important;
}

body.information-contact
.rm-contact-form h1 {
    margin-bottom: 22px !important;
}

body.information-contact
.rm-contact-form textarea.form-control {
    height: 100px !important;
    min-height: 100px !important;
}

/* Страница контактов — убираем лишний отступ перед подпиской */

body.information-contact
> .d-sm-block:has(> .suscriberunder) {
    margin-top: 0 !important;
}

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

body.information-contact .rm-contact-info-column::before {
    content: "";

    position: absolute;
    right: -55px;
    bottom: -50px;

    width: 620px;
    height: 290px;

    transform: scale(1.8);
    transform-origin: right bottom;

    background: url('/image/catalog/logo/mhi-logo.png') no-repeat right bottom;
    background-size: contain;

    opacity: 0.07;
    pointer-events: none;
}

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

/* Контакты — фоновый логотип на мобильных */

@media (max-width: 767px) {
    body.information-contact
    .rm-contact-info-column::before {
        right: -20px;
        bottom: -10px;

        width: 240px;
        height: 125px;

        transform: none;
        transform-origin: right bottom;

        background-position: right bottom;

        opacity: 0.045;
    }
}

/* =========================================================
   СТРАНИЦА «ПРО НАС» — УБИРАЕМ ЛЕВОЕ МЕНЮ
   ========================================================= */

body:has(.mhi-about-page) #column-left,
body:has(.mhi-about-page) .column-left {
    display: none !important;
}

body:has(.mhi-about-page) #content {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
}

body:has(.mhi-about-page) .mhi-about-page {
    width: 100%;
    max-width: 1080px;

    margin-right: auto;
    margin-left: auto;
}

/* Страница «Про нас» — внутренний заголовок на мобильных */

@media (max-width: 767px) {
    body:has(.mhi-about-page)
    .mhi-about-page h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }
}

/* =========================================================
   СТРАНИЦА «СЕРВІС» — УБИРАЕМ ЛЕВОЕ МЕНЮ
   ========================================================= */

body:has(.mhi-service-page) #column-left,
body:has(.mhi-service-page) .column-left {
    display: none !important;
}

body:has(.mhi-service-page) #content {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
}

body:has(.mhi-service-page) .mhi-service-page {
    width: 100%;
    max-width: 1180px;

    margin-right: auto;
    margin-left: auto;
}

/* Страница «Сервіс» — растягиваем основную колонку */

body:has(.mhi-service-page)
#content
> .col-lg-9 {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;
}

/* Страница «Про нас» — растягиваем основную колонку */

body:has(.mhi-about-page)
#content
> .col-lg-9 {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;
}

body:has(.mhi-about-page)
.mhi-about-page {
    width: 100% !important;
    max-width: 1180px !important;

    margin-right: auto !important;
    margin-left: auto !important;
}

/* Страница «Сервіс» — фоновый логотип на мобильных */

@media (max-width: 767px) {
    body:has(.mhi-service-page)
    .mhi-service-hero-logo {
        right: -8px !important;
        bottom: 8px !important;

        width: 145px !important;
        height: 100px !important;

        background-position: right bottom !important;

        opacity: 0.035 !important;
    }
}

/* =========================================================
   ИНФОРМАЦИОННЫЕ СТРАНИЦЫ — БЕЗ ЛЕВОГО МЕНЮ
   ========================================================= */

/* Скрываем левую колонку */

body:has(.mhi-buy-page) #column-left,
body:has(.mhi-buy-page) .column-left,

body:has(.mhi-advice-page) #column-left,
body:has(.mhi-advice-page) .column-left,

body:has(.mhi-dealer-page) #column-left,
body:has(.mhi-dealer-page) .column-left {
    display: none !important;
}


/* Растягиваем основную колонку */

body:has(.mhi-buy-page) #content > .col-lg-9,
body:has(.mhi-advice-page) #content > .col-lg-9,
body:has(.mhi-dealer-page) #content > .col-lg-9 {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
}


/* Задаём комфортную ширину самих статей */

body:has(.mhi-buy-page) .mhi-buy-page,
body:has(.mhi-advice-page) .mhi-advice-page,
body:has(.mhi-dealer-page) .mhi-dealer-page {
    width: 100% !important;
    max-width: 1180px !important;

    margin-right: auto !important;
    margin-left: auto !important;
}


/* Убираем возможный пустой отступ после скрытой колонки */

body:has(.mhi-buy-page) #content,
body:has(.mhi-advice-page) #content,
body:has(.mhi-dealer-page) #content {
    width: 100% !important;
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* =========================================================
   ИНФОРМАЦИОННЫЕ СТАТЬИ — ФОНОВОЕ ЛОГО НА МОБИЛЬНОМ
   ========================================================= */

@media (max-width: 767px) {

    .mhi-buy-hero-logo,
    .mhi-advice-hero-logo,
    .mhi-dealer-hero-logo {
        right: -10px !important;
        bottom: 6px !important;

        width: 135px !important;
        height: 92px !important;

        background-position: right bottom !important;
        background-size: contain !important;

        opacity: 0.03 !important;

        pointer-events: none !important;
    }
}

/* =========================================================
   ЖИВОЙ ПОИСК — ИСПРАВЛЕНИЕ КЛИКОВ ПО ТОВАРАМ
   ========================================================= */

/*
 * Во время открытия живого поиска поднимаем всю шапку
 * выше прозрачного слоя #rm_overlay.
 */

body:has(#rm_livesearch.expanded) .mhi-site-header {
    z-index: 1050 !important;
}

/* Сам список результатов располагаем ещё выше */

body:has(#rm_livesearch.expanded) #rm_livesearch {
    position: relative !important;
    z-index: 1060 !important;
}

/* =========================================================
   МОБИЛЬНАЯ ШАПКА — УБИРАЕМ ДУБЛИКАТ КОРЗИНЫ
   ========================================================= */

@media (max-width: 991.98px) {
    .mhi-site-header .mhi-header-cart {
        display: none !important;
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ — СКРЫВАЕМ ДЕСКТОПНЫЙ КАТАЛОГ
   ========================================================= */

@media (max-width: 991.98px) {

    .mhi-site-header .mhi-header-nav {
        display: none !important;
    }

}

/* =========================================================
   POP-UP АВТОРИЗАЦИИ — MHI REDESIGN
   ========================================================= */

#rm-popup-login .modal-dialog {
    width: calc(100% - 32px);
    max-width: 520px;
    margin-right: auto;
    margin-left: auto;
}

#rm-popup-login .modal-content {
    overflow: hidden;

    border: 0 !important;
    border-radius: 18px !important;

    background: #ffffff;

    box-shadow:
        0 24px 70px rgba(15, 31, 49, 0.22),
        0 4px 14px rgba(15, 31, 49, 0.10);
}

/* Красная фирменная линия сверху */

#rm-popup-login .modal-content::before {
    content: "";

    display: block;
    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 68%,
        #16283c 100%
    );
}

/* Заголовок */

#rm-popup-login .modal-header {
    position: relative;

    min-height: 72px;
    padding: 22px 28px 18px !important;

    border-bottom: 1px solid #edf0f4 !important;
    background: #ffffff;
}

#rm-popup-login .modal-title {
    margin: 0;

    color: #17283c;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    letter-spacing: -0.3px;
}

/* Кнопка закрытия */

#rm-popup-login .modal-header .close,
#rm-popup-login .modal-header .modal-close,
#rm-popup-login .modal-header button[data-dismiss="modal"] {
    position: absolute !important;
    top: 50% !important;
    right: 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    border: 0 !important;
    border-radius: 50% !important;

    color: #637083 !important;
    background: #f3f5f7 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    opacity: 1 !important;

    transform: translateY(-50%);
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

/* Скрываем старые элементы крестика темы */

#rm-popup-login .modal-header .close > *,
#rm-popup-login .modal-header .modal-close > *,
#rm-popup-login .modal-header button[data-dismiss="modal"] > * {
    display: none !important;
}

/* Рисуем новый крестик */

#rm-popup-login .modal-header .close::before,
#rm-popup-login .modal-header .close::after,
#rm-popup-login .modal-header .modal-close::before,
#rm-popup-login .modal-header .modal-close::after,
#rm-popup-login .modal-header button[data-dismiss="modal"]::before,
#rm-popup-login .modal-header button[data-dismiss="modal"]::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 17px;
    height: 2px;

    border-radius: 2px;

    background: currentColor;

    transform-origin: center;
}

#rm-popup-login .modal-header .close::before,
#rm-popup-login .modal-header .modal-close::before,
#rm-popup-login .modal-header button[data-dismiss="modal"]::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#rm-popup-login .modal-header .close::after,
#rm-popup-login .modal-header .modal-close::after,
#rm-popup-login .modal-header button[data-dismiss="modal"]::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Наведение */

#rm-popup-login .modal-header .close:hover,
#rm-popup-login .modal-header .modal-close:hover,
#rm-popup-login .modal-header button[data-dismiss="modal"]:hover {
    color: #ffffff !important;
    background: #9D8AB8 !important;

    transform: translateY(-50%) rotate(90deg);
}

/* Основное содержимое */

#rm-popup-login .modal-body {
    padding: 26px 28px 30px !important;
}

#rm-popup-login #popup-login-form {
    width: 100%;
}

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

/* Подписи полей */

#rm-popup-login #popup-login-form .rm-control-label {
    display: block;

    margin-bottom: 8px;

    color: #263548;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

#rm-popup-login #popup-login-form .required {
    color: #9D8AB8;
}

/* Поля ввода */

#rm-popup-login #popup-login-form .form-control {
    width: 100%;
    height: 52px;
    padding: 0 16px;

    border: 1px solid #d9dfe7;
    border-radius: 10px;

    color: #17283c;
    background: #ffffff;

    font-size: 15px;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

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

#rm-popup-login #popup-login-form .form-control:hover {
    border-color: #b8c1cd;
}

#rm-popup-login #popup-login-form .form-control:focus {
    border-color: #9D8AB8;

    background: #ffffff;

    box-shadow: 0 0 0 4px rgba(157, 138, 184, 0.10) !important;
}

/* Ссылки под формой */

#rm-popup-login .login-popup-links {
    gap: 18px;

    margin-top: 2px;
    margin-bottom: 24px;
}

#rm-popup-login .login-popup-links a {
    position: relative;

    color: #425268;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;

    transition: color 0.2s ease;
}

#rm-popup-login .login-popup-links a::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;

    height: 1px;

    background: currentColor;

    opacity: 0.35;
    transition: opacity 0.2s ease;
}

#rm-popup-login .login-popup-links a:hover {
    color: #9D8AB8;
}

#rm-popup-login .login-popup-links a:hover::after {
    opacity: 1;
}

/* Кнопка входа */

#rm-popup-login #popup-login-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 52px;
    padding: 12px 24px;

    border: 0 !important;
    border-radius: 10px !important;

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

    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;

    box-shadow: 0 10px 24px rgba(157, 138, 184, 0.22);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

#rm-popup-login #popup-login-button:hover {
    background: #8F82AA !important;

    box-shadow: 0 12px 28px rgba(157, 138, 184, 0.30);

    transform: translateY(-1px);
}

#rm-popup-login #popup-login-button:active {
    transform: translateY(0);
}

/* Ошибки формы */

#rm-popup-login .text-danger,
#rm-popup-login .invalid-feedback,
#rm-popup-login .alert-danger {
    color: #c91119;
    font-size: 13px;
}

/* Мобильная версия */

@media (max-width: 575.98px) {

    #rm-popup-login .modal-dialog {
        width: calc(100% - 24px);
        max-width: none;
        margin: 12px auto;
    }

    #rm-popup-login .modal-content {
        border-radius: 15px !important;
    }

    #rm-popup-login .modal-header {
        min-height: 64px;
        padding: 19px 58px 16px 20px !important;
    }

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

    #rm-popup-login .modal-header .close,
    #rm-popup-login .modal-header .modal-close,
    #rm-popup-login .modal-header button[data-dismiss="modal"] {
        right: 16px;

        width: 36px;
        height: 36px;
    }

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

    #rm-popup-login #popup-login-form .form-control {
        height: 50px;
    }

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

        gap: 12px;
        margin-bottom: 22px;
    }

    #rm-popup-login #popup-login-button {
        min-height: 50px;
    }
}

/* =========================================================
   СТРАНИЦА «МОЇ ЗАКЛАДКИ» — MHI REDESIGN
   ========================================================= */

body.account-wishlist {
    overflow-x: hidden;
}

/* Основной контейнер страницы */

body.account-wishlist #content {
    align-items: flex-start;

    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 55px;
}

/* =========================================================
   ЛЕВАЯ КОЛОНКА ЛИЧНОГО КАБИНЕТА
   ========================================================= */

body.account-wishlist #column-left {
    flex: 0 0 250px;

    width: 250px;
    max-width: 250px;

    padding-right: 12px;
    padding-left: 0;
}

body.account-wishlist #column-left > * {
    overflow: hidden;

    border: 1px solid #e2e7ed;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 10px 30px rgba(20, 39, 61, 0.06),
        0 2px 7px rgba(20, 39, 61, 0.03);
}

body.account-wishlist #column-left a {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 46px;
    padding: 11px 16px;

    border-bottom: 1px solid #edf0f4;

    color: #354459 !important;
    background: #ffffff;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        padding-left 0.2s ease;
}

body.account-wishlist #column-left a:last-child {
    border-bottom: 0;
}

body.account-wishlist #column-left a::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 3px;
    height: 0;

    border-radius: 0 4px 4px 0;

    background: #9D8AB8;

    transform: translateY(-50%);
    transition: height 0.2s ease;
}

body.account-wishlist #column-left a:hover {
    padding-left: 21px;

    color: #9D8AB8 !important;
    background: #f8fafc;
}

body.account-wishlist #column-left a:hover::before {
    height: 24px;
}

/* =========================================================
   ОСНОВНАЯ КОЛОНКА
   ========================================================= */

body.account-wishlist #content > .col-lg-9 {
    flex: 1 1 auto;

    width: calc(100% - 250px);
    max-width: calc(100% - 250px);

    padding-right: 0;
    padding-left: 12px;
}

body.account-wishlist h1 {
    margin-top: 10px;
    margin-bottom: 28px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   СПИСОК С ДОБАВЛЕННЫМИ ТОВАРАМИ
   ========================================================= */

body.account-wishlist
.rm-account-wishlist:has(.rm-account-wishlist-item) {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    width: 100%;
}

/* Карточка товара */

body.account-wishlist .rm-account-wishlist-item {
    position: relative;

    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-direction: column !important;

    min-width: 0;
    min-height: 405px;
    padding: 20px;

    overflow: hidden;

    border: 1px solid #e2e7ed;
    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 12px 34px rgba(20, 39, 61, 0.065),
        0 2px 7px rgba(20, 39, 61, 0.035);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-wishlist .rm-account-wishlist-item:hover {
    border-color: rgba(157, 138, 184, 0.28);

    box-shadow:
        0 17px 42px rgba(20, 39, 61, 0.10),
        0 3px 10px rgba(20, 39, 61, 0.04);

    transform: translateY(-3px);
}

/* Левая часть старой строки превращается в содержимое карточки */

body.account-wishlist .rm-account-wishlist-item-left {
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;

    width: 100%;
    min-width: 0;
}

/* Изображение */

body.account-wishlist .rm-account-wishlist-item-img {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    height: 165px !important;
    margin: 0 0 16px !important;
    padding: 10px;

    border-radius: 11px;

    background: #f8fafc;
}

body.account-wishlist .rm-account-wishlist-item-img a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}

body.account-wishlist .rm-account-wishlist-item-img img {
    display: block;

    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 145px;

    object-fit: contain;

    transition: transform 0.25s ease;
}

body.account-wishlist
.rm-account-wishlist-item:hover
.rm-account-wishlist-item-img img {
    transform: scale(1.035);
}

/* Информация о товаре */

body.account-wishlist .rm-account-wishlist-item-info {
    display: flex;
    align-items: stretch;
    flex-direction: column;

    width: 100%;
    min-width: 0;

    text-align: left !important;
}

body.account-wishlist
.rm-account-wishlist-item-info > a {
    display: block !important;

    min-height: 48px;
    margin: 0 0 12px !important;

    color: #17283c !important;

    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
    text-decoration: none !important;

    overflow-wrap: anywhere;

    transition: color 0.2s ease;
}

body.account-wishlist
.rm-account-wishlist-item-info > a:hover {
    color: #9D8AB8 !important;
}

/* Модель */

body.account-wishlist .rm-account-text.small {
    margin-bottom: 12px;

    color: #7b8796;

    font-size: 12px;
    line-height: 1.45;
}

body.account-wishlist .rm-account-text.small span {
    color: #9aa4b1;
}

/* Цена */

body.account-wishlist .rm-wishlist-price {
    display: block !important;

    margin: 0 !important;
}

body.account-wishlist
.rm-wishlist-price
.rm-module-price {
    color: #17283c;

    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

/* Контейнер кнопок */

body.account-wishlist
.rm-account-wishlist-item > .d-flex.align-items-center {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    margin-top: auto;
    padding-top: 20px;
}

/* Кнопка добавления в корзину */

body.account-wishlist
.rm-account-wishlist-item
.rm-cart-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 48px;
    padding: 11px 18px;

    border: 0 !important;
    border-radius: 9px !important;

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

    font-size: 14px;
    font-weight: 800;

    box-shadow: 0 9px 22px rgba(157, 138, 184, 0.20);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-wishlist
.rm-account-wishlist-item
.rm-cart-btn:hover {
    background: #8F82AA !important;

    box-shadow: 0 12px 27px rgba(157, 138, 184, 0.28);

    transform: translateY(-1px);
}

/* Кнопка удаления товара */

body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;
    margin: 0 !important;
    padding: 0;

    border: 1px solid #e2e7ed;
    border-radius: 50%;

    color: #6d7988;
    background: rgba(255, 255, 255, 0.97);

    box-shadow: 0 4px 12px rgba(20, 39, 61, 0.10);

    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

/* Скрываем старую иконку темы */

body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del
.rm-btn-icon {
    display: none !important;
}

/* Рисуем аккуратный крестик */

body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del::before,
body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 15px;
    height: 2px;

    border-radius: 2px;

    background: currentColor;
}

body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

body.account-wishlist
.rm-account-wishlist-item
.rm-btn-del:hover {
    color: #ffffff;

    border-color: #9D8AB8;
    background: #9D8AB8;

    transform: rotate(90deg);
}

/* =========================================================
   ПУСТОЙ СПИСОК ЗАКЛАДОК
   ========================================================= */

body.account-wishlist
.rm-account-wishlist:not(:has(.rm-account-wishlist-item)) {
    position: relative;

    display: block !important;

    width: 100%;
    min-height: 270px;
    padding: 46px 44px;

    overflow: hidden;

    border: 1px solid #e2e7ed;
    border-radius: 18px;

    color: #506075;

    background:
        radial-gradient(
            circle at 91% 18%,
            rgba(157, 138, 184, 0.075) 0,
            rgba(157, 138, 184, 0) 34%
        ),
        #ffffff;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.65;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 2px 8px rgba(20, 39, 61, 0.04);
}

body.account-wishlist
.rm-account-wishlist:not(:has(.rm-account-wishlist-item))::before {
    content: "♡";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;
    margin-bottom: 22px;

    border: 1px solid rgba(157, 138, 184, 0.18);
    border-radius: 50%;

    color: #9D8AB8;
    background: rgba(157, 138, 184, 0.06);

    font-size: 34px;
    font-weight: 400;
    line-height: 1;
}

body.account-wishlist
.rm-account-wishlist:not(:has(.rm-account-wishlist-item))::after {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );
}

/* =========================================================
   СТРАНИЦА ЗАКЛАДОК — ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1199.98px) {

    body.account-wishlist
    .rm-account-wishlist:has(.rm-account-wishlist-item) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   СТРАНИЦА ЗАКЛАДОК — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 991.98px) {

    body.account-wishlist #content {
        display: block;

        padding-bottom: 34px;
    }

    /* Левая колонка */

    body.account-wishlist #column-left {
        width: 100%;
        max-width: 100%;
        margin-bottom: 18px;
        padding: 0;
    }

    body.account-wishlist #column-left > * {
        border-radius: 12px;
        box-shadow: none;
    }

    body.account-wishlist #column-left a {
        min-height: 42px;
        padding: 9px 14px;

        font-size: 13px;
    }

    /* Основная колонка */

    body.account-wishlist #content > .col-lg-9 {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    body.account-wishlist h1 {
        margin-top: 8px;
        margin-bottom: 18px;

        font-size: 26px;
        letter-spacing: -0.3px;
    }

    /* По одной карточке в строке */

    body.account-wishlist
    .rm-account-wishlist:has(.rm-account-wishlist-item) {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    body.account-wishlist .rm-account-wishlist-item {
        min-height: 0;
        padding: 16px;

        border-radius: 14px;
    }

    /*
     * На телефоне изображение и информация
     * располагаются рядом.
     */

    body.account-wishlist .rm-account-wishlist-item-left {
        display: grid !important;

        grid-template-columns: 105px minmax(0, 1fr);
        align-items: center !important;
        gap: 14px;

        width: 100%;
    }

    body.account-wishlist .rm-account-wishlist-item-img {
        width: 105px !important;
        height: 115px !important;
        margin: 0 !important;
        padding: 7px;
    }

    body.account-wishlist .rm-account-wishlist-item-img img {
        max-width: 95px;
        max-height: 100px;
    }

    body.account-wishlist .rm-account-wishlist-item-info {
        min-width: 0;
        padding-right: 26px;

        text-align: left !important;
    }

    body.account-wishlist
    .rm-account-wishlist-item-info > a {
        min-height: 0;
        margin-bottom: 9px !important;

        font-size: 13px;
        line-height: 1.4;
    }

    body.account-wishlist .rm-account-text.small {
        margin-bottom: 9px;

        font-size: 11px;
    }

    body.account-wishlist
    .rm-wishlist-price
    .rm-module-price {
        font-size: 16px;
    }

    body.account-wishlist
    .rm-account-wishlist-item > .d-flex.align-items-center {
        padding-top: 15px;
    }

    body.account-wishlist
    .rm-account-wishlist-item
    .rm-cart-btn {
        min-height: 46px;

        font-size: 14px;
    }

    body.account-wishlist
    .rm-account-wishlist-item
    .rm-btn-del {
        top: 10px;
        right: 10px;

        width: 32px;
        height: 32px;
    }

    /* Пустой список */

    body.account-wishlist
    .rm-account-wishlist:not(:has(.rm-account-wishlist-item)) {
        min-height: 0;
        padding: 30px 23px;

        border-radius: 14px;

        font-size: 15px;
        line-height: 1.6;
    }

    body.account-wishlist
    .rm-account-wishlist:not(:has(.rm-account-wishlist-item))::before {
        width: 52px;
        height: 52px;
        margin-bottom: 18px;

        font-size: 30px;
    }
}

/* =========================================================
   СТРАНИЦА АВТОРИЗАЦИИ — MHI REDESIGN
   ========================================================= */

body.account-login {
    overflow-x: hidden;
}

body.account-login #content {
    width: 100%;
    max-width: 100%;

    padding-bottom: 60px;
}

/* Заголовок страницы */

body.account-login h1 {
    margin-top: 8px;
    margin-bottom: 30px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   ОСНОВНОЙ БЛОК: ВХОД + РЕГИСТРАЦИЯ
   ========================================================= */

body.account-login .rm-account-login {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;

    width: 100%;
    max-width: 1120px;
    height: auto !important;
    min-height: 0 !important;

    margin-right: auto;
    margin-left: auto;
}

/* Общий вид двух карточек */

body.account-login .rm-account-login-enter,
body.account-login .rm-account-login-register {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 470px;
    padding: 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(157, 138, 184, 0.065) 0,
            rgba(157, 138, 184, 0) 34%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.075),
        0 3px 10px rgba(20, 39, 61, 0.035);
}

/* Верхняя цветная линия */

body.account-login .rm-account-login-enter::before,
body.account-login .rm-account-login-register::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );
}

/* =========================================================
   ЗАГОЛОВКИ КАРТОЧЕК
   ========================================================= */

body.account-login .rm-account-login-title {
    position: relative;

    margin-bottom: 28px;
    padding-left: 34px;

    color: #17283c;

    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;
    text-align: left !important;
}

/* Красная декоративная линия */

body.account-login .rm-account-login-title::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 22px;
    height: 3px;

    border-radius: 4px;

    background: #9D8AB8;

    transform: translateY(-50%);
}

/* =========================================================
   ФОРМА ВХОДА
   ========================================================= */

body.account-login .rm-account-login-form {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
}

body.account-login .rm-account-login-form .form-group {
    margin-bottom: 19px;
}

body.account-login .rm-account-login-form label {
    display: block;

    margin-bottom: 8px;

    color: #354459;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

body.account-login .rm-account-login-form .required {
    color: #9D8AB8;
}

/* Поля ввода */

body.account-login .rm-account-login-form .form-control {
    width: 100%;
    height: 52px;
    padding: 0 16px;

    border: 1px solid #d7dee7;
    border-radius: 10px;

    color: #17283c;
    background: #ffffff;

    font-size: 14px;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

body.account-login .rm-account-login-form .form-control:hover {
    border-color: #b9c3cf;
}

body.account-login .rm-account-login-form .form-control:focus {
    border-color: #9D8AB8;

    background: #ffffff;

    box-shadow: 0 0 0 4px rgba(157, 138, 184, 0.09);
}

/* Забули пароль */

body.account-login .rm-account-login-forgotten {
    margin-top: -2px;
    margin-bottom: 22px;
}

body.account-login .rm-account-login-forgotten a {
    color: #526176 !important;

    font-size: 13px;
    font-weight: 600;
    text-decoration: underline !important;
    text-decoration-color: #aeb7c2 !important;
    text-underline-offset: 4px;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}

body.account-login .rm-account-login-forgotten a:hover {
    color: #9D8AB8 !important;
    text-decoration-color: #9D8AB8 !important;
}

/* =========================================================
   КНОПКИ
   ========================================================= */

body.account-login .rm-account-login-enter .text-center,
body.account-login .rm-account-login-register .text-center {
    width: 100%;
    margin-top: auto;
}

body.account-login .rm-account-login .rm-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 50px;
    padding: 12px 20px;

    border: 0 !important;
    border-radius: 10px !important;

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

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(157, 138, 184, 0.22);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-login .rm-account-login .rm-btn:hover {
    color: #ffffff !important;
    background: #8F82AA !important;

    box-shadow: 0 13px 28px rgba(157, 138, 184, 0.30);

    transform: translateY(-1px);
}

/* =========================================================
   КАРТОЧКА РЕГИСТРАЦИИ
   ========================================================= */

body.account-login .rm-account-login-register {
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(23, 40, 60, 0.075) 0,
            rgba(23, 40, 60, 0) 36%
        ),
        #ffffff;
}

body.account-login .rm-account-login-text {
    margin-bottom: 28px;

    color: #586678;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
}

body.account-login .rm-account-login-register .rm-btn {
    background: #17283c !important;

    box-shadow: 0 10px 24px rgba(23, 40, 60, 0.20);
}

body.account-login .rm-account-login-register .rm-btn:hover {
    background: #9D8AB8 !important;

    box-shadow: 0 13px 28px rgba(157, 138, 184, 0.28);
}

/* =========================================================
   СТРАНИЦА АВТОРИЗАЦИИ — ПЛАНШЕТ И ТЕЛЕФОН
   ========================================================= */

@media (max-width: 991.98px) {

    body.account-login #content {
        padding-bottom: 38px;
    }

    body.account-login h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        letter-spacing: -0.3px;
    }

    body.account-login .rm-account-login {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;

        max-width: 620px;
    }

    body.account-login .rm-account-login-enter,
    body.account-login .rm-account-login-register {
        min-height: 0;
        padding: 27px;

        border-radius: 15px;
    }

    body.account-login .rm-account-login-title {
        margin-bottom: 23px;
        padding-left: 30px;

        font-size: 20px;
    }

    body.account-login .rm-account-login-title::before {
        width: 19px;
    }

    body.account-login .rm-account-login-text {
        margin-bottom: 24px;

        font-size: 14px;
        line-height: 1.7;
    }
}

/* =========================================================
   СТРАНИЦА АВТОРИЗАЦИИ — УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-login h1 {
        font-size: 25px;
    }

    body.account-login .rm-account-login {
        gap: 15px;
    }

    body.account-login .rm-account-login-enter,
    body.account-login .rm-account-login-register {
        padding: 23px 18px;

        border-radius: 14px;
    }

    body.account-login .rm-account-login-title {
        margin-bottom: 21px;

        font-size: 18px;
        line-height: 1.4;
    }

    body.account-login .rm-account-login-form .form-group {
        margin-bottom: 17px;
    }

    body.account-login .rm-account-login-form .form-control {
        height: 50px;
    }

    body.account-login .rm-account-login-forgotten {
        margin-bottom: 20px;
    }

    body.account-login .rm-account-login .rm-btn {
        min-height: 49px;
    }
}

/* =========================================================
   СТРАНИЦА «ШВИДКА РЕЄСТРАЦІЯ» — MHI REDESIGN
   ========================================================= */

body.account-simpleregister {
    overflow-x: hidden !important;
}

/* =========================================================
   ЗАГОЛОВОК СТРАНИЦЫ
   ========================================================= */

body.account-simpleregister h1 {
    margin-top: 8px;
    margin-bottom: 28px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   ОБЩАЯ СЕТКА: МЕНЮ + ФОРМА

   ВАЖНО:
   фактический родитель #column-left и #content —
   обычный DIV без класса .row
   ========================================================= */

body.account-simpleregister
.container > div:has(> #column-left):has(> #content) {
    display: grid !important;

    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 24px;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    box-sizing: border-box !important;
}

/* =========================================================
   ЛЕВОЕ МЕНЮ ЛИЧНОГО КАБИНЕТА
   ========================================================= */

body.account-simpleregister #column-left {
    position: relative !important;

    grid-column: 1;
    grid-row: 1;

    display: block !important;
    float: none !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 250px !important;

    height: auto !important;
    min-height: 0 !important;

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

    box-sizing: border-box !important;
}

body.account-simpleregister #column-left > * {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden;

    border: 1px solid #e2e7ed;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 10px 30px rgba(20, 39, 61, 0.06),
        0 2px 7px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

body.account-simpleregister #column-left a {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 46px;
    padding: 11px 16px;

    border-bottom: 1px solid #edf0f4;

    color: #354459 !important;
    background: #ffffff;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        padding-left 0.2s ease;
}

body.account-simpleregister #column-left a:last-child {
    border-bottom: 0;
}

body.account-simpleregister #column-left a::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 3px;
    height: 0;

    border-radius: 0 4px 4px 0;

    background: #9D8AB8;

    transform: translateY(-50%);

    transition: height 0.2s ease;
}

body.account-simpleregister #column-left a:hover {
    padding-left: 21px;

    color: #9D8AB8 !important;
    background: #f8fafc;
}

body.account-simpleregister #column-left a:hover::before {
    height: 24px;
}

/* =========================================================
   ОСНОВНАЯ КОЛОНКА С ФОРМОЙ
   ========================================================= */

body.account-simpleregister #content {
    position: relative !important;

    grid-column: 2;
    grid-row: 1;

    display: block !important;
    float: none !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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

    transform: none !important;

    box-sizing: border-box !important;
}

body.account-simpleregister .simple-content {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 820px !important;

    height: auto !important;
    min-height: 0 !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;
}

/* =========================================================
   КАРТОЧКА РЕГИСТРАЦИИ
   ========================================================= */

body.account-simpleregister #simplepage_form {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

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

    box-sizing: border-box !important;
}

body.account-simpleregister #simpleregister {
    position: relative;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 96% 4%,
            rgba(157, 138, 184, 0.07) 0,
            rgba(157, 138, 184, 0) 35%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.075),
        0 3px 10px rgba(20, 39, 61, 0.035);

    box-sizing: border-box !important;
}

/* Верхняя декоративная линия */

body.account-simpleregister #simpleregister::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    border-radius: 18px 18px 0 0;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );
}

/* =========================================================
   ТЕКСТ ДЛЯ УЖЕ ЗАРЕГИСТРИРОВАННЫХ
   ========================================================= */

body.account-simpleregister .simpleregister-have-account {
    width: 100%;
    max-width: 100%;

    margin: 0 0 27px;
    padding: 15px 17px 15px 20px;

    border: 1px solid #e4e9ef;
    border-left: 4px solid #9D8AB8;
    border-radius: 10px;

    color: #586678;
    background: #f8fafc;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;

    box-sizing: border-box;
}

body.account-simpleregister
.simpleregister-have-account a {
    color: #9D8AB8 !important;

    font-weight: 700;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

body.account-simpleregister
.simpleregister-have-account a:hover {
    color: #8F82AA !important;
}

/* =========================================================
   СОДЕРЖИМОЕ ФОРМЫ
   ========================================================= */

body.account-simpleregister
.simpleregister-block-content {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}

body.account-simpleregister
.simpleregister-block-content fieldset {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

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

    border: 0 !important;

    box-sizing: border-box !important;
}

body.account-simpleregister
.simpleregister-block-content .form-group {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-bottom: 15px;
    margin-left: 0 !important;

    padding-right: 0 !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}

/* Строка заголовка формы */

body.account-simpleregister
.simpleregister-block-content
fieldset > .form-group:first-child {
    margin-bottom: 24px;
}

/* Убираем Bootstrap-ограничения колонок */

body.account-simpleregister
.simpleregister-block-content
.form-group > [class*="col-"] {
    display: block !important;
    float: none !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding-right: 0 !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}

/* =========================================================
   ЗАГОЛОВОК «ОСНОВНА ІНФОРМАЦІЯ»
   ========================================================= */

body.account-simpleregister
.simpleregister-block-content legend {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0 0 0 33px;

    border: 0;

    color: #17283c;

    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;
}

body.account-simpleregister
.simpleregister-block-content legend::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 22px;
    height: 3px;

    border-radius: 4px;

    background: #9D8AB8;

    transform: translateY(-50%);
}

/* =========================================================
   ПОЛЯ ВВОДА
   ========================================================= */

body.account-simpleregister
#simplepage_form .form-control {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 52px;
    min-height: 52px;

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

    border: 1px solid #d7dee7;
    border-radius: 10px;

    color: #17283c;
    background: #ffffff;

    font-size: 14px;
    line-height: 50px;

    box-shadow: none;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

body.account-simpleregister
#simplepage_form .form-control::placeholder {
    color: #8a95a3;

    opacity: 1;
}

body.account-simpleregister
#simplepage_form .form-control:hover {
    border-color: #b9c3cf;
}

body.account-simpleregister
#simplepage_form .form-control:focus {
    border-color: #9D8AB8;
    outline: 0;

    background: #ffffff;

    box-shadow: 0 0 0 4px rgba(157, 138, 184, 0.09);
}

/* Телефон и дополнительные оболочки */

body.account-simpleregister
#simplepage_form .iti,
body.account-simpleregister
#simplepage_form .input-group,
body.account-simpleregister
#simplepage_form [class*="telephone"] {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}

/* =========================================================
   ОШИБКИ ЗАПОЛНЕНИЯ
   ========================================================= */

body.account-simpleregister
.simplecheckout-error-text {
    margin-top: 6px;

    color: #d9151e;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

body.account-simpleregister
.form-group.has-error .form-control,
body.account-simpleregister
.form-group.error .form-control {
    border-color: #ed1c24;

    box-shadow: 0 0 0 3px rgba(237, 28, 36, 0.08);
}

/* =========================================================
   КНОПКА «ПРОДОВЖИТИ»
   ========================================================= */

body.account-simpleregister
#simpleregister_button_confirm {
    display: flex !important;
    align-items: center;
    justify-content: center;

    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 52px;

    margin: 23px 0 0 !important;
    padding: 13px 22px;

    border: 0 !important;
    border-radius: 10px !important;

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

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(157, 138, 184, 0.22);

    cursor: pointer;

    box-sizing: border-box !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-simpleregister
#simpleregister_button_confirm:hover {
    color: #ffffff !important;
    background: #8F82AA !important;

    box-shadow: 0 13px 28px rgba(157, 138, 184, 0.30);

    transform: translateY(-1px);
}

body.account-simpleregister
#simpleregister_button_confirm .rm-btn-text {
    color: inherit;

    font-size: inherit;
    font-weight: inherit;
}

/* Родительские блоки кнопки */

body.account-simpleregister
#simplepage_form .buttons,
body.account-simpleregister
#simplepage_form [class*="button-right"],
body.account-simpleregister
#simplepage_form [class*="button-confirm"] {
    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;

    text-align: left !important;

    box-sizing: border-box !important;
}

/* =========================================================
   ПЛАНШЕТ И МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 1199.98px) {

    body.account-simpleregister {
        overflow-x: hidden !important;
    }

    body.account-simpleregister h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        letter-spacing: -0.3px;
    }

    /*
     * Настоящий родитель меню и формы перестраивается
     * в одну колонку.
     */

    body.account-simpleregister
    .container > div:has(> #column-left):has(> #content) {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;

        align-items: stretch !important;
        gap: 18px;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-right: 0 !important;
        margin-left: 0 !important;

        box-sizing: border-box !important;
    }

    body.account-simpleregister #column-left,
    body.account-simpleregister #content {
        position: relative !important;

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

        float: none !important;

        flex: none !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin-right: 0 !important;
        margin-left: 0 !important;

        transform: none !important;

        box-sizing: border-box !important;
    }

    /* Меню */

    body.account-simpleregister #column-left {
        grid-column: 1 !important;
        grid-row: 1 !important;

        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    body.account-simpleregister #column-left > * {
        width: 100% !important;
        max-width: 100% !important;

        border-radius: 12px;

        box-shadow: none;
    }

    body.account-simpleregister #column-left a {
        min-height: 44px;
        padding: 10px 16px;

        font-size: 13px;
    }

    /* Форма */

    body.account-simpleregister #content {
        grid-column: 1 !important;
        grid-row: 2 !important;

        display: block !important;

        padding: 0 0 38px !important;
    }

    body.account-simpleregister .simple-content {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 620px !important;

        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.account-simpleregister #simpleregister {
        padding: 27px;

        border-radius: 15px;
    }

    body.account-simpleregister #simpleregister::before {
        border-radius: 15px 15px 0 0;
    }

    body.account-simpleregister
    .simpleregister-have-account {
        margin-bottom: 23px;
    }

    body.account-simpleregister
    .simpleregister-block-content legend {
        font-size: 20px;
    }
}

/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-simpleregister h1 {
        margin-bottom: 18px;

        font-size: 25px;
        line-height: 1.25;
    }

    body.account-simpleregister
    .container > div:has(> #column-left):has(> #content) {
        gap: 15px;
    }

    body.account-simpleregister #simpleregister {
        padding: 23px 18px;

        border-radius: 14px;
    }

    body.account-simpleregister #simpleregister::before {
        border-radius: 14px 14px 0 0;
    }

    body.account-simpleregister
    .simpleregister-have-account {
        margin-bottom: 21px;
        padding: 13px 14px 13px 16px;

        font-size: 13px;
        line-height: 1.55;
    }

    body.account-simpleregister
    .simpleregister-block-content
    fieldset > .form-group:first-child {
        margin-bottom: 21px;
    }

    body.account-simpleregister
    .simpleregister-block-content legend {
        padding-left: 30px;

        font-size: 19px;
        line-height: 1.35;
    }

    body.account-simpleregister
    .simpleregister-block-content legend::before {
        width: 19px;
    }

    body.account-simpleregister
    .simpleregister-block-content .form-group {
        margin-bottom: 13px;
    }

    body.account-simpleregister
    #simplepage_form .form-control {
        height: 50px;
        min-height: 50px;

        padding-right: 14px;
        padding-left: 14px;

        font-size: 14px;
        line-height: 48px;
    }

    body.account-simpleregister
    #simpleregister_button_confirm {
        min-height: 50px;

        margin-top: 20px !important;
    }
}

/* =========================================================
   СТРАНИЦА СРАВНЕНИЯ ТОВАРОВ — MHI REDESIGN
   ========================================================= */

body.product-compare {
    overflow-x: hidden;
}

/* Основная область страницы */

body.product-compare #content {
    width: 100%;
    max-width: 1320px;

    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-bottom: 50px;
    padding-left: 24px;
}

body.product-compare #content > .row {
    margin-right: 0;
    margin-left: 0;
}

body.product-compare #content .col-lg-8.no-col {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Заголовок страницы */

body.product-compare h1 {
    margin-top: 10px;
    margin-bottom: 28px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* Контейнер содержимого */

body.product-compare .rm-content {
    width: 100%;
    max-width: 100%;
}

/* =========================================================
   ЗАПОЛНЕННАЯ ТАБЛИЦА СРАВНЕНИЯ — КОМПЬЮТЕР
   ========================================================= */

body.product-compare .rm-table-compare {
    display: table !important;

    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;

    overflow: visible !important;

    border: 1px solid #e2e7ed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 16px;

    table-layout: auto !important;

    background: #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 2px 8px rgba(20, 39, 61, 0.04);
}

body.product-compare .rm-table-compare > tbody {
    display: table-row-group !important;

    width: auto !important;
    min-width: 0 !important;
}

body.product-compare .rm-table-compare tr {
    display: table-row !important;
}

/* Общие ячейки */

body.product-compare .rm-table-compare td {
    display: table-cell !important;

    width: auto;
    min-width: 0;

    padding: 17px 18px !important;

    border: 0 !important;
    border-right: 1px solid #edf0f4 !important;
    border-bottom: 1px solid #edf0f4 !important;

    color: #4a596c;
    background: #ffffff;

    font-size: 14px;
    line-height: 1.45;
    vertical-align: middle !important;

    overflow-wrap: anywhere;

    transition: background-color 0.18s ease;
}

body.product-compare .rm-table-compare tr:last-child td {
    border-bottom: 0 !important;
}

body.product-compare .rm-table-compare td:last-child {
    border-right: 0 !important;
}

/* Первый столбец с названиями характеристик */

body.product-compare .rm-table-compare tr > td:first-child:not([colspan]) {
    width: 220px;
    min-width: 220px;

    color: #223247;
    background: #f7f9fb;

    font-weight: 700;
    text-align: left !important;
}

/* Столбцы товаров */

body.product-compare .rm-table-compare tr > td:not(:first-child) {
    min-width: 210px;
}

/* Чередование строк */

body.product-compare .rm-table-compare tr:nth-child(even) > td:not(:first-child) {
    background: #fcfdfe;
}

body.product-compare .rm-table-compare tr:hover > td:not(:first-child) {
    background: #f8fafc;
}

/* Названия товаров */

body.product-compare .rm-table-product-name {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

body.product-compare .rm-table-product-name a {
    color: #17283c !important;

    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none !important;

    overflow-wrap: anywhere;
}

body.product-compare .rm-table-product-name a:hover {
    color: #9D8AB8 !important;
}

/* Изображения */

body.product-compare .rm-table-compare-img td {
    height: 160px;
}

body.product-compare .rm-table-compare-img img {
    display: block;

    width: auto;
    max-width: 135px;
    height: auto;
    max-height: 135px;

    margin-right: auto;
    margin-left: auto;

    object-fit: contain;
}

/* Цена */

body.product-compare .rm-table-compare-price td:not(:first-child) {
    color: #17283c;

    font-size: 18px;
    font-weight: 800;
}

/* Наличие */

body.product-compare .rm-table-compare-available td:not(:first-child) {
    color: #26985b;

    font-weight: 700;
}

/* Группы характеристик */

body.product-compare .rm-table-compare td[colspan] {
    width: auto !important;
    min-width: 0 !important;

    padding: 14px 18px !important;

    border-right: 0 !important;

    color: #ffffff !important;
    background:
        linear-gradient(
            100deg,
            #2a1826 0%,
            #17283c 55%,
            #16283c 100%
        ) !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35;
    text-align: left !important;
}

/* Кнопка покупки */

body.product-compare .rm-table-compare .rm-btn.dark,
body.product-compare .rm-table-compare .btn-dark {
    min-height: 42px;
    padding: 10px 18px;

    border: 0 !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    background: #17283c !important;

    font-weight: 700;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

body.product-compare .rm-table-compare .rm-btn.dark:hover,
body.product-compare .rm-table-compare .btn-dark:hover {
    background: #9D8AB8 !important;

    transform: translateY(-1px);
}

/* Кнопка удаления */

body.product-compare .rm-table-compare .btn-danger {
    min-height: 42px;
    padding: 9px 18px;

    border: 1px solid #9D8AB8 !important;
    border-radius: 8px !important;

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

    font-weight: 700;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

body.product-compare .rm-table-compare .btn-danger:hover {
    color: #ffffff !important;
    background: #9D8AB8 !important;
}

/* =========================================================
   ПУСТАЯ СТРАНИЦА СРАВНЕНИЯ
   ========================================================= */

body.product-compare .rm-content:not(:has(.rm-table-compare)) {
    position: relative;

    width: 100%;
    max-width: 760px;
    min-height: 260px;

    margin-top: 8px;
    margin-bottom: 55px;
    padding: 42px;

    overflow: hidden;

    border: 1px solid #e2e7ed;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(157, 138, 184, 0.07) 0,
            rgba(157, 138, 184, 0) 34%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 2px 8px rgba(20, 39, 61, 0.04);
}

body.product-compare .rm-content:not(:has(.rm-table-compare))::before {
    content: "";

    display: block;

    width: 52px;
    height: 4px;
    margin-bottom: 24px;

    border-radius: 10px;

    background: #9D8AB8;
}

body.product-compare .rm-content:not(:has(.rm-table-compare)) > p {
    max-width: 560px;
    margin: 0 0 28px;

    color: #4e5d70;

    font-size: 17px;
    line-height: 1.65;
}

body.product-compare .rm-content:not(:has(.rm-table-compare)) .buttons {
    margin: 0;
}

body.product-compare .rm-content:not(:has(.rm-table-compare)) .buttons::after {
    display: none;
}

body.product-compare .rm-content:not(:has(.rm-table-compare)) .pull-right,
body.product-compare .rm-content:not(:has(.rm-table-compare)) .float-right {
    float: none !important;
}

body.product-compare .rm-content:not(:has(.rm-table-compare)) .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 150px;
    min-height: 50px;
    padding: 12px 24px;

    border: 0 !important;
    border-radius: 9px !important;

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

    font-size: 15px;
    font-weight: 800;

    box-shadow: 0 10px 24px rgba(157, 138, 184, 0.20);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.product-compare .rm-content:not(:has(.rm-table-compare)) .btn-primary:hover {
    background: #8F82AA !important;

    box-shadow: 0 12px 28px rgba(157, 138, 184, 0.27);

    transform: translateY(-1px);
}

/* =========================================================
   СТРАНИЦА СРАВНЕНИЯ — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 991.98px) {

    body.product-compare #content {
        padding-right: 12px;
        padding-bottom: 32px;
        padding-left: 12px;
    }

    body.product-compare h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 25px;
        letter-spacing: -0.3px;
    }

    /* Подсказка о прокрутке */

    body.product-compare .rm-content:has(.rm-table-compare)::before {
        content: "Таблицю можна прокручувати горизонтально";

        display: block;

        margin-bottom: 12px;
        padding: 10px 14px;

        border: 1px solid #e3e8ef;
        border-radius: 9px;

        color: #526174;
        background: #f7f9fb;

        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
    }

    /* Горизонтальная прокрутка только на мобильных */

    body.product-compare .rm-table-compare {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        border-radius: 12px;

        table-layout: auto !important;

        scrollbar-width: thin;
        scrollbar-color: #aeb8c5 #edf0f4;

        -webkit-overflow-scrolling: touch;
    }

    body.product-compare .rm-table-compare::-webkit-scrollbar {
        height: 8px;
    }

    body.product-compare .rm-table-compare::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #edf0f4;
    }

    body.product-compare .rm-table-compare::-webkit-scrollbar-thumb {
        border: 2px solid #edf0f4;
        border-radius: 10px;
        background: #aeb8c5;
    }

    body.product-compare .rm-table-compare > tbody {
        display: table !important;

        width: max-content !important;
        min-width: 790px !important;

        border-collapse: separate;
        border-spacing: 0;

        table-layout: fixed;
    }

    body.product-compare .rm-table-compare tr {
        display: table-row !important;
    }

    body.product-compare .rm-table-compare td {
        display: table-cell !important;

        width: 190px;
        min-width: 190px;

        padding: 13px 11px !important;

        font-size: 13px;
        line-height: 1.4;
    }

    /* Закреплённый первый столбец */

    body.product-compare .rm-table-compare tr > td:first-child:not([colspan]) {
        position: sticky;
        left: 0;
        z-index: 3;

        width: 150px;
        min-width: 150px;

        background: #f7f9fb;

        box-shadow: 9px 0 15px -15px rgba(20, 39, 61, 0.75);
    }

    body.product-compare .rm-table-compare tr:nth-child(even) > td:first-child:not([colspan]) {
        background: #f4f7f9;
    }

    body.product-compare .rm-table-product-name a {
        font-size: 13px;
        line-height: 1.35;
    }

    body.product-compare .rm-table-compare-img td {
        height: 125px;
    }

    body.product-compare .rm-table-compare-img img {
        max-width: 100px;
        max-height: 100px;
    }

    body.product-compare .rm-table-compare-price td:not(:first-child) {
        font-size: 15px;
    }

    body.product-compare .rm-table-compare td[colspan] {
        width: auto !important;
        min-width: 0 !important;

        padding: 12px 14px !important;

        font-size: 13px !important;
    }

    /* Пустая страница на телефоне */

    body.product-compare .rm-content:not(:has(.rm-table-compare)) {
        min-height: 0;

        margin-top: 4px;
        margin-bottom: 34px;
        padding: 28px 22px;

        border-radius: 14px;
    }

    body.product-compare .rm-content:not(:has(.rm-table-compare)) > p {
        margin-bottom: 24px;

        font-size: 15px;
        line-height: 1.6;
    }

    body.product-compare .rm-content:not(:has(.rm-table-compare)) .btn-primary {
        width: 100%;
        min-height: 50px;
    }
}

/* =========================================================
   СТРАНИЦА «ОСОБИСТИЙ КАБІНЕТ» — MHI REDESIGN
   body: account-account

   Полная версия: ПК + планшет + мобильный экран.
   ========================================================= */

body.account-account {
    overflow-x: hidden !important;
}

/* =========================================================
   ЗАГОЛОВОК СТРАНИЦЫ
   ========================================================= */

body.account-account h1 {
    margin-top: 8px;
    margin-bottom: 25px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   ОСНОВНАЯ КАРТОЧКА КАБИНЕТА
   ========================================================= */

body.account-account #content {
    position: relative;

    margin-bottom: 55px;
    padding: 31px 34px 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(157, 138, 184, 0.055) 0,
            rgba(157, 138, 184, 0) 35%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 3px 10px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

body.account-account #content::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );
}

/* =========================================================
   ЛЕВОЕ МЕНЮ КАБИНЕТА
   ========================================================= */

body.account-account #column-left {
    margin-bottom: 32px;
}

body.account-account #column-left .list-group,
body.account-account #column-left > div {
    width: 100%;
    max-width: 100%;

    margin-bottom: 0;

    overflow: hidden;

    border: 1px solid #dfe5ec;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 10px 28px rgba(20, 39, 61, 0.065),
        0 2px 7px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

body.account-account #column-left .list-group-item {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 54px;

    margin: 0;
    padding: 10px 17px;

    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #edf0f4;
    border-left: 0;
    border-radius: 0;

    color: #354459;
    background: #ffffff;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    box-sizing: border-box;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

body.account-account #column-left .list-group-item:last-child {
    border-bottom: 0;
}

body.account-account #column-left .list-group-item:hover {
    color: #9D8AB8;
    background: #f8fafc;
}

body.account-account #column-left .list-group-item.active {
    color: #9D8AB8;
    background: #FBF9FC;
}

body.account-account #column-left .list-group-item i,
body.account-account #column-left .list-group-item svg,
body.account-account #column-left .list-group-item img,
body.account-account #column-left .list-group-item span {
    flex-shrink: 0;
}

/* =========================================================
   ЗАГОЛОВКИ И ТЕКСТ
   ========================================================= */

body.account-account #content h2,
body.account-account #content h3,
body.account-account #content h4 {
    margin-top: 28px;
    margin-bottom: 16px;

    color: #17283c;

    font-weight: 700;
    line-height: 1.35;
}

body.account-account #content h2 {
    margin-top: 0;

    font-size: 22px;
}

body.account-account #content h3 {
    font-size: 20px;
}

body.account-account #content h4 {
    font-size: 18px;
}

body.account-account #content p {
    max-width: 920px;

    margin-top: 0;
    margin-bottom: 25px;

    color: #697789;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

/* =========================================================
   ОБЩЕЕ ОФОРМЛЕНИЕ ТАБЛИЦ
   ========================================================= */

body.account-account #content .table-responsive {
    width: 100%;
    max-width: 100%;

    margin-bottom: 27px;

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

    border: 1px solid #e1e6ec;
    border-radius: 12px;

    background: #ffffff;

    box-sizing: border-box;
}

body.account-account #content table,
body.account-account #content .table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff;

    table-layout: fixed !important;

    box-sizing: border-box;
}

body.account-account #content table thead,
body.account-account #content .table thead {
    background: #f2f5f8;
}

body.account-account #content table th,
body.account-account #content table td,
body.account-account #content .table th,
body.account-account #content .table td {
    min-width: 0 !important;
    padding: 14px 13px !important;

    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-left: 0 !important;

    color: #617084;
    background: transparent;

    font-size: 13px;
    line-height: 1.5;
    vertical-align: middle !important;

    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;

    box-sizing: border-box;
}

body.account-account #content table th,
body.account-account #content .table th {
    color: #17283c;

    font-weight: 750;
}

body.account-account #content table tbody tr:last-child td,
body.account-account #content .table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* =========================================================
   ТАБЛИЦА «ОСНОВНА ІНФОРМАЦІЯ»

   Определяется по ссылке или кнопке
   в последней ячейке строки.
   ========================================================= */

body.account-account
#content table:has(tbody tr > td:last-child a) th:nth-child(1),
body.account-account
#content table:has(tbody tr > td:last-child button) th:nth-child(1),
body.account-account
#content table:has(tbody tr > td:last-child a) tbody tr > td:nth-child(1),
body.account-account
#content table:has(tbody tr > td:last-child button) tbody tr > td:nth-child(1) {
    width: 18% !important;
}

body.account-account
#content table:has(tbody tr > td:last-child a) th:nth-child(2),
body.account-account
#content table:has(tbody tr > td:last-child button) th:nth-child(2),
body.account-account
#content table:has(tbody tr > td:last-child a) tbody tr > td:nth-child(2),
body.account-account
#content table:has(tbody tr > td:last-child button) tbody tr > td:nth-child(2) {
    width: 39% !important;
}

body.account-account
#content table:has(tbody tr > td:last-child a) th:nth-child(3),
body.account-account
#content table:has(tbody tr > td:last-child button) th:nth-child(3),
body.account-account
#content table:has(tbody tr > td:last-child a) tbody tr > td:nth-child(3),
body.account-account
#content table:has(tbody tr > td:last-child button) tbody tr > td:nth-child(3) {
    width: 25% !important;
}

body.account-account
#content table:has(tbody tr > td:last-child a) th:nth-child(4),
body.account-account
#content table:has(tbody tr > td:last-child button) th:nth-child(4),
body.account-account
#content table:has(tbody tr > td:last-child a) tbody tr > td:nth-child(4),
body.account-account
#content table:has(tbody tr > td:last-child button) tbody tr > td:nth-child(4) {
    width: 18% !important;

    text-align: right;
}

/* Почта и телефон на компьютере */

body.account-account
#content table:has(tbody tr > td:last-child a) tbody tr > td:nth-child(2),
body.account-account
#content table:has(tbody tr > td:last-child button) tbody tr > td:nth-child(2),
body.account-account
#content table:has(tbody tr > td:last-child a) tbody tr > td:nth-child(3),
body.account-account
#content table:has(tbody tr > td:last-child button) tbody tr > td:nth-child(3) {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* =========================================================
   КНОПКА «ЗМІНИТИ»
   ========================================================= */

body.account-account
#content table:has(tbody tr > td:last-child a) td:last-child a,
body.account-account
#content table:has(tbody tr > td:last-child button) td:last-child button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;
    padding: 7px 14px;

    border: 1px solid rgba(157, 138, 184, 0.32);
    border-radius: 8px;

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

    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;

    box-shadow: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

body.account-account
#content table:has(tbody tr > td:last-child a) td:last-child a:hover,
body.account-account
#content table:has(tbody tr > td:last-child button) td:last-child button:hover {
    border-color: #9D8AB8;

    color: #ffffff !important;
    background: #9D8AB8;
}

/* =========================================================
   ТАБЛИЦА «ІСТОРІЯ ЗАМОВЛЕНЬ»
   ========================================================= */

body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
thead th:nth-child(1),
body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
tbody tr:not(:has(> td[colspan])) > td:nth-child(1) {
    width: 20% !important;
}

body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
thead th:nth-child(2),
body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
tbody tr:not(:has(> td[colspan])) > td:nth-child(2) {
    width: 25% !important;
}

body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
thead th:nth-child(3),
body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
tbody tr:not(:has(> td[colspan])) > td:nth-child(3) {
    width: 30% !important;
}

body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
thead th:nth-child(4),
body.account-account
#content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
tbody tr:not(:has(> td[colspan])) > td:nth-child(4) {
    width: 25% !important;
}

/* Пустая история заказов */

body.account-account #content td[colspan] {
    width: 100% !important;
    max-width: 100% !important;

    padding: 23px 15px !important;

    color: #778497;

    text-align: center;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1199.98px) {

    body.account-account h1 {
        font-size: 30px;
    }

    body.account-account #content {
        padding: 28px 26px 32px;
    }

    body.account-account #content table th,
    body.account-account #content table td,
    body.account-account #content .table th,
    body.account-account #content .table td {
        padding-right: 10px !important;
        padding-left: 10px !important;

        font-size: 12.5px;
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 767.98px) {

    body.account-account {
        overflow-x: hidden !important;
    }

    body.account-account h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }

    /* =====================================================
       ЛЕВОЕ МЕНЮ
       ===================================================== */

    body.account-account #column-left {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 18px;
    }

    body.account-account #column-left .list-group,
    body.account-account #column-left > div {
        width: 100% !important;
        max-width: 100% !important;

        border-radius: 13px;

        box-shadow: none;
    }

    body.account-account #column-left .list-group-item {
        min-height: 52px;
        padding: 9px 16px;

        font-size: 14px;
    }

    /* =====================================================
       ОСНОВНАЯ КАРТОЧКА
       ===================================================== */

    body.account-account #content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 38px;
        padding: 23px 21px 28px;

        border-radius: 15px;

        box-sizing: border-box;
    }

    body.account-account #content h2 {
        font-size: 21px;
    }

    body.account-account #content h3 {
        font-size: 19px;
    }

    body.account-account #content p {
        margin-bottom: 23px;

        font-size: 14px;
        line-height: 1.65;
    }

    /* =====================================================
       БАЗОВЫЙ МОБИЛЬНЫЙ ВИД ТАБЛИЦ
       ===================================================== */

    body.account-account #content .table-responsive {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow: visible !important;

        border: 0;
        border-radius: 0;

        background: transparent;
    }

    body.account-account #content table,
    body.account-account #content .table {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        background: transparent;

        table-layout: auto !important;
    }

    body.account-account #content table thead,
    body.account-account #content .table thead {
        display: none !important;
    }

    body.account-account #content table tbody,
    body.account-account #content .table tbody {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* =====================================================
       ОСНОВНА ІНФОРМАЦІЯ — КАРТОЧКА
       ===================================================== */

    body.account-account
    #content table:has(tbody tr > td:last-child a) tbody tr,
    body.account-account
    #content table:has(tbody tr > td:last-child button) tbody tr {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0;

        overflow: hidden;

        border: 1px solid #dfe5ec;
        border-radius: 11px;

        background: #ffffff;

        box-shadow: 0 5px 15px rgba(20, 39, 61, 0.04);

        box-sizing: border-box;
    }

    /*
     * Полный сброс десктопных ширин всех четырёх ячеек.
     */

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(1),

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(2),

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(3),

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(4),

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(1),

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(2),

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(3),

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(4) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td {
        display: grid !important;

        grid-template-columns: 78px minmax(0, 1fr) !important;
        align-items: start;
        gap: 10px;

        padding: 12px 13px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #edf0f4 !important;
        border-left: 0 !important;

        font-size: 13px;
        line-height: 1.5;
        text-align: left !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:last-child,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:last-child {
        border-bottom: 0 !important;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td::before,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td::before {
        color: #17283c;

        font-size: 12px;
        font-weight: 750;
        line-height: 1.45;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(1)::before,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(1)::before {
        content: "Ім’я";
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(2)::before,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(2)::before {
        content: "Пошта";
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(3)::before,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(3)::before {
        content: "Телефон";
    }

    /*
     * Отдельная строка с кнопкой.
     */

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(4),

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(4) {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 13px !important;

        text-align: left !important;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(4)::before,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(4)::before {
        display: none !important;

        content: "" !important;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(4) a,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(4) button {
        display: flex !important;
        align-items: center;
        justify-content: center;

        width: 100% !important;
        min-height: 42px;

        box-sizing: border-box;
    }

    /* =====================================================
       ИСТОРИЯ С РЕАЛЬНЫМИ ЗАКАЗАМИ
       ===================================================== */

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 14px;

        overflow: hidden;

        border: 1px solid #dfe5ec;
        border-radius: 11px;

        background: #ffffff;

        box-shadow: 0 5px 15px rgba(20, 39, 61, 0.04);

        box-sizing: border-box;
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(1),

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(2),

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(3),

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(4) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        display: grid !important;

        grid-template-columns: 112px minmax(0, 1fr) !important;
        align-items: start;
        gap: 10px;

        padding: 12px 13px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #edf0f4 !important;
        border-left: 0 !important;

        font-size: 13px;
        line-height: 1.5;
        text-align: left !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td::before {
        color: #17283c;

        font-size: 12px;
        font-weight: 750;
        line-height: 1.45;
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(1)::before {
        content: "№ замовлення";
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(2)::before {
        content: "Статус";
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(3)::before {
        content: "Дата замовлення";
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(4)::before {
        content: "Сума";
    }

    /* =====================================================
       ПУСТАЯ ИСТОРИЯ ЗАКАЗОВ
       ===================================================== */

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:has(> td[colspan]) {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        overflow: hidden;

        border: 1px solid #dfe5ec;
        border-radius: 11px;

        background: #ffffff;

        box-sizing: border-box;
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:has(> td[colspan]) > td[colspan] {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 22px 16px !important;

        border: 0 !important;

        color: #758296;

        font-size: 13px;
        line-height: 1.55;
        text-align: center !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        box-sizing: border-box !important;
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:has(> td[colspan]) > td[colspan]::before {
        display: none !important;

        content: "" !important;
    }
}

/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-account h1 {
        margin-bottom: 18px;

        font-size: 25px;
    }

    body.account-account #content {
        padding: 22px 17px 25px;

        border-radius: 14px;
    }

    body.account-account #content h2 {
        font-size: 20px;
    }

    body.account-account #content h3 {
        font-size: 18px;
    }

    body.account-account #content p {
        font-size: 13.5px;
        line-height: 1.62;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td {
        grid-template-columns: 74px minmax(0, 1fr) !important;

        gap: 8px;

        padding: 11px 12px !important;

        font-size: 12.5px;
    }

    body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td::before,

    body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td::before {
        font-size: 11.5px;
    }

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(1),

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(2),

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(3),

    body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(4) {
        grid-template-columns: 100px minmax(0, 1fr) !important;

        gap: 8px;

        padding: 11px 12px !important;

        font-size: 12.5px;
    }
}

/* =========================================================
   ОСОБИСТИЙ КАБІНЕТ — ВЫРАВНИВАНИЕ ПОЧТЫ НА ПК
   ========================================================= */

@media (min-width: 768px) {

    /*
     * У ячейки электронной почты тема принудительно
     * устанавливает display: flex.
     * Возвращаем ей стандартное поведение ячейки таблицы.
     */

    body.account-account
    #content table:has(a[href*="route=account/simpleedit"])
    tbody tr > td:nth-child(2) {
        display: table-cell !important;

        height: auto !important;

        padding-top: 14px !important;
        padding-bottom: 14px !important;

        line-height: 1.5 !important;
        vertical-align: middle !important;
    }

    body.account-account
    #content table:has(a[href*="route=account/simpleedit"])
    tbody tr > td:nth-child(2) > span {
        position: static !important;

        display: inline !important;

        width: auto !important;
        height: auto !important;
        min-height: 0 !important;

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

        line-height: 1.5 !important;
        vertical-align: baseline !important;

        transform: none !important;
    }
}

/* =========================================================
   ЛИЧНЫЙ КАБИНЕТ — РУССКИЕ ПОДПИСИ МОБИЛЬНЫХ КАРТОЧЕК
   ========================================================= */

@media (max-width: 767.98px) {

    html[lang^="ru"] body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(1)::before,

    html[lang^="ru"] body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(1)::before {
        content: "Имя" !important;
    }

    html[lang^="ru"] body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(2)::before,

    html[lang^="ru"] body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(2)::before {
        content: "Почта" !important;
    }

    html[lang^="ru"] body.account-account
    #content table:has(tbody tr > td:last-child a)
    tbody tr > td:nth-child(3)::before,

    html[lang^="ru"] body.account-account
    #content table:has(tbody tr > td:last-child button)
    tbody tr > td:nth-child(3)::before {
        content: "Телефон" !important;
    }

    html[lang^="ru"] body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(1)::before {
        content: "№ заказа" !important;
    }

    html[lang^="ru"] body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(2)::before {
        content: "Статус" !important;
    }

    html[lang^="ru"] body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(3)::before {
        content: "Дата заказа" !important;
    }

    html[lang^="ru"] body.account-account
    #content table:not(:has(tbody tr > td:last-child a)):not(:has(tbody tr > td:last-child button))
    tbody tr:not(:has(> td[colspan])) > td:nth-child(4)::before {
        content: "Сумма" !important;
    }
}

/* =========================================================
   СТРАНИЦА «ЗМІНИТИ ПАРОЛЬ / ИЗМЕНИТЬ ПАРОЛЬ»
   MHI REDESIGN
   body: account-password
   ========================================================= */

body.account-password {
    overflow-x: hidden !important;
}

/* =========================================================
   ГЛАВНЫЙ ЗАГОЛОВОК
   ========================================================= */

body.account-password h1 {
    margin-top: 8px;
    margin-bottom: 25px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   КАРТОЧКА ФОРМЫ
   ========================================================= */

body.account-password
#content form.form-horizontal {
    position: relative;

    display: block;

    width: 100%;
    min-width: 0;
    max-width: 720px;

    margin: 0 0 55px;
    padding: 34px 36px 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(157, 138, 184, 0.06) 0,
            rgba(157, 138, 184, 0) 38%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 3px 10px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

/* Верхняя декоративная линия */

body.account-password
#content form.form-horizontal::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );
}

/* =========================================================
   FIELDSET
   ========================================================= */

body.account-password
#content fieldset.rm-account-form {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    box-sizing: border-box;
}

/* =========================================================
   ЗАГОЛОВОК «ПАРОЛЬ»
   ========================================================= */

body.account-password
#content legend.rm-content-title {
    position: relative;

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0 0 26px;
    padding: 0 0 0 32px;

    border: 0;

    color: #17283c;

    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;

    text-transform: capitalize;

    box-sizing: border-box;
}

body.account-password
#content legend.rm-content-title::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 22px;
    height: 3px;

    border-radius: 4px;

    background: #9D8AB8;

    transform: translateY(-50%);
}

/* =========================================================
   ГРУППЫ ПОЛЕЙ
   ========================================================= */

body.account-password
#content form.form-horizontal .form-group {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0 0 20px;
    padding: 0;

    box-sizing: border-box;
}

body.account-password
#content form.form-horizontal .form-group:last-child {
    margin-bottom: 0;
}

/* =========================================================
   ПОДПИСИ ПОЛЕЙ
   ========================================================= */

body.account-password
#content .rm-control-label {
    display: block;

    width: 100%;

    margin: 0 0 8px;
    padding: 0;

    color: #354459;

    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;

    box-sizing: border-box;
}

body.account-password
#content .rm-control-label .required {
    margin-right: 4px;

    color: #9D8AB8;

    font-weight: 800;
}

/* =========================================================
   ПОЛЯ ПАРОЛЯ
   ========================================================= */

body.account-password
#content form.form-horizontal .form-control {
    display: block;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 54px;
    min-height: 54px;

    margin: 0;
    padding: 0 16px;

    border: 1px solid #d6dee7;
    border-radius: 10px;

    color: #17283c;
    background: #ffffff;

    font-size: 15px;
    line-height: 52px;

    outline: 0;
    box-shadow: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

body.account-password
#content form.form-horizontal .form-control:hover {
    border-color: #b8c3cf;
}

body.account-password
#content form.form-horizontal .form-control:focus {
    border-color: #9D8AB8;

    background: #ffffff;

    box-shadow: 0 0 0 4px rgba(157, 138, 184, 0.09);
}

/* Автозаполнение браузера */

body.account-password
#content form.form-horizontal .form-control:-webkit-autofill {
    -webkit-text-fill-color: #17283c;

    box-shadow: 0 0 0 1000px #ffffff inset;
}

/* =========================================================
   ОШИБКИ
   ========================================================= */

body.account-password
#content .text-danger,
body.account-password
#content .simplecheckout-error-text,
body.account-password
#content .invalid-feedback {
    display: block;

    margin-top: 7px;

    color: #d9151e;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

body.account-password
#content .has-error .form-control,
body.account-password
#content .form-group.error .form-control,
body.account-password
#content .form-control.is-invalid {
    border-color: #ed1c24;

    box-shadow: 0 0 0 3px rgba(237, 28, 36, 0.08);
}

/* =========================================================
   КНОПКА «ПРОДОВЖИТИ / ПРОДОЛЖИТЬ»
   ========================================================= */

body.account-password
#content form.form-horizontal > button.rm-btn.dark {
    display: flex !important;
    align-items: center;
    justify-content: center;

    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 52px;

    margin: 27px 0 0 !important;
    padding: 13px 24px;

    border: 0 !important;
    border-radius: 10px !important;

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

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(157, 138, 184, 0.22);

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-password
#content form.form-horizontal > button.rm-btn.dark:hover {
    color: #ffffff !important;
    background: #8F82AA !important;

    box-shadow: 0 13px 28px rgba(157, 138, 184, 0.3);

    transform: translateY(-1px);
}

body.account-password
#content form.form-horizontal > button.rm-btn.dark:active {
    box-shadow: 0 6px 16px rgba(157, 138, 184, 0.2);

    transform: translateY(0);
}

/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1199.98px) {

    body.account-password h1 {
        font-size: 30px;
    }

    body.account-password
    #content form.form-horizontal {
        max-width: 680px;

        padding: 30px 31px 33px;
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 767.98px) {

    body.account-password {
        overflow-x: hidden !important;
    }

    body.account-password h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }

    body.account-password
    #content form.form-horizontal {
        width: 100%;
        min-width: 0;
        max-width: 100%;

        margin-bottom: 38px;
        padding: 26px 22px 28px;

        border-radius: 15px;

        box-sizing: border-box;
    }

    body.account-password
    #content form.form-horizontal::before {
        border-radius: 15px 15px 0 0;
    }

    body.account-password
    #content legend.rm-content-title {
        margin-bottom: 23px;

        font-size: 21px;
    }

    body.account-password
    #content form.form-horizontal .form-group {
        margin-bottom: 18px;
    }

    body.account-password
    #content .rm-control-label {
        margin-bottom: 8px;

        font-size: 14px;
    }

    body.account-password
    #content form.form-horizontal .form-control {
        height: 52px;
        min-height: 52px;

        font-size: 14px;
        line-height: 50px;
    }

    body.account-password
    #content form.form-horizontal > button.rm-btn.dark {
        min-height: 51px;

        margin-top: 24px !important;
    }
}

/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-password h1 {
        margin-bottom: 18px;

        font-size: 25px;
    }

    body.account-password
    #content form.form-horizontal {
        padding: 24px 17px 25px;

        border-radius: 14px;
    }

    body.account-password
    #content form.form-horizontal::before {
        border-radius: 14px 14px 0 0;
    }

    body.account-password
    #content legend.rm-content-title {
        margin-bottom: 21px;
        padding-left: 29px;

        font-size: 20px;
    }

    body.account-password
    #content legend.rm-content-title::before {
        width: 19px;
    }

    body.account-password
    #content form.form-horizontal .form-group {
        margin-bottom: 17px;
    }

    body.account-password
    #content form.form-horizontal .form-control {
        height: 50px;
        min-height: 50px;

        padding-right: 14px;
        padding-left: 14px;

        line-height: 48px;
    }

    body.account-password
    #content form.form-horizontal > button.rm-btn.dark {
        min-height: 50px;

        margin-top: 22px !important;
    }
}

/* =========================================================
   ДЕКОРАТИВНЫЙ ЛОГОТИП В БЛОКЕ СМЕНЫ ПАРОЛЯ
   ========================================================= */

body.account-password #content form.form-horizontal {
    position: relative;
    isolation: isolate;
}

body.account-password #content form.form-horizontal::after {
    content: "";

    position: absolute;
    top: 22px;
    right: 28px;

    width: 220px;
    height: 90px;

    background-image: url("/image/catalog/logo/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

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

/* Чтобы весь контент был поверх логотипа */
body.account-password #content form.form-horizontal > * {
    position: relative;
    z-index: 1;
}

/* Верхняя красно-синяя линия тоже должна быть поверх */
body.account-password #content form.form-horizontal::before {
    z-index: 2;
}

@media (max-width: 767.98px) {
    body.account-password #content form.form-horizontal::after {
        top: 18px;
        right: 18px;

        width: 150px;
        height: 62px;

        opacity: 0.05;
    }
}

@media (max-width: 575.98px) {
    body.account-password #content form.form-horizontal::after {
        width: 130px;
        height: 54px;

        top: 16px;
        right: 14px;

        opacity: 0.045;
    }
}

/* =========================================================
   СТРАНИЦА «ІСТОРІЯ ЗАМОВЛЕНЬ / ИСТОРИЯ ЗАКАЗОВ»
   MHI REDESIGN
   body: account-order
   ========================================================= */

body.account-order {
    overflow-x: hidden !important;
}

/* =========================================================
   ГЛАВНЫЙ ЗАГОЛОВОК
   ========================================================= */

body.account-order h1 {
    margin-top: 8px;
    margin-bottom: 25px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   ОСНОВНАЯ СЕТКА СТРАНИЦЫ

   Исходное расположение колонок Bootstrap не изменяем.
   ========================================================= */

body.account-order #content {
    align-items: flex-start;

    min-width: 0;
}

body.account-order #content > [class*="col-"] {
    min-width: 0;
}

/* =========================================================
   ЛЕВОЕ МЕНЮ ЛИЧНОГО КАБИНЕТА
   ========================================================= */

body.account-order #column-left {
    margin-bottom: 32px;
}

body.account-order #column-left .list-group,
body.account-order #column-left > div {
    width: 100%;
    max-width: 100%;

    margin-bottom: 0;

    overflow: hidden;

    border: 1px solid #dfe5ec;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 10px 28px rgba(20, 39, 61, 0.065),
        0 2px 7px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

body.account-order #column-left .list-group-item {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 54px;

    margin: 0;
    padding: 10px 17px;

    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #edf0f4;
    border-left: 0;
    border-radius: 0;

    color: #354459;
    background: #ffffff;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    box-sizing: border-box;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

body.account-order #column-left .list-group-item:last-child {
    border-bottom: 0;
}

body.account-order #column-left .list-group-item:hover {
    color: #9D8AB8;
    background: #f8fafc;
}

body.account-order #column-left .list-group-item.active {
    color: #9D8AB8;
    background: #FBF9FC;
}

body.account-order #column-left .list-group-item i,
body.account-order #column-left .list-group-item svg,
body.account-order #column-left .list-group-item img,
body.account-order #column-left .list-group-item span {
    flex-shrink: 0;
}

/* =========================================================
   ОСНОВНАЯ КАРТОЧКА ИСТОРИИ ЗАКАЗОВ
   ========================================================= */

body.account-order
#content > .col-lg-9 > .rm-content {
    position: relative;
    isolation: isolate;

    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 55px;
    padding: 32px 34px 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(157, 138, 184, 0.055) 0,
            rgba(157, 138, 184, 0) 36%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 3px 10px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

/* Верхняя декоративная линия */

body.account-order
#content > .col-lg-9 > .rm-content::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );

    z-index: 2;
}

/* Фирменный логотип-водяной знак */

body.account-order
#content > .col-lg-9 > .rm-content::after {
    content: "";

    position: absolute;
    top: 21px;
    right: 28px;

    width: 210px;
    height: 86px;

    background-image: url("/image/catalog/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: 0.045;

    pointer-events: none;

    z-index: 0;
}

body.account-order
#content > .col-lg-9 > .rm-content > * {
    position: relative;

    z-index: 1;
}

/* =========================================================
   ОБОЛОЧКА ТАБЛИЦЫ
   ========================================================= */

body.account-order
#content .rm-table-box {
    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0 0 22px;

    overflow: hidden;

    border: 1px solid #dfe5ec;
    border-radius: 12px;

    background: #ffffff;

    box-sizing: border-box;
}

/* =========================================================
   ТАБЛИЦА ЗАКАЗОВ — КОМПЬЮТЕР
   ========================================================= */

body.account-order
#content .rm-table-box table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff;

    table-layout: fixed !important;

    box-sizing: border-box;
}

body.account-order
#content .rm-table-box thead {
    background: #f2f5f8;
}

body.account-order
#content .rm-table-box th,
body.account-order
#content .rm-table-box td {
    min-width: 0 !important;

    padding: 15px 13px !important;

    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-left: 0 !important;

    color: #617084;
    background: transparent;

    font-size: 13px;
    line-height: 1.5;
    vertical-align: middle !important;

    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;

    box-sizing: border-box;
}

body.account-order
#content .rm-table-box th {
    color: #17283c;

    font-weight: 750;
}

body.account-order
#content .rm-table-box tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.account-order
#content .rm-table-box tbody tr {
    transition: background-color 0.2s ease;
}

body.account-order
#content .rm-table-box tbody tr:hover {
    background: #fafbfc;
}

/* =========================================================
   ШИРИНЫ ШЕСТИ КОЛОНОК
   ========================================================= */

body.account-order
#content .rm-table-box th:nth-child(1),
body.account-order
#content .rm-table-box td:nth-child(1) {
    width: 13%;
}

body.account-order
#content .rm-table-box th:nth-child(2),
body.account-order
#content .rm-table-box td:nth-child(2) {
    width: 24%;
}

body.account-order
#content .rm-table-box th:nth-child(3),
body.account-order
#content .rm-table-box td:nth-child(3) {
    width: 12%;

    text-align: center;
}

body.account-order
#content .rm-table-box th:nth-child(4),
body.account-order
#content .rm-table-box td:nth-child(4) {
    width: 18%;
}

body.account-order
#content .rm-table-box th:nth-child(5),
body.account-order
#content .rm-table-box td:nth-child(5) {
    width: 17%;
}

body.account-order
#content .rm-table-box th:nth-child(6),
body.account-order
#content .rm-table-box td:nth-child(6) {
    width: 16%;
}

/* Номер заказа */

body.account-order
#content .rm-table-box td:nth-child(1) a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;
    padding: 6px 11px;

    border: 1px solid rgba(157, 138, 184, 0.28);
    border-radius: 8px;

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

    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

body.account-order
#content .rm-table-box td:nth-child(1) a:hover {
    border-color: #9D8AB8;

    color: #ffffff !important;
    background: #9D8AB8;
}

/* Количество */

body.account-order
#content .rm-table-box td:nth-child(3) {
    color: #17283c;

    font-weight: 700;
}

/* Статус */

body.account-order
#content .rm-table-box td:nth-child(4) {
    color: #c68000;

    font-weight: 700;
}

/* Итоговая сумма */

body.account-order
#content .rm-table-box td:nth-child(5) {
    color: #17283c;

    font-weight: 750;
}

/* =========================================================
   РЕЗУЛЬТАТЫ И ПАГИНАЦИЯ
   ========================================================= */

body.account-order
#content .rm-content > .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    row-gap: 12px;

    margin-top: 18px;
    margin-right: 0;
    margin-left: 0;
}

body.account-order
#content .rm-content > .row > [class*="col-"] {
    min-width: 0;

    padding-right: 0;
    padding-left: 0;
}

body.account-order
#content .rm-content .text-right {
    color: #697789;

    font-size: 13px;
    line-height: 1.5;
}

/* =========================================================
   КНОПКА «ПРОДОВЖИТИ / ПРОДОЛЖИТЬ»
   ========================================================= */

body.account-order
#content .rm-content .buttons {
    width: 100%;

    margin-top: 22px;
}

body.account-order
#content .rm-content .buttons::after {
    content: "";

    display: block;
    clear: both;
}

body.account-order
#content .rm-content .rm-btn.dark {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    float: none !important;

    min-width: 150px;
    min-height: 48px;

    padding: 12px 24px;

    border: 0 !important;
    border-radius: 9px !important;

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

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;

    box-shadow: 0 9px 22px rgba(157, 138, 184, 0.2);

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-order
#content .rm-content .rm-btn.dark:hover {
    color: #ffffff !important;
    background: #8F82AA !important;

    box-shadow: 0 12px 27px rgba(157, 138, 184, 0.28);

    transform: translateY(-1px);
}

/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1199.98px) {

    body.account-order h1 {
        font-size: 30px;
    }

    body.account-order
    #content > .col-lg-9 > .rm-content {
        padding: 28px 26px 32px;
    }

    body.account-order
    #content .rm-table-box th,
    body.account-order
    #content .rm-table-box td {
        padding-right: 9px !important;
        padding-left: 9px !important;

        font-size: 12px;
    }

    body.account-order
    #content > .col-lg-9 > .rm-content::after {
        width: 170px;
        height: 70px;
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 767.98px) {

    body.account-order {
        overflow-x: hidden !important;
    }

    body.account-order h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }

    /* Левое меню */

    body.account-order #column-left {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 18px;
    }

    body.account-order #column-left .list-group,
    body.account-order #column-left > div {
        width: 100% !important;
        max-width: 100% !important;

        border-radius: 13px;

        box-shadow: none;
    }

    body.account-order #column-left .list-group-item {
        min-height: 52px;
        padding: 9px 16px;

        font-size: 14px;
    }

    /* Основная карточка */

    body.account-order
    #content > .col-lg-9 > .rm-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 38px;
        padding: 24px 20px 27px;

        border-radius: 15px;

        box-sizing: border-box;
    }

    body.account-order
    #content > .col-lg-9 > .rm-content::after {
        top: 16px;
        right: 16px;

        width: 135px;
        height: 55px;

        opacity: 0.04;
    }

    /* =====================================================
       ТАБЛИЦА ПРЕВРАЩАЕТСЯ В КАРТОЧКИ ЗАКАЗОВ
       ===================================================== */

    body.account-order
    #content .rm-table-box {
        overflow: visible !important;

        border: 0;
        border-radius: 0;

        background: transparent;
    }

    body.account-order
    #content .rm-table-box table {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        background: transparent;

        table-layout: auto !important;
    }

    body.account-order
    #content .rm-table-box thead {
        display: none !important;
    }

    body.account-order
    #content .rm-table-box tbody {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.account-order
    #content .rm-table-box tbody tr {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 15px;

        overflow: hidden;

        border: 1px solid #dfe5ec;
        border-radius: 12px;

        background: #ffffff;

        box-shadow: 0 6px 18px rgba(20, 39, 61, 0.045);

        box-sizing: border-box;
    }

    body.account-order
    #content .rm-table-box tbody tr:last-child {
        margin-bottom: 0;
    }

    body.account-order
    #content .rm-table-box tbody td {
        display: grid !important;

        grid-template-columns: 115px minmax(0, 1fr) !important;
        align-items: center;
        gap: 11px;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 12px 14px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #edf0f4 !important;
        border-left: 0 !important;

        color: #617084;

        font-size: 13px;
        line-height: 1.5;
        text-align: left !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    body.account-order
    #content .rm-table-box tbody td:last-child {
        border-bottom: 0 !important;
    }

    body.account-order
    #content .rm-table-box tbody td::before {
        color: #17283c;

        font-size: 12px;
        font-weight: 750;
        line-height: 1.4;
    }

    /* Украинские подписи */

    body.account-order
    #content .rm-table-box tbody td:nth-child(1)::before {
        content: "№ замовлення";
    }

    body.account-order
    #content .rm-table-box tbody td:nth-child(2)::before {
        content: "Клієнт";
    }

    body.account-order
    #content .rm-table-box tbody td:nth-child(3)::before {
        content: "Кількість";
    }

    body.account-order
    #content .rm-table-box tbody td:nth-child(4)::before {
        content: "Статус";
    }

    body.account-order
    #content .rm-table-box tbody td:nth-child(5)::before {
        content: "Всього";
    }

    body.account-order
    #content .rm-table-box tbody td:nth-child(6)::before {
        content: "Додано";
    }

    /* Русские подписи */

    html[lang^="ru"] body.account-order
    #content .rm-table-box tbody td:nth-child(1)::before {
        content: "№ заказа";
    }

    html[lang^="ru"] body.account-order
    #content .rm-table-box tbody td:nth-child(2)::before {
        content: "Клиент";
    }

    html[lang^="ru"] body.account-order
    #content .rm-table-box tbody td:nth-child(3)::before {
        content: "Количество";
    }

    html[lang^="ru"] body.account-order
    #content .rm-table-box tbody td:nth-child(4)::before {
        content: "Статус";
    }

    html[lang^="ru"] body.account-order
    #content .rm-table-box tbody td:nth-child(5)::before {
        content: "Итого";
    }

    html[lang^="ru"] body.account-order
    #content .rm-table-box tbody td:nth-child(6)::before {
        content: "Добавлено";
    }

    /* Номер заказа на телефоне */

    body.account-order
    #content .rm-table-box td:nth-child(1) a {
        justify-self: start;

        min-height: 32px;
        padding: 5px 10px;
    }

    /* Количество больше не центрируем */

    body.account-order
    #content .rm-table-box td:nth-child(3) {
        text-align: left !important;
    }

    /* Результаты */

    body.account-order
    #content .rm-content > .row {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 12px;

        margin-top: 18px;
    }

    body.account-order
    #content .rm-content > .row > [class*="col-"] {
        width: 100%;
        max-width: 100%;

        text-align: center !important;
    }

    /* Кнопка */

    body.account-order
    #content .rm-content .buttons {
        margin-top: 18px;
    }

    body.account-order
    #content .rm-content .rm-btn.dark {
        display: flex !important;

        width: 100% !important;
        min-width: 0;
        max-width: 100%;

        min-height: 50px;

        box-sizing: border-box;
    }
}

/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-order h1 {
        margin-bottom: 18px;

        font-size: 25px;
    }

    body.account-order
    #content > .col-lg-9 > .rm-content {
        padding: 22px 17px 25px;

        border-radius: 14px;
    }

    body.account-order
    #content .rm-table-box tbody td {
        grid-template-columns: 105px minmax(0, 1fr) !important;

        gap: 9px;

        padding: 11px 12px !important;

        font-size: 12.5px;
    }

    body.account-order
    #content .rm-table-box tbody td::before {
        font-size: 11.5px;
    }
}

/* =========================================================
   ИСТОРИЯ ЗАКАЗОВ — ЛОГОТИП В ПРАВОМ НИЖНЕМ УГЛУ
   ========================================================= */

@media (min-width: 768px) {

    body.account-order
    #content > .col-lg-9 > .rm-content::after {
        content: "";

        position: absolute;

        top: auto !important;
        right: 28px !important;
        bottom: 23px !important;

        display: block;

        width: 190px !important;
        height: 72px !important;

        background-image: url("/image/catalog/logo/logo.png") !important;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;

        opacity: 0.055 !important;

        pointer-events: none;

        z-index: 0;
    }
}

/* На телефоне логотип не показываем */

@media (max-width: 767.98px) {

    body.account-order
    #content > .col-lg-9 > .rm-content::after {
        display: none !important;
    }
}

/* =========================================================
   СТРАНИЦА «ЗАМОВЛЕННЯ / ЗАКАЗ»
   ДЕТАЛИ КОНКРЕТНОГО ЗАКАЗА
   MHI REDESIGN

   body: account-order-info
   ========================================================= */

body.account-order-info {
    overflow-x: hidden !important;
}

/* =========================================================
   ГЛАВНЫЙ ЗАГОЛОВОК
   ========================================================= */

body.account-order-info h1 {
    margin-top: 8px;
    margin-bottom: 25px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* =========================================================
   ОСНОВНАЯ СЕТКА
   ========================================================= */

body.account-order-info #content {
    align-items: flex-start;

    min-width: 0;
}

body.account-order-info #content > [class*="col-"] {
    min-width: 0;
}

/* =========================================================
   ЛЕВОЕ МЕНЮ ЛИЧНОГО КАБИНЕТА
   ========================================================= */

body.account-order-info #column-left {
    margin-bottom: 32px;
}

body.account-order-info #column-left .list-group,
body.account-order-info #column-left > div {
    width: 100%;
    max-width: 100%;

    margin-bottom: 0;

    overflow: hidden;

    border: 1px solid #dfe5ec;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 10px 28px rgba(20, 39, 61, 0.065),
        0 2px 7px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

body.account-order-info #column-left .list-group-item {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 54px;

    margin: 0;
    padding: 10px 17px;

    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #edf0f4;
    border-left: 0;
    border-radius: 0;

    color: #354459;
    background: #ffffff;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    box-sizing: border-box;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

body.account-order-info #column-left .list-group-item:last-child {
    border-bottom: 0;
}

body.account-order-info #column-left .list-group-item:hover {
    color: #9D8AB8;
    background: #f8fafc;
}

body.account-order-info #column-left .list-group-item.active {
    color: #9D8AB8;
    background: #FBF9FC;
}

body.account-order-info #column-left .list-group-item i,
body.account-order-info #column-left .list-group-item svg,
body.account-order-info #column-left .list-group-item img,
body.account-order-info #column-left .list-group-item span {
    flex-shrink: 0;
}

/* =========================================================
   ОСНОВНАЯ КАРТОЧКА ЗАКАЗА
   ========================================================= */

body.account-order-info
#content > .col-lg-9 > .rm-content {
    position: relative;
    isolation: isolate;

    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 55px;
    padding: 32px 34px 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(157, 138, 184, 0.055) 0,
            rgba(157, 138, 184, 0) 34%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 3px 10px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

/* Верхняя декоративная линия */

body.account-order-info
#content > .col-lg-9 > .rm-content::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );

    z-index: 3;
}

/* Фирменный логотип */

body.account-order-info
#content > .col-lg-9 > .rm-content::after {
    content: "";

    position: absolute;
    right: 30px;
    bottom: 27px;

    width: 190px;
    height: 72px;

    background-image: url("/image/catalog/logo/logo.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;

    opacity: 0.045;

    pointer-events: none;

    z-index: 0;
}

body.account-order-info
#content > .col-lg-9 > .rm-content > * {
    position: relative;

    z-index: 1;
}

/* =========================================================
   ЗАГОЛОВКИ ВНУТРИ КАРТОЧКИ
   ========================================================= */

body.account-order-info
#content .rm-content-title {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 0 17px;
    padding-left: 31px;

    color: #17283c;

    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;

    box-sizing: border-box;
}

body.account-order-info
#content .rm-content-title.mt-4 {
    margin-top: 29px !important;
}

body.account-order-info
#content .rm-content-title::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 21px;
    height: 3px;

    border-radius: 4px;

    background: #9D8AB8;

    transform: translateY(-50%);
}

/* =========================================================
   ДЕТАЛИ ЗАКАЗА
   ========================================================= */

body.account-order-info
#content .rm-account-text.rm-account-order {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 22px;

    width: 100%;
    max-width: 760px;

    margin: 0 0 28px;
    padding: 20px 21px;

    border: 1px solid #e1e6ec;
    border-radius: 12px;

    background: #f8fafc;

    box-sizing: border-box;
}

/*
 * Важно: правило действует только внутри блока деталей,
 * поэтому адрес доставки оно больше не затронет.
 */

body.account-order-info
#content .rm-account-text.rm-account-order
.rm-account-text-order {
    min-width: 0;

    color: #6a788b;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;

    overflow-wrap: anywhere;
}

body.account-order-info
#content .rm-account-text.rm-account-order
.rm-account-text-order span {
    margin-left: 5px;

    color: #17283c;

    font-weight: 700;
}

body.account-order-info
#content .rm-account-text.rm-account-order
.rm-account-text-order:first-child span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 30px;
    padding: 4px 10px;

    border: 1px solid rgba(157, 138, 184, 0.28);
    border-radius: 7px;

    color: #9D8AB8;
    background: #FBF9FC;

    font-size: 12px;
}

/* =========================================================
   АДРЕС ДОСТАВКИ
   ========================================================= */

body.account-order-info
#content .rm-account-text.mb-4 {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin-bottom: 28px !important;
    padding: 19px 21px;

    border: 1px solid #e1e6ec;
    border-left: 4px solid #9D8AB8;
    border-radius: 11px;

    color: #65748a;
    background: #f8fafc;

    font-size: 13px;
    line-height: 1.65;

    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;

    box-sizing: border-box;
}

body.account-order-info
#content .rm-account-text.mb-4
.rm-account-text-order {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
}

/* =========================================================
   ОБЩЕЕ ОФОРМЛЕНИЕ ТАБЛИЦ
   ========================================================= */

body.account-order-info
#content .rm-table-box {
    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0 0 28px;

    overflow: hidden;

    border: 1px solid #dfe5ec;
    border-radius: 12px;

    background: #ffffff;

    box-sizing: border-box;
}

body.account-order-info
#content .rm-table-box table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff;

    table-layout: fixed !important;

    box-sizing: border-box;
}

body.account-order-info
#content .rm-table-box thead {
    background: #f2f5f8;
}

body.account-order-info
#content .rm-table-box th,
body.account-order-info
#content .rm-table-box td {
    min-width: 0 !important;

    padding: 13px 10px !important;

    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-left: 0 !important;

    color: #617084;
    background: transparent;

    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle !important;

    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;

    box-sizing: border-box;
}

body.account-order-info
#content .rm-table-box th {
    color: #17283c;

    font-weight: 700;
}

body.account-order-info
#content .rm-table-box tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* =========================================================
   ТАБЛИЦА ТОВАРОВ

   Определяется по наличию седьмого заголовка.
   ========================================================= */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7)) {
    overflow: hidden;
}

/* Фото */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(1),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(1) {
    width: 10% !important;

    text-align: center;
}

/* Название */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(2),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(2) {
    width: 29% !important;
}

/* Артикул */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(3),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(3) {
    width: 17% !important;
}

/* Количество */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(4),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4) {
    width: 10% !important;

    text-align: center;
}

/* Цена */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(5),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5) {
    width: 14% !important;
}

/* Всего */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(6),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6) {
    width: 13% !important;
}

/* Повторный заказ */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
th:nth-child(7),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(7) {
    width: 7% !important;

    padding-right: 4px !important;
    padding-left: 4px !important;

    text-align: center;
}

/* Изображение товара */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:first-child img {
    display: block;

    width: 58px;
    max-width: 100%;
    height: 58px;

    margin: 0 auto;

    object-fit: contain;

    border: 1px solid #edf0f4;
    border-radius: 8px;

    background: #ffffff;
}

/* Название товара */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:nth-child(2) a {
    color: #17283c !important;

    font-weight: 700;
    line-height: 1.45;
    text-decoration: none !important;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:nth-child(2) a:hover {
    color: #9D8AB8 !important;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:nth-child(3) {
    color: #79869a;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:nth-child(4) {
    color: #17283c;

    font-weight: 700;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:nth-child(5),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:not(:has(> td[colspan="3"])) td:nth-child(6) {
    color: #17283c;

    font-weight: 700;
}

/* =========================================================
   КНОПКА ПОВТОРНОГО ЗАКАЗА
   ========================================================= */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
.rm-cart-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

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

    border: 0 !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    background: #17283c !important;

    box-shadow: none;

    box-sizing: border-box !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
.rm-cart-btn:hover {
    background: #9D8AB8 !important;

    transform: translateY(-1px);
}

/* =========================================================
   ИТОГОВЫЕ СТРОКИ
   ========================================================= */

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:has(> td[colspan="3"]) {
    background: #fafbfc;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:has(> td[colspan="3"]) > td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:has(> td[colspan="3"]) > td:nth-child(2) {
    color: #586678;

    font-weight: 700;
    text-align: right;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:has(> td[colspan="3"]) > td:nth-child(3) {
    color: #17283c;

    font-weight: 700;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:last-child:has(> td[colspan="3"]) {
    background: #f2f5f8;
}

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:last-child:has(> td[colspan="3"]) > td:nth-child(2),

body.account-order-info
#content .rm-table-box:has(table thead th:nth-child(7))
tbody tr:last-child:has(> td[colspan="3"]) > td:nth-child(3) {
    color: #9D8AB8;

    font-size: 13px;
    font-weight: 800;
}

/* =========================================================
   ТАБЛИЦА СТАТУСА

   Определяется по трём заголовкам без четвёртого.
   ========================================================= */

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
th:nth-child(1),

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
td:nth-child(1) {
    width: 24% !important;
}

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
th:nth-child(2),

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
td:nth-child(2) {
    width: 26% !important;
}

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
th:nth-child(3),

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
td:nth-child(3) {
    width: 50% !important;
}

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
td:nth-child(2) {
    color: #c68000;

    font-weight: 700;
}

body.account-order-info
#content
.rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
td:nth-child(3):empty::after {
    content: "—";

    color: #a0a9b5;
}

/* =========================================================
   КНОПКА «ПРОДОВЖИТИ / ПРОДОЛЖИТЬ»
   ========================================================= */

body.account-order-info
#content .rm-content > .buttons {
    width: 100%;

    margin-top: 23px;
}

body.account-order-info
#content .rm-content > .buttons::after {
    content: "";

    display: block;
    clear: both;
}

body.account-order-info
#content .rm-content > .buttons .rm-btn.dark {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    float: none !important;

    min-width: 150px;
    min-height: 48px;

    padding: 12px 24px;

    border: 0 !important;
    border-radius: 9px !important;

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

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;

    box-shadow: 0 9px 22px rgba(157, 138, 184, 0.2);

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-order-info
#content .rm-content > .buttons .rm-btn.dark:hover {
    color: #ffffff !important;
    background: #8F82AA !important;

    box-shadow: 0 12px 27px rgba(157, 138, 184, 0.28);

    transform: translateY(-1px);
}

/* =========================================================
   ПЛАНШЕТНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 1199.98px) {

    body.account-order-info h1 {
        font-size: 30px;
    }

    body.account-order-info
    #content > .col-lg-9 > .rm-content {
        padding: 28px 26px 32px;
    }

    body.account-order-info
    #content .rm-table-box th,
    body.account-order-info
    #content .rm-table-box td {
        padding-right: 7px !important;
        padding-left: 7px !important;

        font-size: 11.5px;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) td:first-child img {
        width: 50px;
        height: 50px;
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 767.98px) {

    body.account-order-info {
        overflow-x: hidden !important;
    }

    body.account-order-info h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }

    /* =====================================================
       ЛЕВОЕ МЕНЮ
       ===================================================== */

    body.account-order-info #column-left {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 18px;
    }

    body.account-order-info #column-left .list-group,
    body.account-order-info #column-left > div {
        width: 100% !important;
        max-width: 100% !important;

        border-radius: 13px;

        box-shadow: none;
    }

    body.account-order-info #column-left .list-group-item {
        min-height: 52px;
        padding: 9px 16px;

        font-size: 14px;
    }

    /* =====================================================
       ОСНОВНАЯ КАРТОЧКА
       ===================================================== */

    body.account-order-info
    #content > .col-lg-9 > .rm-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 38px;
        padding: 24px 18px 27px;

        border-radius: 15px;

        box-sizing: border-box;
    }

    body.account-order-info
    #content > .col-lg-9 > .rm-content::after {
        display: none !important;
    }

    body.account-order-info
    #content .rm-content-title {
        margin-bottom: 15px;
        padding-left: 29px;

        font-size: 20px;
    }

    body.account-order-info
    #content .rm-content-title::before {
        width: 19px;
    }

    /* =====================================================
       ДЕТАЛИ ЗАКАЗА
       ===================================================== */

    body.account-order-info
    #content .rm-account-text.rm-account-order {
        display: grid;

        grid-template-columns: minmax(0, 1fr);
        gap: 11px;

        width: 100%;
        max-width: 100%;

        margin-bottom: 25px;
        padding: 17px 16px;
    }

    body.account-order-info
    #content .rm-account-text.rm-account-order
    .rm-account-text-order {
        display: grid;

        grid-template-columns: 118px minmax(0, 1fr);
        gap: 9px;

        width: 100%;
        min-width: 0;
        max-width: 100%;

        font-size: 13px;

        box-sizing: border-box;
    }

    body.account-order-info
    #content .rm-account-text.rm-account-order
    .rm-account-text-order span {
        min-width: 0;

        margin-left: 0;

        word-break: normal;
        overflow-wrap: anywhere;
    }

    /* =====================================================
       АДРЕС — ОБЫЧНЫЙ ГОРИЗОНТАЛЬНЫЙ ТЕКСТ
       ===================================================== */

    body.account-order-info
    #content .rm-account-text.mb-4 {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 25px !important;
        padding: 16px 15px;

        font-size: 13px;
        line-height: 1.6;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    body.account-order-info
    #content .rm-account-text.mb-4
    .rm-account-text-order {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* =====================================================
       ТАБЛИЦА ТОВАРОВ — ОБЩИЙ СБРОС
       ===================================================== */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7)) {
        overflow: visible !important;

        border: 0;
        border-radius: 0;

        background: transparent;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7)) table {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        background: transparent;

        table-layout: auto !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7)) thead {
        display: none !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7)) tbody {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /*
     * Полностью сбрасываем все десктопные проценты ширины.
     */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr > td {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    /* =====================================================
       КАРТОЧКА ОДНОГО ТОВАРА
       ===================================================== */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) {
        display: grid !important;

        grid-template-columns: 86px minmax(0, 1fr) !important;
        grid-template-areas:
            "photo name"
            "photo sku"
            "quantity quantity"
            "price price"
            "total total"
            "reorder reorder";

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 15px;

        overflow: hidden;

        border: 1px solid #dfe5ec;
        border-radius: 12px;

        background: #ffffff;

        box-shadow: 0 6px 18px rgba(20, 39, 61, 0.045);

        box-sizing: border-box !important;
    }

    /* Фото */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(1) {
        grid-area: photo;

        display: flex !important;
        align-items: center;
        justify-content: center;

        width: auto !important;
        min-width: 0 !important;

        padding: 12px 8px !important;

        border-right: 1px solid #edf0f4 !important;
        border-bottom: 1px solid #edf0f4 !important;

        background: #fafbfc;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(1) img {
        width: 68px;
        max-width: 68px;
        height: 68px;

        margin: 0;
    }

    /* Название */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(2) {
        grid-area: name;

        display: block !important;

        width: auto !important;
        min-width: 0 !important;

        padding: 13px 12px 6px !important;

        border-bottom: 0 !important;

        text-align: left !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(2) a {
        display: block;

        width: 100%;
        min-width: 0;

        font-size: 13px;
        line-height: 1.45;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* Артикул */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(3) {
        grid-area: sku;

        display: grid !important;

        grid-template-columns: 68px minmax(0, 1fr) !important;
        align-items: start;
        gap: 8px;

        width: auto !important;
        min-width: 0 !important;

        padding: 5px 12px 12px !important;

        border-bottom: 1px solid #edf0f4 !important;

        text-align: left !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(3)::before {
        content: "Артикул";

        color: #17283c;

        font-size: 11.5px;
        font-weight: 700;
    }

    /* Количество */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4) {
        grid-area: quantity;
    }

    /* Цена */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5) {
        grid-area: price;
    }

    /* Всего */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6) {
        grid-area: total;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4),

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5),

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6) {
        display: grid !important;

        grid-template-columns: 105px minmax(0, 1fr) !important;
        align-items: center;
        gap: 10px;

        width: auto !important;
        min-width: 0 !important;

        padding: 11px 13px !important;

        border-bottom: 1px solid #edf0f4 !important;

        font-size: 12.5px;
        line-height: 1.5;
        text-align: left !important;

        box-sizing: border-box !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4)::before {
        content: "Кількість";
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5)::before {
        content: "Ціна";
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6)::before {
        content: "Всього";
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4)::before,

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5)::before,

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6)::before {
        color: #17283c;

        font-size: 11.5px;
        font-weight: 700;
    }

    /* Русские подписи */

    html[lang^="ru"] body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4)::before {
        content: "Количество";
    }

    html[lang^="ru"] body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5)::before {
        content: "Цена";
    }

    html[lang^="ru"] body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6)::before {
        content: "Итого";
    }

    /* Повторный заказ */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(7) {
        grid-area: reorder;

        display: flex !important;
        align-items: center;
        justify-content: flex-end;

        width: auto !important;
        min-width: 0 !important;

        padding: 11px 13px !important;

        border-bottom: 0 !important;

        text-align: left !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(7)::before {
        margin-right: auto;

        color: #17283c;

        font-size: 11.5px;
        font-weight: 700;

        content: "Повторити";
    }

    html[lang^="ru"] body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(7)::before {
        content: "Повторить";
    }

    /* =====================================================
       ИТОГОВЫЕ СТРОКИ
       ===================================================== */

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        background: #fafbfc;

        border-right: 1px solid #dfe5ec;
        border-left: 1px solid #dfe5ec;

        box-sizing: border-box !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"]))
    + tr:has(> td[colspan="3"]) {
        border-top: 1px solid #dfe5ec;
        border-radius: 11px 11px 0 0;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:last-child:has(> td[colspan="3"]) {
        border-bottom: 1px solid #dfe5ec;
        border-radius: 0 0 11px 11px;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        padding: 11px 14px !important;

        border-bottom: 1px solid #edf0f4 !important;

        box-sizing: border-box !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td[colspan="3"] {
        display: none !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td:nth-child(2) {
        grid-column: 1;

        color: #586678;

        font-weight: 700;
        text-align: left;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td:nth-child(3) {
        grid-column: 2;

        color: #17283c;

        font-weight: 800;
        text-align: right;

        white-space: nowrap !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td:nth-child(4) {
        display: none !important;
    }

    /* =====================================================
       МОБИЛЬНАЯ ТАБЛИЦА СТАТУСА
       ===================================================== */

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4))) {
        overflow: visible !important;

        border: 0;
        border-radius: 0;

        background: transparent;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    table {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        background: transparent;

        table-layout: auto !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    thead {
        display: none !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody {
        display: block !important;

        width: 100% !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow: hidden;

        border: 1px solid #dfe5ec;
        border-radius: 11px;

        background: #ffffff;

        box-sizing: border-box;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td {
        display: grid !important;

        grid-template-columns: 105px minmax(0, 1fr) !important;
        align-items: start;
        gap: 10px;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 12px 13px !important;

        border-bottom: 1px solid #edf0f4 !important;

        color: #617084;

        font-size: 12.5px;
        line-height: 1.5;
        text-align: left !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td:last-child {
        border-bottom: 0 !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td::before {
        color: #17283c;

        font-size: 11.5px;
        font-weight: 700;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td:nth-child(1)::before {
        content: "Додано";
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td:nth-child(2)::before {
        content: "Статус";
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td:nth-child(3)::before {
        content: "Коментар";
    }

    html[lang^="ru"] body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td:nth-child(1)::before {
        content: "Добавлено";
    }

    html[lang^="ru"] body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td:nth-child(3)::before {
        content: "Комментарий";
    }

    /* =====================================================
       КНОПКА ПРОДОЛЖЕНИЯ
       ===================================================== */

    body.account-order-info
    #content .rm-content > .buttons {
        margin-top: 18px;
    }

    body.account-order-info
    #content .rm-content > .buttons .rm-btn.dark {
        display: flex !important;

        width: 100% !important;
        min-width: 0;
        max-width: 100%;

        min-height: 50px;

        box-sizing: border-box;
    }
}

/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-order-info h1 {
        margin-bottom: 18px;

        font-size: 25px;
    }

    body.account-order-info
    #content > .col-lg-9 > .rm-content {
        padding: 22px 16px 25px;

        border-radius: 14px;
    }

    body.account-order-info
    #content .rm-account-text.rm-account-order
    .rm-account-text-order {
        grid-template-columns: 107px minmax(0, 1fr);

        font-size: 12.5px;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) {
        grid-template-columns: 78px minmax(0, 1fr) !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(1) img {
        width: 60px;
        max-width: 60px;
        height: 60px;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(3) {
        grid-template-columns: 62px minmax(0, 1fr) !important;
    }

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(4),

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(5),

    body.account-order-info
    #content .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:not(:has(> td[colspan="3"])) > td:nth-child(6),

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody td {
        grid-template-columns: 95px minmax(0, 1fr) !important;

        gap: 8px;

        padding: 11px 12px !important;
    }
}

/* =========================================================
   СТРАНИЦА ЗАКАЗА — ФИНАЛЬНЫЕ ИСПРАВЛЕНИЯ
   1. Полная ширина итоговых полос на ПК
   2. Нормальный статус заказа на мобильном
   ========================================================= */

/* =========================================================
   ПК: ФОН ИТОГОВЫХ СТРОК ДО ПРАВОГО КРАЯ
   ========================================================= */

@media (min-width: 768px) {

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td {
        background: #fafbfc !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:last-child:has(> td[colspan="3"]) > td {
        background: #f2f5f8 !important;
    }

    /*
     * Пустая последняя ячейка тоже должна продолжать полосу
     * до правого края таблицы.
     */

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td:last-child {
        display: table-cell !important;

        background: #fafbfc !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:last-child:has(> td[colspan="3"]) > td:last-child {
        background: #f2f5f8 !important;
    }
}

/* =========================================================
   МОБИЛЬНЫЙ СТАТУС ЗАКАЗА
   ПОЛНЫЙ СБРОС ДЕСКТОПНЫХ ШИРИН
   ========================================================= */

@media (max-width: 767.98px) {

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    table,

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody,

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /*
     * Правила намеренно повторены для каждой ячейки,
     * чтобы перебить десктопные 24%, 26% и 50%.
     */

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td:nth-child(1),

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td:nth-child(2),

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td:nth-child(3) {
        display: grid !important;

        grid-template-columns: 105px minmax(0, 1fr) !important;
        align-items: start;
        gap: 10px;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 12px 13px !important;

        text-align: left !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td::before {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;
    }

    /*
     * Сам текст значения получает всю оставшуюся ширину,
     * поэтому дата и статус больше не выстраиваются вертикально.
     */

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td {
        line-height: 1.5 !important;
    }
}

/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ ЭКРАН
   ========================================================= */

@media (max-width: 575.98px) {

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td:nth-child(1),

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td:nth-child(2),

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(3)):not(:has(table thead th:nth-child(4)))
    tbody tr > td:nth-child(3) {
        grid-template-columns: 92px minmax(0, 1fr) !important;

        gap: 8px;

        padding: 11px 12px !important;
    }
}

/* =========================================================
   СТРАНИЦА ЗАКАЗА — ПРОДЛЕНИЕ ИТОГОВЫХ ПОЛОС ДО КРАЯ
   ========================================================= */

@media (min-width: 768px) {

    /*
     * В итоговых строках отсутствует физическая седьмая
     * ячейка таблицы. Псевдоэлемент продолжает фон
     * от последней существующей ячейки до края блока.
     */

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td:last-child {
        position: relative !important;

        background: #fafbfc !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:has(> td[colspan="3"]) > td:last-child::after {
        content: "";

        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;

        display: block;

        width: 100vw;

        background: #fafbfc;

        pointer-events: none;
    }

    /* Последняя строка «Разом» */

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:last-child:has(> td[colspan="3"]) > td:last-child {
        background: #f2f5f8 !important;
    }

    body.account-order-info
    #content
    .rm-table-box:has(table thead th:nth-child(7))
    tbody tr:last-child:has(> td[colspan="3"]) > td:last-child::after {
        background: #f2f5f8;
    }
}

/* =========================================================
   ДЕТАЛИ ЗАКАЗА — ЛОГОТИП СПРАВА В ИНФОРМАЦИОННОМ БЛОКЕ
   ========================================================= */

@media (min-width: 992px) {

    body.account-order-info
    #content .rm-account-text.rm-account-order {
        position: relative;

        max-width: 100%;

        padding-right: 205px;
    }

    body.account-order-info
    #content .rm-account-text.rm-account-order::after {
        content: "";

        position: absolute;
        top: 50%;
        right: 27px;

        width: 155px;
        height: 62px;

        background-image: url("/image/catalog/logo/logo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        opacity: 0.055;

        pointer-events: none;

        transform: translateY(-50%);
    }
}

/* На небольших ноутбуках логотип немного компактнее */

@media (min-width: 992px) and (max-width: 1199.98px) {

    body.account-order-info
    #content .rm-account-text.rm-account-order {
        padding-right: 165px;
    }

    body.account-order-info
    #content .rm-account-text.rm-account-order::after {
        right: 20px;

        width: 125px;
        height: 52px;
    }
}

/* Страница деталей заказа — не переносить заголовок «Количество» */
body.account-order-info table thead th:nth-child(4) {
    min-width: 105px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* =========================================================
   SIMPLECHECKOUT — СКРЫТИЕ ПУСТОГО СЛУЖЕБНОГО БЛОКА ОПЛАТЫ
   ========================================================= */

#simplecheckout_payment_form:has(> .buttons[style*="display: none"]) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: hidden !important;
}

/* =========================================================
   SIMPLECHECKOUT — НЕЗАВИСИМЫЕ ЛЕВАЯ КОЛОНКА И КОРЗИНА
   ========================================================= */

@media (min-width: 992px) {

    /*
     * Теперь у страницы только две независимые колонки:
     * слева данные заказа, справа корзина и кнопки.
     */
    body.checkout-simplecheckout .simplecheckout-step {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(380px, 0.95fr) !important;

        grid-template-rows: auto !important;

        align-items: start !important;
        gap: 20px !important;
    }

    /*
     * Независимая левая область.
     */
    body.checkout-simplecheckout .mhi-checkout-left {
        display: grid !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        grid-auto-rows: max-content !important;

        align-content: start !important;
        align-items: start !important;

        width: 100% !important;
        min-width: 0 !important;

        gap: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * Убираем штатные обёртки первых двух колонок,
     * но сохраняем созданную внешнюю левую область.
     */
    body.checkout-simplecheckout
    .mhi-checkout-left
    > .simplecheckout-three-column {
        display: contents !important;

        float: none !important;
        width: auto !important;
        min-width: 0 !important;

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

    /*
     * По умолчанию блоки слева занимают всю ширину.
     */
    body.checkout-simplecheckout
    .mhi-checkout-left
    .simplecheckout-block {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;

        width: 100% !important;
        min-width: 0 !important;

        align-self: start !important;
    }

    /*
     * Доставка и оплата располагаются рядом.
     */
    body.checkout-simplecheckout #simplecheckout_shipping {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.checkout-simplecheckout #simplecheckout_payment {
        grid-column: 2 !important;
        grid-row: auto !important;
    }

    /*
     * Покупатель, адрес и комментарий — на всю левую ширину.
     */
    body.checkout-simplecheckout #simplecheckout_customer,
    body.checkout-simplecheckout #simplecheckout_shipping_address,
    body.checkout-simplecheckout #simplecheckout_comment {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    body.checkout-simplecheckout #simplecheckout_comment textarea {
        width: 100% !important;
        max-width: none !important;
        min-height: 145px !important;

        box-sizing: border-box !important;
        resize: vertical;
    }

    /*
     * Правая колонка больше не растягивает строки слева.
     */
    body.checkout-simplecheckout .mhi-checkout-right {
        display: flex !important;
        flex-direction: column !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        align-self: start !important;

        float: none !important;

        width: 100% !important;
        min-width: 0 !important;

        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* На широких экранах сохраняем увеличенную ширину корзины */
@media (min-width: 1200px) {

    body.checkout-simplecheckout .simplecheckout-step {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(460px, 1.12fr) !important;

        gap: 22px !important;
    }

    body.checkout-simplecheckout .mhi-checkout-right {
        min-width: 460px !important;
    }
}

/* =========================================================
   SIMPLECHECKOUT — СОГЛАШЕНИЕ И КНОПКА ПОД КОРЗИНОЙ
   ========================================================= */

@media (min-width: 992px) {

    /*
     * Блок уже находится внутри правой колонки.
     * Сбрасываем старое позиционирование SimpleCheckout,
     * которое визуально переносило его под левую колонку.
     */
    body.checkout-simplecheckout
    .mhi-checkout-right
    #buttons.simplecheckout-button-block {
        position: static !important;

        display: block !important;
        float: none !important;
        clear: both !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

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

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

        transform: none !important;
        box-sizing: border-box !important;
    }

    body.checkout-simplecheckout
    .mhi-checkout-right
    #buttons
    .simplecheckout-button-right {
        position: static !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        float: none !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

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

        left: auto !important;
        right: auto !important;

        text-align: left !important;
        box-sizing: border-box !important;
    }

    /* Соглашение сразу под корзиной */
    body.checkout-simplecheckout
    .mhi-checkout-right
    #agreement_checkbox {
        display: block !important;

        width: 100% !important;

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

        box-sizing: border-box !important;
    }

    body.checkout-simplecheckout
    .mhi-checkout-right
    #agreement_checkbox .checkbox {
        display: block !important;

        width: 100% !important;

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

    /* Кнопка под соглашением */
    body.checkout-simplecheckout
    .mhi-checkout-right
    #simplecheckout_button_confirm {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 56px !important;

        margin: 0 !important;

        float: none !important;
        box-sizing: border-box !important;
    }

    /*
     * Пустая левая часть штатного блока кнопок
     * нам на этой странице не нужна.
     */
    body.checkout-simplecheckout
    .mhi-checkout-right
    #buttons
    .simplecheckout-button-left {
        display: none !important;
    }
}

/* =========================================================
   MHI — НИЖНЕЕ МОБИЛЬНОЕ МЕНЮ
   ========================================================= */

.mhi-mobile-bottom-nav {
    display: none;
}

@media (max-width: 991.98px) {

    body {
        padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    }

    .mhi-mobile-bottom-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10050;

        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        align-items: stretch;

        width: 100%;
        min-height: 68px;

        padding:
            6px
            max(4px, env(safe-area-inset-right))
            calc(6px + env(safe-area-inset-bottom))
            max(4px, env(safe-area-inset-left));

        background: rgba(255, 255, 255, 0.98);
        border-top: 1px solid #e3e7ec;

        box-shadow:
            0 -8px 28px rgba(18, 31, 48, 0.12),
            0 -1px 0 rgba(255, 255, 255, 0.85);

        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .mhi-mobile-bottom-nav-item {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;

        min-width: 0;
        min-height: 56px;

        margin: 0;
        padding: 5px 2px;

        color: #687383;
        background: transparent;
        border: 0;
        border-radius: 11px;

        font-family: inherit;
        text-decoration: none !important;

        cursor: pointer;

        transition:
            color 0.18s ease,
            background-color 0.18s ease,
            transform 0.18s ease;
    }

    .mhi-mobile-bottom-nav-item:hover,
    .mhi-mobile-bottom-nav-item:focus {
        color: #ed1c24;
        text-decoration: none;
        outline: none;
    }

    .mhi-mobile-bottom-nav-item:active {
        transform: scale(0.95);
    }

    .mhi-mobile-bottom-nav-item.is-current,
    .mhi-mobile-bottom-nav-item.is-active {
        color: #ed1c24;
        background: rgba(237, 28, 36, 0.09);
    }

    .mhi-mobile-bottom-nav-icon {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 25px;
        height: 25px;
    }

    .mhi-mobile-bottom-nav-icon svg {
        display: block;

        width: 23px;
        height: 23px;

        fill: none;
        stroke: currentColor;
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mhi-mobile-bottom-nav-label {
        display: block;
        overflow: hidden;

        width: 100%;

        color: inherit;
        font-size: 9px;
        font-weight: 600;
        line-height: 1.15;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mhi-mobile-bottom-nav-count {
        position: absolute;
        top: -5px;
        right: -8px;

        display: flex;
        align-items: center;
        justify-content: center;

        min-width: 17px;
        height: 17px;

        padding: 0 4px;

        color: #ffffff;
        background: #ed1c24;
        border: 2px solid #ffffff;
        border-radius: 999px;

        font-size: 9px;
        font-weight: 800;
        line-height: 1;

        box-shadow: 0 2px 6px rgba(237, 28, 36, 0.28);
    }

    .mhi-mobile-bottom-nav-count:empty,
    .mhi-mobile-bottom-nav-count[data-count="0"] {
        display: none !important;
    }

    /*
     * Поднимаем плавающую телефонную кнопку над новым меню.
     */
    .oct-fixed-contact,
    .oct-fixed-contact-button,
    .oct-fixed-contact-wrapper {
        bottom: calc(84px + env(safe-area-inset-bottom)) !important;
    }
}

/* На компьютерах меню полностью скрыто */
@media (min-width: 992px) {
    .mhi-mobile-bottom-nav {
        display: none !important;
    }
}

/* =========================================================
   
/* MHI BOTTOM NAV TABLET FIX V4
   Реальная кнопка телефона поднимается над нижним меню.
   Её штатный размер сохраняется: 50 px на телефоне, 70 px на планшете. */
@media (max-width: 991.98px) {
    #rm_fixed_contact_button {
        bottom: calc(84px + env(safe-area-inset-bottom)) !important;
    }
}
СТРАНИЦА АККАУНТА — БОНУСНЫЕ БАЛЛЫ
   body.account-reward
   ========================================================= */

body.account-reward > .container:not(#account-reward) {
    padding-bottom: 54px;
}

body.account-reward > .container:not(#account-reward) .rm-page-title {
    margin: 0 0 22px !important;
    padding: 0 !important;

    color: #172232 !important;
    background: transparent !important;

    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body.account-reward > .container:not(#account-reward) #content {
    align-items: stretch;
}

body.account-reward > .container:not(#account-reward) #content > [class*="col-lg-9"],
body.account-reward > .container:not(#account-reward) #content > [class*="col-lg-12"],
body.account-reward > .container:not(#account-reward) #content > [class*="col-lg-6"] {
    min-width: 0;
}

body.account-reward > .container:not(#account-reward) .rm-content {
    position: relative;

    min-height: 100%;
    padding: 28px 30px 30px;

    background: #ffffff;
    border: 1px solid #e3e8ef;
    border-radius: 16px;

    box-shadow:
        0 14px 40px rgba(29, 43, 64, 0.07),
        0 2px 8px rgba(29, 43, 64, 0.03);

    overflow: hidden;
}

/* Итоговое количество бонусов */

body.account-reward > .container:not(#account-reward) .rm-content-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin: 0 0 24px;
    padding: 18px 22px;

    color: #172232;
    background:
        linear-gradient(
            135deg,
            rgba(157, 138, 184, 0.08),
            rgba(157, 138, 184, 0.025)
        );

    border: 1px solid rgba(157, 138, 184, 0.16);
    border-radius: 13px;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
}

body.account-reward > .container:not(#account-reward) .rm-content-title b {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 48px;
    height: 48px;

    padding: 0 13px;

    color: #ffffff;
    background: #9D8AB8;
    border-radius: 999px;

    font-size: 20px;
    font-weight: 800;
    line-height: 1;

    box-shadow: 0 7px 18px rgba(157, 138, 184, 0.22);
}

/* Таблица */

body.account-reward > .container:not(#account-reward) .rm-table-box {
    margin: 0 0 22px;

    border: 1px solid #e3e8ef;
    border-radius: 13px;

    overflow: hidden;
}

body.account-reward > .container:not(#account-reward) table {
    width: 100%;
    margin: 0 !important;

    border-collapse: separate;
    border-spacing: 0;
}

body.account-reward > .container:not(#account-reward) table thead th {
    padding: 15px 18px !important;

    color: #ffffff !important;
    background: #172232 !important;
    border: 0 !important;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    vertical-align: middle;
}

body.account-reward > .container:not(#account-reward) table thead th:first-child {
    width: 23%;
}

body.account-reward > .container:not(#account-reward) table thead th:nth-child(2) {
    width: 57%;
}

body.account-reward > .container:not(#account-reward) table thead th:last-child {
    width: 20%;
    text-align: right;
}

body.account-reward > .container:not(#account-reward) table tbody td {
    padding: 17px 18px !important;

    color: #596679;
    background: #ffffff;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;

    font-size: 14px;
    line-height: 1.55;
    vertical-align: middle;
}

body.account-reward > .container:not(#account-reward) table tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.account-reward > .container:not(#account-reward) table tbody tr:hover td {
    background: #fafbfc;
}

body.account-reward > .container:not(#account-reward) table tbody td:last-child {
    color: #172232;
    font-weight: 800;
    text-align: right;
}

body.account-reward > .container:not(#account-reward) table tbody td a {
    color: #9D8AB8;
    font-weight: 650;
    text-decoration: none;
}

body.account-reward > .container:not(#account-reward) table tbody td a:hover {
    text-decoration: underline;
}

/* Пустая история начислений */

body.account-reward > .container:not(#account-reward) table tbody td[colspan="3"] {
    padding: 34px 20px !important;

    color: #8490a1;
    background:
        linear-gradient(
            135deg,
            rgba(244, 247, 250, 0.9),
            rgba(255, 255, 255, 1)
        );

    font-size: 15px;
    font-weight: 500;
    text-align: center !important;
}

/* Пагинация и результаты */

body.account-reward > .container:not(#account-reward) .rm-content > .row.mb-4 {
    align-items: center;

    margin-right: 0;
    margin-bottom: 22px !important;
    margin-left: 0;
}

body.account-reward > .container:not(#account-reward) .rm-content > .row.mb-4 > div {
    padding-right: 0;
    padding-left: 0;

    color: #6d7888;
    font-size: 13px;
}

body.account-reward > .container:not(#account-reward) .rm-content > .row.mb-4 .text-right {
    text-align: right !important;
}

/* Кнопка продолжения */

body.account-reward > .container:not(#account-reward) .buttons {
    display: flex;
    justify-content: flex-start;

    margin: 0;
}

body.account-reward > .container:not(#account-reward) .buttons .rm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 150px;
    min-height: 48px;

    padding: 12px 24px;

    color: #ffffff !important;
    background: #9D8AB8 !important;
    border: 1px solid #9D8AB8 !important;
    border-radius: 8px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;

    box-shadow: 0 8px 20px rgba(157, 138, 184, 0.18);

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

body.account-reward > .container:not(#account-reward) .buttons .rm-btn:hover {
    color: #ffffff !important;
    background: #8F82AA !important;
    border-color: #8F82AA !important;

    transform: translateY(-1px);

    box-shadow: 0 11px 24px rgba(157, 138, 184, 0.24);
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 767.98px) {

    body.account-reward > .container:not(#account-reward) {
        padding-right: 15px;
        padding-bottom: 36px;
        padding-left: 15px;
    }

    body.account-reward > .container:not(#account-reward) .rm-page-title {
        margin-bottom: 18px !important;

        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    body.account-reward > .container:not(#account-reward) .rm-content {
        padding: 18px 16px 20px;

        border-radius: 13px;

        box-shadow: 0 8px 26px rgba(29, 43, 64, 0.06);
    }

    body.account-reward > .container:not(#account-reward) .rm-content-title {
        display: block;

        margin-bottom: 18px;
        padding: 16px;

        font-size: 17px;
        line-height: 1.5;
    }

    body.account-reward > .container:not(#account-reward) .rm-content-title b {
        display: inline-flex;

        min-width: 38px;
        height: 38px;

        margin-left: 5px;
        padding: 0 10px;

        font-size: 17px;
    }

    body.account-reward > .container:not(#account-reward) .rm-table-box {
        margin-bottom: 18px;

        border: 0;
        border-radius: 0;

        overflow: visible;
    }

    body.account-reward > .container:not(#account-reward) table,
    body.account-reward > .container:not(#account-reward) table tbody {
        display: block;

        width: 100%;
    }

    body.account-reward > .container:not(#account-reward) table thead {
        display: none;
    }

    body.account-reward > .container:not(#account-reward) table tbody tr {
        display: block;

        margin: 0 0 14px;

        background: #ffffff;
        border: 1px solid #e3e8ef;
        border-radius: 12px;

        box-shadow: 0 5px 18px rgba(29, 43, 64, 0.045);

        overflow: hidden;
    }

    body.account-reward > .container:not(#account-reward) table tbody td {
        position: relative;

        display: block;

        width: 100% !important;
        min-height: 48px;

        padding: 13px 14px 13px 128px !important;

        border-bottom: 1px solid #edf0f4 !important;

        font-size: 14px;
        line-height: 1.5;
        text-align: left !important;
    }

    body.account-reward > .container:not(#account-reward) table tbody td::before {
        position: absolute;
        top: 13px;
        left: 14px;

        width: 102px;

        color: #172232;

        font-size: 12px;
        font-weight: 750;
        line-height: 1.45;
        text-align: left;
    }

    body.account-reward > .container:not(#account-reward) table tbody td:last-child {
        border-bottom: 0 !important;
    }

    /* Украинские подписи */

    html[lang^="uk"] body.account-reward
    #account-reward table tbody td:nth-child(1)::before,
    html[lang^="ua"] body.account-reward
    #account-reward table tbody td:nth-child(1)::before {
        content: "Додано";
    }

    html[lang^="uk"] body.account-reward
    #account-reward table tbody td:nth-child(2)::before,
    html[lang^="ua"] body.account-reward
    #account-reward table tbody td:nth-child(2)::before {
        content: "Опис";
    }

    html[lang^="uk"] body.account-reward
    #account-reward table tbody td:nth-child(3)::before,
    html[lang^="ua"] body.account-reward
    #account-reward table tbody td:nth-child(3)::before {
        content: "Бонусні бали";
    }

    /* Русские подписи */

    html[lang^="ru"] body.account-reward
    #account-reward table tbody td:nth-child(1)::before {
        content: "Добавлено";
    }

    html[lang^="ru"] body.account-reward
    #account-reward table tbody td:nth-child(2)::before {
        content: "Описание";
    }

    html[lang^="ru"] body.account-reward
    #account-reward table tbody td:nth-child(3)::before {
        content: "Бонусные баллы";
    }

    /* Пустое состояние не превращаем в карточку с подписями */

    body.account-reward > .container:not(#account-reward)
    table tbody td[colspan="3"] {
        min-height: 0;

        padding: 26px 18px !important;

        border: 0 !important;

        font-size: 14px;
        text-align: center !important;
    }

    body.account-reward > .container:not(#account-reward)
    table tbody td[colspan="3"]::before {
        display: none;
        content: none;
    }

    body.account-reward > .container:not(#account-reward)
    table tbody tr:has(td[colspan="3"]) {
        margin-bottom: 0;
    }

    body.account-reward > .container:not(#account-reward)
    .rm-content > .row.mb-4 {
        display: flex;
        flex-direction: column;
        gap: 10px;

        margin-top: 18px;
        margin-bottom: 20px !important;
    }

    body.account-reward > .container:not(#account-reward)
    .rm-content > .row.mb-4 > div {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;

        text-align: center !important;
    }

    body.account-reward > .container:not(#account-reward) .buttons {
        width: 100%;
    }

    body.account-reward > .container:not(#account-reward) .buttons .rm-btn {
        width: 100%;
        min-height: 50px;

        border-radius: 9px;
    }
}
/* =========================================================
   БОНУСНЫЕ БАЛЛЫ — ФИНАЛЬНАЯ ПРАВКА ЗАГОЛОВКА
   ========================================================= */

body.account-reward > .container:not(#account-reward)
.rm-content-title > span {
    display: block;
    min-width: 0;
}

@media (max-width: 767.98px) {

    body.account-reward > .container:not(#account-reward)
    .rm-content-title {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
    }

    body.account-reward > .container:not(#account-reward)
    .rm-content-title > span {
        flex: 1 1 auto;

        font-size: 16px;
        line-height: 1.4;
    }

    body.account-reward > .container:not(#account-reward)
    .rm-content-title b {
        flex: 0 0 auto;

        margin: 0 !important;
    }
}

/* === MHI ACCOUNT LOGOUT START === */

/* Основная карточка выхода */

#account-logout .mhi-logout-card {
    min-height: 390px;
    padding: 48px 54px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    background: #ffffff;
    border: 1px solid #e9edf2;
    border-radius: 16px;

    box-shadow:
        0 14px 40px rgba(20, 31, 48, 0.07),
        0 2px 8px rgba(20, 31, 48, 0.04);
}

#account-logout .mhi-logout-card__icon {
    width: 76px;
    height: 76px;
    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: linear-gradient(145deg, #9D8AB8, #8F82AA);

    border-radius: 50%;

    box-shadow:
        0 12px 26px rgba(157, 138, 184, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

#account-logout .mhi-logout-card__title {
    max-width: 650px;
    margin: 0 0 22px;

    color: #202735;

    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
}

#account-logout .mhi-logout-card__saved {
    width: 100%;
    max-width: 630px;
    min-height: 58px;
    margin-bottom: 18px;
    padding: 15px 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    color: #8F82AA;
    background: #FBF9FC;

    border: 1px solid #D9CFE5;
    border-radius: 11px;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
}

#account-logout .mhi-logout-card__saved svg {
    flex: 0 0 auto;
}

#account-logout .mhi-logout-card__description {
    max-width: 610px;
    margin: 0;

    color: #687080;

    font-size: 15px;
    line-height: 1.65;
}

#account-logout .mhi-logout-card__buttons {
    margin-top: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

#account-logout .mhi-logout-button {
    min-width: 160px;
    min-height: 48px;
    padding: 12px 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    text-decoration: none !important;

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

#account-logout .mhi-logout-button:hover {
    transform: translateY(-1px);
}

#account-logout .mhi-logout-button--primary {
    color: #ffffff !important;
    background: #9D8AB8;
    border: 1px solid #9D8AB8;

    box-shadow: 0 8px 18px rgba(157, 138, 184, 0.18);
}

#account-logout .mhi-logout-button--primary:hover {
    color: #ffffff !important;
    background: #8F82AA;
    border-color: #8F82AA;

    box-shadow: 0 10px 22px rgba(157, 138, 184, 0.24);
}

#account-logout .mhi-logout-button--secondary {
    color: #333b49 !important;
    background: #ffffff;
    border: 1px solid #d9dee6;
}

#account-logout .mhi-logout-button--secondary:hover {
    color: #8F82AA !important;
    background: #FBF9FC;
    border-color: #D9CFE5;
}


/* Левое меню для незарегистрированного пользователя */

#account-logout #column-left .rm-column-box {
    overflow: hidden;

    background: #ffffff;
    border: 1px solid #e9edf2;
    border-radius: 14px;

    box-shadow: 0 8px 26px rgba(20, 31, 48, 0.05);
}

#account-logout #column-left .rm-column-box a {
    padding-top: 14px;
    padding-bottom: 14px;
}


/* Планшет */

@media (max-width: 991.98px) {

    #account-logout #column-left {
        margin-bottom: 22px;
    }

    #account-logout .mhi-logout-card {
        min-height: 350px;
        padding: 40px 34px;
    }
}


/* Мобильная версия */

@media (max-width: 767.98px) {

    #account-logout .rm-page-title {
        margin-bottom: 20px;
    }

    #account-logout .mhi-logout-card {
        min-height: 0;
        padding: 30px 18px;

        border-radius: 13px;

        box-shadow:
            0 10px 28px rgba(20, 31, 48, 0.06),
            0 2px 6px rgba(20, 31, 48, 0.04);
    }

    #account-logout .mhi-logout-card__icon {
        width: 64px;
        height: 64px;
        margin-bottom: 18px;
    }

    #account-logout .mhi-logout-card__icon svg {
        width: 31px;
        height: 31px;
    }

    #account-logout .mhi-logout-card__title {
        margin-bottom: 18px;

        font-size: 22px;
        line-height: 1.35;
    }

    #account-logout .mhi-logout-card__saved {
        min-height: 0;
        padding: 14px 13px;

        align-items: flex-start;

        text-align: left;

        font-size: 14px;
    }

    #account-logout .mhi-logout-card__saved svg {
        margin-top: 1px;
    }

    #account-logout .mhi-logout-card__description {
        font-size: 14px;
        line-height: 1.6;
    }

    #account-logout .mhi-logout-card__buttons {
        width: 100%;
        margin-top: 25px;

        flex-direction: column;
        gap: 10px;
    }

    #account-logout .mhi-logout-button {
        width: 100%;
        min-width: 0;
        min-height: 48px;
    }
}

/* === MHI ACCOUNT LOGOUT END === */

/* === MHI LOGOUT BREADCRUMBS START === */

body.account-logout .mhi-logout-breadcrumbs {
    width: 100%;
    margin: 0 0 6px;

    background: #f5f6f7;
    border-top: 1px solid #f0f1f3;
    border-bottom: 1px solid #f0f1f3;
}

body.account-logout .mhi-logout-breadcrumbs__inner {
    min-height: 31px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;

    color: #7c8490;

    font-size: 12px;
    line-height: 1.4;
}

body.account-logout .mhi-logout-breadcrumbs__link,
body.account-logout .mhi-logout-breadcrumbs__current {
    color: #7c8490;
}

body.account-logout .mhi-logout-breadcrumbs__link {
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.account-logout .mhi-logout-breadcrumbs__link:hover {
    color: #9D8AB8;
}

body.account-logout .mhi-logout-breadcrumbs__separator {
    color: #a2a9b3;

    font-size: 18px;
    line-height: 1;
}

@media (max-width: 767.98px) {

    body.account-logout .mhi-logout-breadcrumbs {
        margin-bottom: 0;
    }

    body.account-logout .mhi-logout-breadcrumbs__inner {
        min-height: 29px;
        gap: 8px;

        white-space: nowrap;
        overflow: hidden;

        font-size: 11px;
    }

    body.account-logout .mhi-logout-breadcrumbs__link,
    body.account-logout .mhi-logout-breadcrumbs__current {
        overflow: hidden;

        text-overflow: ellipsis;
    }

    body.account-logout .mhi-logout-breadcrumbs__separator {
        flex: 0 0 auto;
    }
}

/* === MHI LOGOUT BREADCRUMBS END === */


/* MHI HEADER CSS ONLY START */

/* =========================================================
   ШАПКА САЙТА — ТОЛЬКО ПК
   ========================================================= */

@media (min-width: 992px) {

    body .mhi-site-header .mhi-header-nav {
        display: block !important;
        position: relative !important;

        width: 100% !important;

        background: #ffffff !important;
        border-top: 1px solid #edf0f4 !important;
        border-bottom: 1px solid #edf0f4 !important;

        box-shadow:
            0 5px 18px rgba(15, 23, 42, 0.045) !important;
    }

    body .mhi-site-header .mhi-header-nav-row {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 28px !important;

        width: 100% !important;
        min-height: 66px !important;

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


    /* =====================================================
       КНОПКА «НАШ КАТАЛОГ»
       ===================================================== */

    body .mhi-site-header #menu_toggle_button.mhi-header-catalog-button {
        appearance: none !important;
        -webkit-appearance: none !important;

        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;
        z-index: 5 !important;

        flex: 0 0 230px !important;

        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;

        height: 48px !important;
        min-height: 48px !important;

        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;

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

        color: #ffffff !important;
        background: #e30613 !important;

        border: 1px solid #e30613 !important;
        border-radius: 10px !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.01em !important;
        text-align: center !important;

        box-shadow:
            0 6px 16px rgba(227, 6, 19, 0.20) !important;

        cursor: pointer !important;

        transition:
            background-color 0.18s ease,
            border-color 0.18s ease,
            box-shadow 0.18s ease,
            transform 0.18s ease !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: #c9000c !important;
        border-color: #c9000c !important;

        box-shadow:
            0 8px 20px rgba(227, 6, 19, 0.27) !important;

        transform: translateY(-1px) !important;
        outline: none !important;
    }

    body .mhi-site-header #menu_toggle_button .rm-btn-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 20px !important;

        width: 20px !important;
        height: 20px !important;

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

    body .mhi-site-header #menu_toggle_button .rm-btn-icon img {
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;

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

        filter: brightness(0) invert(1) !important;
        opacity: 1 !important;
    }

    body .mhi-site-header #menu_toggle_button .catalog-icon {
        display: block !important;
    }

    body .mhi-site-header #menu_toggle_button .close-icon {
        display: none !important;
    }

    body .mhi-site-header #menu_toggle_button.active .catalog-icon,
    body .mhi-site-header #menu_toggle_button.open .catalog-icon,
    body .mhi-site-header #menu_toggle_button.opened .catalog-icon,
    body .mhi-site-header #menu_toggle_button[aria-expanded="true"] .catalog-icon {
        display: none !important;
    }

    body .mhi-site-header #menu_toggle_button.active .close-icon,
    body .mhi-site-header #menu_toggle_button.open .close-icon,
    body .mhi-site-header #menu_toggle_button.opened .close-icon,
    body .mhi-site-header #menu_toggle_button[aria-expanded="true"] .close-icon {
        display: block !important;
    }

    body .mhi-site-header #menu_toggle_button .rm-btn-text {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;
        height: auto !important;

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

        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }


    /* =====================================================
       ОСНОВНАЯ НАВИГАЦИЯ РЯДОМ С КАТАЛОГОМ
       ===================================================== */

    body .mhi-site-header .mhi-main-links {
        display: block !important;

        flex: 1 1 auto !important;
        min-width: 0 !important;

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

    body .mhi-site-header .mhi-main-links-list {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 8px 28px !important;

        width: 100% !important;

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

        list-style: none !important;
    }

    body .mhi-site-header .mhi-main-links-list > li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .mhi-site-header .mhi-main-links-list > li > a {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 40px !important;

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

        color: #111827 !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;

        text-decoration: none !important;
        white-space: nowrap !important;

        transition: color 0.18s ease !important;
    }

    body .mhi-site-header .mhi-main-links-list > li > a:hover,
    body .mhi-site-header .mhi-main-links-list > li > a:focus {
        color: #e30613 !important;
        text-decoration: none !important;
    }


    /* =====================================================
       ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКОВ С ФЛАГАМИ
       ШТАТНЫЙ #form-language НЕ МЕНЯЕМ
       ===================================================== */

    body .mhi-header-language {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        width: auto !important;
        height: auto !important;

        margin: 0 7px 0 0 !important;
        padding: 0 !important;
    }

    body .mhi-header-language #form-language {
        display: block !important;

        position: static !important;

        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

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

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

    body .mhi-header-language #form-language .rm-dropdown-inner,
    body .mhi-header-language #form-language > ul {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;

        position: static !important;
        inset: auto !important;
        transform: none !important;

        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        width: auto !important;
        min-width: 0 !important;
        height: 42px !important;

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

        overflow: visible !important;

        background: #f5f7fa !important;
        border: 1px solid #dce3eb !important;
        border-radius: 11px !important;

        box-shadow:
            0 3px 12px rgba(15, 23, 42, 0.07) !important;

        list-style: none !important;
    }

    body .mhi-header-language #form-language .rm-dropdown-inner > li,
    body .mhi-header-language #form-language > ul > li {
        display: block !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

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

        background: transparent !important;
        border: 0 !important;
        list-style: none !important;
    }

    body .mhi-header-language #form-language .language-select {
        appearance: none !important;
        -webkit-appearance: none !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;

        position: relative !important;

        width: auto !important;
        min-width: 55px !important;
        max-width: none !important;

        height: 32px !important;
        min-height: 32px !important;

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

        color: #536277 !important;
        background: transparent !important;

        border: 1px solid transparent !important;
        border-radius: 7px !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 0 !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.02em !important;
        text-align: center !important;

        box-shadow: none !important;
        outline: none !important;

        cursor: pointer !important;

        transition:
            color 0.18s ease,
            background-color 0.18s ease,
            border-color 0.18s ease,
            box-shadow 0.18s ease !important;
    }

    body .mhi-header-language #form-language .language-select[name^="ru"]::after {
        content: "RU" !important;
    }

    body .mhi-header-language #form-language .language-select[name^="uk"]::after,
    body .mhi-header-language #form-language .language-select[name^="ua"]::after {
        content: "UA" !important;
    }

    body .mhi-header-language #form-language .language-select::after {
        display: inline-block !important;

        color: inherit !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    body .mhi-header-language #form-language .language-select:hover,
    body .mhi-header-language #form-language .language-select:focus {
        color: #e30613 !important;
        background: #fff7f7 !important;
        border-color: #ffd4d8 !important;

        text-decoration: none !important;

        box-shadow:
            0 2px 7px rgba(227, 6, 19, 0.10) !important;
    }

    body .mhi-header-language #form-language .language-select.active-item {
        color: #e30613 !important;
        background: #ffffff !important;
        border-color: #ef3340 !important;

        box-shadow:
            0 2px 8px rgba(227, 6, 19, 0.13) !important;
    }

    body .mhi-header-language #form-language .language-select img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        flex: 0 0 20px !important;

        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;

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

        object-fit: cover !important;

        border: 0 !important;
        border-radius: 2px !important;

        box-shadow:
            0 0 0 1px rgba(15, 23, 42, 0.12) !important;

        filter: none !important;
    }


    /* Запасной вариант для переключателя на ссылках */

    body .mhi-header-language > a,
    body .mhi-header-language nav a,
    body .mhi-header-language ul a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;

        min-width: 55px !important;
        height: 32px !important;

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

        color: #536277 !important;
        background: #f5f7fa !important;

        border: 1px solid #dce3eb !important;
        border-radius: 7px !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-decoration: none !important;
    }

    body .mhi-header-language > a.active,
    body .mhi-header-language nav a.active,
    body .mhi-header-language ul a.active,
    body .mhi-header-language a[aria-current="page"] {
        color: #e30613 !important;
        background: #ffffff !important;
        border-color: #ef3340 !important;
    }

    body .mhi-header-language a img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;

        object-fit: cover !important;

        border-radius: 2px !important;

        box-shadow:
            0 0 0 1px rgba(15, 23, 42, 0.12) !important;

        filter: none !important;
    }
}


/* Немного уменьшаем элементы на небольших ноутбуках */

@media (min-width: 992px) and (max-width: 1199px) {

    body .mhi-site-header #menu_toggle_button.mhi-header-catalog-button {
        flex-basis: 190px !important;

        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;

        padding: 0 16px !important;
    }

    body .mhi-site-header .mhi-header-nav-row {
        gap: 18px !important;
    }

    body .mhi-site-header .mhi-main-links-list {
        gap: 6px 16px !important;
    }

    body .mhi-site-header .mhi-main-links-list > li > a {
        font-size: 12px !important;
    }
}

/* MHI HEADER CSS ONLY END */


/* =========================================================
   MHI HEADER CONTACTS + LANGUAGE V2 START
   Телефон, график работы и языковой переключатель
   Только CSS — функциональность не изменяется
   ========================================================= */

@media (min-width: 992px) {

    /* =====================================================
       ОБЩИЙ БЛОК ТЕЛЕФОНА
       Без общей рамки вокруг телефона и графика
       ===================================================== */

    body header.mhi-site-header .mhi-header-phone {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 9px !important;

        width: auto !important;
        min-width: 205px !important;
        height: auto !important;
        min-height: 48px !important;

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

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

        overflow: visible !important;
    }


    /* =====================================================
       ОТДЕЛЬНАЯ ИКОНКА ТЕЛЕФОНА
       ===================================================== */

    body header.mhi-site-header .mhi-header-phone-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 38px !important;

        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;

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

        color: #e30613 !important;
        background: #fff3f4 !important;

        border: 1px solid #ffd7da !important;
        border-radius: 10px !important;

        box-shadow:
            0 4px 12px rgba(227, 6, 19, 0.09) !important;
    }

    body header.mhi-site-header .mhi-header-phone-icon svg {
        display: block !important;

        width: 18px !important;
        height: 18px !important;

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


    /* =====================================================
       КОНТЕЙНЕР НОМЕРА И ГРАФИКА
       ===================================================== */

    body header.mhi-site-header .mhi-header-phone-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 4px !important;

        width: auto !important;
        min-width: 0 !important;
        height: auto !important;

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

        overflow: visible !important;
    }


    /* =====================================================
       ОТДЕЛЬНАЯ КНОПКА С НОМЕРОМ
       ===================================================== */

    body header.mhi-site-header
    .mhi-header-phone-content
    .rm-header-phones-list {
        display: flex !important;
        align-items: center !important;

        position: relative !important;

        width: auto !important;
        min-width: 166px !important;
        height: 34px !important;
        min-height: 34px !important;

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

        background: #ffffff !important;

        border: 1px solid #dfe4ea !important;
        border-radius: 9px !important;

        box-shadow:
            0 3px 10px rgba(15, 23, 42, 0.06) !important;

        overflow: visible !important;

        transition:
            border-color 0.18s ease,
            box-shadow 0.18s ease !important;
    }

    body header.mhi-site-header
    .mhi-header-phone-content
    .rm-header-phones-list:hover {
        border-color: #f0aeb3 !important;

        box-shadow:
            0 4px 13px rgba(227, 6, 19, 0.09) !important;
    }


    /* =====================================================
       НОМЕР ТЕЛЕФОНА
       ===================================================== */

    body header.mhi-site-header
    .mhi-header-phone-number {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;
        height: 32px !important;

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

        color: #172033 !important;
        background: transparent !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -0.015em !important;

        text-decoration: none !important;
        white-space: nowrap !important;

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

        transition: color 0.18s ease !important;
    }

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


    /* Удаляем старый кривой треугольник */

    body header.mhi-site-header
    .mhi-header-phone-number.rm-dropdown-toggle::before {
        display: none !important;
        content: none !important;
    }


    /* Новый аккуратный треугольник справа от номера */

    body header.mhi-site-header
    .mhi-header-phone-number.rm-dropdown-toggle::after {
        content: "" !important;

        display: block !important;
        position: static !important;

        flex: 0 0 auto !important;

        width: 0 !important;
        height: 0 !important;

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

        border-top: 5px solid #778191 !important;
        border-right: 4px solid transparent !important;
        border-bottom: 0 !important;
        border-left: 4px solid transparent !important;

        transform: none !important;

        opacity: 1 !important;

        transition:
            border-top-color 0.18s ease,
            transform 0.18s ease !important;
    }

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


    /* =====================================================
       ГРАФИК РАБОТЫ — ОТДЕЛЬНО ПОД ТЕЛЕФОНОМ
       ===================================================== */

    body header.mhi-site-header
    .mhi-header-phone-schedule {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;

        width: auto !important;
        height: auto !important;

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

        color: #7a8492 !important;
        background: transparent !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        letter-spacing: 0.02em !important;

        white-space: nowrap !important;

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

    body header.mhi-site-header
    .mhi-header-phone-schedule::before {
        content: "" !important;

        display: block !important;
        flex: 0 0 6px !important;

        width: 6px !important;
        height: 6px !important;

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

        background: #20a45b !important;
        border-radius: 50% !important;

        box-shadow:
            0 0 0 2px rgba(32, 164, 91, 0.12) !important;
    }


    /* =====================================================
       ВЫПАДАЮЩИЙ СПИСОК ТЕЛЕФОНОВ
       ===================================================== */

    body header.mhi-site-header
    .mhi-header-phone
    .rm-dropdown {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: auto !important;
        left: 0 !important;

        z-index: 1100 !important;

        width: 100% !important;
        min-width: 190px !important;

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

        background: #ffffff !important;

        border: 1px solid #dfe4ea !important;
        border-radius: 10px !important;

        box-shadow:
            0 14px 34px rgba(15, 23, 42, 0.16) !important;

        overflow: hidden !important;
    }

    body header.mhi-site-header
    .mhi-header-phone
    .rm-dropdown-inner {
        margin: 0 !important;
        padding: 0 !important;

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

    body header.mhi-site-header
    .mhi-header-phone
    .rm-dropdown-inner > li {
        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    body header.mhi-site-header
    .mhi-header-phone
    .rm-header-phones-list-item {
        display: flex !important;
        align-items: center !important;

        min-height: 36px !important;

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

        color: #172033 !important;
        background: transparent !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;

        text-decoration: none !important;

        border-radius: 7px !important;

        transition:
            color 0.18s ease,
            background-color 0.18s ease !important;
    }

    body header.mhi-site-header
    .mhi-header-phone
    .rm-header-phones-list-item:hover {
        color: #e30613 !important;
        background: #fff4f5 !important;
    }


    /* =====================================================
       ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКА LANGMARK
       ===================================================== */

    body header.mhi-site-header .mhi-header-language {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: auto !important;

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

        background: transparent !important;
        border: 0 !important;
    }

    body header.mhi-site-header
    .mhi-header-language
    #oct_desktop_language {
        display: block !important;
        position: static !important;

        width: auto !important;
        height: auto !important;

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

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

    body header.mhi-site-header
    .mhi-header-language
    #language.language {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;

        position: static !important;

        width: auto !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;

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

        background: #f4f6f8 !important;

        border: 1px solid #dce2e8 !important;
        border-radius: 11px !important;

        box-shadow:
            0 4px 14px rgba(15, 23, 42, 0.08) !important;

        list-style: none !important;
        overflow: visible !important;
    }

    body header.mhi-site-header
    .mhi-header-language
    #language.language > li {
        display: block !important;
        position: static !important;

        width: auto !important;
        height: auto !important;

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

        background: transparent !important;
        border: 0 !important;

        list-style: none !important;
    }

    body header.mhi-site-header
    .mhi-header-language
    #language.language
    .language-select {
        appearance: none !important;
        -webkit-appearance: none !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;

        position: relative !important;

        width: auto !important;
        min-width: 59px !important;
        max-width: none !important;

        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;

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

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

        border: 1px solid transparent !important;
        border-radius: 7px !important;

        font-family: "Montserrat", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.02em !important;

        text-align: center !important;
        text-decoration: none !important;

        box-shadow: none !important;
        outline: none !important;

        cursor: pointer !important;

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


    /* Флаг Украины */

    body header.mhi-site-header
    .mhi-header-language
    #language.language > li:nth-child(1)
    .language-select::before {
        content: "" !important;

        display: block !important;
        flex: 0 0 20px !important;

        width: 20px !important;
        height: 14px !important;

        background-image:
            url("/catalog/language/uk-ua/uk-ua.png") !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 20px 14px !important;

        border-radius: 2px !important;

        box-shadow:
            0 0 0 1px rgba(15, 23, 42, 0.14) !important;
    }


    /* Флаг России */

    body header.mhi-site-header
    .mhi-header-language
    #language.language > li:nth-child(2)
    .language-select::before {
        content: "" !important;

        display: block !important;
        flex: 0 0 20px !important;

        width: 20px !important;
        height: 14px !important;

        background-image:
            url("/catalog/language/ru-ru/ru-ru.png") !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 20px 14px !important;

        border-radius: 2px !important;

        box-shadow:
            0 0 0 1px rgba(15, 23, 42, 0.14) !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: #e30613 !important;
        background: #fff7f7 !important;

        border-color: #ffcbd0 !important;

        box-shadow:
            0 2px 8px rgba(227, 6, 19, 0.10) !important;

        transform: translateY(-1px) !important;
    }


    /* Активный язык */

    body header.mhi-site-header
    .mhi-header-language
    #language.language
    .language-select.active-item {
        color: #e30613 !important;
        background: #ffffff !important;

        border-color: #e30613 !important;

        box-shadow:
            0 3px 10px rgba(227, 6, 19, 0.15) !important;

        transform: none !important;
    }
}


/* =========================================================
   КОМПАКТНЫЙ ВАРИАНТ ДЛЯ НЕБОЛЬШИХ НОУТБУКОВ
   ========================================================= */

@media (min-width: 992px) and (max-width: 1250px) {

    body header.mhi-site-header .mhi-header-phone {
        min-width: 185px !important;
        gap: 7px !important;
    }

    body header.mhi-site-header .mhi-header-phone-icon {
        flex-basis: 34px !important;

        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    body header.mhi-site-header
    .mhi-header-phone-content
    .rm-header-phones-list {
        min-width: 150px !important;
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    body header.mhi-site-header
    .mhi-header-phone-number {
        font-size: 12px !important;
    }

    body header.mhi-site-header
    .mhi-header-phone-schedule {
        font-size: 8px !important;
    }

    body header.mhi-site-header
    .mhi-header-language
    #language.language
    .language-select {
        min-width: 54px !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
}

/* MHI HEADER CONTACTS + LANGUAGE V2 END */

/* =========================================================
   MHI HEADER PHONE ALIGNMENT FIX START
   Выравнивание графика и выпадающего списка телефонов
   ========================================================= */

@media (min-width: 992px) {

    /* Одинаковая ширина для номера и графика работы */

    body header.mhi-site-header
    .mhi-header-phone-content {
        flex: 0 0 176px !important;

        width: 176px !important;
        min-width: 176px !important;
        max-width: 176px !important;

        align-items: stretch !important;
        gap: 4px !important;

        overflow: visible !important;
    }


    /* Кнопка с основным номером */

    body header.mhi-site-header
    .mhi-header-phone-content
    .rm-header-phones-list {
        width: 176px !important;
        min-width: 176px !important;
        max-width: 176px !important;

        margin: 0 !important;
    }


    /* Сам номер занимает всю ширину кнопки */

    body header.mhi-site-header
    .mhi-header-phone-number {
        width: 100% !important;

        justify-content: center !important;

        padding-right: 2px !important;
        padding-left: 2px !important;
    }


    /* График работы ровно под номером */

    body header.mhi-site-header
    .mhi-header-phone-schedule {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        align-self: center !important;

        width: 176px !important;
        min-width: 176px !important;
        max-width: 176px !important;

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

        font-size: 9px !important;
        line-height: 12px !important;
        text-align: center !important;

        transform: none !important;
    }


    /* Зелёная точка рядом с графиком */

    body header.mhi-site-header
    .mhi-header-phone-schedule::before {
        flex: 0 0 6px !important;

        margin: 0 !important;

        transform: none !important;
    }


    /* Выпадающий список строго по центру под номером */

    body header.mhi-site-header
    .mhi-header-phone
    .rm-header-phones-list
    .rm-dropdown {
        position: absolute !important;

        top: calc(100% + 7px) !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;

        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;

        margin: 0 !important;

        transform: translateX(-50%) !important;
        translate: none !important;

        z-index: 1200 !important;
    }


    /* Убираем возможное дополнительное смещение темы */

    body header.mhi-site-header
    .mhi-header-phone
    .rm-dropdown-inner {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        transform: none !important;
        translate: none !important;
    }


    /* Номера внутри выпадающего списка */

    body header.mhi-site-header
    .mhi-header-phone
    .rm-header-phones-list-item {
        justify-content: center !important;

        width: 100% !important;

        padding-right: 10px !important;
        padding-left: 10px !important;

        text-align: center !important;
        white-space: nowrap !important;
    }
}


/* Компактная ширина для небольших ноутбуков */

@media (min-width: 992px) and (max-width: 1250px) {

    body header.mhi-site-header
    .mhi-header-phone-content,
    body header.mhi-site-header
    .mhi-header-phone-content
    .rm-header-phones-list,
    body header.mhi-site-header
    .mhi-header-phone-schedule {
        width: 158px !important;
        min-width: 158px !important;
        max-width: 158px !important;
    }

    body header.mhi-site-header
    .mhi-header-phone
    .rm-header-phones-list
    .rm-dropdown {
        width: 195px !important;
        min-width: 195px !important;
        max-width: 195px !important;
    }
}

/* MHI HEADER PHONE ALIGNMENT FIX END */

/* =========================================================
   FIX — ПОЛНАЯ ШИРИНА ПОДПИСКИ И ФУТЕРА НА СТРАНИЦЕ ТОВАРА
   ========================================================= */

body[class*="product-product-"] .suscriberunder,
body[class*="product-product-"] footer {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* =========================================================
   MHI — СТРАНИЦА СТАТЬИ «КОРИСНЕ ВІД ЕКСПЕРТІВ»
   Единое оформление в стиле сайта Mitsubishi Heavy Industries
   ========================================================= */

.mhi-expert-detail {
    --mhi-article-red: #e30613;
    --mhi-article-red-dark: #bd0010;
    --mhi-article-dark: #151d2b;
    --mhi-article-text: #404a59;
    --mhi-article-muted: #8993a1;
    --mhi-article-border: #e5e9ef;
    --mhi-article-background: #f6f8fb;

    width: 100%;
    padding: 26px 0 70px;
    color: var(--mhi-article-text);
    font-family: "Montserrat", sans-serif;
    background:
        radial-gradient(
            circle at 75% 120px,
            rgba(227, 6, 19, 0.035),
            transparent 420px
        ),
        linear-gradient(
            180deg,
            #f9fafc 0,
            var(--mhi-article-background) 500px,
            #ffffff 100%
        );
}

.mhi-expert-detail,
.mhi-expert-detail * {
    box-sizing: border-box;
}

.mhi-expert-detail-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
}

/* Хлебные крошки */

.mhi-expert-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 18px;
    color: #96a0ae;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.mhi-expert-breadcrumbs a {
    color: #87919f;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mhi-expert-breadcrumbs a:hover {
    color: var(--mhi-article-red);
}

.mhi-expert-breadcrumbs > span[aria-hidden="true"] {
    color: #c3c8cf;
}

/* Основная карточка статьи */

.mhi-expert-detail-article {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--mhi-article-border);
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(21, 29, 43, 0.08);
}

.mhi-expert-detail-article::before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--mhi-article-red) 0,
        var(--mhi-article-red) 32%,
        #ef5360 65%,
        transparent 100%
    );
}

/* Первый экран статьи */

.mhi-expert-detail-hero {
    position: relative;
    min-height: 430px;
    display: grid;
    grid-template-columns: 1fr;
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(227, 6, 19, 0.055),
            transparent 230px
        ),
        linear-gradient(145deg, #ffffff 0%, #f7f8fa 100%);
}

.mhi-expert-detail-hero.has-image {
    grid-template-columns:
        minmax(420px, 0.96fr)
        minmax(470px, 1.04fr);
}

.mhi-expert-detail-hero-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 62px 58px;
}

/* Рубрика, дата и время чтения */

.mhi-expert-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-bottom: 22px;
    color: var(--mhi-article-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.mhi-expert-detail-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 13px;
    color: var(--mhi-article-red);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
    background: #fff0f1;
    border: 1px solid rgba(227, 6, 19, 0.12);
    border-radius: 30px;
}

.mhi-expert-detail-meta > span:not(.mhi-expert-detail-label) {
    position: relative;
}

.mhi-expert-detail-meta
> span:not(.mhi-expert-detail-label)
+ span:not(.mhi-expert-detail-label)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    width: 4px;
    height: 4px;
    background: #c5cad1;
    border-radius: 50%;
    transform: translateY(-50%);
}

/* Главный заголовок */

.mhi-expert-detail h1 {
    max-width: 660px;
    margin: 0;
    color: var(--mhi-article-dark);
    font-size: clamp(38px, 3.5vw, 54px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.032em;
    word-wrap: break-word;
}

/* На случай сохранённого кеша старого шаблона */

.mhi-expert-detail-intro {
    display: none !important;
}

/* Главное изображение */

.mhi-expert-detail-hero-image {
    position: relative;
    min-width: 0;
    min-height: 430px;
    overflow: hidden;
    background: #edf0f4;
}

.mhi-expert-detail-hero-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.22) 0,
            transparent 22%
        ),
        linear-gradient(
            180deg,
            transparent 65%,
            rgba(21, 29, 43, 0.08) 100%
        );
    pointer-events: none;
}

.mhi-expert-detail-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}

/* Основной текст статьи */

.mhi-expert-detail-content-wrap {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    padding: 58px 38px 54px;
}

.mhi-expert-detail-content {
    color: var(--mhi-article-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.82;
}

.mhi-expert-detail-content > :first-child {
    margin-top: 0;
}

.mhi-expert-detail-content > :last-child {
    margin-bottom: 0;
}

/* Первый абзац статьи */

.mhi-expert-detail-content > p:first-child {
    color: #2e3846;
    font-size: 18px;
    line-height: 1.75;
}

/* Обычные абзацы */

.mhi-expert-detail-content p {
    margin: 0 0 21px;
}

/* Заголовки внутри статьи */

.mhi-expert-detail-content h1,
.mhi-expert-detail-content h2,
.mhi-expert-detail-content h3,
.mhi-expert-detail-content h4 {
    color: var(--mhi-article-dark);
    font-family: "Montserrat", sans-serif;
    font-weight: 750;
    letter-spacing: -0.015em;
}

.mhi-expert-detail-content h2 {
    position: relative;
    margin: 48px 0 20px;
    padding: 0 0 15px 20px;
    font-size: 29px;
    line-height: 1.25;
    border-bottom: 1px solid #e8ebef;
}

.mhi-expert-detail-content h2::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 17px;
    left: 0;
    width: 4px;
    background: var(--mhi-article-red);
    border-radius: 5px;
}

.mhi-expert-detail-content h3 {
    position: relative;
    margin: 38px 0 16px;
    padding-left: 17px;
    font-size: 23px;
    line-height: 1.3;
}

.mhi-expert-detail-content h3::before {
    content: "";
    position: absolute;
    top: 0.2em;
    bottom: 0.2em;
    left: 0;
    width: 3px;
    background: var(--mhi-article-red);
    border-radius: 4px;
}

.mhi-expert-detail-content h4 {
    margin: 30px 0 13px;
    color: #263140;
    font-size: 19px;
    line-height: 1.35;
}

/* Выделенный текст */

.mhi-expert-detail-content strong,
.mhi-expert-detail-content b {
    color: #202a37;
    font-weight: 700;
}

/* Ссылки */

.mhi-expert-detail-content a {
    color: var(--mhi-article-red);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: color 0.2s ease;
}

.mhi-expert-detail-content a:hover {
    color: var(--mhi-article-red-dark);
}

/* Списки */

.mhi-expert-detail-content ul,
.mhi-expert-detail-content ol {
    margin: 20px 0 26px;
    padding: 20px 24px 20px 48px;
    background: #f8f9fb;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
}

.mhi-expert-detail-content li {
    margin: 9px 0;
    padding-left: 3px;
}

.mhi-expert-detail-content li::marker {
    color: var(--mhi-article-red);
    font-weight: 700;
}

/* Цитата или важный блок */

.mhi-expert-detail-content blockquote {
    position: relative;
    margin: 32px 0;
    padding: 24px 28px 24px 32px;
    color: #2d3745;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
    background:
        linear-gradient(
            135deg,
            rgba(227, 6, 19, 0.055),
            rgba(227, 6, 19, 0.015)
        );
    border: 1px solid rgba(227, 6, 19, 0.14);
    border-left: 5px solid var(--mhi-article-red);
    border-radius: 0 12px 12px 0;
}

.mhi-expert-detail-content blockquote p:last-child {
    margin-bottom: 0;
}

/* Изображения внутри текста */

.mhi-expert-detail-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 32px auto;
    border: 1px solid #e6e9ee;
    border-radius: 14px;
    box-shadow: 0 12px 34px rgba(21, 29, 43, 0.08);
}

/* Горизонтальная линия */

.mhi-expert-detail-content hr {
    height: 1px;
    margin: 40px 0;
    background: #e4e7ec;
    border: 0;
}

/* Таблицы */

.mhi-expert-detail-content table {
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #e2e6ec;
    border-radius: 11px;
}

.mhi-expert-detail-content th,
.mhi-expert-detail-content td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #e5e8ed;
    border-bottom: 1px solid #e5e8ed;
}

.mhi-expert-detail-content th {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    background: var(--mhi-article-dark);
}

.mhi-expert-detail-content tr:last-child td {
    border-bottom: 0;
}

.mhi-expert-detail-content th:last-child,
.mhi-expert-detail-content td:last-child {
    border-right: 0;
}

.mhi-expert-detail-content tbody tr:nth-child(even) td {
    background: #f9fafb;
}

/* Кнопка возвращения ко всем статьям */

.mhi-expert-detail-back {
    min-height: 44px;
    margin-top: 40px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--mhi-article-red) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    background: #fff4f5;
    border: 1px solid rgba(227, 6, 19, 0.16);
    border-radius: 8px;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.mhi-expert-detail-back:hover {
    color: #ffffff !important;
    background: var(--mhi-article-red);
    border-color: var(--mhi-article-red);
    transform: translateX(-3px);
}

/* Похожие статьи */

.mhi-expert-related {
    margin-top: 42px;
}

.mhi-expert-related-heading {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e4e8ed;
}

.mhi-expert-related-heading::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 52px;
    height: 3px;
    background: var(--mhi-article-red);
    border-radius: 4px;
}

.mhi-expert-related-heading h2 {
    margin: 0;
    color: var(--mhi-article-dark);
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-weight: 750;
    line-height: 1.3;
}

.mhi-expert-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.mhi-expert-related-card {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--mhi-article-border);
    border-radius: 13px;
    box-shadow: 0 7px 24px rgba(21, 29, 43, 0.06);
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.mhi-expert-related-card:hover {
    border-color: rgba(227, 6, 19, 0.25);
    box-shadow: 0 14px 34px rgba(21, 29, 43, 0.11);
    transform: translateY(-4px);
}

.mhi-expert-related-image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #eef1f4;
}

.mhi-expert-related-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.mhi-expert-related-card:hover .mhi-expert-related-image img {
    transform: scale(1.045);
}

.mhi-expert-related-image span {
    position: absolute;
    top: 13px;
    left: 13px;
    padding: 6px 11px;
    color: var(--mhi-article-red);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 20px;
    box-shadow: 0 3px 12px rgba(21, 29, 43, 0.1);
}

.mhi-expert-related-body {
    padding: 18px 19px 20px;
}

.mhi-expert-related-date {
    margin-bottom: 9px;
    color: var(--mhi-article-muted);
    font-size: 11px;
    line-height: 1.4;
}

.mhi-expert-related-body h3 {
    margin: 0 0 16px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.mhi-expert-related-body h3 a {
    color: var(--mhi-article-dark);
    text-decoration: none;
    transition: color 0.2s ease;
}

.mhi-expert-related-body h3 a:hover {
    color: var(--mhi-article-red);
}

.mhi-expert-related-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--mhi-article-red);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.mhi-expert-related-more:hover {
    color: var(--mhi-article-red-dark);
}

/* =========================================================
   АДАПТИВНОСТЬ СТРАНИЦЫ СТАТЬИ
   ========================================================= */

@media (max-width: 1199px) {
    .mhi-expert-detail-hero.has-image {
        grid-template-columns:
            minmax(380px, 0.95fr)
            minmax(420px, 1.05fr);
    }

    .mhi-expert-detail-hero-copy {
        padding: 48px 40px;
    }

    .mhi-expert-detail h1 {
        font-size: clamp(36px, 4vw, 48px);
    }
}

@media (max-width: 991px) {
    .mhi-expert-detail-inner {
        padding-right: 15px;
        padding-left: 15px;
    }

    .mhi-expert-detail-hero.has-image {
        grid-template-columns: 1fr;
    }

    .mhi-expert-detail-hero-copy {
        min-height: 330px;
        padding: 44px 38px;
    }

    .mhi-expert-detail-hero-image,
    .mhi-expert-detail-hero-image img {
        min-height: 390px;
    }

    .mhi-expert-detail-content-wrap {
        padding: 48px 34px;
    }

    .mhi-expert-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .mhi-expert-detail {
        padding: 16px 0 45px;
    }

    .mhi-expert-detail-inner {
        padding-right: 10px;
        padding-left: 10px;
    }

    .mhi-expert-breadcrumbs {
        margin-bottom: 13px;
        font-size: 11px;
    }

    .mhi-expert-detail-article {
        border-radius: 12px;
    }

    .mhi-expert-detail-hero {
        min-height: 0;
    }

    .mhi-expert-detail-hero-copy {
        min-height: 300px;
        padding: 35px 22px;
    }

    .mhi-expert-detail-meta {
        gap: 8px 13px;
        margin-bottom: 18px;
        font-size: 11px;
    }

    .mhi-expert-detail h1 {
        font-size: 33px;
        line-height: 1.12;
    }

    .mhi-expert-detail-hero-image,
    .mhi-expert-detail-hero-image img {
        min-height: 260px;
    }

    .mhi-expert-detail-content-wrap {
        padding: 35px 21px 38px;
    }

    .mhi-expert-detail-content {
        font-size: 16px;
        line-height: 1.72;
    }

    .mhi-expert-detail-content > p:first-child {
        font-size: 16px;
    }

    .mhi-expert-detail-content h2 {
        margin-top: 38px;
        padding-left: 15px;
        font-size: 24px;
    }

    .mhi-expert-detail-content h3 {
        margin-top: 31px;
        font-size: 21px;
    }

    .mhi-expert-detail-content ul,
    .mhi-expert-detail-content ol {
        padding: 17px 17px 17px 38px;
    }

    .mhi-expert-detail-content blockquote {
        padding: 20px;
        font-size: 16px;
    }

    .mhi-expert-related-heading h2 {
        font-size: 24px;
    }

    .mhi-expert-related-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }
}

/* =========================================================
   MHI — ЕДИНЫЙ ШАБЛОН СОДЕРЖИМОГО СТАТЕЙ
   Раздел «Корисне від експертів»
   ========================================================= */

.mhi-expert-detail-content .mhi-article-body {
    --mhi-article-red: #e30613;
    --mhi-article-red-dark: #bd0010;
    --mhi-article-dark: #17202d;
    --mhi-article-text: #495463;
    --mhi-article-muted: #768190;
    --mhi-article-border: #e5e9ef;
    --mhi-article-light: #f7f9fb;

    width: 100%;
    color: var(--mhi-article-text);
}

.mhi-expert-detail-content .mhi-article-body,
.mhi-expert-detail-content .mhi-article-body * {
    box-sizing: border-box;
}

/* Вступительный акцентный блок */

.mhi-expert-detail-content .mhi-article-lead {
    position: relative;
    margin: 0 0 24px;
    padding: 25px 28px 25px 31px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(227, 6, 19, 0.07),
            rgba(227, 6, 19, 0.015)
        );
    border: 1px solid rgba(227, 6, 19, 0.14);
    border-left: 5px solid var(--mhi-article-red);
    border-radius: 0 13px 13px 0;
}

.mhi-expert-detail-content .mhi-article-lead::after {
    content: "";
    position: absolute;
    top: -45px;
    right: -45px;
    width: 140px;
    height: 140px;
    background: rgba(227, 6, 19, 0.04);
    border-radius: 50%;
}

.mhi-expert-detail-content .mhi-article-lead p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #2c3745;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75;
}

.mhi-expert-detail-content .mhi-article-intro-text {
    margin: 0 0 31px;
    color: var(--mhi-article-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* Список советов */

.mhi-expert-detail-content .mhi-article-steps {
    display: grid;
    gap: 18px;
    margin: 0 0 32px;
}

.mhi-expert-detail-content .mhi-article-step {
    position: relative;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 22px;
    padding: 25px 27px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--mhi-article-border);
    border-radius: 14px;
    box-shadow: 0 7px 22px rgba(21, 29, 43, 0.045);
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.mhi-expert-detail-content .mhi-article-step::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 90px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(227, 6, 19, 0.045),
            transparent 68%
        );
    pointer-events: none;
}

.mhi-expert-detail-content .mhi-article-step:hover {
    border-color: rgba(227, 6, 19, 0.25);
    box-shadow: 0 13px 34px rgba(21, 29, 43, 0.09);
    transform: translateY(-3px);
}

/* Номер пункта */

.mhi-expert-detail-content .mhi-article-step-number {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    background:
        linear-gradient(
            145deg,
            #f01422 0%,
            var(--mhi-article-red) 48%,
            var(--mhi-article-red-dark) 100%
        );
    border-radius: 13px;
    box-shadow: 0 8px 18px rgba(227, 6, 19, 0.22);
}

/* Заголовок пункта */

.mhi-expert-detail-content .mhi-article-step h2 {
    margin: 1px 0 11px !important;
    padding: 0 !important;
    color: var(--mhi-article-dark) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 22px !important;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -0.01em;
    border: 0 !important;
}

.mhi-expert-detail-content .mhi-article-step h2::before,
.mhi-expert-detail-content .mhi-article-step h2::after {
    display: none !important;
    content: none !important;
}

.mhi-expert-detail-content .mhi-article-step p {
    margin: 0;
    color: var(--mhi-article-text);
    font-size: 16px;
    line-height: 1.78;
}

/* Итог статьи */

.mhi-expert-detail-content .mhi-article-summary {
    position: relative;
    margin: 34px 0 22px;
    padding: 27px 30px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #fff3f4 0%,
            #fffafb 100%
        );
    border: 1px solid rgba(227, 6, 19, 0.16);
    border-radius: 14px;
}

.mhi-expert-detail-content .mhi-article-summary::before {
    content: "✓";
    position: absolute;
    top: 20px;
    right: 25px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(227, 6, 19, 0.2);
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
}

.mhi-expert-detail-content .mhi-article-summary-title {
    margin: 0 0 10px;
    color: var(--mhi-article-red);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.mhi-expert-detail-content .mhi-article-summary p {
    max-width: 820px;
    margin: 0;
    padding-right: 38px;
    color: #3e4856;
    font-size: 16px;
    line-height: 1.75;
}

/* Экспертный блок MHI */

.mhi-expert-detail-content .mhi-article-expert-note {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    gap: 23px;
    margin: 22px 0 0;
    padding: 27px 30px;
    color: #dce2eb;
    background:
        radial-gradient(
            circle at 95% 15%,
            rgba(227, 6, 19, 0.18),
            transparent 170px
        ),
        linear-gradient(
            135deg,
            #151d2b 0%,
            #1c2838 100%
        );
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(21, 29, 43, 0.14);
}

.mhi-expert-detail-content .mhi-article-expert-badge {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.04em;
    background: var(--mhi-article-red);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(227, 6, 19, 0.25);
}

.mhi-expert-detail-content .mhi-article-expert-content strong {
    display: block;
    margin-bottom: 7px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.4;
}

.mhi-expert-detail-content .mhi-article-expert-content p {
    margin: 0;
    color: #b7c1cf;
    font-size: 15px;
    line-height: 1.7;
}

/* Адаптивность */

@media (max-width: 767px) {
    .mhi-expert-detail-content .mhi-article-lead {
        padding: 21px 21px 21px 24px;
    }

    .mhi-expert-detail-content .mhi-article-lead p {
        font-size: 16px;
    }

    .mhi-expert-detail-content .mhi-article-step {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 16px;
        padding: 21px 18px;
    }

    .mhi-expert-detail-content .mhi-article-step-number {
        width: 50px;
        height: 50px;
        font-size: 16px;
        border-radius: 11px;
    }

    .mhi-expert-detail-content .mhi-article-step h2 {
        font-size: 19px !important;
    }

    .mhi-expert-detail-content .mhi-article-step p {
        font-size: 15px;
        line-height: 1.7;
    }

    .mhi-expert-detail-content .mhi-article-summary {
        padding: 23px 21px;
    }

    .mhi-expert-detail-content .mhi-article-summary p {
        padding-right: 0;
    }

    .mhi-expert-detail-content .mhi-article-summary::before {
        display: none;
    }

    .mhi-expert-detail-content .mhi-article-expert-note {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 16px;
        padding: 22px 20px;
    }

    .mhi-expert-detail-content .mhi-article-expert-badge {
        width: 54px;
        height: 54px;
        font-size: 14px;
    }

    .mhi-expert-detail-content .mhi-article-expert-content strong {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .mhi-expert-detail-content .mhi-article-step {
        display: block;
    }

    .mhi-expert-detail-content .mhi-article-step-number {
        width: 46px;
        height: 38px;
        margin-bottom: 15px;
        border-radius: 9px;
    }

    .mhi-expert-detail-content .mhi-article-expert-note {
        display: block;
    }

    .mhi-expert-detail-content .mhi-article-expert-badge {
        margin-bottom: 15px;
    }
}

/* =========================================================
   MHI — WOW-ШАБЛОН ДЛЯ НУМЕРОВАННЫХ ЭКСПЕРТНЫХ СТАТЕЙ
   Заменяет предыдущий блок «MHI ARTICLES — ИНЖЕНЕРНЫЙ ЧЕК-ЛИСТ»
   ========================================================= */

.mhi-expert-detail-content .mhi-article-wow {
    --mhi-wow-red: #e30613;
    --mhi-wow-red-dark: #b8000c;
    --mhi-wow-dark: #151d2b;
    --mhi-wow-dark-2: #1d2939;
    --mhi-wow-text: #4a5665;
    --mhi-wow-muted: #7e8997;
    --mhi-wow-border: #e4e8ee;
    width: 100%;
    color: var(--mhi-wow-text);
}

.mhi-expert-detail-content .mhi-article-wow,
.mhi-expert-detail-content .mhi-article-wow * {
    box-sizing: border-box;
}

.mhi-wow-intro {
    position: relative;
    min-height: 265px;
    margin: 0 0 20px;
    padding: 42px 320px 42px 44px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, rgba(227, 6, 19, 0.10), transparent 240px),
        linear-gradient(135deg, #ffffff 0%, #f4f6f9 100%);
    border: 1px solid var(--mhi-wow-border);
    border-left: 5px solid var(--mhi-wow-red);
    border-radius: 0 18px 18px 0;
    box-shadow: 0 14px 40px rgba(21, 29, 43, 0.07);
}

.mhi-wow-intro::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 42px;
    width: 225px;
    height: 110px;
    background: url("/image/catalog/logo/mhi-logo.png") center / contain no-repeat;
    opacity: 0.075;
    filter: grayscale(1);
    transform: translateY(-50%);
    pointer-events: none;
}

.mhi-wow-intro::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 300px;
    height: 300px;
    border: 46px solid rgba(227, 6, 19, 0.035);
    border-radius: 50%;
    pointer-events: none;
}

.mhi-wow-kicker {
    position: relative;
    z-index: 2;
    margin-bottom: 13px;
    color: var(--mhi-wow-red);
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.mhi-expert-detail-content .mhi-wow-intro h2 {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0 0 17px !important;
    padding: 0 !important;
    color: var(--mhi-wow-dark) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 31px !important;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    border: 0 !important;
}

.mhi-expert-detail-content .mhi-wow-intro h2::before,
.mhi-expert-detail-content .mhi-wow-intro h2::after,
.mhi-expert-detail-content .mhi-wow-card h2::before,
.mhi-expert-detail-content .mhi-wow-card h2::after,
.mhi-expert-detail-content .mhi-wow-summary h2::before,
.mhi-expert-detail-content .mhi-wow-summary h2::after {
    display: none !important;
    content: none !important;
}

.mhi-wow-intro p {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0;
    color: #465160;
    font-size: 17px;
    line-height: 1.78;
}

.mhi-wow-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin: 0 0 25px;
}

.mhi-wow-fact {
    position: relative;
    min-width: 0;
    min-height: 92px;
    padding: 20px 20px 20px 78px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--mhi-wow-border);
    border-radius: 13px;
    box-shadow: 0 7px 22px rgba(21, 29, 43, 0.045);
}

.mhi-wow-fact strong {
    color: var(--mhi-wow-dark);
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}

.mhi-wow-fact span {
    margin-top: 5px;
    color: var(--mhi-wow-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.mhi-wow-fact-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 800;
    background: linear-gradient(145deg, #f31a28, var(--mhi-wow-red-dark));
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(227, 6, 19, 0.20);
    transform: translateY(-50%);
}

.mhi-wow-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
    margin: 0 0 28px;
}

.mhi-wow-card {
    position: relative;
    min-width: 0;
    min-height: 315px;
    padding: 28px 27px 24px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    border: 1px solid var(--mhi-wow-border);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(21, 29, 43, 0.055);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.mhi-wow-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mhi-wow-red), rgba(227, 6, 19, 0.12));
}

.mhi-wow-card::after {
    content: attr(data-step);
    position: absolute;
    right: 17px;
    bottom: -16px;
    color: rgba(21, 29, 43, 0.035);
    font-family: "Montserrat", sans-serif;
    font-size: 92px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

.mhi-wow-card:hover {
    border-color: rgba(227, 6, 19, 0.28);
    box-shadow: 0 18px 42px rgba(21, 29, 43, 0.11);
    transform: translateY(-5px);
}

.mhi-wow-card-head {
    position: relative;
    z-index: 2;
    margin-bottom: 17px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

.mhi-wow-number {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 850;
    background: linear-gradient(145deg, #f51b29 0%, var(--mhi-wow-red) 50%, var(--mhi-wow-red-dark) 100%);
    border-radius: 14px;
    box-shadow: 0 9px 20px rgba(227, 6, 19, 0.22);
}

.mhi-expert-detail-content .mhi-wow-card h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mhi-wow-dark) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 21px !important;
    font-weight: 780;
    line-height: 1.35;
    border: 0 !important;
}

.mhi-wow-card > p {
    position: relative;
    z-index: 2;
    margin: 0 0 19px;
    color: var(--mhi-wow-text);
    font-size: 15px;
    line-height: 1.78;
}

.mhi-wow-tip {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding: 14px 15px 14px 17px;
    color: #5f6b79;
    font-size: 13px;
    line-height: 1.6;
    background: #f5f7fa;
    border-left: 3px solid var(--mhi-wow-red);
    border-radius: 0 9px 9px 0;
}

.mhi-wow-tip strong {
    display: block;
    margin-bottom: 4px;
    color: var(--mhi-wow-red) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mhi-wow-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    min-height: 260px;
}

.mhi-wow-summary {
    position: relative;
    margin: 0 0 21px;
    padding: 31px 330px 31px 32px;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 10%, rgba(227, 6, 19, 0.13), transparent 210px),
        linear-gradient(135deg, #fff2f3 0%, #fffafb 100%);
    border: 1px solid rgba(227, 6, 19, 0.18);
    border-radius: 16px;
}

.mhi-wow-summary::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 96px;
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(227, 6, 19, 0.18);
    font-family: "Montserrat", sans-serif;
    font-size: 72px;
    font-weight: 900;
    border: 6px solid rgba(227, 6, 19, 0.10);
    border-radius: 50%;
    transform: translateY(-50%);
}

.mhi-wow-summary-label {
    margin-bottom: 9px;
    color: var(--mhi-wow-red);
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mhi-expert-detail-content .mhi-wow-summary h2 {
    margin: 0 0 11px !important;
    padding: 0 !important;
    color: var(--mhi-wow-dark) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 25px !important;
    font-weight: 800;
    line-height: 1.35;
    border: 0 !important;
}

.mhi-wow-summary p {
    margin: 0;
    color: #475260;
    font-size: 16px;
    line-height: 1.75;
}

.mhi-wow-expert {
    position: relative;
    min-height: 165px;
    padding: 31px 300px 31px 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(circle at 91% 22%, rgba(227, 6, 19, 0.26), transparent 230px),
        linear-gradient(135deg, var(--mhi-wow-dark) 0%, var(--mhi-wow-dark-2) 100%);
    border-radius: 16px;
    box-shadow: 0 14px 36px rgba(21, 29, 43, 0.18);
}

.mhi-wow-expert::before {
    content: "MHI";
    position: absolute;
    top: 50%;
    left: 28px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 850;
    background: var(--mhi-wow-red);
    border-radius: 14px;
    box-shadow: 0 9px 22px rgba(227, 6, 19, 0.27);
    transform: translateY(-50%);
}

.mhi-wow-expert::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 38px;
    width: 220px;
    height: 105px;
    background: url("/image/catalog/easyphoto/tmp/mhi-logo.png") center / contain no-repeat;
    opacity: 0.09;
    filter: grayscale(1) brightness(3);
    transform: translateY(-50%);
    pointer-events: none;
}

.mhi-wow-expert strong {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 8px;
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 19px;
    font-weight: 780;
    line-height: 1.4;
}

.mhi-wow-expert p {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0;
    color: #bac4d2;
    font-size: 15px;
    line-height: 1.72;
}

@media (max-width: 991px) {
    .mhi-wow-intro { padding-right: 230px; }
    .mhi-wow-intro::before { right: 25px; width: 170px; }
    .mhi-wow-summary { padding-right: 220px; }
    .mhi-wow-summary::after { right: 55px; }
    .mhi-wow-expert { padding-right: 230px; }
    .mhi-wow-expert::after { right: 22px; width: 170px; }
}

@media (max-width: 767px) {
    .mhi-wow-intro {
        min-height: 0;
        padding: 28px 23px 30px 27px;
    }

    .mhi-wow-intro::before {
        top: auto;
        right: 18px;
        bottom: 16px;
        width: 130px;
        height: 60px;
        transform: none;
        opacity: 0.05;
    }

    .mhi-expert-detail-content .mhi-wow-intro h2 { font-size: 24px !important; }
    .mhi-wow-intro p { font-size: 16px; }

    .mhi-wow-facts {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mhi-wow-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .mhi-wow-card,
    .mhi-wow-card:last-child:nth-child(odd) {
        grid-column: auto;
        min-height: 0;
        padding: 23px 20px 21px;
    }

    .mhi-wow-card-head {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 14px;
    }

    .mhi-wow-number {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }

    .mhi-expert-detail-content .mhi-wow-card h2 { font-size: 19px !important; }

    .mhi-wow-summary { padding: 25px 22px; }
    .mhi-wow-summary::after { display: none; }

    .mhi-wow-expert {
        min-height: 0;
        padding: 88px 22px 25px;
    }

    .mhi-wow-expert::before {
        top: 22px;
        left: 22px;
        width: 52px;
        height: 52px;
        transform: none;
    }

    .mhi-wow-expert::after {
        top: 18px;
        right: 20px;
        width: 135px;
        height: 58px;
        transform: none;
    }

    .mhi-wow-expert strong { font-size: 17px; }
}


/* ==========================================================
   MHI — МОДАЛЬНОЕ ОКНО «ЗВОРОТНІЙ ДЗВІНОК»
   ========================================================== */

#rm-callback-modal {
    padding-right: 0 !important;

    background: rgba(15, 23, 42, 0.64);

    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#rm-callback-modal .modal-dialog {
    width: calc(100% - 32px);
    max-width: 520px;

    margin: 30px auto;
}

#rm-callback-modal .modal-content {
    position: relative;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(227, 6, 19, 0.08) 0,
            rgba(227, 6, 19, 0) 210px
        ),
        #ffffff;

    border: 1px solid #e2e8f0;
    border-radius: 20px;

    box-shadow:
        0 30px 80px rgba(15, 23, 42, 0.25),
        0 8px 24px rgba(15, 23, 42, 0.1);
}

#rm-callback-modal .modal-content::before {
    content: "";

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #e30613 0%,
        #e30613 46%,
        #293358 46%,
        #293358 100%
    );
}

/* Заголовок */

#rm-callback-modal .modal-header {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 82px;
    padding: 25px 74px 20px 28px;

    background: transparent;

    border: 0;
    border-bottom: 1px solid #edf0f4;
}

#rm-callback-modal .modal-title {
    margin: 0;

    color: #111d30;

    font-family: inherit;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.3px;

    text-transform: none;
}

/* Кнопка закрытия */

#rm-callback-modal .modal-close {
    position: absolute;
    top: 18px;
    right: 20px;

    width: 44px;
    height: 44px;
    padding: 0;

    background: #f5f7fa;

    border: 1px solid #e2e8f0;
    border-radius: 50%;

    opacity: 1;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

#rm-callback-modal .modal-close:hover {
    background: #fff1f2;
    border-color: rgba(227, 6, 19, 0.35);

    transform: rotate(90deg);
}

#rm-callback-modal .modal-close:focus {
    outline: none;

    box-shadow: 0 0 0 4px rgba(227, 6, 19, 0.12);
}

#rm-callback-modal .modal-close-icon {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 18px;
    height: 2px;

    margin-top: -1px;
    margin-left: -9px;

    background: #475569;
    border: 0;
    border-radius: 2px;
}

#rm-callback-modal .modal-close-left {
    transform: rotate(45deg);
}

#rm-callback-modal .modal-close-right {
    transform: rotate(-45deg);
}

#rm-callback-modal .modal-close:hover .modal-close-icon {
    background: #e30613;
}

/* Основная часть */

#rm-callback-modal .modal-body {
    padding: 25px 28px 30px;

    color: #556171;

    font-size: 15px;
    line-height: 1.65;
}

#rm-callback-modal #call-main-block > .pb-4 {
    position: relative;

    margin: 0 0 24px;
    padding: 0 0 0 18px;

    color: #556171;

    font-size: 15px;
    line-height: 1.65;
}

#rm-callback-modal #call-main-block > .pb-4::before {
    content: "";

    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;

    width: 3px;

    background: #e30613;
    border-radius: 3px;
}

/* Форма */

#rm-callback-modal #call-phone-form {
    margin: 0;
}

#rm-callback-modal #call-phone-form .form-group {
    margin: 0 0 15px;
}

#rm-callback-modal #call-phone-form .form-control {
    width: 100%;
    height: 54px;
    padding: 0 17px;

    color: #172033;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;

    background: #f8fafc;

    border: 1px solid #dce3eb;
    border-radius: 11px;

    box-shadow: none;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#rm-callback-modal #call-phone-form .form-control::placeholder {
    color: #8a94a3;

    opacity: 1;
}

#rm-callback-modal #call-phone-form .form-control:hover {
    background: #ffffff;
    border-color: #c7d0db;
}

#rm-callback-modal #call-phone-form .form-control:focus {
    background: #ffffff;
    border-color: #e30613;

    outline: none;

    box-shadow: 0 0 0 4px rgba(227, 6, 19, 0.1);
}

#rm-callback-modal #call-phone-form .form-control.error_style {
    background: #fff7f7;
    border-color: #e30613;

    box-shadow: 0 0 0 4px rgba(227, 6, 19, 0.08);
}

/* Кнопка отправки */

#rm-callback-modal #call-phone-form .rm-btn.dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 54px;
    margin-top: 5px;
    padding: 13px 24px;

    color: #ffffff;

    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;

    background: linear-gradient(
        135deg,
        #e30613 0%,
        #bd0010 100%
    );

    border: 0;
    border-radius: 11px;

    box-shadow: 0 12px 24px rgba(227, 6, 19, 0.22);

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

#rm-callback-modal #call-phone-form .rm-btn.dark:hover {
    color: #ffffff;

    background: linear-gradient(
        135deg,
        #cf0010 0%,
        #9f000c 100%
    );

    box-shadow: 0 15px 30px rgba(227, 6, 19, 0.29);

    transform: translateY(-2px);
}

#rm-callback-modal #call-phone-form .rm-btn.dark:active {
    transform: translateY(0);

    box-shadow: 0 8px 18px rgba(227, 6, 19, 0.2);
}

#rm-callback-modal #call-phone-form .rm-btn.dark:focus {
    outline: none;

    box-shadow:
        0 12px 24px rgba(227, 6, 19, 0.22),
        0 0 0 4px rgba(227, 6, 19, 0.13);
}

/* Уведомления об ошибке */

#rm-callback-modal .text-danger {
    margin-top: 7px;

    color: #d70012;

    font-size: 13px;
    line-height: 1.4;
}

/* Успешная отправка */

#rm-callback-modal .rm-popup-success {
    min-height: 250px;
    padding: 20px 5px 5px;
}

#rm-callback-modal .rm-popup-success img {
    display: block;

    width: 76px;
    height: 76px;
    margin: 0 auto 20px;
}

#rm-callback-modal #rm-popup-success-call-text {
    max-width: 380px;
    margin: 0 auto 24px;

    color: #172033;

    font-size: 17px;
    font-weight: 600;
    line-height: 1.55;
}

#rm-callback-modal .rm-popup-success .rm-btn.dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;

    color: #ffffff;

    background: #e30613;

    border: 0;
    border-radius: 50%;

    box-shadow: 0 10px 22px rgba(227, 6, 19, 0.22);
}

#rm-callback-modal .rm-popup-success .rm-btn-text {
    font-size: 0;
}

#rm-callback-modal .rm-popup-success .rm-btn-text::before {
    content: "×";

    font-size: 25px;
    font-weight: 400;
    line-height: 1;
}

/* Анимация появления */

#rm-callback-modal.show .modal-dialog {
    animation: mhiCallbackModalOpen 0.25s ease-out both;
}

@keyframes mhiCallbackModalOpen {
    from {
        opacity: 0;

        transform: translateY(18px) scale(0.98);
    }

    to {
        opacity: 1;

        transform: translateY(0) scale(1);
    }
}

/* Мобильная версия */

@media (max-width: 575px) {
    #rm-callback-modal {
        padding: 12px !important;
    }

    #rm-callback-modal .modal-dialog {
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }

    #rm-callback-modal .modal-content {
        border-radius: 16px;
    }

    #rm-callback-modal .modal-header {
        min-height: 72px;
        padding: 22px 66px 17px 20px;
    }

    #rm-callback-modal .modal-title {
        font-size: 20px;
    }

    #rm-callback-modal .modal-close {
        top: 14px;
        right: 14px;

        width: 42px;
        height: 42px;
    }

    #rm-callback-modal .modal-body {
        padding: 21px 20px 24px;
    }

    #rm-callback-modal #call-main-block > .pb-4 {
        margin-bottom: 20px;

        font-size: 14px;
    }

    #rm-callback-modal #call-phone-form .form-control {
        height: 52px;

        font-size: 16px;
    }

    #rm-callback-modal #call-phone-form .rm-btn.dark {
        min-height: 52px;
    }
}
/* MHI FIXED DESKTOP NAV START */

@media (min-width: 992px) {

    body.mhi-fixed-nav-active .mhi-site-header {
        position: relative !important;
        z-index: 10001 !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;

        width: 100% !important;

        z-index: 10002 !important;
        overflow: visible !important;

        background: #ffffff !important;

        box-shadow:
            0 8px 24px rgba(15, 35, 75, 0.18) !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    .container-fluid.container-sm,

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    .mhi-header-nav-row {
        overflow: visible !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    .mhi-header-nav-row {
        position: relative !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #menu_toggle_button {
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu {
        display: flex !important;

        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: 0 !important;

        width: 100% !important;
        max-width: none !important;

        box-sizing: border-box !important;
        transform: none !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        overflow: hidden !important;
        z-index: 10003 !important;

        background: #ffffff !important;
        border: 1px solid #edf0f4 !important;
        border-radius: 0 0 10px 10px !important;

        box-shadow:
            0 15px 35px rgba(15, 23, 42, 0.16) !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu > nav {
        flex: 0 0 260px !important;
        max-width: 260px !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu .rm-menu-list-item-child {
        left: 260px !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu .rm-menu-list-item:hover > .rm-menu-list-item-child,

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu .rm-menu-list-item.active > .rm-menu-list-item-child {
        visibility: visible !important;
        opacity: 1 !important;

        z-index: 10 !important;
        pointer-events: auto !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav #rm-menu nav,
    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav #rm-menu ul,
    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav #rm-menu li,
    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav #rm-menu a,

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu .rm-menu-list-item-child {
        pointer-events: auto !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu .rm-menu-list-item-child a {
        position: relative !important;
        z-index: 11 !important;
    }

    body.mhi-fixed-nav-active #rm_overlay,
    body.mhi-fixed-nav-active #rm_overlay.active {
        z-index: 9998 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu > nav {
        flex-basis: 235px !important;
        max-width: 235px !important;
    }

    body .mhi-site-header .mhi-header-nav.mhi-fixed-nav
    #rm-menu .rm-menu-list-item-child {
        left: 235px !important;
    }
}

/* MHI FIXED DESKTOP NAV END */


/* MHI SUBSCRIBE POPUP START */

#rm-popup-subscribe {
    padding-right: 0 !important;
}

#rm-popup-subscribe .modal-dialog {
    width: calc(100% - 32px);
    max-width: 620px;
    margin: 24px auto;
}

#rm-popup-subscribe .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow:
        0 28px 80px rgba(5, 12, 22, 0.28),
        0 8px 24px rgba(5, 12, 22, 0.16);
}

#rm-popup-subscribe .modal-header {
    position: relative;
    min-height: 112px;
    padding: 30px 76px 28px 32px;
    border: 0;
    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(232, 0, 20, 0.32) 0,
            rgba(232, 0, 20, 0) 38%
        ),
        linear-gradient(135deg, #09111d 0%, #111c2b 100%);
}

#rm-popup-subscribe .modal-header::before {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 20px;
    width: 46px;
    height: 3px;
    border-radius: 10px;
    background: #e60014;
}

#rm-popup-subscribe .modal-title {
    position: relative;
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-transform: none;
}

#rm-popup-subscribe .modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    opacity: 1;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

#rm-popup-subscribe .modal-close:hover {
    border-color: rgba(255,255,255,0.4);
    background: rgba(230,0,20,0.9);
    transform: rotate(90deg);
}

#rm-popup-subscribe .modal-close-icon {
    position: absolute;
    top: 20px;
    left: 11px;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 4px;
    background: #ffffff;
}

#rm-popup-subscribe .modal-close-left {
    transform: rotate(45deg);
}

#rm-popup-subscribe .modal-close-right {
    transform: rotate(-45deg);
}

#rm-popup-subscribe .modal-body {
    position: relative;
    padding: 30px 32px 34px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7f9fc 100%
        );
}

#rm-popup-subscribe .modal-body-text {
    margin: 0 0 22px;
    color: #5c6675;
    font-size: 15px;
    line-height: 1.65;
}

#rm-popup-subscribe .modal-body-text p {
    margin: 0;
}

#rm-popup-subscribe .modal-body-text b,
#rm-popup-subscribe .modal-body-text strong {
    color: #111827;
    font-weight: 700;
}

#rm-popup-subscribe .rm-popup-subscribe-image {
    display: block;
    width: 100%;
    max-height: 190px;
    margin: 0 0 24px;
    border-radius: 16px;
    object-fit: cover;
}

#rm-popup-subscribe .form-group {
    position: relative;
    margin-bottom: 18px;
}

#rm-popup-subscribe .form-group::before {
    content: "@";
    position: absolute;
    top: 50%;
    left: 18px;
    z-index: 2;
    color: #e60014;
    font-size: 19px;
    font-weight: 800;
    transform: translateY(-50%);
    pointer-events: none;
}

#rm-popup-subscribe input[type="email"].form-control {
    width: 100%;
    height: 56px;
    padding: 0 18px 0 49px;
    border: 1px solid #dbe1e8;
    border-radius: 12px;
    background: #ffffff;
    color: #111827;
    font-size: 15px;
    box-shadow: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

#rm-popup-subscribe input[type="email"].form-control::placeholder {
    color: #8993a1;
    opacity: 1;
}

#rm-popup-subscribe input[type="email"].form-control:focus {
    border-color: #e60014;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(230, 0, 20, 0.1);
    outline: none;
}

#rm-popup-subscribe input[type="email"].error_style {
    border-color: #e60014;
    box-shadow: 0 0 0 4px rgba(230, 0, 20, 0.1);
}

#rm-popup-subscribe .form-checkbox-group {
    margin: 2px 0 23px;
}

#rm-popup-subscribe .checkbox {
    margin: 0;
}

#rm-popup-subscribe .checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 0;
    color: #667181;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
}

#rm-popup-subscribe .rm-form-checkbox-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#rm-popup-subscribe .check-box {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border: 1px solid #cfd6df;
    border-radius: 5px;
    background: #ffffff;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

#rm-popup-subscribe .rm-form-checkbox-input:checked + .check-box {
    border-color: #e60014;
    background: #e60014;
    box-shadow: 0 4px 12px rgba(230, 0, 20, 0.2);
}

#rm-popup-subscribe .rm-form-checkbox-input:checked + .check-box::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#rm-popup-subscribe .checkbox a {
    color: #e60014;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#rm-popup-subscribe #make_subscribe,
#rm-popup-subscribe .rm-popup-success .rm-btn {
    min-width: 180px;
    min-height: 52px;
    padding: 13px 28px;
    border: 0;
    border-radius: 12px;
    background:
        linear-gradient(135deg, #e60014 0%, #bd0011 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(230, 0, 20, 0.24);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

#rm-popup-subscribe #make_subscribe:hover,
#rm-popup-subscribe .rm-popup-success .rm-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(230, 0, 20, 0.32);
}

#rm-popup-subscribe .rm-btn-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

#rm-popup-subscribe .rm-popup-success {
    min-height: 250px;
    justify-content: center;
    padding: 30px !important;
}

#rm-popup-subscribe #rm-popup-success-subscribe-text {
    max-width: 420px;
    color: #303a48;
    font-size: 15px;
    line-height: 1.6;
}

@media (max-width: 575px) {
    #rm-popup-subscribe .modal-dialog {
        width: calc(100% - 20px);
        margin: 10px auto;
    }

    #rm-popup-subscribe .modal-content {
        border-radius: 18px;
    }

    #rm-popup-subscribe .modal-header {
        min-height: 94px;
        padding: 25px 65px 25px 22px;
    }

    #rm-popup-subscribe .modal-header::before {
        left: 22px;
        bottom: 17px;
        width: 38px;
    }

    #rm-popup-subscribe .modal-title {
        font-size: 21px;
    }

    #rm-popup-subscribe .modal-close {
        top: 18px;
        right: 18px;
        width: 38px;
        height: 38px;
    }

    #rm-popup-subscribe .modal-close-icon {
        top: 18px;
        left: 9px;
    }

    #rm-popup-subscribe .modal-body {
        padding: 24px 20px 26px;
    }

    #rm-popup-subscribe .modal-body-text {
        margin-bottom: 18px;
        font-size: 14px;
    }

    #rm-popup-subscribe input[type="email"].form-control {
        height: 54px;
        font-size: 14px;
    }

    #rm-popup-subscribe #make_subscribe {
        width: 100%;
    }
}

/* MHI SUBSCRIBE POPUP END */


/* MHI SUBSCRIBE MOBILE AGREEMENT FIX START */

@media (max-width: 575px) {
    #rm-popup-subscribe .checkbox label {
        position: relative;
        display: block;
        padding-left: 30px;
        color: #667181;
        font-size: 13px;
        line-height: 1.55;
    }

    #rm-popup-subscribe .checkbox label .check-box {
        position: absolute;
        top: 1px;
        left: 0;
        margin: 0;
    }

    #rm-popup-subscribe .checkbox label a {
        display: inline;
        white-space: normal;
    }
}

/* MHI SUBSCRIBE MOBILE AGREEMENT FIX END */


/* MHI MOBILE TOP HEADER ALIGNMENT START */

@media (max-width: 991.98px) {
    #rm_mobile_nav {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        align-items: center;
        column-gap: 8px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #rm_mobile_nav #rm_mobile_menu_button {
        justify-self: start;
        margin: 0;
    }

    #rm_mobile_nav > .d-flex {
        min-width: 0;
        justify-self: center;
        align-items: center !important;
        justify-content: center !important;
    }

    #rm_mobile_nav > .d-flex > a {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
    }

    #rm_mobile_nav > .d-flex img {
        width: auto !important;
        max-width: min(210px, calc(100vw - 135px));
        max-height: 46px !important;
    }

    #rm_mobile_nav .header-buttons {
        display: flex;
        width: 48px;
        justify-self: end;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
    }

    #rm_mobile_nav .mhi-mobile-top-account {
        display: flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #111827;
        text-decoration: none;
    }

    #rm_mobile_nav .mhi-mobile-top-account:hover,
    #rm_mobile_nav .mhi-mobile-top-account:focus {
        background: #f2f4f7;
        color: #e60014;
        outline: none;
    }

    .mhi-site-header .mhi-header-logo,
    .mhi-site-header .mhi-header-actions {
        display: none !important;
    }

    .mhi-site-header .mhi-header-main-grid {
        display: block;
        min-height: 0;
        padding: 10px 0;
    }

    .mhi-site-header .mhi-header-search {
        display: block;
        width: 100%;
    }
}

@media (max-width: 575px) {
    #rm_mobile_nav > .d-flex img {
        max-width: min(190px, calc(100vw - 130px));
        max-height: 43px !important;
    }
}

/* MHI MOBILE TOP HEADER ALIGNMENT END */

/* MHI ACTIVE DESKTOP NAV STYLES START */
@media (min-width: 992px) {

    body .mhi-site-header
    .mhi-main-links-list > li > a.mhi-nav-active,

    body .mhi-site-header
    .mhi-main-links-list > li.mhi-nav-item-active > a {
        color: #e30613 !important;
    }

    body .mhi-site-header
    .mhi-main-links-list > li > a.mhi-nav-active::after,

    body .mhi-site-header
    .mhi-main-links-list > li.mhi-nav-item-active > a::after {
        transform: scaleX(1) !important;
    }
}
/* MHI ACTIVE DESKTOP NAV STYLES END */
/* === MHI ACCOUNT FORGOTTEN START === */

body.account-forgotten {
    overflow-x: hidden !important;
}

/* Главный заголовок */

body.account-forgotten h1 {
    margin-top: 8px;
    margin-bottom: 25px;

    color: #17283c;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* Основная сетка */

body.account-forgotten #content {
    align-items: flex-start;
}

body.account-forgotten #content > [class*="col-"] {
    min-width: 0;
}

/* Левое меню */

body.account-forgotten #column-left {
    margin-bottom: 32px;
}

body.account-forgotten #column-left .rm-column-box {
    width: 100%;
    max-width: 100%;

    margin-bottom: 0;

    overflow: hidden;

    border: 1px solid #dfe5ec;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 10px 28px rgba(20, 39, 61, 0.065),
        0 2px 7px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

body.account-forgotten #column-left .rm-account-list {
    margin: 0;
    padding: 0;
}

body.account-forgotten #column-left .rm-account-list-item {
    margin: 0;

    border-bottom: 1px solid #edf0f4;
}

body.account-forgotten #column-left .rm-account-list-item:last-child {
    border-bottom: 0;
}

body.account-forgotten #column-left .rm-account-link {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 54px;

    padding: 10px 17px;

    border: 0;
    border-radius: 0;

    color: #354459 !important;
    background: #ffffff;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;

    box-sizing: border-box;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

body.account-forgotten #column-left .rm-account-link:hover {
    color: #9D8AB8 !important;
    background: #f8fafc;
}

/* Сбрасываем старое оформление внешнего rm-content */

body.account-forgotten
#content > .col-lg-9 > .rm-content {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    height: auto !important;
    min-height: 0 !important;

    margin: 0;
    padding: 0 !important;

    overflow: visible;

    border: 0;
    border-radius: 0;

    background: transparent !important;

    box-shadow: none !important;

    box-sizing: border-box;
}

/* Карточка формы */

body.account-forgotten
#content form.form-horizontal {
    position: relative;
    isolation: isolate;

    display: block;

    width: 100%;
    min-width: 0;
    max-width: 720px;

    margin: 0 0 55px;
    padding: 34px 36px 36px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(157, 138, 184, 0.06) 0,
            rgba(157, 138, 184, 0) 38%
        ),
        #ffffff;

    box-shadow:
        0 16px 42px rgba(20, 39, 61, 0.07),
        0 3px 10px rgba(20, 39, 61, 0.03);

    box-sizing: border-box;
}

/* Красно-синяя линия */

body.account-forgotten
#content form.form-horizontal::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #9D8AB8 0%,
        #9D8AB8 42%,
        #8F82AA 100%
    );

    z-index: 2;
}

/* Логотип-водяной знак */

body.account-forgotten
#content form.form-horizontal::after {
    content: "";

    position: absolute;
    top: 22px;
    right: 28px;

    width: 220px;
    height: 90px;

    background-image: url("/image/catalog/logo/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: 0.06;

    pointer-events: none;

    z-index: 0;
}

body.account-forgotten
#content form.form-horizontal > * {
    position: relative;

    z-index: 1;
}

/* Fieldset */

body.account-forgotten
#content fieldset.rm-account-form {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    box-sizing: border-box;
}

/* Внутренний заголовок E-Mail */

body.account-forgotten
#content legend.rm-content-title {
    position: relative;

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0 0 20px;
    padding: 0 0 0 32px;

    border: 0;

    color: #17283c;

    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;

    box-sizing: border-box;
}

body.account-forgotten
#content legend.rm-content-title::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 22px;
    height: 3px;

    border-radius: 4px;

    background: #9D8AB8;

    transform: translateY(-50%);
}

/* Поясняющий текст */

body.account-forgotten
#content .rm-account-text {
    width: 100%;
    max-width: 570px;

    margin: 0 0 24px !important;

    color: #68778a;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

/* Группа поля */

body.account-forgotten
#content form.form-horizontal .form-group {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}

/* Подпись поля */

body.account-forgotten
#content .rm-control-label {
    display: block;

    width: 100%;

    margin: 0 0 8px;
    padding: 0;

    color: #354459;

    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;

    box-sizing: border-box;
}

body.account-forgotten
#content .rm-control-label .required {
    margin-right: 4px;

    color: #9D8AB8;

    font-weight: 800;
}

/* Поле E-Mail */

body.account-forgotten
#content form.form-horizontal .form-control {
    display: block;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 54px;
    min-height: 54px;

    margin: 0;
    padding: 0 16px;

    border: 1px solid #d6dee7;
    border-radius: 10px;

    color: #17283c;
    background: #ffffff;

    font-size: 15px;
    line-height: 52px;

    outline: 0;
    box-shadow: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

body.account-forgotten
#content form.form-horizontal .form-control::placeholder {
    color: #8995a5;

    opacity: 1;
}

body.account-forgotten
#content form.form-horizontal .form-control:hover {
    border-color: #b8c3cf;
}

body.account-forgotten
#content form.form-horizontal .form-control:focus {
    border-color: #9D8AB8;

    background: #ffffff;

    box-shadow: 0 0 0 4px rgba(157, 138, 184, 0.09);
}

/* Кнопка */

body.account-forgotten
#content form.form-horizontal .btn-group {
    display: block;

    width: 100%;

    margin: 27px 0 0 !important;
}

body.account-forgotten
#content form.form-horizontal .btn-group > button.rm-btn.dark {
    display: flex !important;
    align-items: center;
    justify-content: center;

    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 52px;

    margin: 0 !important;
    padding: 13px 24px;

    border: 0 !important;
    border-radius: 10px !important;

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

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(157, 138, 184, 0.22);

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.account-forgotten
#content form.form-horizontal .btn-group > button.rm-btn.dark:hover {
    color: #ffffff !important;
    background: #8F82AA !important;

    box-shadow: 0 13px 28px rgba(157, 138, 184, 0.30);

    transform: translateY(-1px);
}

/* Планшет */

@media (max-width: 1199.98px) {
    body.account-forgotten h1 {
        font-size: 30px;
    }

    body.account-forgotten
    #content form.form-horizontal {
        max-width: 680px;

        padding: 30px 31px 33px;
    }
}

/* Телефон */

@media (max-width: 767.98px) {
    body.account-forgotten h1 {
        margin-top: 8px;
        margin-bottom: 20px;

        font-size: 27px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }

    body.account-forgotten #column-left {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 18px;
    }

    body.account-forgotten #column-left .rm-column-box {
        border-radius: 13px;

        box-shadow: none;
    }

    body.account-forgotten
    #content form.form-horizontal {
        width: 100%;
        min-width: 0;
        max-width: 100%;

        margin-bottom: 38px;
        padding: 26px 22px 28px;

        border-radius: 15px;
    }

    body.account-forgotten
    #content form.form-horizontal::before {
        border-radius: 15px 15px 0 0;
    }

    body.account-forgotten
    #content form.form-horizontal::after {
        top: 18px;
        right: 18px;

        width: 150px;
        height: 62px;

        opacity: 0.05;
    }

    body.account-forgotten
    #content legend.rm-content-title {
        margin-bottom: 18px;

        font-size: 21px;
    }

    body.account-forgotten
    #content .rm-account-text {
        margin-bottom: 21px !important;

        font-size: 14px;
        line-height: 1.65;
    }

    body.account-forgotten
    #content form.form-horizontal .form-control {
        height: 52px;
        min-height: 52px;

        font-size: 14px;
        line-height: 50px;
    }

    body.account-forgotten
    #content form.form-horizontal .btn-group {
        margin-top: 24px !important;
    }

    body.account-forgotten
    #content form.form-horizontal .btn-group > button.rm-btn.dark {
        min-height: 51px;
    }
}

/* Узкий телефон */

@media (max-width: 575.98px) {
    body.account-forgotten h1 {
        margin-bottom: 18px;

        font-size: 25px;
    }

    body.account-forgotten
    #content form.form-horizontal {
        padding: 24px 17px 25px;

        border-radius: 14px;
    }

    body.account-forgotten
    #content form.form-horizontal::before {
        border-radius: 14px 14px 0 0;
    }

    body.account-forgotten
    #content form.form-horizontal::after {
        top: 16px;
        right: 14px;

        width: 130px;
        height: 54px;

        opacity: 0.045;
    }

    body.account-forgotten
    #content legend.rm-content-title {
        margin-bottom: 17px;
        padding-left: 29px;

        font-size: 20px;
    }

    body.account-forgotten
    #content legend.rm-content-title::before {
        width: 19px;
    }

    body.account-forgotten
    #content form.form-horizontal .form-control {
        height: 50px;
        min-height: 50px;

        padding-right: 14px;
        padding-left: 14px;

        line-height: 48px;
    }

    body.account-forgotten
    #content form.form-horizontal .btn-group {
        margin-top: 22px !important;
    }

    body.account-forgotten
    #content form.form-horizontal .btn-group > button.rm-btn.dark {
        min-height: 50px;
    }
}

/* === MHI ACCOUNT FORGOTTEN END === */

/* MHI FIX: single Slick carousel arrows */
body.common-home #rm-mp_1 .slick-prev,
body.common-home #rm-mp_1 .slick-next {
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.common-home #rm-mp_1 .slick-prev::before,
body.common-home #rm-mp_1 .slick-next::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 50px !important;
    height: 50px !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
    background-image: url("/catalog/view/theme/oct_theme_ovely/img/next_svg.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px !important;
    border: 1px solid #f0f1f3 !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 22px rgba(21, 29, 43, 0.12) !important;
    opacity: 1 !important;
}

body.common-home #rm-mp_1 .slick-prev::before {
    transform: rotate(180deg) !important;
}

body.common-home #rm-mp_1 .slick-next::before {
    transform: none !important;
}
/* MHI FIXED DESKTOP USER ACTIONS START */

@media (min-width: 992px) {

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-nav-row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 18px !important;

        min-height: 64px;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-main-links {
        flex: 1 1 auto !important;

        min-width: 0 !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        gap: 7px !important;

        margin-left: auto !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;

        margin: 0 3px 0 0 !important;

        transform: scale(0.86);
        transform-origin: right center;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action {
        position: relative;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 2px !important;

        min-width: 52px !important;
        min-height: 52px !important;
        padding: 3px 4px !important;

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

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action:hover {
        color: #e30613 !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action svg {
        width: 20px !important;
        height: 20px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action-label {
        max-width: 72px;

        font-size: 8.5px !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .oct-fixed-bar-quantity {
        top: 1px !important;
        right: 3px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
    }
}

/* Компактный вариант для обычных ноутбуков */

@media (min-width: 992px) and (max-width: 1599.98px) {

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-nav-row {
        gap: 10px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-actions {
        gap: 3px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action {
        min-width: 38px !important;
        min-height: 44px !important;
        padding-right: 2px !important;
        padding-left: 2px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action-label {
        display: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language {
        transform: scale(0.78);
    }
}

/* MHI FIXED DESKTOP USER ACTIONS END */
/* =========================================================
   MHI IPAD PRO HEADER TARGETED FIX V2
   Точечная коррекция шапки на ширине 992–1199 px.
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    body .mhi-site-header .container-fluid.container-sm {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    /* Обычная шапка: сужаем только поиск. */
    body .mhi-site-header .mhi-header-main-grid {
        grid-template-columns:
            150px
            minmax(180px, 250px)
            220px
            max-content !important;
        justify-content: space-between !important;
        column-gap: 8px !important;
        row-gap: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body .mhi-site-header .mhi-header-logo {
        min-width: 0 !important;
    }

    body .mhi-site-header .mhi-header-logo img {
        width: auto !important;
        max-width: 145px !important;
        max-height: 46px !important;
    }

    body .mhi-site-header .mhi-header-search {
        width: 100% !important;
        min-width: 180px !important;
        max-width: 250px !important;
        justify-self: stretch !important;
    }

    body .mhi-site-header .mhi-header-phone {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }

    body .mhi-site-header .mhi-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        gap: 2px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body .mhi-site-header .mhi-header-language {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 5px 0 0 !important;
        transform: none !important;
    }

    body .mhi-site-header .mhi-header-action {
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        padding-right: 2px !important;
        padding-left: 2px !important;
    }

    /* Основная навигация остаётся в одну строку. */
    body .mhi-site-header .mhi-header-nav-row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-height: 58px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    body .mhi-site-header
    #menu_toggle_button.mhi-header-catalog-button {
        flex: 0 0 165px !important;
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 44px !important;
        min-height: 44px !important;
        gap: 7px !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
        font-size: 12px !important;
    }

    body .mhi-site-header .mhi-main-links {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body .mhi-site-header .mhi-main-links-list {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

    body .mhi-site-header .mhi-main-links-list > li {
        flex: 0 0 auto !important;
    }

    body .mhi-site-header .mhi-main-links-list > li > a {
        padding-right: 2px !important;
        padding-left: 2px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    /* Закреплённая шапка. */
    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-nav-row {
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 7px !important;
        min-height: 56px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-main-links {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-main-links-list {
        gap: 7px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-main-links-list > li > a {
        font-size: 10px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        gap: 4px !important;
        margin-right: 8px !important;
        margin-left: 6px !important;
        transform: none !important;
    }

    /*
     * Убираем scale: он визуально уменьшал языки,
     * но не уменьшал занимаемую ширину и создавал наложение.
     */
    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 122px !important;
        width: 122px !important;
        min-width: 122px !important;
        max-width: 122px !important;
        margin: 0 4px 0 0 !important;
        transform: none !important;
        transform-origin: center !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language
    #language.language {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        gap: 3px !important;
        padding: 3px !important;
        transform: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language
    #language.language
    .language-select {
        flex: 0 0 53px !important;
        width: 53px !important;
        min-width: 53px !important;
        max-width: 53px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        gap: 4px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        transform: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language
    #language.language
    .language-select img {
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;
        height: 12px !important;
        min-height: 12px !important;
        max-height: 12px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-language
    #language.language
    .language-select::after {
        font-size: 10px !important;
    }

    /* Все иконки закреплённой шапки получают одинаковую коробку. */
    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action,
    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        transform: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action svg,
    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-cart svg {
        display: block !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action img,
    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-cart img {
        width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        max-height: 20px !important;
        object-fit: contain !important;
        transform: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-action-label {
        display: none !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .oct-fixed-bar-quantity {
        top: 0 !important;
        right: 0 !important;
    }
}

/* =========================================================
   MHI IPAD HEADER ICON OPTICAL BALANCE V3
   Оптическое выравнивание иконок действий на 992–1199 px.
   Внешние контейнеры уже одинаковые; здесь компенсируем
   разные viewBox и реальный размер рисунка внутри SVG.
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    /* Единая коробка для всех четырёх действий. */
    body .mhi-site-header .mhi-header-action,
    body .mhi-site-header .mhi-header-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    /* Личный кабинет: рисунок внутри viewBox меньше остальных. */
    body .mhi-site-header
    .mhi-header-action-account > svg,
    body .mhi-site-header
    .mhi-header-action-account svg {
        width: 25px !important;
        min-width: 25px !important;
        max-width: 25px !important;

        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;

        margin: 0 !important;
        transform: translateY(2px) !important;
    }

    /* Сравнение: самый маленький фактический рисунок. */
    body .mhi-site-header
    .mhi-header-action-compare > svg,
    body .mhi-site-header
    .mhi-header-action-compare svg {
        width: 26px !important;
        min-width: 26px !important;
        max-width: 26px !important;

        height: 26px !important;
        min-height: 26px !important;
        max-height: 26px !important;

        margin: 0 !important;
        transform: none !important;
    }

    /* Избранное: рисунок почти заполняет стандартный viewBox. */
    body .mhi-site-header
    .mhi-header-action-wishlist > svg,
    body .mhi-site-header
    .mhi-header-action-wishlist svg {
        width: 23px !important;
        min-width: 23px !important;
        max-width: 23px !important;

        height: 23px !important;
        min-height: 23px !important;
        max-height: 23px !important;

        margin: 0 !important;
        transform: none !important;
    }

    /*
     * Корзина имеет другую HTML-структуру и viewBox 18×20.
     * Центрируем не только сам SVG, но и внутренний штатный элемент.
     */
    body .mhi-site-header .mhi-header-cart > *,
    body .mhi-site-header .mhi-header-cart button,
    body .mhi-site-header .mhi-header-cart a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    body .mhi-site-header
    .mhi-header-cart
    .rm-header-cart-icon {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;

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

        line-height: 1 !important;
        transform: none !important;
    }

    body .mhi-site-header
    .mhi-header-cart
    .rm-header-cart-icon svg {
        display: block !important;

        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;

        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;

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

        transform: none !important;
    }

    /* Счётчики не должны влиять на вертикальное положение рисунка. */
    body .mhi-site-header
    .mhi-header-action
    .oct-fixed-bar-quantity,
    body .mhi-site-header
    .mhi-header-cart
    .oct-fixed-bar-quantity,
    body .mhi-site-header
    .mhi-header-cart
    .rm-header-cart-quantity {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        transform: none !important;
    }
}

/* =========================================================
   MHI IPAD HEADER CART MICRO FIX V4
   Точечная корректировка корзины на iPad / 992–1199.98 px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    body .mhi-site-header .mhi-header-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        position: relative !important;
    }

    body .mhi-site-header .mhi-header-cart .rm-header-cart-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;

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

        transform: none !important;
        position: relative !important;
    }

    body .mhi-site-header .mhi-header-cart .rm-header-cart-icon svg {
        display: block !important;

        width: 13px !important;
        min-width: 13px !important;
        max-width: 13px !important;

        height: 15px !important;
        min-height: 15px !important;
        max-height: 15px !important;

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

        transform: none !important;
    }

    body .mhi-site-header .mhi-header-cart .rm-header-cart-quantity,
    body .mhi-site-header .mhi-header-cart .oct-fixed-bar-quantity {
        position: absolute !important;

        top: -4px !important;
        right: -4px !important;

        margin: 0 !important;
        transform: none !important;
        z-index: 2 !important;
    }
}

/* =========================================================
   MHI IPAD CART FINAL BALANCE V5
   Раздельная корректировка обычной и закреплённой корзины
   на ширине 992–1199.98 px.
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    /* -----------------------------------------------------
       ОБЫЧНАЯ ШАПКА
       Корзина была чуть меньше остальных — немного увеличиваем.
       ----------------------------------------------------- */

    body .mhi-site-header
    .mhi-header-main
    .mhi-header-cart
    .rm-header-cart-icon {
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
    }

    body .mhi-site-header
    .mhi-header-main
    .mhi-header-cart
    .rm-header-cart-icon svg {
        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;

        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }

    /* -----------------------------------------------------
       ЗАКРЕПЛЁННАЯ ШАПКА
       Корзина была чуть больше остальных — немного уменьшаем.
       ----------------------------------------------------- */

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-cart
    .rm-header-cart-icon {
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
    }

    body .mhi-site-header
    .mhi-header-nav.mhi-fixed-nav
    .mhi-header-cart
    .rm-header-cart-icon svg {
        width: 12px !important;
        min-width: 12px !important;
        max-width: 12px !important;

        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
    }

    /* -----------------------------------------------------
       СЧЁТЧИК ТОВАРОВ
       Поднимаем выше корзины в обоих состояниях шапки.
       ----------------------------------------------------- */

    body .mhi-site-header
    .mhi-header-cart
    .rm-header-cart-quantity,
    body .mhi-site-header
    .mhi-header-cart
    .oct-fixed-bar-quantity,
    body .mhi-site-header
    .mhi-header-cart
    .oct-fixed-bar-quantity-cart {
        position: absolute !important;

        top: -7px !important;
        right: -6px !important;

        margin: 0 !important;
        transform: none !important;
        z-index: 3 !important;
    }
}

/* =========================================================
   MHI IPAD CART FINAL TUNE V6
   — обычная корзина немного крупнее;
   — закреплённая корзина без изменения размера;
   — счётчик выше в обеих версиях.
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    /* Обычная шапка: немного увеличиваем только иконку корзины. */
    body .mhi-site-header
    .mhi-header-main
    .mhi-header-cart
    .rm-header-cart-icon {
        width: 21px !important;
        min-width: 21px !important;
        max-width: 21px !important;

        height: 21px !important;
        min-height: 21px !important;
        max-height: 21px !important;
    }

    body .mhi-site-header
    .mhi-header-main
    .mhi-header-cart
    .rm-header-cart-icon svg {
        width: 15px !important;
        min-width: 15px !important;
        max-width: 15px !important;

        height: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;
    }

    /* В обеих шапках поднимаем красный счётчик ещё выше. */
    body .mhi-site-header
    .mhi-header-cart
    .rm-header-cart-quantity,
    body .mhi-site-header
    .mhi-header-cart
    .oct-fixed-bar-quantity,
    body .mhi-site-header
    .mhi-header-cart
    .oct-fixed-bar-quantity-cart {
        position: absolute !important;

        top: -10px !important;
        right: -6px !important;

        margin: 0 !important;
        transform: none !important;
        z-index: 3 !important;
    }
}