@header__background-color: @color-white;
@topbarcolor: #3e445a;
@topbarbg: @color-white;
@header-icons-color: #1f222f;

@page_custom-bg: #f3f5f6;
@use_custom_page-bg: true;

@theme__color__primary: #ea0d42;

// Vertical Menu
@vertical_menu_title_color: @header-icons-color;
@vertical_menu_title_hover_color: @color-white;
@vertical_title-color: @color-white;
@layout__max-width: 1440px;
@image_border-radius: 5px;

// Border Color
@border-color__base: #e2e6ef;
@header_sticky_border: @border-color__base;
@topbar_border-color: @border-color__base;
@header-border-color: @border-color__base;

// Color Menu
@navigation-level0-item__color : #1f222f;
@navigation-desktop-level0-item__color: false;

@category_name_position: relative;
// Border Color Search
@_search-border-color: @border-color__base;
@_search-border-width: 2px; // Width Border Color.

// Color All Cate
@heading__color__base: @header-icons-color;

// Footer Variable
@footer__background-color: @color-white; 
@footercolor: #3e445a;
@footer-title-color: #1f222f;
@footer-border-color: @border-color__base;
@footer_content_margin_top: 1rem;
@footer-title-mobile_bg: @page_custom-bg;
@footer_item_width_tabel: 50%;

// Name Category Color
@category-name-color: #1f222f;
@category-count-color: #5b6c8f;
@img_category_thumb_hover: false;
@category_name-padding: 0 3rem 1rem;

// Super Deal Setting
@deal_text_color: #f9b9c8;

// Product 
@product-name-link__color: #0062bd;
@product-name-link__color__hover: @theme__color__primary;

@module_margin_bottom: 22px;
@button__border-radius: 3.5rem;
@button__hover__background: @theme__color__primary;
@product-button-icon-bg: #f5f5f5;
@icon_product_action_color: @topbarcolor;

// font item sub category
@category-count-size: 13px;

// Box Shadow Super Deal 
@custom_shadow_light: 0 0 20px 0 rgba(0, 0, 0, 0.08);

// Font Weight Title
@module_title-font-weight: 500;

// 
@specail_price_color: @theme__color__primary;
@ruler-sold-count: @theme__color__primary;

