/*******************************************************************************************
*   ___  _          ______                     _ _                _                        *
*  / _ \| |         | ___ \                   | (_)              | |              © 2025   *
* / /_\ | | _____  _| |_/ /_ __ __ _ _ __   __| |_ _ __   __ _   | |_ ___  __ _ _ __ ___   *
* |  _  | |/ _ \ \/ / ___ \ '__/ _` | '_ \ / _` | | '_ \ / _` |  | __/ _ \/ _` | '_ ` _ \  *
* | | | | |  __/>  <| |_/ / | | (_| | | | | (_| | | | | | (_| |  | ||  __/ (_| | | | | | | *
* \_| |_/_|\___/_/\_\____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |  \___\___|\__,_|_| |_| |_| *
*                                                         __/ |                            *
*                                                        |___/                             *
* ---------------------------------------------------------------------------------------- *
* This is commercial software, only users who have purchased a valid license and accept    *
* to the terms of the License Agreement can install and use this program.                  *
* ---------------------------------------------------------------------------------------- *
* website: https://cs-cart.alexbranding.com                                                *
*   email: info@alexbranding.com                                                           *
*******************************************************************************************/

.top-sticky-panel__filters {
    display: inline-block;
    align-content: center;
    width: 100%;
    background: @content_bg;
    border-top: 1px solid transparent;
    z-index: 3;

    [class^="span"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--gap-xs);
        z-index: -5;

        > div {
            flex: 0 0 auto;

            &.ut2-hz-filters {
                flex: 1 1 auto;
                min-width: 0;

                .ty-horizontal-product-filters.ut2-scroll-container {
                    margin: 0 20px;
                    padding: 0;
                }
            }

            @media (max-width: 576px) {
                flex: 0 0 calc(~'50% - (var(--gap) / 2)');

                > div {
                    max-width: 100%;
                }
            }
        }
    }

    .ty-horizontal-product-filters-dropdown__wrapper {
        height: var(--height-button);
        background: var(--fill-gray);
        box-shadow: none;
    }

    .ut2-categories {
        flex: 1 0 auto;
        justify-content: flex-end;
        display: flex;

        .ty-dropdown-box__title {
            i.ut2-icon:before {
                content: "\e92a";
                font-size: 24px;
            }
        }
    }
    .ut2-filters {
        .ty-dropdown-box__title {
            i.ut2-icon:before {
                content: "\e966";
                font-size: 20px;
            }
        }
    }
    .ut2-categories, .ut2-filters {
        .ty-dropdown-box__title {
            font-weight: bold;
            line-height: 0.8;
            color: @font;
            background: var(--fill-gray);
            height: var(--height-button);
            border-radius: var(--border-radius);
            padding: 0 var(--gap-xs);

            span {
                white-space: nowrap;
            }

            @media (max-width: 1023px) {
                width: 100%;
                justify-content: center;

                span {
                    white-space: normal;

                    &:after {
                        content: none;
                    }
                }
            }
            @media (max-width: 576px) {
                font-weight: normal;
            }

            &:hover, &.open {
                background: var(--fill-gray);
                box-shadow: inset 0 0 0 1px @base20;
                transition: all .2s ease-in-out;
                user-select: none;

                i {
                    color: @font;
                }
            }
        }
    }
}

html.sticky-fc-panel {
    .top-sticky-panel__filters {
        position: sticky;
        top: 0;
        height: var(--fc-height);
        padding: 8px 0;
    }
    &.sticky-top-panel .top-sticky-panel__filters {
        top: var(--header-height);
        margin-bottom: var(--gap-xs);
    }
}
body.sticky-fc-panel {
    .top-sticky-panel__filters {
        background: @general_bg_color;

        &:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 7px;
            bottom: -7px;
            background-image: linear-gradient(to bottom, #0000001a 0%, fade(@content_bg, 0%) 100%);
        }

        .menu_bg_color() when (@header_bg = @general_bg_color) {
            border-top-color: @base;
        }
        .menu_bg_color();

        [class^="span"] {
            margin: 0 !important;
        }
    }
    &.fixed-header {
        .tygh-header .header-grid {
            box-shadow: none !important;

            &:after {
                background-image: none;
            }
        }
    }
}

