.text-arm-danger{
    color: #EB5757;
    font-size: clamp(14px, 0.9rem, 0.9rem);
}

.checkout_form .text-arm-danger{
    font-size: clamp(12px, 0.9rem, 0.9rem);
}
@media screen and (max-width: 900px) {
    .checkout_form .text-arm-danger{
        font-size: 12px;
    }
}

.alert.alert_fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
}
    .alert.alert_fixed a{
        text-decoration: underline;
    }

.cart_alert{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #FFC410;
    color: #000;
    font-size: clamp(14px, 1rem, 1rem);
    padding: 8px 16px;
}
    .cart_alert_content{
       text-align: center;
    }
        .cart_alert_content img{
            display: inline-block;
            width: clamp(18px, 1.25rem, 1.25rem);
        }
        
        .cart_alert_content span{
            padding: 0 0.5rem;
        }

        .cart_alert_link{
            color: #000;
            text-decoration: underline;
        }
            .cart_alert_link:hover{
               text-decoration: none;
            }

        .cart_alert_btn{
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            background: #eb5757;
            padding: 0.25rem 0.5rem;
            border-radius: 10px;
            color: #fff;
            text-transform: uppercase;
            line-height: 1;
            
        }
            .cart_alert_btn:hover{
                background: #FFC410;
            }

    .cart_alert_close{
        position: absolute;
        top: 0.5rem;
        right: 4rem;
        cursor: pointer;
        transition: .3s ease all;
    }
    .cart_alert_close:hover{
        transform: rotate(270deg);
    }

    
@media screen  and (min-width: 901px){
    .cart_alert_content{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 900px){

    .cart_alert{
        padding: 8px 36px 8px 10px;
    }
        .cart_alert_content{
            line-height: 1.4;
        }
            .cart_alert_content span{
                padding: 0 2px;
            }
            .cart_alert_btn{
                margin-top: 5px;
            }
        .cart_alert_close{
            right: 10px;
            width: 24px;
        }
}

.container{
    width: 100%;
}

.btn_main{
    outline: none!important;
    white-space: initial;
}


._input select{
    display: block;
    width: 100%;
    border-radius: 10px;
    background: #F8F8F8;
    font-size: clamp(16px, 1rem, 1rem);
    padding: 1rem 1.5rem;
    border: 2px solid transparent;
    transition: .3s ease all;
}

    ._input select:focus{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 15px 15px 0 rgba(0, 0, 0, 0.03), 0 33px 20px 0 rgba(0, 0, 0, 0.02), 0 58px 23px 0 rgba(0, 0, 0, 0.01), 0 91px 25px 0 rgba(0, 0, 0, 0.00);
    }

@media screen and ( max-width : 900px) {
    
    ._input select{
        background: #fff;
        font-size: 16px;
        padding: 12px 14px;
    }
}


._input textarea{
    border: 2px solid transparent;
}
    ._input._invalid  textarea{
        border-color: #EB5757;
    }


.breadcrumb ._back{
    display: none;
}
.breadcrumb_wrap{
    overflow-y: auto;
    white-space: nowrap;
}
.breadcrumb_wrap::-webkit-scrollbar{
    height: 0.5rem;
}

/*  fix fades  */



.popup_search_content._no_fade::after{
    opacity: 0;
    visibility: hidden;
}

.testimonial_item_body._no_fade::before{
    opacity: 0;
    visibility: hidden;
}


.popup_search_content{
    overflow: hidden;
}
.popup_cart_content._no_fade::after{
    opacity: 0;
    visibility: hidden;
}


/* home */

.slide_hidden_link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.home_slider .slide_title{
    transition: .3s ease all;
}
@media (hover:hover){
    .home_slider .slide:has(a):hover .slide_title{
        color: #FFC410;
    }
}


/* END home */


/* category */

.popup_filters_close{
    display: none;
}
@media screen and (max-width: 900px) {
    .popup_filters_close{
        display: block;
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 2;
    }
}

#toggle_filters._active svg{
    transform: scale(-1);
}



.filters_list{
    flex-wrap: wrap;
}

    .category_brands_list_item{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .filter_item_list_wrap{
        max-height: 21rem;
        overflow-y: auto;
    }


    ._radio_input_checkbox ._radio_input_label::before,
    ._radio_input_checkbox ._radio_input_label::after{
        border-radius: 0;
    }
    ._radio_input_checkbox ._radio_input_label::after{
        background-color: #1E100B;
    }


    .sorts_list a._active{
        color: #FFC410;
    }

    .pagination li.active span{
        border-color: #FFC410;
    }


    .seo_text._active .seo_text_wrap::after{
        opacity: 0;
        visibility: hidden;
    }

    .viewed_products .product_card{
        min-height: 100%;
    }

/* category END */


/* product */

.product .benefits_item._country img, 
.product .benefits_item._country svg {
    aspect-ratio: 46/32;
    border-radius: 6px;
    object-fit: cover;
}
    .product .benefits_item._country[data-country="CY"] img{
        width: clamp(60px, 2.25rem, 2.25rem);
    }
@media screen and (max-width: 900px){
    .product .benefits_item._country img, 
    .product .benefits_item._country svg {
        aspect-ratio: 1/1;
    }
        .product .benefits_item._country[data-country="CY"] img{
            width: 40px;
        }
}


.product .price_wrap{
    justify-content: space-between;
}

.product .price_wrap .add_to_wishlist svg path{
    transition: .3s ease all;
}

.product .price_wrap .add_to_wishlist:hover svg path, 
.product .price_wrap .add_to_wishlist._active svg path{
    stroke: #EB5757;
    fill: #EB5757;
}

.product .price_wrap .price ._value{
    white-space: nowrap;
}

.product .description ul,
.product .description ol{
    padding-left: 1.5rem;
}

@media screen and (max-width: 900px){
    .product .price_wrap .notify_btn br{
        display: none;
    }
}

.product .attributes_row a{
    color: #334746;
    text-decoration: underline;
}
@media (hover:hover) {
    .product .attributes_row a:hover{
        text-decoration: none;
    }
}

@media screen and (min-width: 901px) {
    .product_slider_wrap::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 15rem;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 2;
        transition: .3s ease all;
    }
    .product_slider_wrap::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 15rem;
        height: 100%;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 2;
        transition: .3s ease all;
    }
        .product_slider_wrap:has(.swiper-button-prev.swiper-button-disabled)::before{
            opacity: 0;
            visibility: hidden;
        }
        .product_slider_wrap:has(.swiper-button-next.swiper-button-disabled)::after{
            opacity: 0;
            visibility: hidden;
        }
}




