@media (min-width: 1200px) {
    body.smart-cat-ready header.ds-header .ds-menu-main-catalog,
    body.smart-cat-ready .smart-home-catalog-static {
        display: none !important;
    }

    .smart-cat-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1001;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background: rgba(0, 23, 31, .25);
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        transition: opacity .18s ease, visibility .18s ease;
    }

    .smart-cat-backdrop.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .smart-cat-menu {
        --left-width: 330px;
        width: 1060px;
        height: auto;
        min-height: 430px;
        max-height: calc(100vh - 150px);
        position: absolute;
        z-index: 1005;
        display: none;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 24px 70px rgba(0, 23, 31, .22);
        overflow: visible;
    }

    .smart-cat-menu.is-open {
        display: block;
        animation: smartCatFade .16s ease both;
    }

    @keyframes smartCatFade {
        from {
            opacity: 0;
            transform: translateY(-6px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .smart-cat-menu__left {
        width: var(--left-width);
        min-height: 430px;
        max-height: calc(100vh - 150px);
        background: #fff;
        border: 1px solid rgba(0, 52, 89, .10);
        border-right: 1px solid rgba(0, 52, 89, .16);
        border-radius: 12px 0 0 12px;
        overflow: visible;
    }

    .smart-cat-menu__list {
        margin: 0;
        padding: 10px;
        list-style: none;
    }

    .smart-cat-menu__item {
        min-height: 60px;
        position: static;
        display: flex;
        align-items: center;
        gap: 8px;
        border-radius: 12px;
        transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
    }

    .smart-cat-menu__item:hover,
    .smart-cat-menu__item.is-active {
        background: rgba(255, 163, 16, .12);
        box-shadow: inset 0 0 0 1px rgba(255, 163, 16, .20);
        transform: translateX(2px);
    }

    .smart-cat-menu__main {
        min-width: 0;
        flex: 1 1 auto;
        padding: 8px 0 8px 8px;
        display: flex;
        align-items: center;
        gap: 12px;
        color: #00171f;
        text-decoration: none !important;
    }

    .smart-cat-menu__main:hover {
        color: #00171f;
    }

    .smart-cat-menu__img {
        width: 58px;
        height: 42px;
        flex: 0 0 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f8fbfd;
        border-radius: 10px;
        overflow: hidden;
    }

    .smart-cat-menu__img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .smart-cat-menu__name {
        min-width: 0;
        font-size: 15px;
        line-height: 1.25;
        font-weight: 700;
        color: inherit;
    }

    .smart-cat-menu__arrow {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        padding: 0;
        flex: 0 0 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #00a8e8;
        background: rgba(0, 168, 232, .08);
        border: 0;
        border-radius: 10px;
        cursor: pointer;
        transition: background .16s ease, color .16s ease, transform .16s ease;
    }

    .smart-cat-menu__item:hover .smart-cat-menu__arrow,
    .smart-cat-menu__item.is-active .smart-cat-menu__arrow {
        color: #ffa310;
        background: rgba(255, 163, 16, .18);
        transform: translateX(2px);
    }

    .smart-cat-menu__panel {
        position: absolute;
        left: calc(var(--left-width) - 1px);
        top: 0;
        width: 730px;
        height: 100%;
        min-height: 430px;
        max-height: calc(100vh - 150px);
        display: none;
        padding: 24px;
        background: #fff;
        border: 1px solid rgba(0, 52, 89, .10);
        border-left: 1px solid rgba(0, 52, 89, .16);
        border-radius: 0 12px 12px 0;
        box-shadow: 18px 18px 55px rgba(0, 23, 31, .14);
        overflow: hidden;
        z-index: 2;
    }

    .smart-cat-menu__item:hover > .smart-cat-menu__panel,
    .smart-cat-menu__item.is-active > .smart-cat-menu__panel {
        display: block;
    }

    .smart-cat-menu__panel-head {
        height: 48px;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        background: #fff;
    }

    .smart-cat-menu__panel-title {
        font-size: 24px;
        line-height: 1.2;
        font-weight: 800;
        color: #00171f;
        text-decoration: none !important;
    }

    .smart-cat-menu__panel-title:hover {
        color: #00a8e8;
    }

    .smart-cat-menu__panel-subtitle {
        font-size: 13px;
        color: #678590;
    }

    .smart-cat-menu__grid {
        height: calc(100% - 64px);
        max-height: calc(100vh - 214px);
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 4px;
        background: #fff;
    }

    .smart-cat-menu__grid::-webkit-scrollbar {
        width: 5px;
    }

    .smart-cat-menu__grid::-webkit-scrollbar-thumb {
        background: rgba(103, 133, 144, .35);
        border-radius: 10px;
    }

    .smart-cat-menu__card {
        min-height: 122px;
        padding: 13px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        text-align: center;
        color: #00171f;
        text-decoration: none !important;
        background: #f8fbfd;
        border: 1px solid rgba(0, 52, 89, .06);
        border-radius: 12px;
        transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
    }

    .smart-cat-menu__card:hover {
        color: #00171f;
        background: #fff;
        border-color: rgba(255, 163, 16, .45);
        box-shadow: 0 12px 30px rgba(0, 23, 31, .09);
        transform: translateY(-3px);
    }

    .smart-cat-menu__card-img {
        width: 96px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .smart-cat-menu__card-img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .smart-cat-menu__card-name {
        font-size: 14px;
        line-height: 1.25;
        font-weight: 700;
    }

    .smart-cat-menu__item:not(:has(.smart-cat-menu__panel)) .smart-cat-menu__arrow {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .smart-cat-menu,
    .smart-cat-backdrop {
        display: none !important;
    }
}

/* SMART CAT MENU - UNIFIED SECOND LEVEL PANEL */
@media (min-width: 1200px) {
    .smart-cat-menu {
        --left-width: 330px;
        width: 1060px !important;
        min-height: 430px !important;
        height: auto !important;
        background: #fff !important;
        border: 1px solid rgba(0, 52, 89, .10) !important;
        border-radius: 12px !important;
        box-shadow: 0 24px 70px rgba(0, 23, 31, .22) !important;
        overflow: visible !important;
    }

    /* Постійний спільний фон правої частини */
    .smart-cat-menu::before {
        content: "";
        position: absolute;
        left: var(--left-width);
        top: 0;
        right: 0;
        bottom: 0;
        min-height: 430px;
        background: #fff;
        border-left: 1px solid rgba(0, 52, 89, .14);
        border-radius: 0 12px 12px 0;
        z-index: 1;
        pointer-events: none;
    }

    .smart-cat-menu__left {
        position: relative !important;
        z-index: 3 !important;
        width: var(--left-width) !important;
        min-height: 430px !important;
        background: #fff !important;
        border: 0 !important;
        border-right: 1px solid rgba(0, 52, 89, .14) !important;
        border-radius: 12px 0 0 12px !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .smart-cat-menu__list {
        margin: 0 !important;
        padding: 10px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .smart-cat-menu__item {
        position: static !important;
        z-index: auto !important;
    }

    .smart-cat-menu__item:hover,
    .smart-cat-menu__item.is-active {
        position: static !important;
        z-index: auto !important;
    }

    /* Панель другого рівня тепер НЕ окреме вікно, а контент у правій зоні */
    .smart-cat-menu__panel {
        position: absolute !important;
        left: var(--left-width) !important;
        top: 0 !important;
        width: calc(100% - var(--left-width)) !important;
        height: 100% !important;
        min-height: 430px !important;
        max-height: none !important;
        padding: 24px !important;
        display: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 12px 12px 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        z-index: 4 !important;
    }

    .smart-cat-menu__item:hover > .smart-cat-menu__panel,
    .smart-cat-menu__item.is-active > .smart-cat-menu__panel {
        display: block !important;
    }

    .smart-cat-menu__panel-head {
        height: 48px !important;
        margin-bottom: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
        background: transparent !important;
    }

    .smart-cat-menu__grid {
        height: calc(430px - 24px - 48px - 16px - 24px) !important;
        max-height: calc(430px - 24px - 48px - 16px - 24px) !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 4px !important;
        background: transparent !important;
    }

    .smart-cat-menu__card {
        display: flex !important;
        min-height: 122px !important;
    }

    .smart-cat-menu__card-img,
    .smart-cat-menu__card-name {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Щоб панель не “стрибала” вниз при нижніх категоріях */
    .smart-cat-menu__item:nth-child(n) > .smart-cat-menu__panel {
        top: 0 !important;
    }

    /* Приховуємо стрілку, якщо немає другого рівня */
    .smart-cat-menu__item:not(:has(.smart-cat-menu__panel)) .smart-cat-menu__arrow {
        display: none !important;
    }
}

/* SMART CAT MENU - SINGLE RIGHT PANEL FINAL */
@media (min-width: 1200px) {
    .smart-cat-menu {
        --left-width: 330px;
        width: 1060px !important;
        min-height: 430px !important;
        height: auto !important;
        background: #fff !important;
        border: 1px solid rgba(0, 52, 89, .10) !important;
        border-radius: 12px !important;
        box-shadow: 0 24px 70px rgba(0, 23, 31, .22) !important;
        overflow: hidden !important;
        display: none;
    }

    .smart-cat-menu.is-open {
        display: block !important;
    }

    .smart-cat-menu__left {
        width: var(--left-width) !important;
        min-height: 430px !important;
        background: #fff !important;
        border: 0 !important;
        border-right: 1px solid rgba(0, 52, 89, .14) !important;
        border-radius: 12px 0 0 12px !important;
        box-shadow: none !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 3 !important;
    }

    .smart-cat-menu__list {
        margin: 0 !important;
        padding: 10px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        list-style: none !important;
    }

    .smart-cat-menu__item {
        position: relative !important;
        z-index: 4 !important;
    }

    /* Старі вкладені панелі більше не показуємо взагалі */
    .smart-cat-menu__item > .smart-cat-menu__panel {
        display: none !important;
    }

    /* Одна спільна права зона */
    .smart-cat-menu__right {
        position: absolute !important;
        left: var(--left-width) !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        min-height: 430px !important;
        padding: 24px !important;
        background: #fff !important;
        border-radius: 0 12px 12px 0 !important;
        overflow: hidden !important;
        z-index: 2 !important;
    }

    .smart-cat-menu__right::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: rgba(0, 52, 89, .14);
    }

    .smart-cat-menu__right .smart-cat-menu__panel-head {
        height: 48px !important;
        margin-bottom: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
        background: #fff !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-title {
        font-size: 24px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        color: #00171f !important;
        text-decoration: none !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-subtitle {
        font-size: 13px !important;
        color: #678590 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid {
        height: calc(430px - 24px - 48px - 16px - 24px) !important;
        max-height: calc(430px - 24px - 48px - 16px - 24px) !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 4px !important;
        background: #fff !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid::-webkit-scrollbar {
        width: 5px;
    }

    .smart-cat-menu__right .smart-cat-menu__grid::-webkit-scrollbar-thumb {
        background: rgba(103, 133, 144, .35);
        border-radius: 10px;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        min-height: 122px !important;
        padding: 13px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        text-align: center !important;
        color: #00171f !important;
        text-decoration: none !important;
        background: #f8fbfd !important;
        border: 1px solid rgba(0, 52, 89, .06) !important;
        border-radius: 12px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card:hover {
        background: #fff !important;
        border-color: rgba(255, 163, 16, .45) !important;
        box-shadow: 0 12px 30px rgba(0, 23, 31, .09) !important;
        transform: translateY(-3px) !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 96px !important;
        height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .smart-cat-menu__empty {
        padding: 24px;
        font-size: 15px;
        color: #678590;
    }

    .smart-cat-menu__item:not(:has(.smart-cat-menu__panel)) .smart-cat-menu__arrow {
        display: none !important;
    }
}

/* SMART CAT MENU - OVERLAP FIX */
@media (min-width: 1200px) {
    /* На випадок якщо старі вкладені панелі ще десь лишились — не показувати їх */
    .smart-cat-menu .smart-cat-menu__item > .smart-cat-menu__panel,
    .smart-cat-menu .smart-cat-menu__item:hover > .smart-cat-menu__panel,
    .smart-cat-menu .smart-cat-menu__item.is-active > .smart-cat-menu__panel {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .smart-cat-menu__right {
        z-index: 20 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-head,
    .smart-cat-menu__right .smart-cat-menu__grid {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-title {
        display: block !important;
        white-space: nowrap !important;
    }
}

/* SMART CAT MENU - FINAL VISUAL FIX */
@media (min-width: 1200px) {
    /* 1. Відступ між шапкою і меню */
    .smart-cat-menu {
        margin-top: 8px !important;
        overflow: visible !important;
    }

    /* 2. Ліва колонка */
    .smart-cat-menu__left {
        overflow: visible !important;
    }

    .smart-cat-menu__item {
        position: relative !important;
    }

    /* 3. Повертаємо стрілки */
    .smart-cat-menu__item.has-children .smart-cat-menu__arrow {
        display: inline-flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .smart-cat-menu__item:not(.has-children) .smart-cat-menu__arrow {
        display: none !important;
    }

    /* 4. Одна права зона завжди на одному рівні */
    .smart-cat-menu__right {
        top: 0 !important;
        bottom: 0 !important;
        min-height: 430px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    /* 5. Сітка не розтягує один ряд на всю висоту */
    .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: 122px !important;
        align-content: start !important;
        align-items: start !important;
        gap: 14px !important;
        height: auto !important;
        max-height: 330px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 0 4px 4px 0 !important;
        background: #fff !important;
    }

    /* 6. Картки однакової висоти */
    .smart-cat-menu__right .smart-cat-menu__card {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
        padding: 13px 10px !important;
        background: #f8fbfd !important;
        border: 1px solid rgba(0, 52, 89, .08) !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        transform: none !important;
        position: relative !important;
        z-index: 1 !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card:hover {
        background: #fff !important;
        border-color: rgba(255, 163, 16, .55) !important;
        box-shadow: 0 8px 22px rgba(0, 23, 31, .08) !important;
        transform: none !important;
        z-index: 2 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 58px !important;
        flex: 0 0 58px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        min-height: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* 7. Заголовок справа не налазить */
    .smart-cat-menu__right .smart-cat-menu__panel-head {
        height: 48px !important;
        margin-bottom: 16px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-title {
        line-height: 1.2 !important;
        margin: 0 !important;
    }
}

/* SMART CAT MENU - AUTO HEIGHT RIGHT PANEL */
@media (min-width: 1200px) {
    /* Загальний блок меню розтягується по більшій висоті */
    .smart-cat-menu {
        height: auto !important;
        min-height: 430px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Ліва частина теж без скролу */
    .smart-cat-menu__left {
        height: auto !important;
        min-height: 430px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .smart-cat-menu__list {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Права єдина панель без внутрішнього скролу */
    .smart-cat-menu__right {
        height: auto !important;
        min-height: 430px !important;
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 24px !important;
    }

    /* Сітка підкатегорій НЕ скролиться, а розтягує фон вниз */
    .smart-cat-menu__right .smart-cat-menu__grid {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        align-content: start !important;
        grid-auto-rows: 122px !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid::-webkit-scrollbar {
        display: none !important;
    }

    /* Картки залишаються квадратними/однаковими */
    .smart-cat-menu__right .smart-cat-menu__card {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
    }

    /* Якщо підкатегорій багато — все меню росте вниз, але не обрізається */
    .smart-cat-menu.is-open {
        overflow: visible !important;
    }

    /* Щоб правий білий фон візуально тягнувся разом із контентом */
    .smart-cat-menu__right::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        border-radius: 0 12px 12px 0;
        z-index: -1;
    }
}

/* SMART CAT MENU - SCREEN HEIGHT WITH RIGHT SCROLL */
@media (min-width: 1200px) {
    .smart-cat-menu {
        --menu-max-height: calc(100vh - 150px);
        width: 1060px !important;
        height: auto !important;
        min-height: 430px !important;
        max-height: var(--menu-max-height) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__left {
        height: var(--menu-max-height) !important;
        min-height: 430px !important;
        max-height: var(--menu-max-height) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__list {
        height: 100% !important;
        max-height: var(--menu-max-height) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px !important;
    }

    .smart-cat-menu__list::-webkit-scrollbar {
        width: 5px;
    }

    .smart-cat-menu__list::-webkit-scrollbar-thumb {
        background: rgba(103, 133, 144, .35);
        border-radius: 10px;
    }

    .smart-cat-menu__right {
        height: var(--menu-max-height) !important;
        min-height: 430px !important;
        max-height: var(--menu-max-height) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-head {
        height: 48px !important;
        margin-bottom: 16px !important;
        flex: 0 0 48px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid {
        height: calc(var(--menu-max-height) - 24px - 48px - 16px - 24px) !important;
        max-height: calc(var(--menu-max-height) - 24px - 48px - 16px - 24px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-content: start !important;
        grid-auto-rows: 122px !important;
        padding-right: 6px !important;
        padding-bottom: 4px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid::-webkit-scrollbar {
        width: 5px;
    }

    .smart-cat-menu__right .smart-cat-menu__grid::-webkit-scrollbar-thumb {
        background: rgba(103, 133, 144, .35);
        border-radius: 10px;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
    }
}

/* SMART CAT MENU - CONTAINER WIDTH + AUTO COLUMNS */
@media (min-width: 1200px) {
    .smart-cat-menu {
        --left-width: 330px;
        width: auto !important;
        max-width: none !important;
        min-width: 1060px !important;
    }

    .smart-cat-menu__left {
        width: var(--left-width) !important;
        min-width: var(--left-width) !important;
        max-width: var(--left-width) !important;
    }

    .smart-cat-menu__right {
        left: var(--left-width) !important;
        right: 0 !important;
        width: auto !important;
    }

    /* Автоматична кількість колонок: на широкому екрані вийде до 6 в ряд */
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)) !important;
        gap: 12px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;
        padding: 10px 8px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 86px !important;
        height: 50px !important;
        flex: 0 0 50px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 13px !important;
        line-height: 1.2 !important;
        min-height: 32px !important;
    }
}

@media (min-width: 1400px) {
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important;
    }
}

/* SMART CAT MENU - STRETCH TO CONTAINER RIGHT */
@media (min-width: 1200px) {
    .smart-cat-menu {
        width: var(--smart-cat-menu-width, auto) !important;
        max-width: none !important;
        min-width: 1060px !important;
    }

    .smart-cat-menu__right {
        left: var(--left-width) !important;
        right: 0 !important;
        width: auto !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important;
        gap: 12px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
        padding: 9px 8px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 82px !important;
        height: 48px !important;
        flex: 0 0 48px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 1500px) {
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
    }
}

/* SMART CAT MENU - DYNAMIC HEIGHT BY MAX SUBCATEGORY */
@media (min-width: 1200px) {
    .smart-cat-menu {
        height: var(--smart-cat-dynamic-height, 430px) !important;
        min-height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__left {
        height: var(--smart-cat-dynamic-height, 430px) !important;
        min-height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__list {
        height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .smart-cat-menu__right {
        height: var(--smart-cat-dynamic-height, 430px) !important;
        min-height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid {
        height: var(--smart-cat-grid-height, 330px) !important;
        max-height: var(--smart-cat-grid-height, 330px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-content: start !important;
        grid-auto-rows: 108px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
    }
}

/* SMART CAT MENU - 7 COLUMNS VISUAL */
@media (min-width: 1200px) {
    /* Права частина: 7 блоків у ряд */
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        gap: 12px !important;
        grid-auto-rows: 112px !important;
    }

    /* Картка підкатегорії компактна, але фото більше */
    .smart-cat-menu__right .smart-cat-menu__card {
        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;
        padding: 9px 6px !important;
        gap: 7px !important;
        border-radius: 12px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 92px !important;
        height: 56px !important;
        flex: 0 0 56px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 92px !important;
        max-height: 56px !important;
        object-fit: contain !important;
    }

    /* Назва підкатегорії: трохи більша, але не така жирна */
    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 14px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
        min-height: 32px !important;
    }

    /* Заголовок правого блоку менший */
    .smart-cat-menu__right .smart-cat-menu__panel-title {
        font-size: 21px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-subtitle {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    /* Підганяємо висоту рядка під нову картку */
    .smart-cat-menu__right .smart-cat-menu__grid {
        height: var(--smart-cat-grid-height, 330px) !important;
        max-height: var(--smart-cat-grid-height, 330px) !important;
    }
}

/* На дуже широких екранах теж тримаємо 7 в ряд, щоб картки не розтягувались надто сильно */
@media (min-width: 1500px) {
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }
}

/* Якщо екран вужчий — автоматично 6 в ряд, щоб не ламалось */
@media (min-width: 1200px) and (max-width: 1399px) {
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 13px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 84px !important;
        height: 52px !important;
        flex-basis: 52px !important;
    }
}

/* SMART CAT MENU - HEIGHT FONT GAP FIX */
@media (min-width: 1200px) {
    /* Менший відступ між шапкою і меню */
    .smart-cat-menu {
        margin-top: 0 !important;
    }

    /* Даємо більше корисної висоти */
    .smart-cat-menu {
        --menu-max-height: calc(100vh - 115px) !important;
    }

    .smart-cat-menu__left,
    .smart-cat-menu__list,
    .smart-cat-menu__right {
        max-height: var(--smart-cat-dynamic-height, calc(100vh - 115px)) !important;
    }

    /* Права сітка: трохи більший запас по висоті */
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-auto-rows: 118px !important;
        padding-bottom: 14px !important;
    }

    /* Картки трохи вищі, щоб текст не зажовувало */
    .smart-cat-menu__right .smart-cat-menu__card {
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
        padding: 10px 7px !important;
        gap: 6px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 92px !important;
        height: 56px !important;
        flex: 0 0 56px !important;
    }

    /* Назви підкатегорій менш жирні */
    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 13.5px !important;
        line-height: 1.18 !important;
        font-weight: 500 !important;
        min-height: 34px !important;
    }

    /* Заголовок правого блоку акуратніший */
    .smart-cat-menu__right .smart-cat-menu__panel-title {
        font-size: 20px !important;
        font-weight: 700 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__panel-subtitle {
        font-size: 12px !important;
        font-weight: 500 !important;
    }
}

/* SMART CAT MENU - HOME STATIC BLOCK */
@media (min-width: 1200px) {
    /* Повертаємо місце статичного блоку на головній */
    body.smart-cat-ready .smart-home-catalog-static {
        display: block !important;
        position: relative !important;
        overflow: visible !important;
        z-index: 5 !important;
    }

    /* Ховаємо стару копію меню, якщо slideshow встиг її вставити */
    body.smart-cat-ready .smart-home-catalog-static .smart-home-catalog-box,
    body.smart-cat-ready .smart-home-catalog-static .ds-menu-catalog:not(.smart-cat-menu) {
        display: none !important;
    }

    /* Нове меню у статичному блоці */
    .smart-home-catalog-static .smart-cat-menu--home-static {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: block !important;
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        height: var(--smart-cat-dynamic-height, 430px) !important;
        min-height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        margin: 0 !important;
        z-index: 20 !important;
        box-shadow: 0 12px 34px rgba(0, 23, 31, .10) !important;
        overflow: visible !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left {
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        height: var(--smart-cat-dynamic-height, 430px) !important;
        min-height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right {
        position: absolute !important;
        left: 330px !important;
        top: 0 !important;
        width: 730px !important;
        min-width: 730px !important;
        height: var(--smart-cat-dynamic-height, 430px) !important;
        min-height: var(--smart-cat-dynamic-height, 430px) !important;
        max-height: var(--smart-cat-dynamic-height, 430px) !important;
        background: #fff !important;
        border-left: 1px solid rgba(0, 52, 89, .14) !important;
        border-radius: 0 12px 12px 0 !important;
        box-shadow: 18px 18px 55px rgba(0, 23, 31, .14) !important;
        z-index: 25 !important;
        display: none;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static:hover .smart-cat-menu__right {
        display: block !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    /* На головній кнопка не має відкривати попап, тому backdrop не потрібен від кнопки */
    body:has(.smart-home-catalog-static) .smart-cat-backdrop.is-active {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* HOME STATIC MENU FIX */
@media (min-width: 1200px) {
    body.common-home .smart-home-catalog-static {
        display: block !important;
        position: relative !important;
        z-index: 6 !important;
        overflow: visible !important;
    }

    /* Новий статичний блок на головній */
    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static {
        position: relative !important;
        top: -2px !important; /* підняли на 2px */
        left: 0 !important;
        margin: 0 !important;
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: visible !important;
        box-shadow: 0 12px 34px rgba(0, 23, 31, .10) !important;
        z-index: 20 !important;
    }

    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left {
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__list {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Правий блок на головній показуємо завжди */
    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right {
        display: block !important;
        position: absolute !important;
        left: 330px !important;
        top: 0 !important;
        width: 730px !important;
        min-width: 730px !important;
        max-width: 730px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: hidden !important;
        background: #fff !important;
        border-left: 1px solid rgba(0, 52, 89, .14) !important;
        border-radius: 0 12px 12px 0 !important;
        box-shadow: 18px 18px 55px rgba(0, 23, 31, .14) !important;
        z-index: 25 !important;
    }

    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__panel-head {
        height: 48px !important;
        margin-bottom: 16px !important;
    }

    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__grid {
        height: calc(600px - 24px - 48px - 16px - 24px) !important;
        max-height: calc(600px - 24px - 48px - 16px - 24px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-content: start !important;
    }

    /* Щоб під банером не просвічував старий/порожній блок */
    body.common-home .smart-home-catalog-static .smart-home-catalog-box,
    body.common-home .smart-home-catalog-static .ds-menu-catalog:not(.smart-cat-menu) {
        display: none !important;
    }
}

/* FORCE HOME STATIC CATALOG HEIGHT 600 */
@media (min-width: 1200px) {
    .smart-home-catalog-static {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: visible !important;
        position: relative !important;
        top: -2px !important;
        z-index: 20 !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static.is-open {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        overflow: visible !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        overflow: hidden !important;
        border-radius: 12px 0 0 12px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__list {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right {
        display: block !important;
        position: absolute !important;
        left: 330px !important;
        top: 0 !important;
        width: 730px !important;
        min-width: 730px !important;
        max-width: 730px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: hidden !important;
        background: #fff !important;
        border-left: 1px solid rgba(0, 52, 89, .14) !important;
        border-radius: 0 12px 12px 0 !important;
        box-shadow: 18px 18px 55px rgba(0, 23, 31, .14) !important;
        z-index: 30 !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        height: 488px !important;
        min-height: 488px !important;
        max-height: 488px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-content: start !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__panel-head {
        height: 48px !important;
        margin-bottom: 16px !important;
    }
}

/* HOME STATIC RIGHT PANEL ONLY ON CATEGORY HOVER */
@media (min-width: 1200px) {
    /* На головній правий блок прихований по замовчуванню */
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right {
        display: none !important;
    }

    /* Показуємо тільки після наведення на категорію з підкатегоріями */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        display: block !important;
    }

    /* Без активної категорії не показувати правий блок */
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right {
        display: none !important;
    }

    /* Лівий блок лишається 600px */
    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__list {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }
}

/* HOME STATIC RIGHT FULL WIDTH + 7 COLUMNS */
@media (min-width: 1200px) {
    .smart-home-catalog-static .smart-cat-menu--home-static {
        overflow: visible !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right {
        width: var(--smart-home-right-width, 1060px) !important;
        min-width: var(--smart-home-right-width, 1060px) !important;
        max-width: var(--smart-home-right-width, 1060px) !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__card {
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
        padding: 10px 7px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 92px !important;
        height: 56px !important;
        flex: 0 0 56px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 13.5px !important;
        line-height: 1.18 !important;
        font-weight: 500 !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

/* HOME STATIC MENU - RADIUS/BORDER FIX */
@media (min-width: 1200px) {
    /* Коли правий блок НЕ відкритий — лівий блок самостійний, з усіма радіусами */
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) {
        border-radius: 12px !important;
        overflow: visible !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__left {
        border-radius: 12px !important;
        border-right: 0 !important;
        box-shadow: 0 12px 34px rgba(0, 23, 31, .10) !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right {
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Приховуємо будь-яку вертикальну лінію/псевдофон справа, коли підкатегорії закриті */
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right)::before,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right)::after,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right::before,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right::after {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* Коли правий блок відкритий — стикуємо лівий і правий блоки */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        border-radius: 12px 0 0 12px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__left {
        border-radius: 12px 0 0 12px !important;
        border-right: 1px solid rgba(0, 52, 89, .14) !important;
        box-shadow: none !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        border-radius: 0 12px 12px 0 !important;
        border-left: 1px solid rgba(0, 52, 89, .14) !important;
        box-shadow: 18px 18px 55px rgba(0, 23, 31, .14) !important;
    }

    /* Щоб між блоками не було щілини */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        left: 329px !important;
    }
}

/* HOME STATIC MENU - NO SHADOW + BLACK 15% BORDER */
@media (min-width: 1200px) {
    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right),
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        box-shadow: none !important;
        border: 1px solid rgba(0, 0, 0, .15) !important;
        border-radius: 12px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__left {
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 12px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__left {
        box-shadow: none !important;
        border: 0 !important;
        border-right: 1px solid rgba(0, 0, 0, .15) !important;
        border-radius: 12px 0 0 12px !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        box-shadow: none !important;
        border: 1px solid rgba(0, 0, 0, .15) !important;
        border-left: 0 !important;
        border-radius: 0 12px 12px 0 !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right {
        box-shadow: none !important;
        border: 0 !important;
    }
}

/* HOME STATIC MENU - SOFT SHADOW RETURN */
@media (min-width: 1200px) {
    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right),
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        border: 1px solid rgba(0, 0, 0, .08) !important;
        box-shadow: 0 10px 28px rgba(0, 23, 31, .07) !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__left {
        border: 0 !important;
        box-shadow: none !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__left {
        border: 0 !important;
        border-right: 1px solid rgba(0, 0, 0, .08) !important;
        box-shadow: none !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        border: 1px solid rgba(0, 0, 0, .08) !important;
        border-left: 0 !important;
        box-shadow: 10px 14px 34px rgba(0, 23, 31, .08) !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right {
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* HOME STATIC MENU - REMOVE OUTER BORDER, KEEP DIVIDER */
@media (min-width: 1200px) {
    /* Прибираємо зовнішній бордер і тінь з основного статичного меню */
    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right),
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Лівий блок: без зовнішнього бордера, з нормальним радіусом */
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__left {
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

    /* Коли другий рівень відкритий — праві кути лівого блоку рівні */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__left {
        border: 0 !important;
        border-right: 1px solid rgba(0, 52, 89, .14) !important;
        box-shadow: none !important;
        border-radius: 12px 0 0 12px !important;
        background: #fff !important;
    }

    /* Правий блок: без зовнішнього бордера, тільки білий фон */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        border: 0 !important;
        border-left: 0 !important;
        box-shadow: none !important;
        border-radius: 0 12px 12px 0 !important;
        background: #fff !important;
    }

    /* Єдина лінія-розділювач між лівим і правим блоком */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 1px !important;
        background: rgba(0, 52, 89, .14) !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important;
    }

    /* Коли другий рівень закритий — ніяких ліній справа */
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__right::before,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right)::before,
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right)::after {
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* HOME STATIC MENU - RIGHT EDGE OVERLAP FIX */
@media (min-width: 1200px) {
    /* Трохи розширюємо правий фон, щоб перекрити просвіт банера */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        width: calc(var(--smart-home-right-width, 1060px) + 8px) !important;
        min-width: calc(var(--smart-home-right-width, 1060px) + 8px) !important;
        max-width: calc(var(--smart-home-right-width, 1060px) + 8px) !important;
        padding-right: 30px !important;
        border-radius: 0 12px 12px 0 !important;
        background: #fff !important;
    }

    /* Додатковий білий шар на правому краї */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: -8px !important;
        bottom: 0 !important;
        width: 12px !important;
        background: #fff !important;
        border-radius: 0 12px 12px 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__panel-head,
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__grid {
        position: relative !important;
        z-index: 3 !important;
    }
}

/* HOME STATIC MENU - SOFT BUT VISIBLE SHADOW */
@media (min-width: 1200px) {
    /* Лівий статичний блок */
    .smart-home-catalog-static .smart-cat-menu--home-static:not(.show-right) .smart-cat-menu__left {
        box-shadow: 0 14px 38px rgba(0, 23, 31, .10) !important;
    }

    /* Коли відкритий другий рівень — тінь на весь об'єднаний блок */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__left {
        box-shadow: -8px 14px 38px rgba(0, 23, 31, .08) !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        box-shadow: 14px 16px 40px rgba(0, 23, 31, .10) !important;
    }

    /* Загальна м'яка тінь, щоб блок не зливався */
    .smart-home-catalog-static .smart-cat-menu--home-static {
        filter: drop-shadow(0 12px 30px rgba(0, 23, 31, .07)) !important;
    }
}

/* PC SECOND LEVEL TITLE MARKER FIX */
@media (min-width: 1200px) {
    .smart-cat-menu__panel-title {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .smart-cat-menu__panel-title .cat-marker,
    .smart-cat-menu__panel-title-marker {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 4px !important;
        vertical-align: middle !important;
    }
}

/* PC CATALOG MENU - HIDE SECOND LEVEL SUBTITLE */
@media (min-width: 1200px) {
    .smart-cat-menu__panel-subtitle {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* PC HEADER: LOGO + CATALOG BUTTON FIT 330PX */
@media (min-width: 1200px) {
    .ds-header-catalog-button {
        width: var(--smart-pc-catalog-button-width, 170px) !important;
        min-width: var(--smart-pc-catalog-button-width, 170px) !important;
        max-width: var(--smart-pc-catalog-button-width, 170px) !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        justify-content: center !important;
        gap: 8px !important;
        flex-shrink: 0 !important;
    }

    .ds-header-catalog-button .button-text {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ds-header-catalog-button svg {
        flex: 0 0 auto !important;
    }
}

/* PC HEADER: CATALOG BUTTON STRICT FIT */
@media (min-width: 1200px) {
    .ds-header-catalog-button {
        width: var(--smart-pc-catalog-button-width, 145px) !important;
        min-width: var(--smart-pc-catalog-button-width, 145px) !important;
        max-width: var(--smart-pc-catalog-button-width, 145px) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 7px !important;
        flex-shrink: 0 !important;
        justify-content: center !important;
    }

    .ds-header-catalog-button svg {
        width: 18px !important;
        min-width: 18px !important;
        flex: 0 0 18px !important;
    }

    .ds-header-catalog-button .button-text {
        font-size: 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* PC HEADER: FIXED CATALOG BUTTON WIDTH, NO JUMP */
@media (min-width: 1200px) {
    .ds-header-catalog-button {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 7px !important;
        flex-shrink: 0 !important;
        justify-content: center !important;
        transition: background-color .18s ease, color .18s ease, border-color .18s ease !important;
    }

    .ds-header-catalog-button svg {
        width: 18px !important;
        min-width: 18px !important;
        flex: 0 0 18px !important;
    }

    .ds-header-catalog-button .button-text {
        font-size: 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* PC HEADER: CATALOG BUTTON WIDTH 170PX */
@media (min-width: 1200px) {
    .ds-header-catalog-button {
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
    }
}

/* PC CATALOG MENU: HIDE SECOND LEVEL TITLE */
/*
 * Ховаємо заголовок категорії в другому рівні меню.
 * Щоб повернути назад — видалити або закоментувати цей блок.
 */
@media (min-width: 1200px) {
    .smart-cat-menu__right .smart-cat-menu__panel-head {
        display: none !important;
    }

    /*
     * Компенсуємо місце, яке займав заголовок,
     * щоб підкатегорії піднялись вище.
     */
    .smart-cat-menu__right .smart-cat-menu__grid {
        height: calc(100% - 0px) !important;
        max-height: 100% !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        height: 100% !important;
        max-height: 100% !important;
    }
}

/* PC CATALOG MENU: COMPACT CARDS + AUTO RIGHT WIDTH */
@media (min-width: 1200px) {
    .smart-cat-menu {
        width: var(--smart-menu-auto-width, auto) !important;
        max-width: none !important;
    }

    .smart-cat-menu__right,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 934px) !important;
        min-width: var(--smart-right-auto-width, 934px) !important;
        max-width: var(--smart-right-auto-width, 934px) !important;
        padding: 22px !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;
        grid-template-columns: repeat(var(--smart-right-auto-cols, 7), 118px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-content: start !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 4px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        height: 98px !important;
        min-height: 98px !important;
        max-height: 98px !important;
        padding: 8px 6px 9px !important;
        border-radius: 10px !important;
        gap: 4px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 46px !important;
        flex: 0 0 46px !important;
        margin-bottom: 2px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 80px !important;
        max-height: 46px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 12.5px !important;
        line-height: 1.12 !important;
        font-weight: 500 !important;
        min-height: auto !important;
    }

    /*
     * Для головної: правий рівень теж не розтягується на всю ширину,
     * а тільки під кількість підкатегорій.
     */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 934px) !important;
        min-width: var(--smart-right-auto-width, 934px) !important;
        max-width: var(--smart-right-auto-width, 934px) !important;
    }
}

/* PC CATALOG MENU: FINAL AUTO WIDTH FIX HOME + OTHER PAGES */
@media (min-width: 1200px) {
    /*
     * Дозволяємо правому блоку на головній заходити поверх банера,
     * щоб фон не обрізав останні плитки.
     */
    .ds-slideshow,
    .ds-slideshow.menu-active,
    .smart-home-catalog-static,
    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__left {
        overflow: visible !important;
    }

    .smart-home-catalog-static {
        position: relative !important;
        z-index: 20 !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        width: var(--smart-menu-auto-width, auto) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    /*
     * Головна: правий фон має брати нашу автоширину, а не старі 1086px.
     */
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right,
    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 916px) !important;
        min-width: var(--smart-right-auto-width, 916px) !important;
        max-width: var(--smart-right-auto-width, 916px) !important;
        z-index: 30 !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    /*
     * Інші сторінки / попап: меню теж не має тягнутись на всю ширину сайту.
     */
    body:not(.common-home) .smart-cat-menu.show-right,
    .smart-cat-menu:not(.smart-cat-menu--home-static).show-right {
        width: var(--smart-menu-auto-width, auto) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body:not(.common-home) .smart-cat-menu.show-right .smart-cat-menu__right,
    .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 916px) !important;
        min-width: var(--smart-right-auto-width, 916px) !important;
        max-width: var(--smart-right-auto-width, 916px) !important;
        overflow: hidden !important;
    }

    /*
     * Плитки трохи компактніші, 7 в ряд максимум.
     */
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(var(--smart-right-auto-cols, 7), 112px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-content: start !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 4px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;
        padding: 7px 5px 8px !important;
        border-radius: 10px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 43px !important;
        flex: 0 0 43px !important;
        margin-bottom: 2px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 76px !important;
        max-height: 43px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 12.3px !important;
        line-height: 1.12 !important;
        font-weight: 500 !important;
    }
}

/* PC CATALOG MENU: 6 COLUMNS + HOME STATIC NO CUT */
@media (min-width: 1200px) {
    /*
     * Максимум 6 плиток у ряд.
     */
    .smart-cat-menu__right .smart-cat-menu__grid,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(var(--smart-right-auto-cols, 6), 118px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-content: start !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 8px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        height: 98px !important;
        min-height: 98px !important;
        max-height: 98px !important;
        padding: 8px 6px 9px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 45px !important;
        flex: 0 0 45px !important;
        margin-bottom: 2px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 78px !important;
        max-height: 45px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 12.5px !important;
        line-height: 1.12 !important;
        font-weight: 500 !important;
    }

    /*
     * Головна: правий фон не обрізає останню колонку.
     */
    .smart-home-catalog-static,
    .smart-home-catalog-static .smart-cat-menu--home-static,
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        overflow: visible !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        width: var(--smart-menu-auto-width, auto) !important;
        max-width: none !important;
    }

    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 848px) !important;
        min-width: var(--smart-right-auto-width, 848px) !important;
        max-width: var(--smart-right-auto-width, 848px) !important;
        padding-left: 22px !important;
        padding-right: 28px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    /*
     * Інші сторінки: фон теж по ширині 6 колонок, не на всю ширину.
     */
    .smart-cat-menu:not(.smart-cat-menu--home-static).show-right {
        width: var(--smart-menu-auto-width, auto) !important;
        max-width: none !important;
    }

    .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 848px) !important;
        min-width: var(--smart-right-auto-width, 848px) !important;
        max-width: var(--smart-right-auto-width, 848px) !important;
        padding-left: 22px !important;
        padding-right: 28px !important;
        box-sizing: border-box !important;
    }
}

/* PC CATALOG MENU: STABLE 6 COLUMNS FINAL OVERRIDE */
@media (min-width: 1200px) {
    .smart-cat-menu.show-right,
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        width: var(--smart-menu-auto-width, auto) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .smart-cat-menu__right,
    .smart-cat-menu.show-right .smart-cat-menu__right,
    .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 806px) !important;
        min-width: var(--smart-right-auto-width, 806px) !important;
        max-width: var(--smart-right-auto-width, 806px) !important;

        padding: 24px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        background: #fff !important;
    }

    .smart-cat-menu__right .smart-cat-menu__grid,
    .smart-home-catalog-static .smart-cat-menu--home-static .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;
        grid-template-columns: repeat(var(--smart-right-auto-cols, 6), 118px) !important;
        gap: 10px !important;

        justify-content: start !important;
        align-content: start !important;

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

        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;

        height: 98px !important;
        min-height: 98px !important;
        max-height: 98px !important;

        padding: 8px 6px 9px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 45px !important;
        flex: 0 0 45px !important;
        margin-bottom: 2px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 78px !important;
        max-height: 45px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 12.5px !important;
        line-height: 1.12 !important;
        font-weight: 500 !important;
        min-height: auto !important;
    }

    .smart-home-catalog-static,
    .smart-home-catalog-static .smart-cat-menu--home-static {
        overflow: visible !important;
    }
}

/* PC POPUP MENU ONLY: AUTO WIDTH FOR HEADER CATALOG MENU */
@media (min-width: 1200px) {
    /*
     * ВАЖЛИВО:
     * .smart-home-catalog-static НЕ чіпаємо.
     * Це тільки попап-меню з кнопки Каталог на інших сторінках.
     */
    .smart-cat-menu:not(.smart-cat-menu--home-static):not(.smart-cat-menu--home-popup).show-right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right {
        width: var(--smart-popup-menu-width, auto) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .smart-cat-menu:not(.smart-cat-menu--home-static):not(.smart-cat-menu--home-popup).show-right .smart-cat-menu__right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right {
        width: var(--smart-popup-right-width, 806px) !important;
        min-width: var(--smart-popup-right-width, 806px) !important;
        max-width: var(--smart-popup-right-width, 806px) !important;

        padding: 24px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        background: #fff !important;
    }

    .smart-cat-menu:not(.smart-cat-menu--home-static):not(.smart-cat-menu--home-popup).show-right .smart-cat-menu__right .smart-cat-menu__grid,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;
        grid-template-columns: repeat(var(--smart-popup-right-cols, 6), 118px) !important;
        gap: 10px !important;

        justify-content: start !important;
        align-content: start !important;

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

        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .smart-cat-menu:not(.smart-cat-menu--home-static):not(.smart-cat-menu--home-popup).show-right .smart-cat-menu__right .smart-cat-menu__card,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right .smart-cat-menu__card {
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;

        height: 98px !important;
        min-height: 98px !important;
        max-height: 98px !important;

        padding: 8px 6px 9px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }
}

/* PC POPUP MENU ONLY: FINAL WIDTH OVERRIDE */
@media (min-width: 1200px) {
    /*
     * Тільки попап з кнопки Каталог.
     * Статичний блок на головній не чіпаємо.
     */
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open {
        width: var(--smart-popup-menu-width, 806px) !important;
        min-width: var(--smart-popup-menu-width, 806px) !important;
        max-width: var(--smart-popup-menu-width, 806px) !important;
        overflow: visible !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open .smart-cat-menu__right {
        width: var(--smart-popup-right-width, 476px) !important;
        min-width: var(--smart-popup-right-width, 476px) !important;
        max-width: var(--smart-popup-right-width, 476px) !important;
        padding: 24px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__grid {
        grid-template-columns: repeat(var(--smart-popup-right-cols, 6), 118px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-content: start !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}

/* PC POPUP MENU ONLY: FIX ROW GAP BETWEEN SUBCATEGORY CARDS */
@media (min-width: 1200px) {
    /*
     * Тільки меню з кнопки "Каталог" на інших сторінках.
     * Статичний блок на головній НЕ чіпаємо.
     */
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open .smart-cat-menu__right {
        align-items: flex-start !important;
        align-content: flex-start !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right .smart-cat-menu__grid,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;
        grid-template-columns: repeat(var(--smart-popup-right-cols, 6), 118px) !important;

        column-gap: 10px !important;
        row-gap: 10px !important;
        gap: 10px !important;

        align-content: start !important;
        justify-content: start !important;
        align-items: start !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;

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

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

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right .smart-cat-menu__card,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open .smart-cat-menu__right .smart-cat-menu__card {
        margin: 0 !important;
    }
}

/* PC POPUP MENU ONLY: REMOVE EXTRA VERTICAL SPACING IN SUBCATEGORY GRID */
@media (min-width: 1200px) {
    /*
     * Тільки попап з кнопки "Каталог" на інших сторінках.
     * Статичний блок на головній не чіпаємо.
     */

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        display: block !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;

        grid-template-columns: repeat(var(--smart-popup-right-cols, 6), 118px) !important;
        grid-auto-rows: 98px !important;

        column-gap: 10px !important;
        row-gap: 10px !important;
        gap: 10px !important;

        justify-content: start !important;
        align-content: start !important;
        justify-items: stretch !important;
        align-items: start !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card {
        align-self: start !important;
        justify-self: stretch !important;

        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;

        height: 98px !important;
        min-height: 98px !important;
        max-height: 98px !important;

        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /*
     * Якщо правий блок високий 600px — це ок,
     * але сама сітка не має розтягувати рядки на всю висоту.
     */
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open .smart-cat-menu__right {
        overflow: hidden !important;
    }
}

/* PC CATALOG MENU: MIN PRICE UNDER SUBCATEGORY */
@media (min-width: 1200px) {
    .smart-cat-menu__card-price {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 3px !important;
        padding: 3px 7px !important;
        border-radius: 15px !important;
        background: #FFEB3B !important;
        color: #2b2b2b !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 40px !important;
        flex: 0 0 40px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-height: 40px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        font-size: 12.2px !important;
        line-height: 1.1 !important;
    }
}

/* PC MENU: price badge under category name */
@media (min-width: 1200px) {
    .smart-cat-menu__card-price {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 4px !important;
        padding: 3px 7px !important;
        border-radius: 15px !important;
        background: #FFEB3B !important;
        color: #2b2b2b !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 40px !important;
        flex: 0 0 40px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-height: 40px !important;
    }
}

/* PC MENU: final fix price visible + equal card height */
@media (min-width: 1200px) {
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-auto-rows: 132px !important;
        align-content: start !important;
        align-items: start !important;
        row-gap: 10px !important;
        column-gap: 10px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        height: 132px !important;
        min-height: 132px !important;
        max-height: 132px !important;

        padding: 10px 8px 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;

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

        margin-bottom: 8px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-height: 40px !important;
        width: auto !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        display: block !important;
        width: 100% !important;

        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;

        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
        text-align: center !important;

        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-price {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-top: auto !important;
        margin-bottom: 0 !important;

        padding: 4px 8px !important;
        border-radius: 14px !important;
        background: #ffeb3b !important;
        color: #2b2b2b !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;

        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* PC MENU: compact price cards final */
@media (min-width: 1200px) {
    /*
     * Однакова висота рядків у всіх ПК-меню:
     * і статичний блок на головній, і меню через кнопку Каталог.
     */
    .smart-cat-menu__right .smart-cat-menu__grid {
        grid-auto-rows: 118px !important;
        align-content: start !important;
        align-items: start !important;
        row-gap: 10px !important;
        column-gap: 10px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;

        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;

        padding: 8px 6px 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        flex: 0 0 38px !important;

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

        margin-bottom: 6px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 76px !important;
        max-height: 38px !important;
        width: auto !important;
        height: auto !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-name {
        display: block !important;
        width: 100% !important;

        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;

        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;

        overflow: hidden !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card-price {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-top: auto !important;
        margin-bottom: 0 !important;

        max-width: 100% !important;
        height: 18px !important;
        min-height: 18px !important;

        padding: 3px 7px !important;
        border-radius: 14px !important;

        background: #ffeb3b !important;
        color: #2b2b2b !important;

        font-size: 10.5px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /*
     * Щоб у попап-меню через кнопку Каталог ціна теж не обрізалась старими правилами.
     */
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__grid {
        grid-auto-rows: 118px !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card {
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
    }
}

/* PC POPUP MENU ONLY: normal card style with visible prices */
@media (min-width: 1200px) {
    /*
     * Тільки меню, яке відкривається через кнопку "Каталог" на інших сторінках.
     * Статичний блок на головній НЕ чіпаємо.
     */
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__grid {
        grid-auto-rows: 128px !important;
        grid-template-columns: repeat(var(--smart-popup-right-cols, 6), 118px) !important;

        column-gap: 10px !important;
        row-gap: 10px !important;

        align-content: start !important;
        align-items: start !important;
        justify-content: start !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;

        height: 128px !important;
        min-height: 128px !important;
        max-height: 128px !important;

        padding: 8px 6px 9px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-img {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;

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

        margin-bottom: 6px !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 76px !important;
        max-height: 40px !important;
        width: auto !important;
        height: auto !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-name {
        display: block !important;
        width: 100% !important;

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

        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 600 !important;
        text-align: center !important;

        overflow: hidden !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-price {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-top: auto !important;
        margin-bottom: 0 !important;

        height: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;

        max-width: 108px !important;

        padding: 3px 8px !important;
        border-radius: 14px !important;

        background: #ffeb3b !important;
        color: #2b2b2b !important;

        font-size: 10.5px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /*
     * Правий блок у попапі має не різати нижню частину плиток.
     */
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).show-right .smart-cat-menu__right,
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static).is-open .smart-cat-menu__right {
        overflow: visible !important;
    }
}

/* PC MENU: show all card centered + light blue background */
@media (min-width: 1200px) {
    .smart-cat-menu__right .smart-cat-menu__card.smart-cat-menu__card--show-all {
        background: #eef9ff !important;
        border-color: rgba(0, 168, 232, .28) !important;
        color: #00171f !important;

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

        text-align: center !important;
        padding: 12px 10px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card.smart-cat-menu__card--show-all:hover {
        background: #e1f5ff !important;
        border-color: rgba(0, 168, 232, .45) !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card--show-all .smart-cat-menu__show-all-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;

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

        margin: 0 0 10px 0 !important;

        background: transparent !important;
        color: #00171f !important;
        border-radius: 0 !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card--show-all .smart-cat-menu__show-all-icon svg {
        width: 18px !important;
        height: 14px !important;
    }

    .smart-cat-menu__right .smart-cat-menu__card--show-all .smart-cat-menu__card-name {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        font-size: 12.5px !important;
        line-height: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;

        overflow: visible !important;
    }
}

/* PC POPUP MENU: show all card same style as static menu */
@media (min-width: 1200px) {
    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card.smart-cat-menu__card--show-all {
        background: #eef9ff !important;
        border-color: rgba(0, 168, 232, .28) !important;
        color: #00171f !important;

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

        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;

        height: 128px !important;
        min-height: 128px !important;
        max-height: 128px !important;

        padding: 12px 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card.smart-cat-menu__card--show-all:hover {
        background: #e1f5ff !important;
        border-color: rgba(0, 168, 232, .45) !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card--show-all .smart-cat-menu__show-all-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;

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

        margin: 0 0 10px 0 !important;

        background: transparent !important;
        color: #00171f !important;
        border-radius: 0 !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card--show-all .smart-cat-menu__show-all-icon svg {
        width: 18px !important;
        height: 14px !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card--show-all .smart-cat-menu__card-name {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        font-size: 12.5px !important;
        line-height: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;

        overflow: visible !important;
    }

    body:not(.common-home) .smart-cat-menu:not(.smart-cat-menu--home-static) .smart-cat-menu__card--show-all .smart-cat-menu__card-price {
        display: none !important;
    }
}

/* Забороняємо скрол сторінки, коли відкрите ПК-меню Каталог */
@media (min-width: 1200px) {
    body.smart-cat-opened {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body.smart-cat-opened .smart-cat-menu {
        overscroll-behavior: contain;
    }

    body.smart-cat-opened .smart-cat-menu__right .smart-cat-menu__grid {
        overscroll-behavior: contain;
    }
}
/* SMART CAT MENU - z-index fix over sticky blocks */
@media (min-width: 1200px) {
    .smart-cat-backdrop {
        z-index: 10990 !important;
    }

    .smart-cat-menu {
        z-index: 11000 !important;
    }

    body.smart-cat-opened .smart-cat-menu {
        z-index: 11000 !important;
    }

    body.smart-cat-opened .sticky-top {
        z-index: auto !important;
    }

    body.smart-cat-opened header.ds-header.sticky-top {
        z-index: 11010 !important;
    }
}
/* SMART CAT MENU - blur backdrop on home page */
@media (min-width: 1200px) {
    body.smart-cat-home-static-ready.smart-cat-opened .smart-cat-backdrop {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        background: rgba(0, 23, 31, .25) !important;
        backdrop-filter: blur(7px) !important;
        -webkit-backdrop-filter: blur(7px) !important;
        z-index: 10990 !important;
    }

    body.smart-cat-home-static-ready.smart-cat-opened .smart-cat-menu:not(.smart-cat-menu--home-static) {
        z-index: 11000 !important;
    }

    body.smart-cat-home-static-ready.smart-cat-opened header.ds-header {
        z-index: 11010 !important;
    }
}
/* HOME STATIC MENU: do not cover full banner with white panel */
@media (min-width: 1200px) {
    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static.show-right {
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right {
        width: var(--smart-right-auto-width, 806px) !important;
        min-width: var(--smart-right-auto-width, 806px) !important;
        max-width: var(--smart-right-auto-width, 806px) !important;

        background: #fff !important;
        border-radius: 0 12px 12px 0 !important;
        overflow: hidden !important;
        box-shadow: 18px 18px 55px rgba(0, 23, 31, .14) !important;
    }

    body.common-home .smart-home-catalog-static .smart-cat-menu--home-static.show-right .smart-cat-menu__right .smart-cat-menu__grid {
        width: max-content !important;
        max-width: 100% !important;
        grid-template-columns: repeat(var(--smart-right-auto-cols, 6), 118px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-content: start !important;
    }
}
/* SMART CAT MENU - first level only until category hover */
@media (min-width: 1200px) {
    .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__left {
        border-radius: 12px !important;
        border: 1px solid rgba(0, 52, 89, .10) !important;
        box-shadow: 0 24px 70px rgba(0, 23, 31, .22) !important;
    }

    .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) {
        background: #fff !important;
        border: 1px solid rgba(0, 52, 89, .10) !important;
        box-shadow: 0 24px 70px rgba(0, 23, 31, .22) !important;
        overflow: hidden !important;
    }

    .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* POPUP CATALOG: first level only state fix */
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) {
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static)::before {
        display: none !important;
        content: none !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__left {
        width: 330px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(0, 52, 89, .10) !important;
        box-shadow: 0 24px 70px rgba(0, 23, 31, .22) !important;
        overflow: hidden !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}
/* POPUP CATALOG: compact first level rows */
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__list {
        padding: 10px !important;
        display: block !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__item {
        min-height: 60px !important;
        margin-bottom: 2px !important;
        gap: 8px !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__main {
        padding: 8px 0 8px 8px !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__img {
        width: 58px !important;
        height: 42px !important;
        flex: 0 0 58px !important;
    }
}
/* SMART CAT MENU: popup second level compact grid + min price */
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        padding: 24px !important;
        overflow: hidden !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__grid {
        display: grid !important;
        grid-template-columns: repeat(var(--smart-right-auto-cols, var(--smart-popup-right-cols, 6)), 118px) !important;
        grid-auto-rows: 122px !important;

        column-gap: 10px !important;
        row-gap: 10px !important;
        gap: 10px !important;

        align-content: start !important;
        align-items: start !important;
        justify-content: start !important;

        height: auto !important;
        max-height: 488px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;

        padding: 0 4px 4px 0 !important;
        margin: 0 !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card {
        width: 118px !important;
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;

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

        position: relative !important;
        overflow: hidden !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-img {
        width: 92px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

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

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-img img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-name {
        display: block !important;
        width: 100% !important;

        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        text-align: center !important;

        max-height: 32px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card-price {
        position: absolute !important;
        left: 50% !important;
        bottom: 8px !important;
        transform: translateX(-50%) !important;

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

        min-height: 18px !important;
        padding: 2px 8px !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        white-space: nowrap !important;

        color: #00171f !important;
        background: #ffe600 !important;
        border-radius: 999px !important;

        opacity: 1 !important;
        visibility: visible !important;
        z-index: 5 !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__card--show-all .smart-cat-menu__card-price {
        display: none !important;
    }
}
/* POPUP CATALOG: first level aligned with logo + catalog button */
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) {
        border-radius: 12px !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) .smart-cat-menu__left {
        width: 100% !important;
        border-radius: 12px !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) {
        padding: 0 !important;
    }
}
/* POPUP CATALOG: fix top gap and keep position stable */
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open:not(.smart-cat-menu--home-static) {
        margin-top: 0 !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.smart-cat-menu--home-static) {
        transform: none !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.show-right):not(.smart-cat-menu--home-static) {
        border-radius: 12px !important;
    }
}
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open:not(.smart-cat-menu--home-static) {
        margin-top: 16px !important;
    }
}
/* POPUP CATALOG: fixed height for all categories */
@media (min-width: 1200px) {
    body.smart-cat-opened .smart-cat-menu.is-open:not(.smart-cat-menu--home-static) {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: hidden !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.smart-cat-menu--home-static) .smart-cat-menu__left {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: hidden !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open:not(.smart-cat-menu--home-static) .smart-cat-menu__list {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        overflow: hidden !important;
    }

    body.smart-cat-opened .smart-cat-menu.is-open.show-right:not(.smart-cat-menu--home-static) .smart-cat-menu__right .smart-cat-menu__grid {
        height: 488px !important;
        min-height: 488px !important;
        max-height: 488px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}