.ut2-dropdown-outside-position {

    &:has([class*="__content"]:not([style*="display: none;"],.hidden)):after {
        content: "";
        position: fixed;
        top: -100%;
        bottom: -100%;
        right: 0;
        left: 0;
        width: 100vw;
        height: 200vh;
        z-index: @big-z;
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
        -webkit-animation: .4s cubic-bezier(.4,0,.2,1) forwards fade_in;
        animation: .4s cubic-bezier(.4,0,.2,1) forwards fade_in;
        transition: .4s cubic-bezier(.4,0,.2,1);
        -webkit-touch-action: none;
        touch-action: none;
    }

    > [class*="__content"][style*="display: none;"] {
        > [class*="__content"] {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);

            transition: .4s cubic-bezier(.4,0,.2,1);
            transition-delay: .2s;
        }
    }
    > [class*="__content"]:not([style*="display: none;"]) {
        position: fixed !important;
        top: -1px;
        left: 0;
        bottom: 0;
        width: var(--lt-sticky-panel-width);
        max-width: 100%;
        background: @general_bg_color;
        padding: 0;
        border-radius: 0;
        z-index: @big-z + 1;
    }

    .ty-dropdown-box__title.hidden-desktop,
    .ut2-btn-close.hidden {
        display: flex !important;
    }

    &.ut2-categories {
        .ty-dropdown-box__content {
            right: 0;
            left: auto;
        }
    }
    .ut2-subcategories  {
        padding: var(--gap-s) var(--gap-xxs);
        overflow-y: auto;
        max-height: calc(~'100vh - 50px');
        border-radius: 0;
        scrollbar-width: none;

        &::-webkit-scrollbar {
            display: none;
        }

        .ut2-item:not(.ut2-more-btn) {
            &:hover:not(.current) {
                background: var(--fill-gray);

                em {
                    background: var(--fill-white);
                }
            }
        }
    }

    .ty-dropdown-box__title {
        height: 50px;
        align-items: center;
        padding-left: var(--gap-sm);
        border-bottom: 1px solid @base;
        font-family: @headings_font;
        font-size: var(--font-size-large);
        font-style: @headings_font_style;
    }

    .ty-product-filters__wrapper {
        max-height: calc(~'100vh - 50px');
    }
}