.block_out_stock {
    border-radius: 10px;
    background: #F8F8F8;
    padding: 1.5rem;
    margin-top: 2.5rem;
}
    .block_out_stock_title{
        color: #F2994A;
        font-size: 1.25rem;
        margin-bottom: .8rem;
    }
    .block_out_stock_text{
        font-size: clamp(14px, 1rem, 1rem);
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .block_out_stock_btns{
        display: flex;
        /* flex-wrap: wrap; */
        gap: 1rem;
    }
    .block_out_stock_link{
        color: #1e100b;
        border: 2px solid #CCCECD;
        border-radius: 10px;
        width: calc(50% - .5rem);
        font-size: 0.875rem;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        text-align: center;
        padding: .7rem;
    }
        @media (hover:hover) {
            .block_out_stock_link:hover{
                border-color: #F2994A;
            }
        }

@media screen and (max-width: 900px) {

    .block_out_stock {
        padding: 20px 12px;
    }
        .block_out_stock_btns{
            flex-wrap: wrap;
        }
            .block_out_stock_link{
                width: 100%;
                font-size: 12px;
            }
        .block_out_stock_title{
            font-size: 16px;
        }
        .block_out_stock_text{
            font-size: 14px;
        }
}

.weight_quantity_btns_title{
    font-size: 0.875rem;
    color: #808080;
    margin-bottom: 0.5rem;
}
.weight_quantity_btns{
    display: flex;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}
    .weight_quantity_btn{
        cursor: pointer;
        width: calc( (100% - 2.5rem) / 3 );
        border: 1px solid #CCCECD;
        border-radius: 10px;
        color: #565656;
        font-size: 1.25rem;
        text-align: center;
        padding: 0.5rem;
        transition: .3s ease all;
    }
        .weight_quantity_btn._active{
            border-color: #FFC410;
            background: #F8F8F8;
        }



@media screen and (min-width:1430px) {
    .weight_quantity_btns + .quantity{
        display: inline-flex!important;
    }
    .weight_quantity_btns + .quantity + ._mob_hide{
        display: inline-block;
        margin-left: 1rem;
    }
}
@media screen and (min-width:1480px) {
    .weight_quantity_btns + .quantity + ._mob_hide{
        margin-left: 2rem;
    }
}

@media screen and (max-width:900px) {
    .weight_quantity_btn{
        font-size: 1rem;
    }
}

@media (hover:hover) {

     .weight_quantity_btn:hover{
        border-color: #FFC410;
        background: #F8F8F8;
    }
}


.product_brand_logo{
    aspect-ratio: 1/1;
}

@media screen and (min-width: 901px) {

    .product .title_row{
        display: flex;
        align-items: center;
        gap: 1.25rem;
        justify-content: space-between;
        margin-bottom: 1rem;
    }
        .product .title_row .title {
            margin: 0;
        }
        .product_brand_logo:not(._mob_only){
            display: block;
            width: clamp(60px, 4.25rem, 4.25rem);
            min-width: clamp(60px, 4.25rem, 4.25rem);
        }
    
}
@media screen and (max-width: 900px) {
    .product_brand_logo{
        display: block;
        width: 80px;
        position: absolute;
        right: 0;
        top: 7px;
    }
    .stock_row:has(.tooltips, .rating) .product_brand_logo{
        top: 40px;
    }
}


.description._show_more{
    position: relative;
    max-height: 13.8rem;
    overflow: hidden;
    transition: .3s ease all;
}
    .description._show_more::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4.5rem;
        background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F8F8F8 100%);
        transition: .3s ease all;
    }
    .description._show_more._open{
        max-height: 200rem;
    }
        .description._show_more._open::after{
            opacity: 0;
            visibility: hidden;
        }
    
    .description_showmore_btn{
        cursor: pointer;
        font-weight: 500;
        font-size: clamp(12px, 0.875rem, 0.875rem);
        text-transform: uppercase;
        letter-spacing: 1.2px;
        margin: 1rem auto 0;
        width: max-content;
    }   

@media screen and (max-width: 900px){
    .description_showmore_btn{
        font-size: 12px;
    }
    .description._show_more{
        max-height: 158px;
    }
}


/* product END */



/*   cart  */


.cart_page_list .small_product_content{
    flex-grow: 1;
}

.cart_page_sidebar .btn{
    white-space: initial;
}

.small_product._stock_warning .bg_img {
    opacity: .6;
}

/*   END cart  */




/*   account  */

.checkout .form_login .btns._add_width .btn{
    width: 20rem;
    max-width: 100%;
}
.google_auth{
    background: #f8f8f8;
    border-radius: 10px;
    padding: 2rem;
    margin-top: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    
    gap: 1rem;
}
    .google_auth_title{
        font-size: clamp(14px, .875rem, .875rem);
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .8px;
        margin-bottom: 0.25rem;
    }
    .google_auth_subtitle{
        color: #919191;
        font-size: clamp(15px, 1rem, 1rem);
        text-align: center;
        margin-top: 1rem;
    }

    .google_auth .btn{
        width: 20rem;
        max-width: 100%;
    }
        .google_auth .btn.__google{
            background: #fff;
            gap: 0.9rem;
        }
        .google_auth .btn.__google::before{
            background: #fff;
        }
        .google_auth .btn.__google:hover{
           box-shadow: 1px 5px 10px 4px rgba(204, 206, 205, .6);

        }

@media screen and (max-width: 900px){
    .google_auth{
        background: #fff;
        gap: 12px;
        margin-top: 36px;
    }
}



._order_info_weigth{
    opacity: 0;
    visibility: hidden;
}
@media screen and (max-width: 900px){
    ._order_info_weigth{
       display: none!important;
    }
}

    .shipping_methods .shipping_method ._radio_input_label{
        margin-bottom: 1rem;
    }

    ._city_list [data-city] {
        cursor: pointer;
    }

    .account_success_text {
        font-size: clamp(16px, 1.25rem, 1.25rem);
        line-height: 1.3;
        width: 50rem;
        max-width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }

    .order_item_products_wrap._more .order_item_products{
        transition: .3s ease all;
        max-height: 18rem;
        overflow: hidden;
    }
        .order_item_products_wrap._more._open .order_item_products{
            max-height: 5000px;
        }
        .order_item_products_wrap._more._open::after{
            opacity: 0;
            visibility: hidden;
        }

    @media screen and (max-width: 900px){
        .order_item_products_wrap._more .order_item_products{
            max-height: 370px;
        }
    }

    .account_nav_item div{
        color: #565656;
    }

/*   END account  */


.page_contacts .map iframe{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.mobile_menu_bottom .lang button {
    color: #434343;
}

.footer .lang button {
    font-size: clamp(12px, 0.875rem, 0.875rem);
    font-weight: 300;
    color: #B0B0B0;
    transition: .3s ease all;
}
    .footer .lang button:hover{
        color: #FFC410;
    }

@media screen and (max-width: 900px){
    .footer .lang button{
        color: #fff;
    }
}



.arm_overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,.7);
    transition: 0.3s ease all;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}
    .arm_overlay._active{
        visibility: visible;
        opacity: 1;
    }

.arm_popup {
    z-index: 101;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40rem;
    max-width: 100vw;
    max-height: 100vh;
    overflow-y: auto;
    transition: 0.3s ease all;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
}
    .arm_popup._active {
        transform: translate(-50%, -50%) scale(1);
        visibility: visible;
        opacity: 1;
    }

    .arm_popup_wrap {
        position: relative;
        background: #fff;
        box-shadow: 0px 17px 7px rgba(0, 0, 0, 0.02), 0px 10px 6px rgba(0, 0, 0, 0.06), 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.11), 0px 0px 0px rgba(0, 0, 0, 0.11);
        padding: 3rem 5rem;
    }
    .arm_popup_close {
        cursor: pointer;
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        transition: 0.3s ease all;
        transform: rotate(0deg);
    }
        .arm_popup_close svg {
            display: block;
            width: 2.6rem;
        }
            @media screen and (min-width: 901px){
                .arm_popup_close:hover {
                    transform: rotate(270deg);
                }
            }

    .arm_popup_title{
        font-size: clamp(24px, 1.5rem, 1.5rem);
        text-align: center;
        margin-bottom: 2rem;
    }

    .arm_popup ._input{
        margin-bottom: 1.5rem;
    }

    .arm_popup .btn{
        margin-top: 2rem;
        width: 100%;
    }