// Hover Blog
@recent_post_hover_box-shadow: false;
& when (@media-common = true) {
    .header-container{
        &.layout-1{
            .topbar{
                border-bottom: 1px solid @border-color__base;
            }
        }
        .header-content{
            .header-static-text{
                p{
                    color: @theme__color__primary;
                }
            }
        }
        .col-action.col-right{
            li{
                span.text{
                    color: #5b6c8f;
                }
            }
        }
    }
}
// Icon Search
& when (@media-common = true) {
    .top-search-not-dropdown{
        .block.block-search{
            .block-content{
                .dropdown{
                    .form.minisearch{
                        .actions{
                            .action.search{
                                top: -@_search-border-width;
                                right: -@_search-border-width;
                                bottom: -@_search-border-width;
                                border-top-right-radius: 0px;
                                border-bottom-right-radius: 0px;
                                left: -@_search-border-width;
                            }
                        }
                    }
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m) {
    .shipping-support{
        .item-shipping{
            &:not(:last-child){
                border-left: 1px solid @border-color__base;
            }
        }
    }
}
// Sub Category Column
& when (@media-common = true) {
    .category-wrap{
        border-radius: @image_border-radius;
        .wrapper_sub_category_tabs{
            .widget-tabs{
                .owl-stage-outer{
                    border: 1px solid @border-color__base;
                    @border-radius: @image_border-radius;
                    .lib-css(border-radius, @border-radius, @_prefix: 1);
                    .owl-item{
                        &:hover{
                            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
                            .lib-css(border-radius, @border-radius, @_prefix: 1);
                            &::before{
                                visibility: visible;
                             }
                            .cate-name{
                                span{
                                    transition: all 0.3s ease;
                                    color: @theme__color__primary;
                                }
                            }
                        }
                        .category-item{
                            a{
                                padding: 17px 0 15px;
                                img{
                                    max-width: 80%;
                                }
                            }
                            .thumb-infor{
                                .cate-name.cate-count{
                                    text-align: center;
                                    .count{
                                        margin-top: 0;
                                        .bracket{
                                            font-size: 0;
                                        }
                                    }
                                }
                            }
                        }
                        &:not(.last-active-item){
                            &::after{
                                content: "";
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                border-right: 1px solid @border-color__base;
                            }
                        }
                        &::before{
                            content: "";
                            background: @color-white;
                            position: absolute;
                            left: -1px;
                            top: -1px;
                            right: -1px;
                            bottom: -1px;
                            border-radius: @layout__max-width;
                            border: 1px solid @border-color__base;
                            opacity: 0;
                            visibility: hidden;
                        }
                    }
                }
            } 
        }
    }
}
// Mobile Category Column
@category_name_mobile-padding: 0.5rem;
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m) {
    .category-wrap{
        .wrapper_sub_category_tabs{
            .widget-tabs{
                .owl-item{
                    .category-item{
                        a{
                            padding: 17px 0 15px;
                        }
                    }
                }
            }
        }
    }     
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m) {
    .category-wrap{
        .wrapper_sub_category_tabs{
            .widget-tabs{
                .owl-item{
                    .category-item{
                        a{
                            padding: 15px 0;
                        }
                    }
                }
            }
        }
    }     
}
// Lazy load images 
& when (@media-common = true) {
    .lazyload-image{
        .wrapper_sub_category_tabs.onlyparent .list-category-item .category-item a img[data-src]{
            padding-top: 49.5%;
        }
    }
}
// Supper Deal Setting
& when (@media-common = true) {
    .hot-deal-tab-slider{
        .rokan-title{
            margin-bottom: 24px;
            .supper-deal-title{
                justify-content: center;
                .left-deal{
                    flex: 1;
                    margin-bottom: 3px;
                    h3.title-deal{
                        line-height: 0.8;
                    }
                    h5.sub-title-deal{
                        font-weight: 400;
                        color: @topbarcolor;
                        font-size: 1.4rem;
                        letter-spacing: 0;
                    }
                }
                .right-deal{
                    position: relative;
                    @transform: translateY(0);
                    .lib-css(transform, @transform, @_prefix: 1);
                    flex: 1;
                    .super-deal-countdown{
                        margin-right: 0;
                        background: @page_custom-bg;
                        padding-right: 15px;
                        .time_circles{
                            > div{
                                flex-direction: column;
                                background: @theme__color__primary;
                                @border-radius: 2px;
                                min-width: 55px !important;
                                min-height: 60px;
                                justify-content: center;
                                .lib-css(border-radius, @border-radius, @_prefix: 1);
                                position: relative;
                                margin-right: 2px;
                                align-items: center;
                                span.number{
                                    margin-bottom: 6px;
                                }
                                span.text{
                                    margin-left: 0;
                                    display: block !important;
                                }
                                &:not(.textDiv_Seconds){
                                    &::after{
                                        content: ":";
                                        position: absolute;
                                        top: 50%;
                                        left: -7px;
                                        bottom: 0;
                                        color: @header-icons-color;
                                        font-size: 16px;
                                        @transform: translateY(-50%);
                                        .lib-css(transform, @transform, @_prefix: 1);
                                        font-weight: 500;
                                        margin: 0;
                                    }
                                }

                            }
                        }
                    }
                }
            }
        }
        .products-grid{
            .product-items{
                border: 2px solid @theme__color__primary;
                @border-radius: @image_border-radius;
                .lib-css(border-radius, @border-radius, @_prefix: 1);
                .owl-stage-outer{
                    .owl-stage{
                        .owl-item.active{
                            &:not(.last-active-item){
                                .product-item-info{
                                    &::before{
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        bottom: 0;
                                        border-left: 1px solid #e2e6ef;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m) {
    .products-grid{
        .product-items.owl-carousel{
            .product-item{
                &::before{
                    bottom: -5.1rem;
                }
            }
        }
    } 
    .hot-deal-tab-slider{
        .rokan-title{
            .supper-deal-title{
                border-bottom: none;
                align-items: flex-end;
                .left-deal{
                    text-align: left;
                    padding-left: 15px;
                    max-width: 50%;
                }
                .right-deal{
                    max-width: 50%;
                }
            }
        }
        .products-grid{
            .product-items.owl-carousel{
                .owl-item.active{
                    &:hover{
                        .product-item{
                            .product-item-info{
                                &::after{
                                    content: "";
                                    position: absolute;
                                    left: 0px;
                                    top: 0;
                                    bottom: 0;
                                    background: @color-white;
                                    width: 1px;
                                    z-index: 999;
                                }
                            }
                        }
                    }
                }
                .product-item{
                    &:hover{
                        &::before{
                            opacity: 1;
                        }
                    }
                    &::before{
                        z-index: -1;
                        left: -1px;
                        top: -1px;
                        right: -1px;
                        background: @color-white;
                        border: 1px solid @border-color__base;
                        opacity: 0;
                    }
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m) {
    .hot-deal-tab-slider{
        .rokan-title{
            .supper-deal-title{
                flex-direction: column; 
                align-items: center;
                .left-deal{
                    text-align: center;
                    margin-bottom: 1rem;
                    padding-right: 0;
                    max-width: 100%;
                    h3.title-deal{
                        font-size: 2.4rem;
                        margin-bottom: 1rem;
                    }
                    .sub-title-deal{
                        display: block;
                    }
                }
                .right-deal{
                    max-width: 100%;
                    .super-deal-countdown{ 
                        .time_circles{
                            .textDiv_Seconds{
                                right: 23px !important;
                            }
                            .textDiv_Minutes{
                                right: 15px !important;
                            }
                            .textDiv_Hours{
                                right: 8px !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__s) {
    .hot-deal-tab-slider{
        .sub-title-deal{
            display: block !important;
        }
    }
}
// Banner Top
& when (@media-common = true) {
    .banner-top{
        .pagebuilder-poster-content{
            p.size-14{
                margin-bottom: 2rem;
            }
            h2{
                margin-bottom: 2.2rem;
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l) {
    .banner-top{
        .pagebuilder-banner-wrapper{
            padding: 23px 0;
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__l) {
    #html-body{
        .banner-top{
            .pagebuilder-column {
                .pagebuilder-overlay{
                    padding: 30px 20px 30px 30px;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m) {
    #html-body{
        .banner-top{
            overflow: hidden;
            .pagebuilder-column-group{
                overflow: hidden;
                overflow-x: scroll;
                -ms-overflow-style: none;  /* IE and Edge */
                scrollbar-width: none;  /* Firefox */
                flex-wrap: nowrap;
                &::-webkit-scrollbar{
                    display: none;
                }
                .pagebuilder-column{
                    flex: 0 0 auto;
                    width: 50%;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__xs) {
    #html-body{
        .banner-top{
            .pagebuilder-column-group {
                .pagebuilder-column{
                    flex: 0 0 auto;
                    width: 100%;
                }
            }
        }
    } 
}
& when (@media-common = true) {
    #html-body{
        .banner-top,
        .banner-bottom{
            .pagebuilder-column-group{
                margin-left: -10px;
                margin-right: -10px;
            }
        }
    }
}
@border-bg-after-left: #f9d199;
@border-bg-after-right: #e9a5b1;
// Banner Bottom
& when (@media-common = true) {
    .banner-bottom{
        .pagebuilder-column{
            p.size-18{
                margin-bottom: 16px;
            }
            h3{
                margin-bottom: 2.4rem;
            }
            p.size-16{
                span{
                    position: relative;
                }
            }
            &.banner-left{
                p.size-16{
                    span{
                        &::after{
                            content: "";
                            position: absolute;
                            bottom: -2px;
                            left: 0;
                            right: 0;
                            border-bottom: 2px solid @border-bg-after-left;
                        }
                    }
                }
            }
            &.banner-right{
                p.size-16{
                    span{
                        &::after{
                            content: "";
                            position: absolute;
                            bottom: -2px;
                            left: 0;
                            right: 0;
                            border-bottom: 2px solid @border-bg-after-right;
                        }
                    }
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l) {
    .banner-bottom{
        .pagebuilder-banner-wrapper{
            padding: 9px 0;
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__l) {
    #html-body{
        .banner-bottom{
            .pagebuilder-column {
                .pagebuilder-overlay{
                    padding: 30px 20px 30px 30px;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m) {
    #html-body{
        .banner-bottom{
            overflow: hidden;
            .pagebuilder-column-group{
                overflow: hidden;
                overflow-x: scroll;
                -ms-overflow-style: none;  /* IE and Edge */
                scrollbar-width: none;  /* Firefox */
                flex-wrap: nowrap;
                &::-webkit-scrollbar{
                    display: none;
                }
                .pagebuilder-column{
                    flex: 0 0 auto;
                    width: 100%;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .rokan-title,
	.block .title.rokan-title{
        .module-title, h3{
            border-bottom: none;
            span,
			strong{
                &:after{
					content: none;
				}
            }
        }
    }
}
& when (@media-common = true){
    .wrapper_product_tabs{
        .products-grid{
            .product-items{
                .active{
                    .product-item{
                        border-left: 1px solid @border-color__base;
                        border-top: 1px solid @border-color__base;
                        border-bottom: 1px solid @border-color__base;
                        @border-radius: 0;
                        .lib-css(border-radius, @border-radius, @_prefix: 1);
                    }
                    &.first-active-item{
                        .product-item{
                            border-right: 1px solid @border-color__base;
                            @border-radius: 0 @image_border-radius @image_border-radius 0;
                            .lib-css(border-radius, @border-radius, @_prefix: 1);
                        }
                    }
                    &.last-active-item{
                        .product-item{
                            border-left: 1px solid @border-color__base;
                            @border-radius: @image_border-radius 0 0 @image_border-radius;
                            .lib-css(border-radius, @border-radius, @_prefix: 1);
                        }
                    }
                }
            } 
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m) {
    .wrapper_product_tabs{
        .products-grid{
            .product-items{
                .active{
                    .product-item{
                        @transition: all 0.4s ease-in-out;
                        .lib-css(transition, @transition, @_prefix: 1);
                        &::before{
                            border: 1px solid @border-color__base; 
                            z-index: 3;
                            top: -1px;
                            left: -1px;
                            right: -1px;
                            opacity: 0;
                            visibility: hidden;
                        }
                        &:hover{
                            border-left: 1px solid transparent;
                            border-top: 1px solid transparent;
                            border-bottom: 1px solid transparent;
                            &::before{
                                opacity: 1;
                                visibility: visible;
                            }                          
                        }
                    }
                }
            }
        }
    }
}
& when (@media-common = true) {
    .rokan-title.has-see-all{
        h3.module-title{
            span{
                padding-bottom: 0;
            }
        }
    }
}
// Product Banner 
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
    .section-product-banner-gird{
        .widget-product{
            .product-items{
                .item-row{
                    &.item-left,
                    &.item-right{
                        .product-item{
                            position: relative;
                            z-index: 1;
                            &:hover{
                                &::before{
                                    opacity: 1;
                                    pointer-events: auto;
                                    .box_shadown_light;
                                    @transition: all 0.4s ease;
                                    .lib-css(transition, @transition, 1);
                                }
                                .product-item-details{
                                    .product-item-inner{
                                        .actions-primary{
                                            pointer-events: auto;
                                            opacity: 1;
                                            @transform: translateY(0);
                                            .lib-css(transform, @transform, @_prefix: 1);
                                            z-index: 9;
                                        }
                                        .button_quickview{
                                            opacity: 1;
                                            visibility: visible;
                                            @transform: translateY(0);
                                            .lib-css(transform, @transform, @_prefix: 1);
                                        }
                                    }
                                }
                            }
                            &::before{
                                content: "";
                                position: absolute;
                                z-index: 3;
                                left: -1px;
                                top: 1px;
                                right: -1px;
                                border-right: 1px solid @border-color__base;
                                border-bottom: 1px solid @border-color__base;
                                border-left: 1px solid @border-color__base;
                                opacity: 0;
                                @border-radius: @image_border-radius;
                                .lib-css(border-radius, @border-radius, @_prefix: 1);
                                @transition: all 0.4s ease;
                                .lib-css(transition, @transition, @_prefix: 1);
                                @transform: translate3d(0, 0, 0);
                                .lib-css(transform, @transform, @_prefix: 1);
                                pointer-events: auto;
                                bottom: -5.1rem;
                                background: @color-white;
                            }
                            .product-item-details{
                                .product-item-inner{
                                    .actions-primary{
                                        opacity: 0;
                                        position: absolute;
                                        left: 0;
                                        right: 0;
                                        bottom: -5rem;
                                        width: auto;
                                        padding: 7px 2rem 2rem;
                                        background-color: @color-white;
                                        border-bottom-right-radius: @image_border-radius;
                                        border-bottom-left-radius: @image_border-radius;
                                        @transition: all 0.3s ease;
                                        .lib-css(transition, @transition, 1);
                                        @transform: translateY(15px);
                                        .lib-css(transform, @transform, @_prefix: 1);
                                        pointer-events: none;
                                    }
                                    .actions-secondary{
                                        top: 6rem;
                                    }
                                    .button_quickview{
                                        opacity: 0;
                                        visibility: hidden;
                                        @transform: translateY(100%);
                                        .lib-css(transform, @transform, @_prefix: 1);
                                        @transition: all 0.5s;
                                        .lib-css(transition, @transition, @_prefix: 1);
                                        position: absolute;
                                        top: 2rem;
                                        left: 2rem;
                                        z-index: 2;
                                        .flex();
                                        align-items: center;
                                        flex-direction: column;
                                        &:hover{
                                            .link-quickview{
                                                background: @theme__color__primary;
                                                &::before{
                                                    color: @color-white;
                                                }
                                            }
                                        }
                                        .link-quickview{
                                            font-size: 0;
                                            background: @product-button-icon-bg;
                                            width: 3.5rem;
                                            height: 3.5rem;
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                            border-radius: 40px;
                                            margin: 0;
                                            border: none;
                                            &::before{
                                                content: "\e980";
                                                font-family: icon-dukamarket, sans-serif;
                                                font-size: 14px;
                                                color: @footer-title-color;
                                                line-height: 1;
                                            }
                                            span{
                                                .lib-visually-hidden();
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }  
        }
    }      
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .section-product-banner-gird{
        .widget-product{
            .product-items{
                .item-row{
                    .product-item{
                        .product-item-info{
                            .product-item-details{
                                .product-item-inner{
                                     .button_quickview{
                                        .lib-visually-hidden();
                                     }
                                }
                            }
                        }
                    }
                }
            }
        }
    }       
}
& when(@media-common = true){
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                position: relative;
                .product-items{
                    display: flex;
                    border-left: none;
                    border-radius: @image_border-radius;
                    position: relative;
                    .item-row{
                        display: flex;
                        &.item-left,
                        &.item-right{
                            .product-item{
                                &:hover{
                                    z-index: 3;
                                }
                            }
                        }
                        .product-item{
                            margin-top: 0;
                            border: none;
                            background: none;
                            z-index: 2;
                            &::after{
                                content: "";
                                position: absolute;
                                border-bottom: 1px solid @border-color__base;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                            }
                            .product-item-info{
                                .price-box{
                                    align-items: flex-start;
                                }
                            }
                            .product-item-details{
                                .price-box{
                                    margin-bottom: 5px;
                                }
                            }
                        }
                        &.item-center{
                            .product-item{
                                flex: 0 0 100%;
                                max-width: 100%;
                                border-bottom: none;
                                &::before{
                                    content: "";
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    border-top: 1px solid @border-color__base;
                                    z-index: 10;
                                }
                                &::after{
                                    z-index: 10;
                                }
                                .product-item-info{
                                    padding: 0;
                                    height: 100%;
                                    a{
                                        display: block;
                                        position: relative;
                                        overflow: hidden;
                                        height: 100%;
                                        img{
                                            position: absolute;
                                            left: 0;
                                            right: 0;
                                            top: 0;
                                            bottom: 0;
                                            width: 100%;
                                            height: 100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &::-webkit-scrollbar {
                        display: none;
                    }

                }
                &::before{
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    border: 1px solid @border-color__base;
                    pointer-events: none;   
                    border-radius: @image_border-radius;
                    z-index: 2;
                    background: @color-white;
                }
            }
        }
    }
    .product-item-inner{
        .product-item-actions{
            .actions-primary{
                button{
                    &:hover{
                        color: @color-white;
                    }
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l) {
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    .item-row{
                        .product-item{
                            &::after{
                                border-right: 1px solid @border-color__base;
                            }
                        }
                        &.item-left{
                            .product-item:nth-of-type(2n+1){
                                &::after{
                                    border-right: none;
                                } 
                            }
                        }
                    }
                }
            }
        }
    }    
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__l) {
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    .item-row{
                        .product-item{
                            &::after{
                                border-left: 1px solid @border-color__base;
                            }
                            &:last-of-type{
                                &::after{
                                    border-right: none;
                                }
                            }
                        }
                        &.item-right{
                            .product-item{
                                &::after{
                                    border-bottom: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }    
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l){
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    .item-row{
                        flex: 0 0 33.33%;
                        max-width: 33.33%;
                        flex-wrap: wrap;
                        .product-item{
                            flex: 0 0 50%;
                            max-width: 50%;
                            &:nth-last-child(2){
                                &::after{
                                    border-bottom: none;
                                }
                            }
                            &:last-child{
                                border-top: none;
                                &::after{
                                    z-index: 3;
                                }
                            }
                        }
                        &.item-center{
                            .product-item{
                                .product-item-info{
                                    a{
                                        img{
                                            object-fit: cover;
                                        }
                                    }
                                }
                            }
                        }
                        &.item-right{
                            .product-item{
                                &:nth-of-type(2n){
                                    border-right: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }   
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__l){
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    flex-wrap: wrap;
                    .item-row{
                        flex: 0 0 100%;
                        max-width: 100%;
                        flex-wrap: nowrap;
                        .product-item{
                            flex: 0 0 25%;
                            max-width: 25%;
                        }
                        &.item-center{
                            display: none;
                            .product-item{
                                .product-item-info{
                                    a{
                                        img{
                                            object-fit: unset;
                                        }
                                    }
                                }
                            }
                        } 
                        &.item-right{
                            .product-item{
                                border-bottom: none;
                                &:last-child{
                                    border-right: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }   
}
@product-button-icon-quick-view-bg: @product-button-icon-bg;
@greycolor: #99a2b5;
@old-price_color: #99a2b5;
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m) {
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    .item-row.item-left{
                        .product-item{
                            &:hover{
                                &::after{
                                    border-right: none;
                                    border-bottom: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }    
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m) {
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    flex-wrap: wrap;
                    overflow: hidden;
                    overflow-x: scroll;
                    -ms-overflow-style: none;
                    scrollbar-width: none;
                    &::-webkit-scrollbar{
                        display: none;
                    }
                    .item-row{
                        flex-wrap: nowrap;
                        -ms-overflow-style: none;  /* IE and Edge */
                        scrollbar-width: none; /* Firefox */
                        .product-item{
                            flex: 0 0 33.33%;
                            max-width: 33.33%;
                        }
                    }
                }
            }
        }
    }   
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__xs){
    .section-product-banner-gird{
        .widget-product{
            .products.wrapper.grid.products-grid{
                .product-items{
                    .item-row{
                        .product-item{
                            flex: 0 0 50%;
                            max-width: 50%;
                        }
                    }
                }
            }
        }
    }   
}
& when (@media-common = true) {
    .section-product-banner-gird{
        .widget-product{
            .products-grid{
                .item-row{
                    .product-item-info{
                        .product-item-details{
                            .product-reviews-summary{
                                .reviews-actions{
                                    a.view{
                                        span{
                                            font-size: 1.2rem;
                                        }
                                        span:last-child{
                                            display: none;
                                        }
                                    }
                                    a.add{
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@color-sold-deal: #5b6c8f;
& when (@media-common = true) {
    .hot-deal-tab-slider{
        .product-item-details{
            .count-sold{
                color: @color-sold-deal;
            }
        }
    }
}
// Blog Post
@text__color: @header-icons-color;
& when (@media-common = true){
    .section.block-recent-posts{
        .rokan-title{
            margin-bottom: 0;
            .module-title{
                font-weight: 500;
                line-height: 0.8;
                margin-bottom: 28px;
                a.see-all{
                    font-weight: 400;
                }
            }
        }
        .post-list-wrapper{
            .blog-list-post{
                .item-post-full{
                    .blog-post-info{
                        padding: 2.5rem 0 0;
                    }
                }
            }   
        }
    }
}
// Newsletter form
& when (@media-common = true){
    .section.block-newsletter-form{
        background-attachment: scroll;
        .container{
            .newsletter-form{
                .rokan-title{
                    h3.module-title{
                        font-weight: 500;
                        margin-bottom: 4px;
                    }
                    p.rokan-description{
                        font-size: 1.8rem;
                        line-height: 1.66;
                        color: @header-icons-color;
                    }
                }
                .content{
                    .subscribe{
                        .field.newsletter{
                            .control{
                                height: 55px;
                                padding: 3px 0 3px 3px;
                                background: @color-white;
                                border-radius: 2px;
                                .input-focus{
                                    input{
                                        border: none;
                                    }
                                }
                                .actions{
                                    button{
                                        background: @theme__color__primary;
                                        color: @color-white;
                                        border-bottom-left-radius: 2px;
                                        border-top-left-radius: 2px;
                                        padding: 16px 45px 15px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l){
    .section.block-newsletter-form{
        .container{
            .newsletter-form{
                max-width: 554px;
            }
        }
    }  
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m) {
    .page-wrapper{
        .section.block-newsletter-form{
            padding: 8.7rem 0;
            .container{
                .newsletter-form{
                    width: 50%;
                }
            }
        }  
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m){
    .page-wrapper{
        .section.block-newsletter-form{
            padding: 6rem 0;
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__s){
    .section.block-newsletter-form{
        .container{
            .newsletter-form{
                width: 70%;
            }
        }
    }  

}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__xs){
    .section.block-newsletter-form{
        .container{
            .newsletter-form{
                max-width: 513px;
            }
        }
    } 
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__xs){
    .section.block-newsletter-form{
        .container{
            .newsletter-form{
               width: 100%;
               .rokan-title{
                text-align: center;
               }
            }
        }
    } 
}
// Footer Custom

& when (@media-common = true) {
    body{
        &:not(.cms-index-index){
            .page-footer{
                padding-top: 0;
                margin-top: 4.5rem;
                .footer-medical{
                    border-top: 1px solid @border-color__base;
                    .footer-top{
                        .footer.content{
                            .shipping-support{
                                padding-top: 3.8rem;
                            }
                        }
                    }
                }
            }
        }
    }
    .rokan-title.has-see-all{
        .module-title{
            .see-all{
                font-weight: 400;
                &:not(:hover){
                    color: @topbarcolor;
                }
            }
        }
    }
}
// Product Box Shadow
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	.section{
		.product-items {
			.product-item{
				box-shadow: none !important;
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__s) {
    .page-footer{
        .footer-container{
            .download-app-medical{
                .footer-title{
                    margin-bottom: 18px;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l) {
    html{
        body{
            .medical{
                .rokan-vertical-menu{
                    .title-category-dropdown{
                        &::after{
                            z-index: -1;
                        }
                    }
                }
            }
        }  
    }
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	.page-header {
		.navigation{
			ul.custommenu-list {
				li{
					&.active{
						border-top: none;
						border-bottom: none;
					}
					&.level0{
						ul{
							li.menu-item-has-children{
								border-top: none;
							}	
						}
					}
					&.my_account_link_custom{
						border-top: none;
					}
				}
			}
			ul.verticalmenu-list{
				li.ui-menu-item{
					&:first-child{
						border-top: 0;
					}
				}
			}
		}
	}
}