.ut2-sticky-panel {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 100%;
    background: var(--sticky-panel-bg-color, @general_bg_color);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    padding-bottom: calc(~'var(--safe-area-inset-bottom) - var(--gap-xs)');

    .count {
        top: var(--gap-sm);
        box-shadow: 0 0 0 1px @abt__ut2_general_sticky_panel_background_color, 0 1px 3px #000;
    }

    &__wrap {
        position: fixed;
        display: flex;
        flex-direction: column;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100vw;
        z-index: 4;

        background: @general_bg_color;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);

    	&:not(.labels-true) {
        	.ut2-sticky-panel__link {
            	height: calc(~'var(--sticky-bottom-panel-height) - 10px');
            	padding-top: var(--gap-sm);
        	}
        	.ut2-sticky-panel__item {
            	height: calc(~'var(--sticky-bottom-panel-height) - 10px');
        	}
    	}
    }
	&__item {
        display: flex;
        justify-content: center;
    	flex: 1 0 calc(~'100vw / 6');

    	.ty-dropdown-box__content .ty-dropdown-box__title {
        	padding-left: var(--gap-sm) !important;

        	&.open {
            	background: none;
            	padding: var(--gap-xs) 0 0;
            	height: var(--sticky-bottom-panel-height);
            	align-items: flex-end;
        	}
    	}
    	&:hover .ty-dropdown-box__title, .ty-dropdown-box__title {
        	background: none;
        	padding: inherit;
    	}
	}
	a.ut2-sticky-panel__link {
    	position: relative;
    	display: inline-flex;
    	flex-direction: column;
        height: var(--sticky-bottom-panel-height);
        min-width: 100%;
        align-items: center;
        justify-content: flex-start;
        padding-top: var(--gap-xs);

    	> i {
        	min-height: 28px;
        	font-size: 28px;
        	line-height: 28px;
        	color: var(--sticky-panel-icon-color, @primary_button);

            &.ut2-icon-home_page {
                font-size: 28px;
            }
            &.ut2-icon-outline-menu {
                font-size: 32px;
            }
            &.ut2-icon-search {
                font-size: 24px;
            }
            &.ut2-icon-outline-account-circle {
                line-height: 27px;
            }
            &.ut2-icon-baseline-favorite-border {
                font-size: 28px;
                line-height: 27px;
            }
            &.ut2-icon-addchart {
                font-size: 28px;
            }
            &.ut2-icon-local_phone {
                font-size: 26px;
            }

            .count {
                top: var(--gap-xxs);
                right: inherit;
                left: calc(~'50% + 5px');
                font-style: normal;
                box-shadow: 0 0 0 1px @abt__ut2_general_sticky_panel_background_color, 0 1px 3px #000;
            }
    	}
    	> span {
        	font-size: calc(~'var(--font-size-small) - 1px');
        	line-height: calc(~'var(--font-size-small) - 4px');
            color: contrast(@abt__ut2_general_sticky_panel_background_color, fade(@font, 65%), rgba(255,255,255,.8));
        	max-width: 100%;
        	padding: 3px 5px;
            hyphens: auto;

            .ut2_line_clamp(2);

            &:after {
                content: none !important;
            }
    	}
	}
	a.ut2-btn-search {
    	&[id="off_dropdown_sticky_item_search"] {
            position: fixed;
            right: 0;
            bottom: 35px;
            min-width: 50px;
            height: 73px;
            padding: 0;
            justify-content: center;
            z-index: 2;

        	i {
            	opacity: 0;
                display: inline-block;
                color: contrast(@abt__ut2_general_sticky_panel_background_color, @lighten-font, white);
                font-size: 28px;
                -webkit-animation: .4s cubic-bezier(.4,0,.2,1) forwards .3s fade_in, .4s linear .4s normal 1 running ab__spin;
                animation: .4s cubic-bezier(.4,0,.2,1) forwards .3s fade_in, .4s linear .4s normal 1 running ab__spin;

            	&:before {
            	    content: "\e92e";
            	}
            	+ span {
                	display: none;
            	}
        	}
    	}
	}
	.ty-search-block {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100vw;
        background: var(--sticky-panel-bg-color, @general_bg_color);
        box-shadow: rgba(0,0,0,0.05) 0 -1px 1px 0, rgba(0,0,0,0.05) 0 -3px 3px 0;
        z-index: 1;
        -webkit-animation: .4s forwards  cubic-bezier(.4,0,.2,1) show_sticky_search;
        animation: .4s forwards  cubic-bezier(.4,0,.2,1) show_sticky_search;

	    form {
            padding: var(--gap-sm) 0 50px;
            z-index: 1;
        }

        input[type=text] {
            &.ty-search-block__input {
                .ut2_round(@round: 0) when (@abt__ut2_general_use_rounding = do_not_use) {
                    border-radius: @round;
                }
                .ut2_round(@round: 8px) when (@abt__ut2_general_use_rounding = little) {
                    border-radius: @round;
                }
                .ut2_round(@round: calc(~'var(--height-button) / 2')) when (@abt__ut2_general_use_rounding = full) {
                    border-radius: @round;
                    padding-inline-start: var(--gap-sm) !important;
                }
                .ut2_round();

                padding-top: 0;
                padding-right: var(--height-button);
                padding-bottom: 0;
                margin-top: 0;
                margin-right: 0;
                margin-left: var(--gap-sm);
                max-width: calc(~'100% - 65px');

                &::placeholder {
                    color: fade(@font, 50%);
                }

                .bg_color() when (@abt__ut2_general_sticky_panel_background_color = @general_bg_color) {
                    background: contrast(@abt__ut2_general_sticky_panel_background_color, @fill-gray-box, @general_bg_color);
                    box-shadow: 0 0 0 1px darken(@fill-gray-box, 2%);

                    &:hover, &:focus, &:active {
                        background: @general_bg_color;
                        box-shadow: 0 0 0 1px contrast(@abt__ut2_general_sticky_panel_background_color, @base5, transparent), 0 0 5px darken(@abt__ut2_general_sticky_panel_background_color, 15%);
                    }
                }
                .bg_color() when not (@abt__ut2_general_sticky_panel_background_color = @general_bg_color) {
                    background: @general_bg_color;
                    box-shadow: 0 0 0 1px contrast(@abt__ut2_general_sticky_panel_background_color, rgba(0,0,0,0.05), transparent);

                    &:hover, &:focus, &:active {
                        background: @general_bg_color;
                        box-shadow: 0 0 0 1px contrast(@abt__ut2_general_sticky_panel_background_color, rgba(0,0,0,0.1), transparent), 0 0 5px darken(@abt__ut2_general_sticky_panel_background_color, 15%);
                    }
                }
                .bg_color();
            }
        }
        .ty-search-magnifier {
            .ut2_round(@round: 0) when (@abt__ut2_general_use_rounding = do_not_use) {
                border-radius: @round;
            }
            .ut2_round(@round: 8px) when (@abt__ut2_general_use_rounding = little) {
                border-radius: @round;
            }
            .ut2_round(@round: 50%) when (@abt__ut2_general_use_rounding = full) {
                border-radius: @round;
            }
            .ut2_round();

            display: flex;
            align-items: center;
            justify-content: center;
            width: calc(~'var(--height-button) - 2px');
            height: calc(~'var(--height-button) - 2px'); // minus vertical borders
            font-size: 20px;
            top: 16px;
            right: 51px;
            margin-top: 0;
            background: var(--fill-gray);
            color: @links;
        }
    	&:before {
            content: "";
            display: block;
            position: absolute;
            top: -200vh;
            bottom: 0;
            height: 200vh;
            width: 100vw;
            background-color: rgba(0,0,0,0.5);
            z-index: -1;
            -webkit-touch-action: none;
            touch-action: none;
        }
	}
	.ut2-pn__items { // contacts in Sticky Panel (auto & hand-crat)
    	display: block;
        min-width: unset;
    	max-height: calc(~'100dvh - 50px');
    	padding: var(--gap-sm);
    	overflow-y: auto;
        -webkit-overflow-scrolling: touch;

        &::after { // extra space after content
            content: '';
            display: block;
            clear: both;
            inline-size: 100%;
            block-size: var(--gap-xs);
        }

        &::-webkit-scrollbar {
            width: 5px;
        }

        p:empty {
            display: none;
        }

    	small {
        	color: contrast(@general_bg_color, @lighten-font, rgba(255,255,255,0.6));
            display: block;
    	}
    	hr {
        	width: 100%;
        	margin-top: var(--gap-s);
    	}
    	p > a {
        	font-size: 20px;
        	margin-bottom: 5px;
        	color: @font;
    	}
    	.ty-btn {
        	margin-top: var(--gap-s);

        	a {
                font-weight: 500;

                .primary_button_color() when not (iscolor(@primary_button_color)) {
                    color: contrast(@primary_button, @font, white);
                }
                .primary_button_color() when (iscolor(@primary_button_color)) {
                    color: @primary_button_color;
                }
                .primary_button_color();
        	}
    	}
	}
}