@media screen and (max-width: 900px){

    .arm_popup_wrap{
        padding: 48px 24px;
    }
    .arm_popup_title{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .arm_popup_close{
        width: 24px;
        top: 12px;
        right: 12px;
    }

    .arm_popup ._input input, 
    .arm_popup ._input textarea{
        background: #F8F8F8;
    }
}   



/*  text styles  */

.seo_text ul,
.seo_text ol {
    text-align: left;
    padding-left: 2rem;
}

.seo_text ul li,
.seo_text ol li,
.post_content ul li, 
.post_content ol li {
    margin-bottom: 0.5rem;
}

.post_content img{
    margin-inline: auto;
}


.arm_tooltip{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
    .arm_tooltip_ico{
        cursor: pointer;
        display: block;
        width: clamp(20px, 1.25rem, 1.25rem);
        transition: .3s ease all;
    }
        .arm_tooltip_ico path{
            transition: .3s ease all;
        }
    .arm_tooltip_popup{
        z-index: 3;
        width: 20rem;
        max-width: 80vw;
        position: absolute;
        top: 0;
        left: 100%;
        transition: .3s ease all;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        border-radius: 10px;
        background: #F8F8F8;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 15px 15px 0 rgba(0, 0, 0, 0.03), 0 33px 20px 0 rgba(0, 0, 0, 0.02), 0 58px 23px 0 rgba(0, 0, 0, 0.01), 0 91px 25px 0 rgba(0, 0, 0, 0.00);
        padding: 1.5rem;
       
    }

    .arm_tooltip_close{
        cursor: pointer;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        width: clamp(16px, 1rem, 1rem);
        height: clamp(16px, 1rem, 1rem);
        border-radius: 50%;
        background: #CCCECD;
        padding: 4px;
        transition: .3s ease all;
    } 
        .arm_tooltip_close:hover{
            background: #EB5757;
        }
        .arm_tooltip_close svg{
            display: block;
        }

    .arm_tooltip._open .arm_tooltip_popup{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
        .arm_tooltip._open .arm_tooltip_ico{
            fill: #334746;
        }
        .arm_tooltip._open .arm_tooltip_ico path:nth-child(2){
            fill: #fff;
        }
        .arm_tooltip._open .arm_tooltip_ico path:nth-child(3){
            stroke: #f8f8f8;
        }
    
    

@media screen and ( max-width : 900px) {
    .arm_tooltip_popup{
        transform: translateY(10px) translateX(50%);
        left: unset;
        top: 100%;
        right: 0;
        width: calc(100vw - 100px);
    }
    .arm_tooltip._open .arm_tooltip_popup{
        transform: translateY(0) translateX(50%);
    }
}


.shipping_methods .shipping_method._disable{
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}


/*     404 page     */


.page_404{
    position: relative;
    padding: 7rem 3rem 5.6rem 15rem;
    margin: 0 3.75rem 3.75rem 0;
}
    
    .page_404 img{
        width: 100%;
    }
    
@media screen and (min-width: 901px) {

    .page_404{
        background: #fff;
    }
    .page_404_wrap{
        width: max-content;
        max-width: 100%;
    }

        .page_404_img{
            width: 37rem;
            margin-bottom: 10rem;
        }
        .page_404_crumbs{
            position: absolute;
            top: 0;
            right: 0;
            width: 47rem;
        }
        .page_404 .btn_main{
            margin-inline: auto;
            padding: 0.7rem 10rem;
        }
}

@media screen and (max-width: 900px) {

    .page_404{
        padding: 70px 20px;
        margin: 0;
    }
        .page_404_img{
            width: calc(100% - 60px);
            margin-inline: auto;
        }
        .page_404 .btn_main{
            margin: 60px auto 0;
            padding: 0.7rem 60px;
        }
}

/*     END 404 page     */


/* checkout */


.checkout_min_order{
    background: #FFEBEB;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: clamp(12px, .75rem, .75rem);
    font-weight: 600;
    padding: 0.5rem;
}
    .checkout_min_order span{
        color: #eb5757;
    }
@media screen and (max-width: 900px){
    .checkout_min_order{
        margin: 0 -20px;
    }
}


._radio_input_label[for="mono"] div{
    display: flex;
    align-items: center;
}

.checkout_cart .total_info img, .checkout_cart .total_info svg{
    min-width: clamp(26px, 1.625rem, 1.625rem);
}


.checkout_failure ._text{
    width: 60rem;
    max-width: 100%;
    margin-inline: auto;
    margin-top: 2rem;
    font-size: clamp(16px, 1.2rem, 1.2rem);
}
    .checkout_failure ._text ul{
        padding-left: 1.5rem;
    }
    .checkout_failure ._text a{
        text-decoration: underline;
    }

@media screen and (max-width: 900px) {

    .checkout_success.checkout_failure {
        padding: 40px 20px 120px;
    }
    .checkout_failure ._text{
        font-size: 14px;
    }
}
    

/* END  checkout */



/*     sitemap page  */

.sitemap_page_wrap{
    margin-top: 2rem;
}
.sitemap_page_wrap ul{
    padding-left: 1rem;
    margin-bottom: 1rem;
}
    .sitemap_page_wrap ul ul{
        padding-left: 2rem;
        margin-top: 1rem;
    }
    .sitemap_page_wrap ul li:not(:last-child){
        margin-bottom: .7rem;
    }
    .sitemap_page_wrap a{
        font-size: clamp(16px, 1rem, 1rem);
        text-decoration: none;
        color: #000;
    }


/*     END  sitemap page  */




/*    CATEGORY HITS */

    /*  card  */

    .cat_relacted_card_title{
        padding-top: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.6rem;
        font-size: 1.25rem;
        font-weight: 600;
        letter-spacing: 0.8px;
    }
        .cat_relacted_card_title span{
            color: #EB5757;
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: 1.28px;
            text-transform: uppercase;
        }
    
    .cat_relacted_list{
        position: relative;
    }
    .cat_relacted_card{
        cursor: pointer;
        position: relative;
        z-index: 3;
        background: #FAE5E5;
    }
        .cat_relacted_card .product_card {
            pointer-events: none;
            position: absolute;
            transition: .3s ease all;
            filter: drop-shadow(-2.16px 4.32px 10.8px rgba(0, 0, 0, 0.06)) drop-shadow(-8.64px 17.64px 19.8px rgba(0, 0, 0, 0.06)) drop-shadow(-19.44px 39.96px 26.64px rgba(0, 0, 0, 0.03)) drop-shadow(-34.56px 71.279px 31.68px rgba(0, 0, 0, 0.01)) drop-shadow(-53.999px 111.239px 34.56px rgba(0, 0, 0, 0.00));
            background: #fff;
            width: 100%!important;
        }
            .cat_relacted_card .product_card:nth-child(3) {
                transform: scale(.55) rotate(8deg);
                top: 1rem;
                left: 3rem;
                z-index: 1;
            }
            .cat_relacted_card .product_card:nth-child(2) {
                transform: scale(.55) rotate(-7deg);
                top: -1rem;
                left: -3rem;
                z-index: 2;
            }
            .cat_relacted_card .product_card:nth-child(1) {
                transform: scale(.55);
                top: -4rem;
                left: 0;
                z-index: 3;
            }
    
            .cat_relacted_card .product_card .thumb{
                padding: 0;
            }
                .cat_relacted_card .product_card .thumb img{
                    object-position: center;
                }
    
    @media (hover:hover) {
        .cat_relacted_card:hover .product_card:nth-child(1) {
            transform: scale(.65);
        }
    }
    
    @media screen and (min-width: 901px) {
    
        .cat_relacted_card{
            width: 20%;
            height: 25rem;
        }
            .cat_relacted_card .product_card .thumb,
            .cat_relacted_card .product_card::before{
                max-height: 34.45rem!important;
            }
    
            .cat_relacted_card .product_card_bottom{
                padding: 0;
            }
    }
    
@media screen and (max-width: 900px) {


    .products_list:has(.cat_relacted_card) .product_card{
        order: 3;
    }
        .products_list:has(.cat_relacted_card) .product_card:nth-child(1){
            order: 1;
        }

    .cat_relacted_card{
        height: 300px;
        width: 50%;
        /* order: 2; */
    }
        .cat_relacted_card_title{
            font-size: 12px;
            padding-top: 6px;
            justify-content: center;
        }
            .cat_relacted_card_title span{
                font-size: 20px;
            }

        .cat_relacted_card .product_card:nth-child(3){
            top: 1.5rem;
            left: 2rem;
        }
        .cat_relacted_card .product_card:nth-child(2){
            top: -.5rem;
            left: -2rem;
        }
        .cat_relacted_card .product_card:nth-child(1){
            top: -3.5rem;
            left: 0;
        }
        .cat_relacted_card .product_card_bottom{
            padding: 0;
        }

}
    
    /*  popup  */

    
    .cat_related_overlay {
        cursor: pointer;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(176, 176, 176, 0.8);
        backdrop-filter: blur(7.5px);
        z-index: 998;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease all;
    }
        .cat_related_overlay._active {
            visibility: visible;
            opacity: 1;
        }
       
    .cat_related{
        position: fixed;
        top: 50%;
        left: 0;
        width: 100%;
        height: calc(100dvh - 200px);
        transform: translateY(-50%);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease all;
    
        display: flex;
        align-items: center;
        overflow-y: auto;
        overflow-x: hidden;
    }
        .cat_related._active{
            visibility: visible;
            opacity: 1;
        }
    
        .cat_related_slider{
            position: relative;
            overflow: hidden;
            width: 100vw;
        }
            .cat_related_slider::before,
            .cat_related_slider::after{
                content: '';
                position: absolute;
                top: -2rem;
                width: 21.4rem;
                height: calc(100% + 4rem);
                z-index: 9;
            }
            .cat_related_slider::before{
                left: 0;
                background: linear-gradient(-90deg, rgba(191, 191, 191, 0.00) 0%, #BFBFBF 100%);
            }
            .cat_related_slider::after{
                right: 0;
                background: linear-gradient(90deg, rgba(191, 191, 191, 0.00) 0%, #BFBFBF 100%);
            }
        
        
        .cat_related_head{
            width: max-content;
            position: relative;
            background: #EB5757;
            color: #fff;
            padding: 2rem 3.6rem;
            margin: 0 auto;
            font-size: 2rem;
            font-weight: 600;
            text-transform: uppercase;
            text-align: center;
        }
        
        .cat_related_close{
            cursor: pointer;
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translate(100%, -50%);
            margin: 0;
            width: 2.6rem;
        }
            .cat_related_close svg{
                width: 100%;
            }
                .cat_related_close svg path{
                    transition: .3s ease all;
                }
           
    
    
        .cat_related .swiper-slide  {
            height: auto;
        }
        .cat_related .product_card  {
            height: 100%;
        }
            .cat_related .product_card .title{
                margin: 0 0 1.25rem;
            }
            .cat_related .product_card .thumb{
                padding: 0;
            }
                .cat_related .product_card .thumb img{
                    object-position: center;
                }
                
            .cat_related .product_card_bottom{
                justify-content: space-between;
                padding: 1.5rem 1.25rem 1rem;
            }
        
            .cat_related_link{
                position: absolute;
                bottom: 0;
                left: 1px;
                width: calc(100% - 2px);
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: clamp(13px, 0.875rem, 0.875rem);
                font-weight: 500;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                background: #7B37F2;
                color: #F9F9F9;
                padding: 1rem;
                transition: 0.3s ease all;
                transform: translateY(0);
            }
                .cat_related_link svg{
                    width: 1.25rem;
                    margin-left: 5px;
                }
    
    
        .cat_related_finish{
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            background: #fff;
    
            font-size: 1.25rem;
            text-align: center;
            padding: 5rem 0 4rem;
        }
            .cat_related_finish_center{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 5rem;
                font-size: 2rem;
            }
            .cat_related_finish_close {
                background: #FFC410;
            }
    
@media (hover:hover){
    .cat_related_close:hover svg path{
        stroke : #EB5757;
    }
    .cat_related .product_card:hover  .cat_related_link{
        transform: translateY(100%);
    }
    .cat_related_link:hover{
        color: #F9F9F9;
    }
}
    
@media screen and (min-width: 901px) {

    .cat_related_head {
        width: 26.5rem;
        transform: translateX(2rem);
    }

    .cat_related .swiper-slide{
        transition: .3s ease all;
    }
    .cat_related .product_card {
        background: #fff;
        min-height: unset;
        height: 36rem !important; 
        max-height: 29rem !important; 
    }
    .cat_related .product_card_wrap {
        height: 29rem;
    }
        .cat_related .product_card .product_card_title{
            margin-bottom: 0;
        }
        
        .cat_related .swiper-slide .product_card_hidden{
            display: flex;
            opacity: 0;
            max-height: 0;
        }

    .cat_related_finish{
        height: 38rem;
    }
    .cat_related .swiper-slide-active {
        width: 22%!important;
    }
    .cat_related .swiper-slide-active .product_card{
        max-height: 36rem !important; 
    }
        .cat_related .swiper-slide-active .product_card_hidden {
            opacity: 1;
            max-height: 200px;
        }



    .cat_related .swiper-button-prev{
        left: 50%;
        transform: translateX(-19.5rem);
    }
    .cat_related .swiper-button-next{
        right: 50%;
        transform: translateX(24rem);
    }

    .cat_related .swiper-button-next._hidden{
        opacity: 0;
        cursor: auto;
        pointer-events: none;
    }

}

.cat_related .swiper-button{
    top: unset;
    bottom: 0;
    width: max-content;
    max-width: unset;
    background: #fff;
}
    
@media screen and (max-width: 900px) {

    .cat_related{
        height: calc(100dvh - 10px);
    }
    .cat_related .swiper-button{
        bottom: 5px;
    }

    .cat_related_slider{
        background: transparent;
        width: calc(100vw - 24px);
        left: 12px;
        padding-bottom: 70px;
    }

    .cat_related_slider::before,
    .cat_related_slider::after{
        display: none;
    }

    .cat_related_head {
        width: calc(100vw - 24px);
        left: 12px;
        padding: 24px 16px;
        font-size: 24px;
        text-align: center;
    }

    .cat_related .product_card_wrap{
        height: unset;
        padding: 24px 16px;
    }
        .cat_related .product_card_sku{
            font-size: 12px;
        }
        .cat_related .product_card_title{
            font-size: 16px;
        }
        .cat_related .product_card_bottom{
            padding: 14px 20px 0;
        }
        .cat_related .product_card_price{
            font-size: 18px;
        }
            .cat_related .product_card_price ._measurement{
                font-size: 14px;
            }
        .cat_related_link{
            position: relative;
            bottom: unset;
            left: unset;
            width: calc(100% - 24px);
            margin-inline: auto;
        }
        .product_card_price{
            font-size: 18px;
        }


    .cat_related_finish{
        background: #f9f9f9;
        position: relative;
        padding: 36px 24px;
        gap: 30px;
    }
        .cat_related_finish_center{
            background: #ECEDEF;
            padding: 60px 20px;
            font-size: 24px;
            gap: 48px;
        }
        .cat_related_finish_close{
            padding: 30px 10px;
            margin: 0 -8px;
            width: calc(100% + 16px);
        }

    .cat_related_close{
        margin: 0;
        right: 16px;
        transform: translate(0, -50%);
    }
    
}
    
    
    
/*    end CATEGORY HITS */
    
.google_widget_overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 998;
    transition: .3s ease all;
    opacity: 0;
    visibility: hidden;
}
    .google_widget_overlay._active{
        opacity: 1;
        visibility: visible;
    }
.google_widget{
    font-family: 'Roboto', sans-serif;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100vw;
    max-height: 90dvh;
    background: #fff;  
    transition: .3s ease all;
    opacity: 0;
    visibility: hidden;
    z-index: 998;
}
    .google_widget._active{
        opacity: 1;
        visibility: visible;
    }
    .google_widget_head{
        background-color: #f5f5f5;
        color: #1a1a1a;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .3px;
        padding: 13px 23px;
    }
    .google_widget_text{
        color: rgb(32, 33, 36);
        font-size: 14px;
        line-height: 22px;
        padding: 23px;
    }
        .google_widget_text p{
            margin-bottom: 0.5rem;
        }
    .google_widget_btns{  
        display: flex;
        justify-content: flex-end;
        margin-left: 23px;
        margin-right: 23px;
        font-size: 14px;
        text-transform: uppercase;
        gap: 16px;
    }
        .google_widget_btns ._btn{
            cursor: pointer;
            font-family: 'Google Sans', sans-serif;
            transition: .3s ease all;
            height: 36px;
            border-radius: 4px;
            min-width: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
           
        }
        .google_widget_btns ._btn._no{   
            color: rgb(95, 99, 104);
        }
            .google_widget_btns ._btn._no:hover{
                background: #f9f9f9;
                color: rgb(32, 33, 36);
            }
        .google_widget_btns ._btn._yes{
            background: #1a73e8;
            color: #fff;
            
        }

    .google_widget_bot{
        border-top: 2px solid #dadce0;
        display: flex;
        justify-content: space-between;
        gap: 8px;
        padding: 13px 23px;
        margin-top: 8px;
        
    }
        .google_widget_img img{
            max-width: 170px;
        }
        .google_widget_links a{
            color: #858585;
            font-size: 11px;
            text-decoration: none;
            display: inline-block;
            padding-left: 8px;
        }      
        
        
@media screen and (max-width:600px) {
    .google_widget{
        width: 100%;
    }
    .google_widget_head{
        font-size: 16px;
    }
}

/*      google widget      */










/*      end google widget      */


.header_logo{
    position: relative;
}
    .header_logo img{
        width: 100%;
        transition: .3s ease all;
    }
    .header_logo img._hover{
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        width: 100%;
    }

@media (hover:hover) {
    .header_logo:hover img:not(._hover){
        opacity: .5;
    }
    .header_logo:hover img._hover{
        opacity: 1;
        visibility: visible;
    }
}



/*      SEARCH    */


.header_search {
    position: relative;
  }
  .header_search_btn {
    cursor: pointer;
    border-radius: 10px;
    background: #FFF;
    width: 17rem;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    font-size: clamp(12px, 0.75rem, 0.75rem);
    letter-spacing: 0.42px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header_search_btn svg, .header_search_btn img {
    width: 2rem;
  }

  @media screen and (max-width: 900px) {

    .header_search {
      order: 3;
      position: unset;
    }
    .header_search_btn {
      width: 24px;
      padding: 0;
      background: transparent;
    }
    .header_search_btn span {
      display: none;
    }
    .header_search_btn img {
      width: 30px;
      min-width: 30px;
    }
}


.popup_search {
    position: absolute;
    top: -0.5rem;
    left: 0;
    z-index: 9;
   
    
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease all;
    transform: scaleX(1) translate(0, 0);
    transform-origin: left;
    overflow: hidden;
   
  }
  .popup_search._active {
    visibility: visible;
    opacity: 1;
    transform: scaleX(1) translate(0, 0);
  }
  .popup_search_form {
    border-radius: 10px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
  }
  .popup_search_form input {
    font-size: clamp(16px, 1rem, 1rem);
    letter-spacing: 0.56px;
    flex-grow: 1;
  }
  .popup_search_form button {
    cursor: pointer;
    background: #F8F8F8;
    border-radius: 4px;
    letter-spacing: 0.42px;
    line-height: 1;
    text-transform: uppercase;
    font-size: clamp(12px, 0.75rem, 0.75rem);
    padding: 0.6rem;
  }
  .popup_search_content {
    position: relative;
  }
  /* .popup_search_content::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    transition: 0.3s ease all;
  }
  .popup_search_content._scroll_end::after {
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
  } */
  .popup_search_body {

    max-width: 100%;
    padding: clamp(24px, 1.5rem, 1.5rem);
    margin-top: .7rem;
  }
    .popup_search_left{
        overflow-y: auto;
    }
    .popup_search_right{
        overflow-y: auto;
    }

  .popup_search_history {
    margin-bottom: 1.5rem;
  }
  .popup_search_categories {
    margin-bottom: 1.5rem;
  }
  .popup_search_categories a {
    color: #808080;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: clamp(14px, 0.875rem, 0.875rem);
    letter-spacing: 0.56px;
    margin-bottom: 5px;
  }
  .popup_search_categories a span {
    color: #334746;
  }
  .popup_search_categories a img, .popup_search_categories a svg {
    width: clamp(20px, 1.5rem, 1.5rem);
  }
  .popup_search_products {
    padding: 0 1rem;
  }
  .popup_search_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #000;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: clamp(12px, 0.75rem, 0.75rem);
    line-height: 1;
    padding: 0.5rem;
  }
  .popup_search_btn img, 
  .popup_search_btn svg {
    width: clamp(28px, 2rem, 2rem);
  }

  .popup_search_title{
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }

  .popup_search_history_head{
    display: flex;
    align-items:center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
  }
    .popup_search_history_head .popup_search_title{
        margin-bottom: 0;
    }
    .popup_search_history_btn{
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: clamp(4px, .25rem, .25rem);
        background:  #F8F8F8;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        font-size: clamp(11px, .7rem, .7rem);
        line-height: 1;
    }
        .popup_search_history_btn svg{
            width: 1.6rem;
        }
            .popup_search_history_btn svg path{
                transition: .3s ease all;
            }

        .popup_search_history .item {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: clamp(14px, 0.875rem, 0.875rem);
            line-height: 1;
            letter-spacing: 0.56px;
            margin-bottom: 5px;
            color: #334746;
            transition: .3s ease all;
        }
            .popup_search_history .item img, .popup_search_categories .item svg {
                width: clamp(20px, 1.5rem, 1.5rem);
            }

@media (hover:hover){ 

    .popup_search_history_btn:hover svg path{
        stroke: red;
    }
    .popup_search_history .item:hover {
        color: #FFC410;
    }

    .popup_search_brand:hover{
        border-color: #FFC410;
    }

    .small_product_actions .add_to_wishlist:hover svg path {
        stroke: #EB5757;
        fill: #EB5757;
    }
}


    .popup_search_brands_list{
        display: flex;
        flex-wrap: wrap;
        gap: clamp(6px, .35rem, .35rem);
    }
        .popup_search_brand{
            width: calc( (100% - clamp(18px, 1.05rem, 1.05rem) ) / 4);
            border: 1px solid #EDEDED;
        }
        

.small_product_actions{
    display: flex;
    align-items:center;
    gap: 8px;
}
    .small_product_actions .add_to_cart{
        width: 36px;
        min-width: 36px;
    }
    .small_product_actions .add_to_wishlist{
        width: 30px;
        min-width: 30px;
    }

    .small_product_actions .add_to_wishlist svg path {
        transition: .3s ease all;
    }
    .small_product_actions .add_to_wishlist._active svg path {
        stroke: #EB5757;
        fill: #EB5757;
    }

@media screen and (min-width: 901px) {

    .popup_search_form {
        width: clamp(410px, 25rem, 25rem);
      }

    .popup_search_body {
        box-shadow: 0px 2.5082px 5.01639px 0px rgba(0, 0, 0, 0.04), 0px 9.40574px 9.40574px 0px rgba(0, 0, 0, 0.03), 0px 20.69262px 12.54098px 0px rgba(0, 0, 0, 0.02), 0px 36.36885px 14.42213px 0px rgba(0, 0, 0, 0.01), 0px 57.06148px 15.67623px 0px rgba(0, 0, 0, 0);
        background: #FFF;
        width: clamp(950px, 59rem, 59rem);
        display: flex;
        gap: 1.5rem;
      }
        .popup_search_left{
            width: calc(50% - .75rem);
            padding-right: .75rem;
        }
        .popup_search_right{
            width: calc(50% - .75rem);
            padding-left: .75rem;
        }

        .popup_search_brand:nth-child(9){
            display: none !important;
        }


    .popup_search_products  .small_product{
        margin-bottom: 1rem;
    }
        .popup_search_products  .small_product_content {
            flex-grow: 1;
        }
        .popup_search_products .small_product .bg_img {
            width: 4rem;
            min-width: 4rem;
            height: 4rem;
        }
        
        
}

@media screen and (max-width: 900px) {
    .popup_search {
        position: fixed;
        top: 66px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #F8F8F8;
        border-radius: 0;
        transition: 0.3s ease all;
        visibility: hidden;
        opacity: 0;
        transform: translateX(-50%);
    }
    .popup_search._active {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    .popup_search_content:after {
        height: 80px;
        background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%);
    }

    .popup_search_body {
        padding: 24px 20px;
        margin: 0;
        height: calc(100vh - 170px )!important;
        max-height: calc(100vh - 170px )!important;
        overflow-y: auto;
    }
    .popup_search_form {
        height: 46px;
        border: 0;
        border-radius: 10px;
        background: #FFF;
        padding: 14px;
        margin: 0 20px ;
    }
        .popup_search_form button{
            background: none;
        }

    .popup_search_categories {
        padding: 0;
        margin-bottom: 0;
    }
        .popup_search_categories a {
            font-size: 12px;
        }
        .popup_search_categories a img, 
        .popup_search_categories a svg {
            width: 20px;
    }

    .popup_search_history {
        padding: 0;
        margin-bottom: 0;
    }
        .popup_search_history a {
            font-size: 12px;
        }
        .popup_search_history a img, 
        .popup_search_history a svg {
            width: 20px;
        }

        .popup_search_history_btn{
            background: #fff;
            width: max-content;
            padding: 8px 16px;       
            margin: 16px auto 0
        }

    .popup_search_products {
        padding: 0;
    }
        .popup_search_products .small_product .bg_img {
            width: 60px;
            min-width: 60px;
            height: 60px;
        }

     

    .popup_search_brands_list{
        gap: 6px;
    }
        .popup_search_brand{
            width: calc( (100% - 12px) / 3);
        }

    .search_nav_tabs_wrap{
        overflow-y: auto;
        margin: 0 -20px 24px;
    }
        .search_nav_tabs_wrap::-webkit-scrollbar{
            height: 0;
        }
        .search_nav_tabs{
            width: max-content;
            display: flex;
            gap: 10px;
        }
            .search_nav_tab{
                background: #cccecd;
                font-size: 12px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 8px 10px;
                transition: .3s ease all;
            }
            .search_nav_tab._active{
                background: #000;
                color: #fff;
            }
            .search_nav_tab:first-child{
                margin-left: 20px;
            }
            .search_nav_tab:last-child{
                margin-right: 20px;
            }

    .popup_search_title{
        display: none;
    }
    .popup_search [data-tab]{
        display: none;
    }
    .popup_search [data-tab]._active{
        display: block;
    }
    .popup_search [data-tab].popup_search_history._active {
        display: flex;
        flex-direction: column-reverse;
    }

    .popup_search_btn{
        background: #fff;
        width: max-content;
        padding: 8px 16px;       
        margin: 16px auto 0
    }
}

/*      end  SEARCH    */

/* =====================================================
   CHEESE MAP — PREMIUM SYSTEM v3 ENTERPRISE
   Unified typography + spacing + depth + components
   Clean layered architecture for OpenCart theme override
   DO NOT TOUCH PRICE / HEART / COUNT / CART ROW LOGIC
===================================================== */

@layer cm.tokens, cm.base, cm.components, cm.mobile, cm.samsung;

/* =====================================================
   1. DESIGN TOKENS
===================================================== */

@layer cm.tokens {
  :root {
    /* Font system */
    --cm-font-main: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

    /* Color system */
    --cm-bg: #F8F6F2;
    --cm-surface: #FFFFFF;
    --cm-surface-soft: #FBFAF7;
    --cm-surface-warm: #FAF8F5;
    --cm-text: #2F2A25;
    --cm-text-soft: #4B453F;
    --cm-muted: #8A8177;
    --cm-line: rgba(0,0,0,.055);
    --cm-line-soft: rgba(0,0,0,.038);
    --cm-line-card: rgba(212,199,174,.24);
    --cm-gold: #FFC410;
    --cm-gold-soft: #FFE89A;
    --cm-gold-pale: #FFF8DD;

    /* Typography map */
    --cm-fs-xxs: 8px;
    --cm-fs-xs: 9.5px;
    --cm-fs-sm: 10.5px;
    --cm-fs-md: 12px;
    --cm-fs-card: 13.5px;
    --cm-fs-button: 14px;
    --cm-fs-price: 15px;
    --cm-fs-title-mobile: 24px;
    --cm-fs-title: clamp(24px, 2.2vw, 32px);

    --cm-lh-tight: 1.05;
    --cm-lh-chip: 1.08;
    --cm-lh-title: 1.14;
    --cm-lh-base: 1.22;
    --cm-lh-card: 1.34;

    --cm-fw-regular: 400;
    --cm-fw-medium: 520;
    --cm-fw-semibold: 600;
    --cm-fw-price: 650;

    --cm-ls-tight: -0.03em;
    --cm-ls-md: -0.02em;
    --cm-ls-sm: -0.012em;
    --cm-ls-xs: -0.01em;

    /* Spacing map */
    --cm-space-1: 2px;
    --cm-space-2: 4px;
    --cm-space-3: 6px;
    --cm-space-4: 8px;
    --cm-space-5: 10px;
    --cm-space-6: 12px;
    --cm-space-7: 14px;
    --cm-space-8: 16px;
    --cm-space-9: 18px;
    --cm-space-10: 22px;
    --cm-space-11: 26px;
    --cm-space-12: 30px;

    /* Radius map */
    --cm-radius-xs: 13px;
    --cm-radius-sm: 14px;
    --cm-radius-chip: 15px;
    --cm-radius-md: 18px;
    --cm-radius-lg: 22px;
    --cm-radius-pill: 999px;

    /* Depth map */
    --cm-shadow-xs: inset 0 1px 0 rgba(255,255,255,.92), 0 2px 8px rgba(0,0,0,.018);
    --cm-shadow-sm: inset 0 1px 0 rgba(255,255,255,.92), 0 2px 8px rgba(0,0,0,.018), 0 6px 16px rgba(0,0,0,.024);
    --cm-shadow-md: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(0,0,0,.03), 0 14px 28px rgba(0,0,0,.035);
    --cm-shadow-lg: inset 0 1px 0 rgba(255,255,255,.92), 0 2px 8px rgba(0,0,0,.018), 0 8px 22px rgba(0,0,0,.026);
    --cm-shadow-hover: inset 0 1px 0 rgba(255,255,255,.94), 0 4px 12px rgba(0,0,0,.028), 0 10px 24px rgba(0,0,0,.03);
    --cm-shadow-gold: inset 0 1px 0 rgba(255,255,255,.70), 0 4px 12px rgba(255,196,16,.14), 0 10px 24px rgba(0,0,0,.035);

    /* Background system */
    --cm-bg-premium: linear-gradient(180deg, #FFFFFF 0%, #FAF8F5 100%);
    --cm-bg-card: linear-gradient(180deg, #FFFFFF 0%, #FDFBF7 52%, #F8F5EF 100%);
    --cm-bg-active: linear-gradient(180deg, #FFF8DD 0%, #FFE89A 100%);
    --cm-bg-icon: radial-gradient(circle at top left, rgba(255,255,255,.98) 0%, rgba(251,250,247,.97) 48%, rgba(246,244,239,.95) 100%);
    --cm-bg-image: radial-gradient(circle at top, rgba(255,255,255,.98) 0%, rgba(248,246,241,.82) 58%, rgba(243,239,232,.65) 100%);

    /* Motion */
    --cm-transition-soft: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
  }
}

/* =====================================================
   2. BASE TYPOGRAPHY / RESET
===================================================== */

@layer cm.base {
  *, *::before, *::after {
    box-sizing: border-box;
  }

  body,
  .product,
  .main_product,
  .product-thumb,
  .product_content,
  .category_brands_list,
  .category_top_description {
    font-family: var(--cm-font-main) !important;
    color: var(--cm-text) !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* SKU / Артикул — hide only visual SKU labels */
  .product_model,
  .product-model,
  .product_sku,
  .product-sku,
  .sku,
  .model,
  .product-code,
  #product_model,
  .product-thumb [class*="sku"],
  .product-thumb [class*="model"] {
    display: none !important;
  }
}

/* =====================================================
   3. CATEGORY TITLE
===================================================== */

@layer cm.components {
  .category_top_description h1,
  h1.category-title,
  .category-title h1 {
    max-width: 1180px !important;
    margin: 0 0 var(--cm-space-12) !important;
    font-family: var(--cm-font-main) !important;
    font-size: var(--cm-fs-title) !important;
    line-height: var(--cm-lh-base) !important;
    font-weight: var(--cm-fw-medium) !important;
    font-style: normal !important;
    letter-spacing: -0.024em !important;
    color: #3B342E !important;
  }
}

/* =====================================================
   4. CATEGORY NAVIGATION ICONS
===================================================== */

@layer cm.components {
  .category_brands_list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--cm-space-5) !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    padding: 0 0 var(--cm-space-6) !important;
    scroll-snap-type: x proximity;
  }

  .category_brands_list::-webkit-scrollbar {
    height: 4px;
  }

  .category_brands_list::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.08);
    border-radius: var(--cm-radius-pill);
  }

  .category_brands_list_item {
    width: 102px !important;
    min-width: 102px !important;
    flex: 0 0 102px !important;
    text-align: center !important;
    scroll-snap-align: start;
  }

  .category_brands_list_item ._title,
  .category_brands_list_item ._name {
    min-height: 31px !important;
    margin-bottom: var(--cm-space-4) !important;
    font-family: var(--cm-font-main) !important;
    font-size: 11.5px !important;
    line-height: var(--cm-lh-base) !important;
    font-weight: var(--cm-fw-medium) !important;
    letter-spacing: var(--cm-ls-xs) !important;
    color: var(--cm-text-soft) !important;
  }

  .category_brands_list_item ._img {
    position: relative !important;
    width: 102px !important;
    height: 88px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border-radius: var(--cm-radius-md) !important;
    background: var(--cm-bg-icon) !important;
    border: 1px solid var(--cm-line-soft) !important;
    box-shadow: inset 0 1px 2px rgba(255,255,255,.9), 0 8px 18px rgba(0,0,0,.035), 0 14px 26px rgba(0,0,0,.04) !important;
  }

  .category_brands_list_item ._img::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 12%;
    width: 76%;
    height: 30%;
    border-radius: var(--cm-radius-pill);
    background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
  }

  .category_brands_list_item ._img img {
    position: relative !important;
    z-index: 2 !important;
    width: 118% !important;
    height: 118% !important;
    object-fit: contain !important;
    transform: translateY(3px);
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.08));
  }
}

/* =====================================================
   5. PRODUCT CARD SYSTEM
===================================================== */

@layer cm.components {
  .products,
  .product-grid {
    width: 100% !important;
  }

  .product-layout {
    margin-bottom: var(--cm-space-12) !important;
  }

  .product-grid .product-thumb,
  .product-layout .product-thumb,
  .product-thumb {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: var(--cm-radius-lg) !important;
    background: var(--cm-bg-card) !important;
    border: 1px solid var(--cm-line-card) !important;
    box-shadow: var(--cm-shadow-md) !important;
  }

  .product-thumb .image {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--cm-space-5) var(--cm-space-5) var(--cm-space-2) !important;
    background: var(--cm-bg-image) !important;
  }

  .product-thumb .image::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 13%;
    width: 74%;
    height: 24%;
    border-radius: var(--cm-radius-pill);
    background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,0));
    pointer-events: none;
  }

  .product-thumb .image::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: var(--cm-space-4);
    height: var(--cm-space-9);
    border-radius: var(--cm-radius-pill);
    background: radial-gradient(ellipse at center, rgba(0,0,0,.055) 0%, rgba(0,0,0,0) 70%);
    pointer-events: none;
  }

  .product-thumb .image img {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.065));
  }

  .product-grid .caption,
  .product-layout .caption,
  .product-thumb .caption {
    padding: var(--cm-space-5) var(--cm-space-5) var(--cm-space-4) !important;
  }

  .product-thumb .name,
  .product-thumb .product-name {
    min-height: 42px !important;
  }

  .product-grid .caption a,
  .product-layout .caption a,
  .product-thumb .caption a,
  .product-thumb .name a,
  .product-thumb .product-name a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    font-family: var(--cm-font-main) !important;
    font-size: var(--cm-fs-card) !important;
    line-height: var(--cm-lh-card) !important;
    font-weight: var(--cm-fw-medium) !important;
    letter-spacing: var(--cm-ls-sm) !important;
    color: #3F3933 !important;
  }

  .product-thumb .price,
  .product-thumb .price-new {
    font-family: var(--cm-font-main) !important;
    letter-spacing: var(--cm-ls-md) !important;
  }

  .product-thumb .button-group {
    align-items: center !important;
  }
}

