:root.theme{
            --white: #ffffff;
            --black-900: #333333;
            --black-100: #f4f4f9;
            --ek-body-background-black-100: #ececf1;
            --ek-box-background-yellow-50: #fffde5;
            --violet-700: #0496ff;
            --violet-500: #0496ff;
            --violet-200: #0496ff;
            --violet-50: #ffffff;
            --button-violet-color: #ffffff;
            --button-violet-color-active: #ffffff;
            --button-violet-color-focus: #ffffff;
            --blue-500: #0496ff;
            --green-500: #42A852;
            --red-900: #E85C41;
            --yellow-50: #fffde5;
            --cs-shutter-background-color: #ffffff;
}

/* Product cards in category galleries */
.b-product-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.b-product-gallery__item {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 16px;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #e3e7ec;
    border-radius: 4px;
    background: var(--white, #ffffff);
    transition: border-color 175ms ease-in-out, box-shadow 175ms ease-in-out;
}

.b-product-gallery__item:hover {
    border-color: var(--violet-500, #0496ff);
    box-shadow: 0 6px 18px rgba(15, 29, 66, 0.12);
}

.b-product-gallery__image-link {
    display: flex;
    width: 100%;
    height: 220px;
    margin-bottom: 14px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
}

.b-product-gallery__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.b-product-gallery__header {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
}

.b-product-gallery__title {
    display: block;
    margin-bottom: 10px;
    color: var(--black-900, #333333);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.b-product-gallery__title:hover {
    color: var(--violet-500, #0496ff);
    text-decoration: underline;
}

.b-product-gallery__prices {
    display: flex;
    margin-top: auto;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.b-product-gallery__current-price {
    color: var(--black-900, #333333);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.b-product-gallery__old-price {
    color: #8a929b;
    font-size: 13px;
    text-decoration: line-through;
}

.b-product-gallery__data {
    position: relative;
    margin-top: 8px;
    min-height: 18px;
    font-size: 13px;
    line-height: 18px;
}

.b-product-gallery__state {
    display: inline-block;
}

.b-product-gallery__state_val_avail {
    color: var(--green-500, #42a852);
}

.b-product-gallery__state_val_order,
.b-product-gallery__state_val_not-available {
    color: var(--red-900, #e85c41);
}

.b-product-gallery__data-hider {
    display: none;
}

.b-product-gallery__buttons {
    margin-top: 14px;
}

.b-product-gallery__btn {
    display: inline-flex;
    width: 100%;
    min-height: 40px;
    padding: 9px 16px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid var(--violet-500, #0496ff);
    border-radius: 3px;
    background: var(--violet-500, #0496ff);
    color: var(--button-violet-color, #ffffff);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: filter 175ms ease-in-out, transform 175ms ease-in-out;
}

.b-product-gallery__btn:hover,
.b-product-gallery__btn:focus-visible {
    filter: brightness(0.92);
}

.b-product-gallery__btn:active {
    transform: translateY(1px);
}

@media (max-width: 900px) {
    .b-product-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (max-width: 600px) {
    .b-product-gallery {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .b-product-gallery__item {
        padding: 14px;
    }

    .b-product-gallery__image-link {
        height: 200px;
    }
}

        /*
         * Fallback for the original Satu.kz theme.
         * Several legacy theme files referenced above are no longer returned by
         * the server.  Keeping the essential layout here makes the page stable
         * while preserving its original blue storefront design and DOM.
         */
        *, *::before, *::after {
            box-sizing: border-box;
        }

        html {
            min-width: 320px;
            background: #eef1f4;
        }

        body.b-layout {
            min-width: 320px;
            min-height: 100vh;
            margin: 0;
            overflow-x: hidden;
            background: #eef1f4;
            color: #333;
            font: 14px/1.45 Arial, Helvetica, sans-serif;
        }

        body.b-layout img {
            max-width: 100%;
            border: 0;
        }

        body.b-layout a {
            color: #0874bd;
            text-decoration: none;
        }

        body.b-layout a:hover {
            color: #035f9e;
            text-decoration: underline;
        }

        body.b-layout button,
        body.b-layout input {
            font: inherit;
        }

        .b-online-edit__link,
        .b-online-edit__horizontal-borders,
        .b-online-edit__vertical-borders,
        .b-online-edit-banner__link,
        .b-online-edit-banner__horizontal-borders,
        .b-online-edit-banner__vertical-borders {
            display: none !important;
        }

        .b-head-control-panel {
            position: relative;
            z-index: 40;
            min-height: 40px;
            border-bottom: 1px solid #d9dee3;
            background: #f7f8f9;
            color: #555;
            font-size: 13px;
        }

        .b-head-control-panel__container {
            display: flex;
            align-items: center;
            width: min(1240px, calc(100% - 32px));
            min-height: 40px;
            margin: 0 auto;
            gap: 22px;
        }

        .b-head-control-panel__toolbar {
            display: none;
        }

        .b-head-control-panel__link_type_register {
            margin-right: auto;
            color: #52606d !important;
        }

        .b-head-control-panel__cart,
        .b-head-control-panel__opinions-bar {
            flex: 0 0 auto;
        }

        .b-shopping-button__wrapper,
        .b-review-info {
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .b-shopping-button__icon::before {
            content: "\1F6D2";
            font-size: 15px;
        }

        .b-review-info__icon::before {
            content: "\2605";
            color: #f2a600;
            font-style: normal;
        }

        .h-layout-clear {
            display: block;
            clear: both;
            height: 0;
        }

        .b-promo-banner {
            position: relative;
            z-index: 35;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 36px;
            padding: 8px 18px;
            text-align: center;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
        }

        .b-promo-banner__text {
            font-size: 14px;
            line-height: 20px;
        }

        .b-page {
            width: min(1240px, calc(100% - 32px));
            margin: 20px auto 0;
            background: #fff;
            box-shadow: 0 1px 5px rgba(27, 45, 61, .14);
        }

        .b-header {
            border-bottom: 1px solid #dfe5ea;
            background: #fff;
        }

        .b-header__wrapper {
            display: flex;
            align-items: center;
            width: 100%;
            padding-right: 26px;
            padding-left: 26px;
        }

        .b-header__top {
            border-bottom: 1px solid #e6eaed;
            background: #f8fafb;
        }

        .b-header__top .b-header__wrapper {
            min-height: 45px;
        }

        .b-header-phones,
        .b-header-phones__info {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px 24px;
        }

        .b-header-phones__item {
            position: relative;
            color: #34495e;
            font-size: 14px;
            font-weight: 700;
            white-space: nowrap;
        }

        .b-header-phones__item + .b-header-phones__item::before {
            position: absolute;
            top: 50%;
            left: -13px;
            width: 1px;
            height: 14px;
            background: #d6dce1;
            content: "";
            transform: translateY(-50%);
        }

        .b-header__schedule {
            margin-left: auto;
        }

        .b-schedule-btn {
            border: 0;
            background: transparent;
        }

        .b-schedule {
            padding: 15px;
            background: #fff;
        }

        .b-schedule__table {
            width: 100%;
            border-collapse: collapse;
        }

        .b-schedule__header,
        .b-schedule__cell {
            padding: 7px 10px;
            border: 1px solid #dfe5ea;
            text-align: left;
        }

        .b-header__middle .b-header__wrapper {
            min-height: 116px;
            gap: 30px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .b-header-company-name {
            display: flex;
            align-items: center;
            flex: 1 1 390px;
            min-width: 0;
            gap: 18px;
        }

        .b-header-company-name__logo-wrapper {
            flex: 0 0 auto;
        }

        .b-header-company-name__logo {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 170px;
            min-height: 85px;
        }

        .b-header-company-name__img {
            display: block;
            width: auto;
            max-width: 170px !important;
            max-height: 85px;
        }

        .b-header-company-name__description {
            min-width: 0;
            margin: 0;
            color: #263746;
            font-size: 25px;
            line-height: 1.2;
        }

        .b-header-company-name__title {
            display: block;
            overflow-wrap: anywhere;
        }

        .b-header__search {
            flex: 0 1 360px;
        }

        .b-search {
            position: relative;
            display: flex;
            width: 100%;
        }

        .b-search__field {
            width: 100%;
            height: 42px;
            padding: 0 52px 0 14px;
            border: 1px solid #b9c3cc;
            border-radius: 3px;
            outline: 0;
            background: #fff;
            color: #333;
        }

        .b-search__field:focus {
            border-color: #0496ff;
            box-shadow: 0 0 0 2px rgba(4, 150, 255, .15);
        }

        .b-search__button {
            position: absolute;
            top: 1px;
            right: 1px;
            width: 44px;
            height: 40px;
            border: 0;
            border-radius: 0 3px 3px 0;
            background: #0496ff;
            color: #fff;
            cursor: pointer;
        }

        .b-search__button::before {
            display: block;
            font-size: 19px;
            line-height: 40px;
            content: "\2315";
            transform: rotate(-20deg);
        }

        .b-header__cart {
            flex: 0 0 auto;
        }

        .b-cart-button__wrapper {
            display: flex;
            align-items: center;
            min-height: 42px;
            padding: 0 17px;
            border-radius: 3px;
            background: #0496ff;
            color: #fff;
            cursor: pointer;
            gap: 8px;
        }

        .b-cart-button__icon::before {
            content: "\1F6D2";
        }

        .b-header__nav-part {
            position: relative;
            z-index: 30;
            background: #0496ff;
        }

        .b-header__nav-part .b-header__wrapper {
            padding-right: 18px;
            padding-left: 18px;
        }

        .b-menu {
            width: 100%;
        }

        .b-menu__holder,
        .b-sub-menu__wrapper,
        .b-menu__sub-nav,
        .b-inner-menu__wrapper {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .b-menu__holder {
            display: flex;
            align-items: stretch;
            min-height: 48px;
        }

        .b-menu__item {
            position: relative;
            flex: 0 0 auto;
        }

        .b-menu__link-wrap {
            height: 100%;
        }

        .b-menu__link {
            display: flex;
            align-items: center;
            height: 48px;
            padding: 0 17px;
            color: #fff !important;
            font-size: 15px;
            font-weight: 700;
            text-decoration: none !important;
        }

        .b-menu__item:hover > .b-menu__link-wrap,
        .b-menu__item_state_active > .b-menu__link-wrap {
            background: rgba(0, 43, 84, .24);
        }

        .b-menu__arrow {
            position: absolute;
            top: 22px;
            right: 6px;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #fff;
        }

        .b-menu__sub-nav {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 100;
            display: none;
            min-width: 300px;
            max-width: min(720px, calc(100vw - 36px));
            padding: 10px;
            border: 1px solid #d4dce3;
            background: #fff;
            box-shadow: 0 7px 22px rgba(27, 45, 61, .25);
        }

        .b-menu__item:hover > .b-menu__sub-nav,
        .b-menu__item:focus-within > .b-menu__sub-nav {
            display: block;
        }

        .b-sub-menu_state_full {
            width: 680px;
        }

        .b-sub-menu_state_full > .b-sub-menu__wrapper {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 10px;
        }

        .b-sub-menu__link,
        .b-inner-menu__link {
            display: block;
            padding: 8px 10px;
            border-radius: 2px;
            color: #33495d !important;
            line-height: 1.3;
        }

        .b-sub-menu__link:hover,
        .b-inner-menu__link:hover {
            background: #eff7fd;
            color: #047ccf !important;
            text-decoration: none !important;
        }

        .b-sub-menu__inner-menu {
            display: none;
        }

        .b-page__main-content {
            display: flex;
            align-items: flex-start;
            gap: 30px;
            padding: 30px 26px 40px;
        }

        .b-page__content-wrapper {
            flex: 1 1 auto;
            min-width: 0;
        }

        .b-page__content {
            min-width: 0;
        }

        .b-page__row {
            margin: 0 0 32px;
        }

        .b-title {
            display: block;
            margin: 0 0 18px;
            padding: 0 0 10px;
            border-bottom: 2px solid #0496ff;
            color: #283b4c;
            font-size: 23px;
            font-weight: 700;
            line-height: 1.25;
        }

        .b-title_type_info {
            font-size: 22px;
        }

        .b-product-groups-gallery {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin: 0;
            padding: 0;
            list-style: none;
            gap: 24px 18px;
        }

        .b-product-groups-gallery__item {
            position: relative;
            min-width: 0;
        }

        .b-product-groups-gallery__image-link {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            width: 100%;
            aspect-ratio: 297 / 200;
            border: 1px solid #dde3e7;
            border-radius: 2px;
            background: #f7f9fa;
        }

        .b-product-groups-gallery__image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .2s ease;
        }

        .b-product-groups-gallery__image-link:hover .b-product-groups-gallery__image {
            transform: scale(1.025);
        }

        .b-product-groups-gallery__header {
            padding-top: 9px;
            text-align: center;
        }

        .b-product-groups-gallery__title {
            color: #284459 !important;
            font-size: 15px;
            font-weight: 700;
            line-height: 1.3;
        }

        .b-user-content {
            color: #404d57;
            font-size: 15px;
            line-height: 1.7;
        }

        .b-user-content p {
            margin: 0 0 13px;
        }

        .b-sidebar {
            flex: 0 0 255px;
            width: 255px;
        }

        .b-sidebar .b-page__row {
            overflow: hidden;
            border: 1px solid #dfe5e9;
            border-radius: 2px;
            background: #fff;
        }

        .b-caption {
            display: block;
            margin: 0;
            padding: 11px 14px;
            background: #0496ff;
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.25;
        }

        .b-caption_with_attr::before {
            content: attr(title);
        }

        .b-caption .b-title__link {
            color: #fff !important;
        }

        .b-nav,
        .b-nav__groups,
        .b-recent-articles,
        .b-recent-news {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .b-nav__item {
            position: relative;
            border-bottom: 1px solid #e5eaee;
        }

        .b-nav__item:last-child {
            border-bottom: 0;
        }

        .b-nav__link {
            display: block;
            padding: 10px 32px 10px 14px;
            color: #324b5f !important;
            font-size: 15px;
            font-weight: 700;
        }

        .b-nav__arrow {
            position: absolute;
            top: 16px;
            right: 13px;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-top-color: #7d8d98;
        }

        .b-sub-nav {
            border-top: 1px solid #e5eaee;
            background: #f8fafb;
        }

        .b-sub-nav__item + .b-sub-nav__item {
            border-top: 1px solid #edf0f2;
        }

        .b-sub-nav__link {
            display: block;
            padding: 7px 12px 7px 22px;
            color: #526675 !important;
            font-size: 13px;
            line-height: 1.3;
        }

        .b-recent-articles__item {
            display: flex;
            min-height: 100px;
            padding: 10px;
            border-bottom: 1px solid #e6ebef;
            gap: 10px;
        }

        .b-recent-articles__image-link {
            flex: 0 0 80px;
            width: 80px;
            height: 80px;
            overflow: hidden;
            background: #f2f4f5;
        }

        .b-recent-articles__image {
            display: block;
            width: 80px;
            height: 80px;
            object-fit: cover;
        }

        .b-recent-articles__header {
            min-width: 0;
        }

        .b-recent-articles__title,
        .b-recent-news__title {
            color: #334b5c !important;
            font-size: 13px;
            line-height: 1.35;
        }

        .b-recent-news__item {
            padding: 12px 14px;
            border-bottom: 1px solid #e6ebef;
        }

        .b-recent-articles__show-all,
        .b-recent-news__show-all {
            padding: 10px 14px;
            text-align: right;
        }

        .b-recent-articles__show-all-link,
        .b-recent-news__show-all-link {
            font-size: 13px;
            font-weight: 700;
        }

        .b-sidebar__container {
            padding: 4px 14px 14px;
        }

        .b-sidebar-contacts__list {
            border-bottom: 1px solid #e8ecef;
        }

        .b-sidebar-contacts__list:last-child {
            border-bottom: 0;
        }

        .b-sidebar-contacts__item {
            padding: 10px 0;
        }

        .b-sidebar-contacts__company-name {
            font-size: 15px;
            font-weight: 700;
        }

        .b-sidebar-contacts address {
            font-style: normal;
        }

        .b-sidebar-contacts__phone + .b-sidebar-contacts__phone {
            margin-top: 10px;
        }

        .b-sidebar-contacts__phones-single {
            color: #273d4e;
            font-weight: 700;
        }

        .b-sidebar-contacts__description {
            display: block;
            margin-top: 2px;
            color: #7a8993;
            font-size: 12px;
        }

        .b-sidebar-contacts__data-item_type_site,
        .b-sidebar-contacts__data-item_type_email,
        .b-sidebar-contacts__data-item_type_telegram,
        .b-sidebar-contacts__data-item_type_whatsapp {
            display: block;
            margin-top: 6px;
            overflow-wrap: anywhere;
        }

        .b-sidebar-contacts__data-item_type_telegram::before {
            content: "Telegram: ";
            color: #7a8993;
        }

        .b-sidebar-contacts__data-item_type_whatsapp::before {
            content: "WhatsApp: ";
            color: #7a8993;
        }

        .b-footer {
            width: min(1240px, calc(100% - 32px));
            margin: 0 auto 24px;
            padding: 18px 26px;
            background: #002855;
            color: #dbe7f2;
            font-size: 13px;
            text-align: center;
        }

        .b-footer__row + .b-footer__row {
            margin-top: 6px;
        }

        .b-footer a {
            color: #fff !important;
        }

        #google_translate_element {
            margin-top: 8px;
        }

        @media (max-width: 1180px) {
            .b-page__main-content {
                gap: 24px;
                padding-right: 20px;
                padding-left: 20px;
            }

            .b-product-groups-gallery {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .b-header__middle .b-header__wrapper {
                gap: 20px;
            }

            .b-header-company-name__description {
                font-size: 22px;
            }
        }

        @media (max-width: 780px) {
            .b-head-control-panel__container,
            .b-page,
            .b-footer {
                width: calc(100% - 20px);
            }

            .b-page {
                margin-top: 10px;
            }

            .b-header__wrapper {
                padding-right: 16px;
                padding-left: 16px;
            }

            .b-header__top .b-header__wrapper {
                padding-top: 9px;
                padding-bottom: 9px;
            }

            .b-header-phones__info {
                gap: 5px 20px;
            }

            .b-header__middle .b-header__wrapper {
                flex-wrap: wrap;
                min-height: 0;
                padding-top: 16px;
                padding-bottom: 16px;
            }

            .b-header-company-name {
                flex: 1 1 100%;
            }

            .b-header__search {
                flex: 1 1 auto;
            }

            .b-menu__holder {
                overflow-x: auto;
                scrollbar-width: thin;
            }

            .b-menu__link {
                white-space: nowrap;
            }

            .b-sub-menu_state_full {
                width: min(600px, calc(100vw - 40px));
            }

            .b-page__main-content {
                display: block;
                padding: 24px 18px 32px;
            }

            .b-sidebar {
                width: 100%;
                margin-top: 28px;
            }

            .b-footer {
                padding-right: 18px;
                padding-left: 18px;
            }
        }

        @media (max-width: 520px) {
            .b-head-control-panel__link_type_register {
                display: none;
            }

            .b-head-control-panel__container {
                justify-content: flex-end;
            }

            .b-promo-banner {
                padding-right: 10px;
                padding-left: 10px;
            }

            .b-header-phones,
            .b-header-phones__info {
                display: block;
                width: 100%;
            }

            .b-header-phones__item {
                display: inline-block;
                margin: 2px 12px 2px 0;
                font-size: 13px;
            }

            .b-header-phones__item + .b-header-phones__item::before {
                display: none;
            }

            .b-header-company-name {
                align-items: center;
                gap: 12px;
            }

            .b-header-company-name__logo {
                width: 110px;
                min-height: 60px;
            }

            .b-header-company-name__img {
                max-width: 110px !important;
                max-height: 60px;
            }

            .b-header-company-name__description {
                font-size: 20px;
            }

            .b-header__cart {
                display: none;
            }

            .b-menu__link {
                height: 44px;
                padding: 0 13px;
                font-size: 14px;
            }

            .b-menu__arrow {
                display: none;
            }

            .b-menu__sub-nav {
                display: none !important;
            }

            .b-product-groups-gallery {
                grid-template-columns: 1fr;
                gap: 22px;
            }

            .b-title {
                font-size: 21px;
            }
        }