.ut2-pn__contacts_block  {
    .ut2-pn {
        height: unset;
        display: block;
    }
    .ut2-pn__wrap {
        display: none;
    }
    .ut2-pn__contacts {
        .ut2-pn__items-full.ty-dropdown-box__content {
            display: block !important;
            background: none;
            box-shadow: unset;
            border-radius: unset;
            border: 0 none;
            position: unset;
            transform: unset;
            transition: none;
            width: unset;
            min-width: unset;
            max-height: unset;
            padding: unset;
            margin: unset;

            .ut2-btn-close, &:before, &:after {
                display: none;
            }
        }
    }
}

.ut2-pb__sticky-add-to-cart_block {
    display: flex;
    align-items: center;
    width: min(100%, @fluidContainerMaxWidth);
    margin: 0 auto;
    gap: var(--gap-s);

    > * {
        flex: 0 1 auto;
        display: flex;
        align-items: center;

        &:first-child {
            margin-inline-start: var(--gap-s);
        }
        &:last-child {
            margin-inline-end: var(--gap-s);
        }
    }
}
.ut2-pb__sticky-add-to-cart {
    display: none;

    .ut2-pb__sticky-add-to-cart_block {
        height: var(--sticky-add-to-cart-height);
    }

    &.position-top {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        background: @general_bg_color;

        &:after {
            content: none;
        }
    }
    &.position-bottom {

    }

    &_product {
        flex: 1;
        gap: var(--gap-s);

        @media (min-width: 577px) {
            min-width: 50%;
        }
    }
    &_product-name {
        font-size: var(--font-size-medium);

        .ut2_line_clamp(1);

        @media (max-width: 576px) {
            display: none;
        }
    }
    &_product-rating {
        .ty-product-review-reviews-stars {
            font-size: 16px;
            margin-left: -2px;
        }
        .ut2-rating-stars-num {
            padding-left: var(--gap-xxs);
        }
        @media (max-width: 767px) {
            display: none;
        }
    }
	&_price {
        font-family: @price_font;
        font-weight: @price_font_weight;
        font-style: @price_font_style;
        font-size: @price_font_size;

        @media (max-width: 1023px) {
            flex: 1;
        }
    }

    .bg_sticky_add_to_cart() when (@general_bg_color = @abt__ut2_general_sticky_panel_background_color) {
        + .ut2-sticky-panel {
            box-shadow: 0 -1px @base;
        }
    }
    .bg_sticky_add_to_cart();
}