/* =====================================================
   6. PDP HERO IMAGE SYSTEM
===================================================== */

@layer cm.components {
  .product_thumb {
    background: var(--cm-bg-premium) !important;
    border: 1px solid var(--cm-line) !important;
    border-radius: var(--cm-radius-lg) !important;
    box-shadow: var(--cm-shadow-lg) !important;
    padding: var(--cm-space-11) !important;
    overflow: hidden !important;
  }

  .product_thumb .image,
  .product_thumb .product-image,
  .product_thumb .main-image,
  .product_thumb a {
    background: var(--cm-surface) !important;
    border: 1px solid rgba(0,0,0,.035) !important;
    border-radius: var(--cm-radius-md) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .product_thumb .cm-lcp-img {
    max-width: 94% !important;
    max-height: 570px !important;
    transform: translateY(2px) scale(1.03) !important;
    filter: drop-shadow(0 16px 28px rgba(0,0,0,.08)) !important;
  }
}

/* =====================================================
   7. PDP CHIP / WEIGHT SYSTEM
===================================================== */

@layer cm.components {
  .product_content .benefits,
  .product_content .weight_quantity_btns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--cm-space-5) !important;
    width: 100% !important;
  }

  .product_content .benefits {
    margin: var(--cm-space-11) 0 var(--cm-space-10) !important;
  }

  .product_content .weight_quantity_btns {
    margin: var(--cm-space-4) 0 var(--cm-space-9) !important;
  }

  .product_content .weight_quantity_btns > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  .product_content .benefits_item,
  .product_content .weight_quantity_btn,
  .product_content .weight_quantity_btns button,
  .product_content .weight_quantity_btns label,
  .product_content .weight_quantity_btns a {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 var(--cm-space-5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--cm-space-3) !important;
    border-radius: var(--cm-radius-chip) !important;
    background: var(--cm-bg-premium) !important;
    border: 1px solid var(--cm-line) !important;
    box-shadow: var(--cm-shadow-sm) !important;
    color: var(--cm-text) !important;
    box-sizing: border-box !important;
    font-family: var(--cm-font-main) !important;
  }

  .product_content .benefits_item img,
  .product_content .benefits_item svg {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    flex: 0 0 24px !important;
    object-fit: contain !important;
  }

  .product_content .benefits_item_title {
    font-family: var(--cm-font-main) !important;
    font-size: var(--cm-fs-xs) !important;
    line-height: var(--cm-lh-tight) !important;
    color: var(--cm-muted) !important;
    white-space: nowrap !important;
  }

  .product_content .benefits_item_value {
    font-family: var(--cm-font-main) !important;
    font-size: 11.5px !important;
    line-height: var(--cm-lh-chip) !important;
    font-weight: var(--cm-fw-semibold) !important;
    color: var(--cm-text) !important;
    white-space: nowrap !important;
  }

  .product_content .weight_quantity_btn,
  .product_content .weight_quantity_btns button,
  .product_content .weight_quantity_btns label,
  .product_content .weight_quantity_btns a {
    font-size: var(--cm-fs-button) !important;
    line-height: 1 !important;
    font-weight: var(--cm-fw-semibold) !important;
    letter-spacing: var(--cm-ls-xs) !important;
    white-space: nowrap !important;
    transition: var(--cm-transition-soft) !important;
  }

  .product_content .weight_quantity_btn.active,
  .product_content .weight_quantity_btns .active,
  .product_content .weight_quantity_btns button.active,
  .product_content .weight_quantity_btns label.active {
    background: var(--cm-bg-active) !important;
    border-color: rgba(255,196,16,.42) !important;
    box-shadow: var(--cm-shadow-gold) !important;
    color: #2B241A !important;
  }

  .product_content .weight_quantity_btn:hover,
  .product_content .weight_quantity_btns button:hover,
  .product_content .weight_quantity_btns label:hover,
  .product_content .weight_quantity_btns a:hover {
    transform: translateY(-1px);
    box-shadow: var(--cm-shadow-hover) !important;
  }
}

/* =====================================================
   8. FILTER / BUTTON MICRO SYSTEM
===================================================== */

@layer cm.components {
  .ocfilter-mobile button,
  .filter button {
    font-family: var(--cm-font-main) !important;
  }
}

/* =====================================================
   9. MOBILE — ONE ADAPTATION ONLY
===================================================== */

@layer cm.mobile {
  @media (max-width: 900px) {
    .category_top_description h1,
    h1.category-title,
    .category-title h1 {
      font-size: var(--cm-fs-title-mobile) !important;
      line-height: var(--cm-lh-title) !important;
      letter-spacing: var(--cm-ls-tight) !important;
      margin-bottom: var(--cm-space-9) !important;
    }

    .category_brands_list {
      gap: var(--cm-space-4) !important;
    }

    .category_brands_list_item {
      width: 92px !important;
      min-width: 92px !important;
      flex-basis: 92px !important;
    }

    .category_brands_list_item ._title,
    .category_brands_list_item ._name {
      font-size: var(--cm-fs-sm) !important;
      line-height: 1.12 !important;
    }

    .category_brands_list_item ._img {
      width: 92px !important;
      height: 78px !important;
      border-radius: 16px !important;
    }

    .product-layout {
      padding-bottom: var(--cm-space-4) !important;
      border-bottom: 1px solid rgba(0,0,0,.035) !important;
    }

    .product-thumb {
      border-radius: var(--cm-radius-md) !important;
    }

    .product-thumb .image {
      padding: var(--cm-space-4) var(--cm-space-4) var(--cm-space-1) !important;
    }

    .product-thumb .caption {
      padding: var(--cm-space-3) var(--cm-space-4) var(--cm-space-1) !important;
    }

    .product-thumb .name,
    .product-thumb .product-name {
      min-height: 42px !important;
      margin-bottom: var(--cm-space-2) !important;
    }

    .product-thumb .price,
    .product-thumb .price-new {
      margin-top: 0 !important;
      font-size: var(--cm-fs-price) !important;
      font-weight: var(--cm-fw-price) !important;
      letter-spacing: var(--cm-ls-md) !important;
    }

    .ocfilter-mobile button,
    .filter button {
      min-height: 42px !important;
      height: 42px !important;
    }

    .product_thumb {
      margin: var(--cm-space-4) var(--cm-space-7) var(--cm-space-10) !important;
      padding: var(--cm-space-8) !important;
      border-radius: var(--cm-radius-md) !important;
      background: linear-gradient(180deg, #FFFFFF 0%, #FBF9F5 100%) !important;
    }

    .product_thumb .image,
    .product_thumb .product-image,
    .product_thumb .main-image,
    .product_thumb a {
      border-radius: var(--cm-radius-sm) !important;
    }

    .product_thumb .cm-lcp-img {
      max-width: 94% !important;
      max-height: 300px !important;
      transform: translateY(1px) scale(1.02) !important;
    }

    .product_content .benefits,
    .product_content .weight_quantity_btns {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: var(--cm-space-4) !important;
    }

    .product_content .benefits {
      margin: var(--cm-space-9) 0 var(--cm-space-10) !important;
    }

    .product_content .weight_quantity_btns {
      margin: var(--cm-space-4) 0 var(--cm-space-9) !important;
    }

    .product_content .benefits_item,
    .product_content .weight_quantity_btn,
    .product_content .weight_quantity_btns button,
    .product_content .weight_quantity_btns label,
    .product_content .weight_quantity_btns a {
      min-height: 46px !important;
      height: 46px !important;
      padding: 0 var(--cm-space-4) !important;
      border-radius: var(--cm-radius-sm) !important;
    }

    .product_content .benefits_item {
      padding: 7px var(--cm-space-4) !important;
    }

    .product_content .benefits_item img,
    .product_content .benefits_item svg {
      width: 22px !important;
      height: 22px !important;
      max-width: 22px !important;
      max-height: 22px !important;
      flex: 0 0 22px !important;
    }

    .product_content .benefits_item_title {
      font-size: 8.5px !important;
    }

    .product_content .benefits_item_value {
      font-size: var(--cm-fs-sm) !important;
    }

    .product_content .weight_quantity_btn,
    .product_content .weight_quantity_btns button,
    .product_content .weight_quantity_btns label,
    .product_content .weight_quantity_btns a {
      font-size: 13px !important;
    }
  }
}

/* =====================================================
   10. SAMSUNG SAFE — FINAL OVERRIDE ONLY
===================================================== */

@layer cm.samsung {
  @media (max-width: 390px) {
    .product_thumb {
      margin: var(--cm-space-3) var(--cm-space-5) var(--cm-space-9) !important;
      padding: var(--cm-space-7) !important;
      border-radius: 16px !important;
    }

    .product_thumb .cm-lcp-img {
      max-height: 270px !important;
    }

    .product_content .benefits,
    .product_content .weight_quantity_btns {
      gap: var(--cm-space-3) !important;
    }

    .product_content .benefits_item,
    .product_content .weight_quantity_btn,
    .product_content .weight_quantity_btns button,
    .product_content .weight_quantity_btns label,
    .product_content .weight_quantity_btns a {
      min-height: 42px !important;
      height: 42px !important;
      border-radius: var(--cm-radius-xs) !important;
    }

    .product_content .benefits_item {
      padding: var(--cm-space-3) 5px !important;
      gap: var(--cm-space-2) !important;
    }

    .product_content .benefits_item img,
    .product_content .benefits_item svg {
      width: 20px !important;
      height: 20px !important;
      max-width: 20px !important;
      max-height: 20px !important;
      flex-basis: 20px !important;
    }

    .product_content .benefits_item_title {
      font-size: var(--cm-fs-xxs) !important;
    }

    .product_content .benefits_item_value {
      font-size: 10px !important;
    }

    .product_content .weight_quantity_btn,
    .product_content .weight_quantity_btns button,
    .product_content .weight_quantity_btns label,
    .product_content .weight_quantity_btns a {
      font-size: 12.5px !important;
      padding: 0 var(--cm-space-3) !important;
    }
  }
}


/* END category brand desc */