body.sticky-panel:not(.sticky-add-to-cart) {
    padding-bottom: var(--sticky-bottom-panel-height);
}

.sticky-bottom-panel {
    .ut2-sticky-panel {
        position: relative;
        z-index: 1;

        &__wrap:not(.hidden) {
            box-shadow: 0 1px var(--gap-xs) 0 rgba(0,0,0,.3);
            -webkit-animation: show_sticky_bottom .4s forwards cubic-bezier(.4,0,.2,1);
            animation: show_sticky_bottom .4s forwards cubic-bezier(.4,0,.2,1);
        }
    }
}

body.sticky-add-to-cart {

    &:has(.position-top) {
        .tygh-header div.header-grid:after {
            content: none;
        }
    }
    &:has(.position-bottom) {
        padding-bottom: var(--sticky-add-to-cart-height);
    }
    &.sticky-panel:has(.position-bottom) {
        padding-bottom: calc(var(--sticky-bottom-panel-height) + var(--sticky-add-to-cart-height));
    }

    &.fixed-header {
        &:has(.ut2-pb__sticky-add-to-cart.position-top) .header-grid {
            box-shadow: none;

            .menu_bg_color() when (@header_bg = @general_bg_color) {
                border-bottom: 1px solid @base;
            }
            .menu_bg_color();
        }
        .ut2-pb__sticky-add-to-cart.position-top {
            -webkit-transform: translateY(var(--menu-height));
            transform: translateY(var(--menu-height));

            .ut2-icon-use_icon_cart {
                display: none;
            }
        }
        .light_header ~ .ut2-sticky-panel__wrap .ut2-pb__sticky-add-to-cart.position-top,
        .default_header ~ .ut2-sticky-panel__wrap .ut2-pb__sticky-add-to-cart.position-top {
            -webkit-transform: translateY(var(--header-height));
            transform: translateY(var(--header-height));
        }
    }

    .ut2-pb__sticky-add-to-cart {
        box-shadow: rgba(0,0,0,0.1) 0 2px 5px, rgba(0,0,0,0.05) 0 7px 7px;
        transition: all .1s linear;

        &.position-top {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
        &.position-bottom {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        .modal-is-open &, .dialog-is-open & {
            display: none !important;
        }
    }

    .ut2-sticky-panel .ty-search-block,
    .ut2-sticky-panel a.ut2-btn-search.open {
        bottom: 0;
    }
}
body:not(.sticky-add-to-cart) {
    .ut2-pb__sticky-add-to-cart {
        transition: all 0s;

        &.position-top {
            margin-top: calc(var(--sticky-add-to-cart-height)* -1);
        }
        &.position-bottom {
            margin-bottom: calc(var(--sticky-add-to-cart-height) * -1);
        }
    }
}

body:not(.sticky-panel):not(.js_page-state_-dialog-with-sticky-bp) {
    .ut2-sticky-panel {
        display: none;
        transform: translateY(100%);
    }
}

.ut2-sticky-panel__wrap .ty-dropdown-box__title.open + .ty-dropdown-box__content {
    transform: translateY(0);
}

body.fly-menu .ut2-sticky-panel__wrap {
    display: none;
}

.fixed-header {

    .ut2-sticky-panel__wrap {
        .ty-dropdown-box__content {
            .ty-dropdown-box__title + div {
                max-height: calc(~'100% - 188px');
            }
        }
    }
    @media (max-height: 846px) {
        .ut2-sticky-panel__wrap .ty-cart-items,
        .header-grid .ty-cart-items {
            max-height: 50vh;
        }
    }
}

.ut2-sticky-panel__wrap .ty-dropdown-box__title {
    &.open {
        background: none;
        z-index: auto;

        + .ty-dropdown-box__content {
            height: auto;
            border-radius: 0;

            &::after {
                pointer-events: initial;
                opacity: 1;
            }

            &:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: -50px;
                height: 50px;
                width: 100%;
                background: @general_bg_color;
                opacity: 1;
                transition: opacity .4s cubic-bezier(.4,0,.2,1);
                touch-action: none;
            }
        }
    }
}

.ut2-sticky-panel__wrap .ty-dropdown-box__content {
    position: fixed;
    top: auto;
    left: 0;
    bottom: 0;
    padding: 0;
    width: 100vw;
    max-height: 100dvh;
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.4,0,.2,1);

    &::after {
        content: "";
        background-color: rgba(0,0,0,0.5);
        touch-action: none;

        block-size: 200vh;
        inline-size: 100%;

        position: absolute;
        z-index: -1;
        inset-inline-start: 0;
        inset-block-end: 100%;

        pointer-events: none;
        transition: opacity 400ms cubic-bezier(.4,0,.2,1);
        opacity: 0;
    }

    .ty-dropdown-box__title {
        + div {
            margin-top: 0;
        }
    }
    .buttons-container {
        border-radius: 0;
        padding-bottom: calc(var(--gap-sm) * 2);

        > .ty-btn, .ty-btn + .ty-btn {
            flex: 1 0 auto;
        }
        a.ty-btn {
            &:first-of-type {
                margin-left: 0;
            }
            &:last-of-type {
                margin-right: 0;
            }
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -50px;
            height: 50px;
            width: 100%;
            background: var(--fill-gray);
        }
    }
    .ut2-btn-close {
        position: absolute;
        right: var(--gap-xs);
        top: var(--gap-xs);
        line-height: 0;
        font-size: 28px;
        z-index: 1;

        i:before {
            color: @font;
        }
    }
    .ty-cart-items {
        padding: var(--gap-s);
        min-width: 100vw;
        max-height: calc(~'100vh - 208px');

        &:before {
            content: none;
        }
    }

    .ut2-mini-cart__subtotal {
        padding:  var(--gap-xs) 0;
        width: 100%;
        border: 0;

        strong {
            font-size: 18px;
            display: block;
        }
        .ty-float-right {
            text-align: right
        }
    }
    .ty-account-info {
        max-height: calc(~'100vh - 205px');
        overflow-y: auto;

        &::-webkit-scrollbar {
            width: 5px;
        }

        .ty-dropdown-box__item {
            padding: 7px var(--gap-xs);

            @media (max-width: 576px) {
                padding: 7px var(--gap-xxs);
            }
        }
        &__buttons {
            .ty-btn {
                z-index: 1;
            }
        }
    }
}

.no-scroll {
    .ut2-pb__sticky-add-to-cart {
        box-shadow: none;
    }
    .ut2-sticky-panel__wrap  {
        z-index: @z-index + 4;
    }
    body.sticky-panel:has(.top-menu-grid-vetrtical > .ty-dropdown-box__title.open + .ty-dropdown-box__content.container-opened) .ut2-sticky-panel__wrap {
        z-index: 3;
    }
    .fly-menu {
        .ut2-sticky-panel__wrap  {
            z-index: 1;
        }
    }
}
