body{
    color:#000;
    font-family: 'Inter', sans-serif;
    background: #fff;
    position: relative;
    font-size: 14px;
    min-width: 1224px;
    word-break: break-word;
    counter-reset: section;
    font-weight: 400;    
}
.bg-grey{
    background: #F8F8F8;
}
a{
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.ul, .ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
}
.clearfix{
    &::after {
        content: '';
        clear: both;
        display: block;
    }
}
.clear {
    clear: both;
}
.h1, h1 {font-size: 2em}
.h2, h2 {font-size: 1.5em}
.h3, h3 {font-size: 1.17em}
.h4, h4, .h5, h5, .h6, h6 {font-size: initial}
.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h6 {font-weight: bold}
button, input, select {
    outline: none !important;
    color: #000;
}
table{
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    select, textarea, input {
        font-size: 16px;
    }
}
@media(min-width: 1200px){
    select, textarea, input {
        font-size: 14px;
    }
}
iframe {
    max-width: 100%;
}
.text-10{
    font-size: 10px;
}
.text-11{
    font-size: 11px;
}
.text-12{
    font-size: 12px;
}
.text-13{
    font-size: 13px;
}
.text-14{
    font-size: 14px;
}
.text-15{
    font-size: 15px;
}
.text-16{
    font-size: 16px;
}
.text-17{
    font-size: 17px;
}
.text-18{
    font-size: 18px;
}
.text-19{
    font-size: 19px;
}
.text-20{
    font-size: 20px;
}
.text-22{
    font-size: 22px;
}
.text-24{
    font-size: 24px;
}
.text-25{
    font-size: 25px;
}
.text-26{
    font-size: 26px;
}
.text-27{
    font-size: 27px;
}
.text-28{
    font-size: 28px;
}
.text-30{
    font-size: 30px;
}
.text-36{
    font-size: 36px;
}
.blue{
    color: #0085FF;
}
.blue-light{
    color: #00FFF0;
}
.red{
    color: #FF0000;
}
.yellow{
    color: #fdb813; 
}
.black{
    color: #222;
}
.grey{
    color: #888;
}
.green{
    color: #29A07E;
}
.orange{
    color: #FE7801;
}
.color-main{
    color: #D8262F;
}
.bg-blue{
    background: #005BAD;
}
.bg-red{
    background: #D91605;
}
.bg-white{
    background: #fff;
}
.bg-orange{
    background: #ff9219;
}
.bg-green{
    background: #29A07E;
}
.bg-main{
    background: #D8262F;
}
.font-100{
    font-weight: 100;
}
.font-200{
    font-weight: 200;
}
.font-300{
    font-weight: 300;
}
.font-400{
    font-weight: 400;
}
.font-500{
    font-weight: 500;
}
.font-600{
    font-weight: 600;
}
.font-700{
    font-weight: 700;
}
.font-800{
    font-weight: 800;
}
.font-900{
    font-weight: 900;
}
.underline{
    text-decoration: underline;
}
.fit-img{
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}
.autocomplete-suggestions{position:absolute;width: 100%;;border:solid 1px #ddd;right:0;margin-top:2px;max-height:300px;overflow:auto;display:none;background:#fff;z-index:9;top: 100%;}
.autocomplete-suggestions a{display: flex;align-items: flex-start;padding:10px;overflow:hidden;}
.autocomplete-suggestions a img{width:60px;float:left;margin-right: 12px;}
.autocomplete-suggestions a .info{width: calc(100% - 72px);}
.autocomplete-suggestions a .info .name{display:block;color:#333;}
.autocomplete-suggestions a .info .price{color:#ec1c24;}
.autocomplete-suggestions a:hover{background-color:#f5f5f5;}
.autocomplete-suggestions::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f1f1f1;border-radius: 10px;}
.autocomplete-suggestions::-webkit-scrollbar{width: 6px;background-color: #f1f1f1;}
.autocomplete-suggestions::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ccc;}
.icon-star{background-image: url(../images/star.png);width: 85px;height: 14px;display: inline-block;background-repeat: no-repeat;background-size: 85px 90px;vertical-align: sub;}
.icon-star.star-1{background-position: -2px -74px;}
.icon-star.star-2{background-position: -2px -56px;}
.icon-star.star-3{background-position: -2px -38px;}
.icon-star.star-4{background-position: -2px -20px;}
.icon-star.star-5, .icon-star.star-0{background-position: -2px -2px;}
.hover-img {
	a{
		position:relative;
		overflow:hidden;
		display: block;
		&::before{
			content:"";
			position:absolute;
			top:0;
			left:-15%;
			bottom:0;
			width:0;
			height:100%;
			background-color:rgba(255, 255, 255, 0.5);
			transition:none;
			transform:skewX(-25deg);
		}
		&:hover::before{
			width:120%;
			background-color:rgba(255, 255, 255, 0);
			transition:all .45s ease-out;
			z-index:2;
		}
	}
}
.scale-img{    
    display: block;
    overflow: hidden;
    &:hover{
        img{
            transform: scale(1.3);
        }
    }
    img{
        transform: scale(1);
        transition: .3s all;
    }
}
// ::-webkit-scrollbar-track{background:#f5f5f5;}
// ::-webkit-scrollbar-thumb{background:#606060;border-radius:10px;}
// ::-webkit-scrollbar-thumb:hover{background:#aaa;}
// ::-webkit-scrollbar{height:10px;}
.success-checkmark .check-icon .icon-circle {border-color: #0542b7;opacity: .5;}
.success-checkmark .check-icon .icon-line {background-color: #0542b7;}
.success-checkmark .check-icon{border-color: #0542b7 }
.content-container {max-width: 500px;min-height: 300px;}
.bg-content{
    overflow: hidden;
    position: relative;
    &::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
        background: linear-gradient(transparent, #fff);
        height: 200px;
    }
}
.bg-linear{
    background:linear-gradient(91.56deg, #F52194 2.74%, #FA9F2C 96.84%);
}
.fancybox-thumbs__list a {height: 90px;background-size: 80%;background-color: #fff;transition: unset}
.fancybox-thumbs__list a:before {border: 3px solid #FF848D}
@keyframes calllink {
    0%{color:#eba11e;}
    50%{color:#fff;}
    100%{color:#ebfa48;}
}
@keyframes pulse{from{width:23px;height:23px;} to{width:46px;height:46px;}}
@keyframes zoomIn{from{width:31px;height:31px;}to{width:62px;height:62px; }}
.inherit{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}
.line-clamp-2{
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3{
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-4{
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-5{
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.container {
    max-width: 1224px;
    min-width: 1224px;
}
.row {
    margin: 0 -12px;
}
.container, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0 12px;
}
.label-container{display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 22px;cursor: pointer;}
.label-container:hover{@extend .color-main;}
.label-container .checkmark{position:absolute;top:3px;left:0;height: 13px;width: 13px;background-color: #fff;border-radius:50%;border: 1px solid #BFBFBF}
.label-container input{position:absolute;opacity:0;cursor:pointer}
.label-container input:checked ~ .checkmark{border-color: #FF0000;}
.label-container input:checked ~ .checkmark:after{display:block}
.label-container input:checked ~ .checkmark:after {content: '';width: 8px;height: 8px;background: #FF0000;border-radius: 50%;position: absolute;top: 2px;left: 2px;}
.global-breadcrumb{
    font-size: 15px;
    line-height: 18px;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #F5F5F5;
    text-transform: uppercase;
    a{
        color: #000000;    
        &:hover{
            @extend .color-main;
        }    
    }
    ol, ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    li{
        display: flex;
        align-items: center;
        &::after{
            content:'';            
            background: url(../images/icon-left.png) no-repeat;
            background-position: center 5px;
            background-size: 6px;
            transform: rotate(-180deg);
            width: 28px;
            height: 18px;
            color: #A3A3A3;
        }
        &:last-child{
            &::after{
                content: none;
            }
        }
    }
    h1{
        @extend .inherit;
    }
}
.paging{
    display: flex;    
    flex-wrap: wrap;
    align-items: center;
    justify-content:  center;    
    a{
        line-height: 24px;
        text-align: center;
        color: #000;
        margin: 0 10px;
        transition: .12s all;
        font-size: 14px;
        &:hover, &.current{
            @extend .color-main;
            font-weight: 700;    
        }
        &:last-child{
            margin: 0;
        }
    }
    .prev, .next {
        @extend .icons;
        border: 0;
        font-size: 0 !important;
        width: 20px;
        background-position: -191px -71px !important;
        background-size: 219px !important;
    }
    .prev{
        transform: rotate(-180deg);
    }
}
.btn-html-content{
    text-align: center;
    padding: 16px;
    a{
        display: none;
        line-height: 36px;
        background: #FFFFFF;
        color: #1988EC;
        box-shadow: 0px 0px 0px 1px #1988EC;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 600;
        margin: auto;
        max-width: 126px;
        width: 100%;
        transition: .15s all;
        font-size: 13px;
        &:hover{
            background: #1988EC;
            color: #fff;
        }
        i{
            margin-left: 4px;
        }
    }
}
.bg-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99;
    cursor: pointer;
}
.icons{
    background: url(../images/sprite.png) no-repeat;
    background-size: 300px 300px;
}
.custom-nav{
    .owl-nav {
        margin: 0;
        button{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin: 0 !important;
            background: unset !important;   
            &.disabled{
                display: none;
            }               
        }
        .owl-prev {
            left: 0;
        }
        .owl-next {
            right: 0;
        }
        .arrow{
            width: 12px;
            height: 20px;
            display: block;
            background: url(../images/icon-left.png) no-repeat;
            background-position: center;
            background-size: contain;  
            transition: .2s all;  
            opacity: .4;
            &:hover{
                opacity: 1;
            }
        }
        .arrow-next{
            transform: rotate(180deg);
        }
    }
}
.custom-dots{
    .owl-dots {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        right: 5%;
        margin: 0 !important;
        .owl-dot {
            span{
                margin: 0 7px;
                width: 8px;
                height: 8px;
                border-radius: 50px;
                background: transparent;
                transition: .2s all;
                border: 1px solid #000;
            }
            &.active,&:hover{
                span{
                    background: #000;
                    border-color: transparent;
                }
            }
        }
    }
}
.p-item{
    background: #FFFFFF;    
    overflow: hidden;    
    line-height: 20px;
    position: relative;
    padding: 16px;
    box-shadow: 0px 0px 0px 1px #D9D9D9;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    &:hover{
        box-shadow: 2px 1px 6px 1px #D9D9D9;
        img{
            transform: scale(1.3);
        }
        a{
            @extend .color-main;
        }
    }
    img{
        @extend .fit-img;
        transition: .4s all !important;
        transform: scale(1);
    }
    .p-img{
        display: block;
        position: relative;
        padding-bottom: 100%;
        overflow: hidden;
        margin-bottom: 14px;
    } 
    .p-name{
        display: block;
        color: #000;
        text-transform: uppercase;
        margin: 0 0 5px 0;
        *{
            @extend .inherit;
            @extend .line-clamp-2;
        }
    }    
    .p-price{
        margin: 5px 0;
        color: #D8262F;
        font-weight: 700;
        font-size: 16px;        
    }
    .p-price-group{       
        min-height: 24px; 
        line-height: 24px;
        font-size: 11px;
        *{
            display: inline-block;
        }
    }
    del{
        font-weight: 500;        
        margin-right: 6px;
        color: #B7B7B7;
    }
    .p-discount {
        color: #D8262F;
    }
    .p-deal-group{
        margin-top: 5px;
        position: relative;
        background: #FFD0D4;
        border-radius: 9px;
        height: 14px;
        &::before{
            content: '';
            width: 18px;
            height: 22px;
            background: url(../images/icon-deal.png) no-repeat;
            background-size: contain;
            position: absolute;
            top: -8px;
            left: 0px;
            z-index: 1;
        }
    }
    .p-line {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        background: #F90012;
        border-radius: inherit;
    }
    .p-sale-quantity {
        margin: 0;
        position: absolute;
        inset: 0;
        color: #fff;
        line-height: 14px;
        font-weight: 600;
        font-size: 10px;
    }
}
.global-goTop{  
    position: fixed;
    right: -100%;
    bottom: 40px;
    transition: .4s all;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../images/icon-left.png) no-repeat;
    background-position: center;
    background-size: 9px;
    background-color: darkred;
    -webkit-filter: brightness(100);
    filter: brightness(100);
    opacity: .6;
    transform: rotate(90deg);
    z-index: 3;
    &:hover{
        opacity: 1;
    }
    &.active{
        right: 10px;
    } 
}
.global-header-top {
    border-bottom: 1px solid #EBEBEB;    
    a{
        color: #000;
        display: flex;
        align-items: center;
        line-height: 40px;
        font-size: 12px;
        margin-right: 45px;
        &:hover{
            @extend .color-main;
        }
        &:last-child{
            margin: 0;
        }
    }
    b {
        font-weight: 700;
        @extend .color-main;
    }
    .group-right{
        display: flex;
        align-items: center;
    }
    .icons{
        width: 18px;
        height: 20px;
        margin-right: 6px; 
        background-position: -9px -8px;       
    }
    .icon-check {
        background-position: -44px -8px;
    }
    .icon-fire {
        background-position: -79px -8px;
    }
    .icon-note {
        background-position: -115px -8px;
    }
    .icon-news {
        background-position: -153px -8px;
    }
    .icon-map {
        background-position: -186px -8px;
    }
}
.global-header-main{
    box-shadow: 0px 0px 0px 1px #EBEBEB;
    top: -50px;
    transition: .3s all;
    background: #fff;
    a{
        color: #000;
    }
}
.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    .global-header-main-top {
        justify-content: flex-end;
    }
    
    .header-logo, .global-header-static {
        display: none !important;
    }
    
    .global-header-main-bottom {
        border: 0;
    }
    
    .header-menu-group {
        position: fixed;
        top: 8px;
    }
}
.global-header-main-top{
    padding-top: 9px;
    padding-bottom: 9px;
    .header-logo{
        width: 238px;
        margin-right: 12px;
        img{
            display: block;
            width: auto;
            height: auto;
            max-height: 82px;
        }
    }    
}
.header-search-group {
    width: 640px;
    margin-right: 12px;
    position: relative;
    form{
        display: flex;
        align-items: center;
        padding: 6px;
        position: relative;
        box-shadow: 0px 0px 0px 1px #D9D9D9;
        border-radius: 8px;
    }
    .text-search {
        padding: 0 10px;
        border: 0;
        margin: 0;
        height: 36px;
        width: calc(100% - 95px);
        color: #8D8D8D;
    }
    .btn-search {
        background: #D8262F;
        border-radius: 8px;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        border: 0;
        width: 95px;
        height: 36px;
        margin: 0;
    }
}
.header-group-right{
    width: calc(100% - 902px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;    
    .icons{
        width: 28px;
        height: 28px;
        margin: 0 28px 0 0;
        background-size: 220px;
        &:last-child{
            margin: 0;
        }
    }    
    .icon-note {
        background-position: -70px -32px;
    }
    .icon-user {
        display: block;
        background-position: -116px -32px;
    }
    .icon-cart {
        background-position: -165px -32px;
        position: relative;
        margin: 0 4px 0 0;
    }  
    .item-cart {
        display: flex;
        align-items: center;
    }
    .cart-count{
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 50%;
        font-weight: 700;
        font-size: inherit;
        color: #fff;
        background: #D8262F;
        font-style: normal;
        text-align: center;
        position: absolute;
        top: -4px;
        right: -3px;
    }
    .item{
        position: relative;
        &:hover{
            .sub-item{
                opacity: 1;
                visibility: visible;
                z-index: 3;
                top: 40px;
            }
        }
    }
    .sub-item{
        position: absolute;
        background: #fff;
        white-space: nowrap;
        box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
        border-radius: 5px;
        top: 80px;
        left: -85%;
        min-width: 200px;
        transition: .2s all;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        a{
            display: block;
            transition: .1s all;
            line-height: 36px;
            padding: 0 15px;
            font-size: 14px;
            &:hover{
                @extend .bg-main;
                color: #fff;
            }
            &:first-child{
                border-radius: 5px 5px 0 0;
                &::before, &::after{
                    content: '';
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #fff;
                    position: absolute;
                    top: -9px;
                    left: 27%;
                    transition: .1s all;
                }
                &::before{
                    border-bottom-color: rgba(0,0,0,0.1);
                    border-width: 11px;
                    top: -11px;
                    left: 26.5%;
                }
                &:hover::after{
                    border-bottom-color: #D8262F;
                }
            }
            &:last-child{
                border-radius: 0 0 5px 5px;
            }
        }
    }  
}
.global-header-main-bottom{
    border-top: 1px solid #EBEBEB;
    .global-header-static{
        font-size: 16px; 
        width: calc(100% - 250px);
        padding-left: 25px;
        a{
            display: flex;
            align-items: center;
            line-height: 48px;
            &:hover{
                @extend .color-main;
            }
        }
        .icons{
            width: 30px;
            height: 30px;
            margin-right: 10px;
            background-size: 250px;
        }
        .icon-pig {
            background-position: -6px -81px;
        }
        .icon-like {
            background-position: -49px -82px;
        }
        .icon-shield {
            background-position: -97px -80px;
        }
        .icon-truck {
            width: 33px;
            background-position: -142px -80px;
        }
    }
}
.header-menu-group{
    width: 238px;
    margin-right: 12px;
    position: relative;
    &:hover{
        .header-menu-list{
            top:48px;
            opacity:1;
            visibility:visible;
            z-index:4;
        }
    }
    a{
        display:table;
        color:#000;
        line-height:18px;
        margin:0 0 12px;
    }
    .title{
        background: #D8262F;
        color: #fff;
        margin: 0;
        line-height: 48px;
        font-weight: 600;
        font-size: 18px;
        padding: 0 4px 0 32px;
        position: relative;
        cursor: pointer;
        &::before{
            @extend .icons;
            content: '';
            width: 21px;
            height: 25px;
            position: absolute;
            top: 14px;
            left: 7px;
            background-size: 226px;
            background-position: -7px -32px;
        }
    }
    .header-menu-list{
        background:#fff;
        box-shadow:0 1px 4px rgba(0,0,0,0.25);
        position:absolute;
        top:60px;
        left:0;
        z-index:-1;
        width:238px;
        transition:.3s all;
        opacity:0;
        visibility:hidden;
    }
    .cat-item:hover .sub-menu{
        display:block
    }
    .cat-item:hover .cat-1{
        color:#fff;
        @extend .bg-main;
    }
    .sub-menu{
        display:none;
        width:calc(1200px - 238px);
        box-shadow:0 1px 4px rgba(0,0,0,0.25);
        background:#fff;
        z-index:4;
        position:absolute;
        top:0;
        left:238px;
        border-radius:0 4px 4px 0;
        overflow:auto;
        padding:15px;
        min-height: 396px;
        @extend .clearfix;
    }
    .sub-menu::-webkit-scrollbar-track{background:#fff}
    .sub-menu::-webkit-scrollbar-thumb{
        @extend .bg-main;
        border-radius:10px
    }
    .sub-menu::-webkit-scrollbar{width:9px}
    .sub-item{
        width:25%;
        padding-right:20px;
        margin-bottom:20px;
        float:left;
        a:hover{
            @extend .color-main;
        }
    }
    .cat-1{
        display:block;
        margin:0;
        line-height:38px;
        padding:0 12px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        font-weight: 500;
        &:hover{color:#fff}
    }
    .cat-2{font-weight:600;@extend .color-main;}
}
.footer-newsletter-container{
    background: #D8262F;
    color: #fff;
    padding: 6px 0;
    .col-left{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        max-width: 478px;
        *{
            display: block;
        }
        .text{
            width: calc(100% - 162px);     
            font-size: 12px;
            line-height: 15px;       
        }
        b{
            font-weight: 700;
            font-size: 18px;
            line-height: 22px;        
            margin-bottom: 6px;    
        }
    }
    .icon-mailbox{
        width: 137px;
        padding-bottom: 100px;
        margin-right: 25px;
        background-position: -18px -328px;
        background-size: 440px;
    }
    .newsletter-form-holder {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    input {
        width: 467px;
        border: 0;
        margin: 0 6px 0 0;
        padding: 0 20px;
        height: 45px;
        border-radius: 25px;
        color: #AFAFAF;
    }
    button {
        background: #FED700;
        border-radius: 25px;
        width: 120px;
        height: 45px;
        color: #D8262F;
        font-weight: 700;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .error-note {        
        text-transform: capitalize;
        width: 100%;
        p{
            margin: 10px 0 0 0;
        }
    }
}
.global-footer{
    background: #F3F3F3;
    .icons{
        width: 23px;
        height: 24px;
        margin-right: 7px;
        float: left;
    }
    .icon-map {
        background-position: -183px -5px;
    }
    .icon-tel {
        background-position: -258px -6px;
    }
    .icon-email {
        background-position: -223px -4px;
    }
}
.footer-info-group{
    font-size: 13px;
    line-height: 24px; 
    padding-top: 24px;  
    padding-bottom: 24px;
    a{
        display: table;
        color: #000;
        position: relative;
        padding-left: 12px;
        &::before{
            content: '';
            position: absolute;
            top: 10px;
            left: 0;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #000;
        }
        &:hover{
            @extend .color-main;
        }        
    } 
    .title{
        font-size: 14px;
        font-weight: 700;
        line-height: 15px;  
        margin-bottom: 12px;  
        text-transform: uppercase;    
    }
    .footer-bct {
        display: block;
        margin: 15px 0 0 0;
        padding: 0;
        &::before{
            content: none;
        }
        img{
            width: auto;
            height: auto;
            max-height: 54px;
        }
    }
    .address-list{
        a{
            padding: 0;
            line-height: 24px;
            margin: 0 0 10px 0;
            @extend .clearfix;
            &::before{
                content: none;
            }
        }        
        span{
            float: left;
            width: calc(100% - 30px);
        }
    }    
}
.footer-store-box {
    background: #fff;
    padding: 23px 0 11px 0;
    a{
        display: table;
        line-height: 24px;
        margin: 0 0 5px 0;
        color: #000;
        @extend .clearfix;
        &::before{
            content: none;
        }
        &:hover{
            @extend .color-main;
        }
        &:last-child{
            margin: 0;
        }
        span{
            float: left;
            width: calc(100% - 30px);
            font-size: 13px;
            padding-right: 10px;
        }
    }     
    .item{
        margin: 0 12px 12px 0;
        width: calc(100% / 4 - 9px);
        &:nth-child(4n){
            margin-right: 0;
        }
        &:nth-child(2){
           .number{
                background: #FF000D;
                &::before{
                    border-bottom-color: #FF000D;
                }
           } 
        }
        &:nth-child(3){
            .number{
                background: #D8262F;
                &::before{
                    border-bottom-color: #D8262F;
                }
            }
        }
        &:nth-child(4){
            .number{
                background: #9F0008;
                &::before{
                    border-bottom-color: #9F0008;
                }
            }
        }
    }
    .group-title{
        display: flex;
        align-items: center;
        line-height: 27px;
        font-weight: 700;
        font-size: 12px;
        margin: 0 0 10px 0;
    }
    .number{
        background: #FF794F;
        color: #fff;
        font-size: 18px;
        margin-right: 13px;
        position: relative;
        padding: 0 6px;
        &::before{
            content: '';
            border-bottom: 28px solid #FF794F;
            border-right: 10px solid transparent;
            position: absolute;
            right: -9px;
            top: -1px;
        }
    }
}
.footer-end-group{
    font-size: 12px;
    line-height: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    p{
        margin: 0;
    }
    .icon-payment{
        width: 250px;
        height: 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0;        
    }
}
.global-deal-countdown{
    display: flex;
    align-items: center;
    b{
        margin: 0 7px;
        position: relative;
        color: #fff;
        background: #000;
        border-radius: 5px;
        line-height: 27px;
        min-width: 27px;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        &:last-child::after{
            content: none;
        }
        &::after{
            content: ':';
            position: absolute;
            right: -8px;
        }
    }
}
.global-btn-view {
    color: #D8262F !important;
    position: relative;
    margin-top: 8px;
    font-weight: 500;
    line-height: 23px;
    display: flex !important;
    align-items: center;
    font-size: 12px;
    &::after{
        @extend .icons;
        content: '';
        background-position: -172px -72px;
        display: inline-block;
        height: 23px;
        width: 10px;
        background-size: 220px;
        margin-left: 4px;
    }
}
.global-tags-group{
    .box-title-group{
        margin-bottom: 10px;
    }
    a{
        display: inline-block;
        margin: 7px 6px 0 0;
        background: #ECECEC;
        border-radius: 21px;
        padding: 0 18px;
        line-height: 32px;
        font-size: 12px;
        color: #000;
        &:hover{
            color: #fff;
            background: #000;
        }
    }
}
.homepage{
    img{
        width: auto;
        height: auto;
    }
    
    .product-holder{
        display: flex;
        flex-wrap: wrap;
        position: relative;
        min-height: 300px;
    }
    .banner-under-deal{
        margin: 20px 0;
        img{
            display: block;
            border-radius: 10px;
        }
    }
}
.home-category-group{
    margin: -86px 0 20px 0;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    img{
        display: block;
        margin: auto 0 auto auto;
    }
    a{
        color: #000;
        display: table;
        font-size: 13px;
        line-height: 24px;
        &:hover{
            @extend .color-main;
        }
    }
    .banner-holder {
        width: 33.4%;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .product-category-holder{
        width: calc(100% - 33.4%);
        display: flex;
        flex-wrap: wrap;
    }
    .item{
        border-right: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
        &:last-child{
            border-radius: 0 0 18px 0;
        }
    }
    .box-left, .box-img{
        width: 50%;
    }
    .box-img {
        text-align: right;
    }
    .cat-1 {
        font-weight: 700;
        font-size: 21px;
        line-height: 25px;
        margin-bottom: 5px;
    }
}
.home-deal-group{
    margin: 20px 0;
    background: #D8262F;
    border-radius: 26px;
    padding: 17px 12px;
    .global-btn-view{
        color: #fff !important;
        font-size: 15px;
        &::after{
            filter: brightness(100);
        }
    }
    .p-item{
        margin: 12px 12px 0 0;
        width: calc(100% / 5 - 10px);
        padding: 12px;
        font-size: 12px;
        box-shadow: unset !important;
        &:nth-child(5n){
            margin-right: 0;
        }
        &:nth-child(n+11){
            display: none;
        }
        .p-img {
            padding-bottom: 82%;
            margin-bottom: 10px;
        }        
    }
    .group-title{
        color: #fff;
        margin-bottom: 10px;
        line-height: 40px;
        .title{
            font-weight: 700;
            font-size: 30px;            
            text-transform: uppercase;
            margin: 0 20px 0 0;
            color: #FED700;
        }
        p{
            font-weight: 700;
            font-size: 16px; 
            margin: 0 10px 0 0;
        }
    }
    .icon-bolt{
        width: 40px;
        height: 40px;
        margin-right: 10px;
        background-size: 375px;
        background-position: -183px -180px;
        animation: tada 1.8s infinite ease-in-out;
    }
    
}
.home-box-group{
    margin: 40px 0;
    .box-title-group{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 13px 0;
        .title{
            text-transform: uppercase; 
            font-weight: 700;
            font-size: 32px;
            line-height: 39px;
            margin: 0;
        }
    }
    .box-holder-left{
        width: 32.7%;
        margin-right: 12px;
        float: left;
        .p-item{
            padding: 11px 12px 23px 12px;
        }
        .p-img {
            margin-bottom: 22px;
        }        
        .p-name {
            font-size: 15px;
            margin: 0 0 15px 0;
        }        
        .p-price {
            margin: 15px 0;
            font-size: 28px;
            line-height: 18px;
        }        
        .p-price-group {
            line-height: 18px;
            min-height: unset;
        }        
        del {
            font-size: 16px;
        }
    }
    .box-holder-right {
        width: calc(100% - 32.7% - 12px);
        float: left;
        .p-item {
            display: flex;
            align-items: center;
            width: calc(100% / 2 - 6px);
            margin: 0 12px 0 0;
            padding: 7px;      
            text-align: left;      
            &:nth-child(2n) {
                margin-right: 0;
            }
            &:nth-child(n+3){
                margin-top: 12px;
            }    
            .p-price-group{
                font-size: 12px;
            }        
        }
        .p-img{
            width: 110px;
            padding-bottom: 110px;
            margin: 0 13px 0 0;
        }
        .p-text{
            width: calc(100% - 123px);
        }
    }
}
.home-customer-comment-group{
    margin: 40px 0 30px 0;
    .box-title-group{
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 39px;
        border-bottom: 1px solid #D9D9D9;
        margin-bottom: 16px;
        padding-bottom: 6px;
        .title{
            margin: 0;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 32px
        }
    }
    img{
        display: block;
        border-radius: 12px;
    }
    .image {
        margin: 0 0 13px 0;
    }
    .item-name{
        display: flex;
        align-items: center;
        margin: 13px 0 7px 0;
        font-size: 12px;
        line-height: 21px;
        color: #8D8D8D;
        i{
            width: 21px;
            height: 21px;
            border-radius: 50%;
            margin: 0 6px 0 0;
            background-repeat: no-repeat;
            background-size: contain;
        }
        b{
            font-weight: 700;
        }
    }
    .summary{
        @extend .line-clamp-3;
        margin: 12px 0 0 0;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
    }
}
.product-page{
    padding-top: 16px;
    padding-bottom: 16px;
    @extend .clearfix;
    .product-filter-container {
        margin-right: 16px;
        width: 20%;
        float: left;
    }    
    .product-col-right {
        width: calc(100% - 20% - 16px);
        float: left;
    }
    .product-holder{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    .p-item{
        margin: 0 12px 12px 0;
        width: calc(100% / 4 - 9px);
        &:nth-child(4n){
            margin-right: 0;
        }
    }
    .box-content-holder {
        background: #F5F5F5;
        border-radius: 12px;
        margin: 0 0 16px 0;
        padding: 9px 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 13px;
        line-height: 24px;
        p {
            margin: 0;            
        }
    }
    .box-display {
        display: flex;
        align-items: center;
        a{
            width: 25px;
            height: 24px;
            margin-right: 13px;
        }
    }
    .icon-grid {
        background-position: -8px -144px;
        &:hover, &.current{
            background-position: -8px -180px;
        }
    }
    .icon-list {
        background-position: -54px -144px;
        &:hover, &.current{
            background-position: -53px -180px;
        }
    }
    select{
        background: #FFFFFF;
        border: 1px solid #B7B7B7;
        border-radius: 8px;
        margin: 0 0 0 8px;
        height: 34px;
        padding: 0 15px 0 12px;
    }
    .paging-group{
        padding: 14px 12px;
    }
}
.product-display-list{
    .p-item {
        width: calc(100% / 2 - 6px);
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        &:nth-child(2n) {
            margin-right: 0;
        }
        .p-img {
            width: 24.6%;
            padding-bottom: 24.6%;
            margin: 0 13px 0 0;
        }
        .p-text {
            width: calc(100% - 24.6% - 13px);
            text-align: left;
        }
    }
    
}
.product-filter-container{
    border: 1px solid #D9D9D9;
    border-radius: 15px;  
    a{
        color: #000;
        display: table;
        line-height: 20px;
        font-size: 13px;
        padding-left: 30px;
        position: relative;
        margin-bottom: 9px;
        &:last-child{
            margin: 0;
        }
        &::before{
            content: '';
            width: 15px;
            height: 15px;
            border: 1px solid #B7B7B7;
            border-radius: 3px;
            position: absolute;
            top: 3px;
            left: 0;
            background: #fff;
            transition: .1s all;
        }
        &.current ,&:hover{
            @extend .color-main;   
            font-weight: 600;         
            &::after{
                content: "";
                display: block;
                box-sizing: border-box;
                position: absolute;
                left: 3px;
                top: 1.5px;
                width: 5px;
                height: 9px;
                border-width: 0 2px 2px 0;
                border-style: solid;
                border-color: #fff;
                transform-origin: bottom left;
                transform: rotate(45deg)
            }
            &::before{
                @extend .bg-main;
                border-color: transparent;
            }
        }
    }
    .filter-item{
        padding: 16px;
        border-bottom: 1px solid #D9D9D9;
        &:last-child{
            border: 0;
        }
    } 
    .filter-title{
        font-weight: 600;
        line-height: 20px;
        margin: 0 0 10px 0;        
    }
}
.product-deal-page{
    margin: 16px 0;
    padding: 16px;
    background: #D8262F;
    border-radius: 26px;
    .product-holder{
        display: flex;
        flex-wrap: wrap;
    }
    .p-item{
        margin: 0 12px 12px 0;
        box-shadow: unset;
        width: calc(100% / 5 - 10px);
        &:nth-child(5n){
            margin-right: 0;
        }
    }
    .paging{
        background: #fff;
        border-radius: 12px;
        margin-top: 16px;
        padding: 14px;
    }
    .group-title{
        color: #fff;
        margin-bottom: 18px;
        line-height: 40px;
        .title{
            font-weight: 700;
            font-size: 30px;            
            text-transform: uppercase;
            margin: 0 20px 0 0;
            color: #FED700;
        }
        p{
            font-weight: 700;
            font-size: 16px; 
            margin: 0 10px 0 0;
        }
    }
    .icon-bolt{
        width: 40px;
        height: 40px;
        margin-right: 10px;
        background-size: 375px;
        background-position: -183px -180px;
        animation: tada 1.8s infinite ease-in-out;
    }
}
.product-detail-page{
    padding-top: 16px;
    padding-bottom: 40px;
    .pd-box-content{
        margin: auto auto 40px auto;
        max-width: 83.333333%;
    }
    .pd-info-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 90px;
    }
    .pd-image-group  {
        width: 49.5%;
        margin-right: 40px;
    }
    .pd-info-right-group {
        width: calc(100% - 49.5% - 40px);
        .icon-star {
            transform: unset;
            margin: 0;
        }
    }
    .pd-image-large {
        margin: 0 0 22px 0;
        position: relative;
        display: block;
    }
    .pd-image-gallery{
        padding: 0 20px;
        position: relative;
        .item{
            border: 1px solid #D9D9D9;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            display: block;
            padding-bottom: 100%;            
        }
        .slick-current{
            border-color: #D8262F;
        }
        img{
            @extend .fit-img;
        }
    }
    .page-title{
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;   
        margin: 0 0 10px 0;     
    }
    .deal-time-holder, .pd-deal-group {
        margin-top: 15px;
    }
    .pd-deal-holder {
        margin: 14px 0;
        background: #D8262F;
        color: #Fff;
        border-radius: 20px;
        padding: 10px 16px;
        p{
            margin: 0;
        }
        b{
            font-weight: 600;
        }        
        .title{
            font-weight: 700;
            font-size: 22px;
            line-height: 32px;        
            text-transform: uppercase;
            color: #FED700;    
        }
        .icon-bolt{
            width: 32px;
            height: 32px;
            background-position: -152px -144px;
            animation: tada 1.8s infinite ease-in-out;
        }
    }
    .global-deal-countdown *{
        font-size: 13px;
    }
    .pd-deal-group {
        position: relative;
        background: #FFD0D4;
        border-radius: 12px;
        color: #D8262F;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        width: 47%;        
        line-height: 18px;
        height: 18px;
        &::before {
            content: '';
            background: url(../images/pd-icon-deal.png) no-repeat;
            background-size: contain;
            width: 19px;
            height: 26px;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
        }
    }    
    .pd-line {
        background: #FED700;
        border-radius: inherit;
        max-width: 100%;
        position: absolute;
        inset: 0;
    }
    .pd-sale-quantity{
        position: relative;
        z-index: 1;
    }
    .pd-price-group{        
        font-size: 12px;
        line-height: 18px;
        color: #D8262F;
        margin: 20px 0 14px 0;
    }
    .pd-price{
        font-weight: 700;
        font-size: 24px;
        line-height: 18px;
        color: #D8262F;
        margin: 0 0 13px 0;
    }
    .pd-old-price{
        font-weight: 500;
        font-size: 16px;
        margin-right: 4px;
        color: #B7B7B7;
    }
    .pd-offer-group {
        margin: 15px 0;
        border: 1px dashed #D8262F;
        border-radius: 11px;
        font-size: 13px;
        line-height: 21px;
        padding: 15px 12px;
        .title {
            color: #D8262F;
            font-weight: 700;
            font-size: 18px;
            line-height: 18px;
            margin-bottom: 9px;
        }
        .item{
            padding-left: 16px;
            position: relative;
            &::before {
                content: '';
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: #000;
                position: absolute;
                top: 9px;
                left: 3px;            
            }
        }
    }   
    .pd-quantity-group {
        margin: 15px 0;
        display: flex;
        align-items: center;
        p {
            font-weight: 700;
            font-size: 12px;
            line-height: 18px;
            margin: 0 18px 0 0;
        }
    }    
    .pd-quantity-holder {
        display: flex;
        align-items: center;
        border-radius: 6px;
        box-shadow: 0px 0px 0px 1px #B7B7B7;
        text-align: center;
        width: 92px;
        a{
            color: #000;
            line-height: 30px;   
            width: 30px;         
        }
        input{
            text-align: center;
            font-weight: 700;
            border: 0;
            padding: 0;
            margin: 0;
            height: 30px;
            width: 32px;
        }
    } 
    .pd-btn-group {
        margin: 20px 0 10px 0;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        text-transform: uppercase;
        justify-content: space-between;
        font-weight: 700;
        font-size: 20px;
        a{
            @extend .bg-main;
            line-height: 46px;
            color: #FFFFFF;
            margin: 0 0 10px 0;
            width: calc(100% / 2 - 5px);
            border-radius: 9px;
            transition: .2s all;
            box-shadow: unset;
            &:hover{
                box-shadow: 0px 0px 6px 0px rgba(0,0,0,.4);
            }
            &:first-child{
                width: 100%;
            }
            &:nth-child(2){
                margin-right: 10px;
                color: #00833E;
                background: #fff;
                box-shadow: 0px 0px 0px 1px #00833E;
                &:hover{
                    box-shadow: 0px 0px 6px 0px rgb(0,131,62);
                }
            }
            &:nth-child(3){
                background: #00833E;
                color: #fff;
            }
        }
    }
    .pd-static-text{        
        font-size: 12px;
        line-height: 20px;
        position: relative;
        display: flex;
        align-items: center;
        &::before{
            @extend .icons;
            content: '';
            width: 26px;
            height: 26px;
            background-position: -7px -4px;
        }
        a{
            @extend .color-main;
            font-weight: 700;
        }
    }
    .pd-tab-title-group {
        border-bottom: 1px solid #D9D9D9;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        a{
            color: #8D8D8D;
            font-weight: 700;
            font-size: 18px;
            line-height: 19px;
            margin: 0 18px;
            padding-bottom: 15px;
            position: relative;
            &::after{
                content: '';
                height: 1px;
                width: 0;
                transition: .3s all;
                position: absolute;
                bottom: -1px;
                left: 50%;
                transform: translateX(-50%);
            }
            &:hover, &.active{
                @extend .color-main;
                &::after{
                    @extend .bg-main;
                    width: 120px;                    
                }
            }
        }
        
    }
    .pd-tab-content{
        display: none;
        padding-bottom: 30px;
        &.active{
            display: block;
        }
        *{
            font-family: inherit;
        }
    }
    .pd-desc-btn {
        text-align: center;
        a{
            display: none;
            color: #000;
            border: 1px solid #d9d9d9;
            max-width: 200px;
            margin: auto;
            text-align: center;
            line-height: 36px;
            border-radius: 6px;
            font-weight: 500;
            &:hover{
                @extend .bg-main;
                color: #fff;
                border-color: transparent;
            }
        }
    }
    .pd-spec-holder{
        table {
            max-width: 800px;
            margin: auto;
        }
        tr:nth-child(odd) {
            background: #f5f5f5;
        }
        td {
            padding: 10px 12px;
            * {
                margin: 0;
            }
        }
    }
}   
.pd-variant-option-group {
    tr {
        display: block;
        margin: 5px 0;
    }
    td {
        display: inline-flex;
        align-items: center;
    }    
    a{
        color: #000;
        display: block;
        box-shadow: 0px 0px 0px 1px #DEDEDE;
        background: #fff;
        padding: 0 15px;
        margin: 0 10px 10px 0;
        border-radius: 3px;
        line-height: 28px;
    }
    .selected{
        @extend .bg-main;
        color: #fff;
        box-shadow: unset;
    }
    .variant-option-label {
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
        min-width: 70px;
        margin-top: -6px;
    }
    .variant-option-value-box {
        display: inline-block;
    }
    .variant-color {
        a {
            width: 23px;
            height: 23px;
            display: block;
            font-size: 0;
            border-radius: 50%;
            margin: 0 11px 11px 0;
            box-shadow: 0px 0px 0px 1px #DEDEDE;
            position: relative;
            padding: 0;
            line-height: 0;
        }        
        .selected::before {
            content: '';
            width: 28px;
            height: 28px;
            border-radius: 50%;
            box-shadow: 0px 0px 0px 1.5px #D8262F;
            position: absolute;
            top: -3px;
            left: -2.5px;
        }
    }
}
.pd-related-container{
    .title{
        font-weight: 700;
        font-size: 32px;
        line-height: 23px;
        text-transform: uppercase;
        margin: 0 0 18px 0;
    }
    .p-item {
        box-shadow: unset;
        border: 1px solid #d9d9d9;
    }
}
.cart-page {
    padding-top: 16px;
    padding-bottom: 16px;
    .cart-box-group{
        border-top: 4px solid #D8262F;
        margin-bottom: 16px;        
        line-height: 20px;
        text-transform: uppercase;
        p{
            margin: 0;
            padding: 16px;
            background: #F5F5F5;
        }
        a {
            color: #D8262F;
            text-decoration-line: underline;
            font-weight: 700;
        }
    }
    .cart-box-hidden{
        display: none;
        *{
            display: block;
            max-width: 50%;
            width: 100%;
            border-radius: 3px;
            height: 40px;
            line-height: 40px;
            margin: 16px 0 0 0;
        }
        input{                        
            background: #FFFFFF;
            border: 1px solid #D9D9D9;            
            padding: 0 14px;
            color: #8D8D8D;            
        }
        a{
            display: block;
            max-width: 253px;
            background: #D8262F;
            color: #fff;
            text-decoration: none;
            text-align: center;
            margin-bottom: 33px;
            &:hover{
                background: #bb232a;
            }
        }
    }
    .cart-price-group{
        display: flex;
        align-items: center;
        justify-content: space-between;        
        line-height: 20px;
        margin: 14px 0;
        p{
            margin: 0;
        }
        b{
            font-weight: 700;
        }
    }
    .cart-total-price{
        font-weight: 700;
    }
    .cart-btn-group{        
        text-align: center;
        a{
            @extend .color-main;
        }
    }
    .btn-submit{
        display: block;
        margin: 25px 0 15px 0;
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        background: #D8262F;
        border-radius: 3px;
        color: #fff;
        border: 0;
        padding: 0;
        height: 46px;
        &:hover{
            background: #bb232a;
        }
    }
}
.cart-info-group{
    margin: 27px 0;
    .box-item, .payment-item{
        margin-bottom: 35px;
    }
    .title{
        font-weight: 600;
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 22px;
    }
    .box-item{
        input, select{
            width: 100%;
            height: 40px;
            line-height: 40px;
            background: #FFFFFF;
            border: 1px solid #D9D9D9;
            border-radius: 3px;
            display: block;
        }
        input{            
            padding: 0 14px;
            color: #8D8D8D;
            margin: 0 0 16px 0;
        }
        select{
            margin: 0 16px 0 0;
            width: calc(100% / 3 - 11px);
            padding: 0 10px;
            &:last-child{
                margin: 0;
            }
        }
    }
    .cart-summary-group {
        background: #F5F5F5;
        padding: 16px;
    }
    .item-row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        border-bottom: 1px solid #D9D9D9;
        padding: 16px 0;
        &:first-child{
            padding-top: 0;
        }
    }
    .p-img {
        width: 92px;
        margin-right: 26px;
        text-align: center;
        img{
            display: block;
            margin: auto;
        }
        a{
            font-weight: 300;
            font-size: 16px;
            line-height: 19px;
            color: #8D8D8D;
            display: inline-block;
            margin-top: 15px;
        }
    }
    .p-text {
        width: calc(100% - 118px);
    }
    .p-name {
        display: block;
        line-height: 20px;
        color: #000;
        margin: 0 0 12px 0;
        &:hover{
            @extend .color-main;
        }
    }
    .p-price {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #D8262F;
        margin: 10px 0;
    }
    .p-variant-item {
        line-height: 24px;
        margin: 8px 0;
        display: flex;
        align-items: center;
        span{
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid #DEDEDE;
            margin: 0 15px;
            position: relative;
            &::before{
                content: '';
                width: 34px;
                height: 34px;
                border-radius: 50%;
                position: absolute;
                border: solid 2px #D8262F;
                top: -5px;
                left: -5px;
            }
        }
        b{
            background-color: #D8262F;
            color: #fff;
            padding: 2px 10px;
            border-radius: 3px;
            margin: 0 15px;
            text-align: center;
            min-width: 37px;
        }
    }
    .p-quantity-group {
        margin: 12px 0 0 0;
        display: flex;
        align-items: center;
        p{
            margin: 0 10px 0 0;
        }
        input{
            background: #FFFFFF;
            border: 1px solid #999999;
            border-radius: 5px;
            text-align: center;
            font-weight: 700;
            font-size: 16px;
            height: 40px;
            width: 60px;
        }
    }
}




@media (min-width: 1624px){
    .container {
        max-width: 1624px;
        min-width: 1624px;
    }
    .label-container {
        line-height: 24px;
        margin: 12px 0;
        padding-left: 30px;
    }
    .label-container .checkmark {
        width: 15px;
        height: 15px;
        top: 4px;
    }
    .label-container input:checked ~ .checkmark:after {
        width: 9px;
        height: 9px;
    }
    .paging {
        a {
            font-size: 15px;
        }
    }
    .icon-star {
        transform: scale(1.3);
        margin-left: 11px;
    }
    .p-item {
        padding: 16px;
        font-size: 14px;
        .p-img {
            margin: 0 0 14px 0;
        }
        .p-name {
            margin: 0 0 10px 0;
        }
        .p-price {
            font-size: 20px;
            line-height: 24px;
        }
        .p-price-group {
            font-size: 14px;
        }
        del {
            font-size: 16px;
        }
        .p-deal-group {
            margin: 16px 0 0 0;
            height: 18px;
        }
        .p-sale-quantity {
            line-height: 18px;
            font-size: 12px;
            &::before {
                width: 20px;
                height: 26px;
            }
        }
    }    
    .global-goTop {
        width: 60px;
        height: 60px;
        background-size: 13px;
    }
    .header-group-right{
        font-size: 14px;   
        width: calc(100% - 1348px); 
        .icons{
            width: 36px;
            height: 36px;
            background-size: 300px;
        }    
        .icon-note {
            background-position: -97px -45px;
        }
        .icon-user {
            display: block;
            background-position: -162px -45px;
        }
        .icon-cart {
            background-position: -225px -45px;
        } 
        .cart-count{
            width: 20px;
            height: 20px;
            line-height: 20px;
            right: -5px;
        }
    }
    .global-header-top {
        .icons {
            transform: scale(1.1);
        }
        a {
            font-size: 15px;
            margin-right: 40px;
        }
    }
    .global-header-main-top {
        .header-logo {
            img {
                max-height: 110px;
            }
        }
    } 
    .global-header-main-top .header-logo, .header-menu-group {
        width: 317px;
        margin-right: 16px;
    }
    .header-search-group {
        width: 792px;
        margin: 0 152px 0 71px;
        .text-search, .btn-search {
            font-size: 16px;
            height: 44px;
        }
        .btn-search {
            width: 120px;
        }
    }
    .header-group-right {
        .item:hover .sub-item {
            top: 50px;
        }
        .sub-item {
            min-width: 220px;
            a {
                font-size: 16px;
                line-height: 42px;
            }
        }
    }    
    .header-menu-group {
        &:hover .header-menu-list {
            top: 56px;
        }
        .title {
            line-height: 56px;
            font-size: 22px;
            font-weight: 700;
            padding: 0 4px 0 53px;
            &::before {
                transform: scale(1.3);
                left: 18px;
                background-position: -7px -28px;
            }
        }
        .header-menu-list {
            width: 317px;
        }
        a {
            line-height: 24px;
            font-size: 16px;
        }
        .cat-1 {
            font-size: 16px;
            line-height: 42px;
        }
        .sub-menu {
            left: 317px;
            width: calc(1600px - 317px);
        }
    }
    .global-header-main-bottom {
        .global-header-static {
            width: calc(100% - 333px);
            font-size: 20px;
            .icons {
                background-size: 300px;
                width: 35px;
                height: 35px;
            }
            .icon-pig{
                background-position: -9px -99px;
            }
            .icon-like {
                background-position: -63px -99px;
            }
            .icon-shield {
                background-position: -117px -98px;
            }
            .icon-truck {
                background-position: -171px -98px;
                width: 38px;
            }
        }
        
    }
    .footer-newsletter-container {
        padding: 8px 0;
        .col-left {
            max-width: 625px;
            b {
                font-size: 20px;
                line-height: 24px;
            }
            .text {
                width: calc(100% - 220px);
                font-size: 15px;
                line-height: 18px;
            }
        }
        .icon-mailbox {
            width: 190px;
            height: 134px;
            margin-right: 30px;
            background-size: 600px;
            background-position: -18px -450px;
        }
        input {
            width: 623px;
            height: 60px;
            margin: 0 8px 0 0;
            font-size: 16px;
        }
        button {
            width: 161px;
            height: 60px;
            font-size: 16px;
        }
        .error-note {
            font-size: 18px;
        }
    }
    .footer-info-group {
        padding-top: 34px;
        padding-bottom: 34px;
        font-size: 15px;
        line-height: 32px;
        .title {
            font-size: 16px;
            line-height: 20px;
            margin: 0 0 17px 0;
        }
        a {
            padding-left: 15px;
            &a::before {
                top: 13px;
                width: 5px;
                height: 5px;
            }
        }
        .footer-bct img{
            max-height: 72px;
        }
    }
    .footer-store-box {
        padding: 26px 0 ;
        .group-title {
            line-height: 36px;
            font-size: 16px;
            margin: 0 0 13px 0;
        }
        .number {
            font-size: 24px;
            padding: 0 10px;
            margin-right: 15px;
        }
        .number::before {
            border-bottom: 36px solid #FF794F;
            border-right: 10px solid transparent;
            position: absolute;
            right: -10px;
            top: 0px;
        }
        a {
            font-size: 15px;
            line-height: 22px;
            margin: 0 0 10px 0;
        }
        a span {
            font-size: inherit;
        }
    }
    .footer-end-group {
        font-size: 15px;
        line-height: 26px;
        padding-top: 17px;
        padding-bottom: 17px;
        .icon-payment {
            width: 333px;
            height: 28px;
        }
    }
    .global-btn-view {
        font-size: 15px !important;
        line-height: 30px !important;
        &::after {
            transform: scale(1.2);
            margin-left: 8px;
        }
    }
    .global-deal-countdown {
        b {
            margin: 0 10px;
            line-height: 36px;
            min-width: 36px;
            font-size: 18px;
            &::after {
                right: -12px;
            }
        }
    }
    .home-category-group {
        margin: -170px 0 20px 0;
        .global-btn-view{
            font-size: 15px;
            margin-top: 12px;
        }
        a {
            font-size: 15px;
            line-height: 32px;
        }        
        .cat-1 {
            font-size: 20px;
            margin-bottom: 15px;
        }
    }
    .home-deal-group{
        padding: 24px 16px;
        .group-title {
            line-height: 64px;
            .title {
                font-size: 36px;
                margin: 0 22px 0 0;
            }
            p {
                font-size: 18px;
            }
        }
        .icon-bolt {
            width: 64px;
            height: 64px;
            margin: 0;
            background-size: 600px;
            background-position: -305px -288px;
        }
        .p-item {
            margin: 16px 16px 0 0;
            width: calc(100% / 6 - 14px);
            padding: 15px 14px 25px 14px;
            font-size: 14px;
            &:nth-child(5n) {
                margin-right: 16px;
            }
            &:nth-child(6n) {
                margin-right: 0;
            }
            &:nth-child(n+11){
                display: block;
            }
            .p-img {
                padding-bottom: 100%;
            }
        }
    }
    .home-box-group{
        margin: 40px 0 50px 0;
        .box-title-group {
            margin: 0 0 25px 0;
            .title {
                font-size: 36px;
                line-height: 44px;
            }
        }
        .box-holder-left {
            margin-right: 16px;
            .p-item {
                padding: 15px 15px 30px 15px;
            }
            .p-img {
                margin-bottom: 36px;
            }
            .p-name, del {
                font-size: 20px;
                line-height: 26px;
            }
            .p-price {
                font-size: 32px;
                line-height: 24px;
                margin: 0 0 20px 0;
            }
            .p-price-group {
                line-height: 25px;
                font-size: 16px;
            }
        }
        .box-holder-right {
            width: calc(100% - 32.7% - 16px);
            .p-item {
                margin: 0 16px 0 0;
                width: calc(100% / 2 - 8px);
                padding: 11px;
            }
            .p-img {
                width: 146px;
                padding-bottom: 146px;
                margin-right: 18px;
            }
            .p-text {
                width: calc(100% - 164px);
            }
            .p-item .p-price-group {
                font-size: 14px;
            }
        }
    }
    .home-customer-comment-group{
        margin: 50px 0 40px 0;
        .box-title-group {
            line-height: 44px;
            padding-bottom: 16px;
            margin-bottom: 22px;
            .title {
                font-size: 36px;
            }
        }
        .global-btn-view {
            line-height: inherit !important;
            margin: 0;
        }
        .image {
            margin: 0 0 17px 0;
        }
        .item-name {
            margin: 17px 0 11px 0;
            line-height: 28px;
            font-size: 15px;
        }
        .summary {
            margin: 17px 0 0 0;
            font-size: 15px;
            line-height: 20px;
        }
    }
    .global-tags-group {
        .box-title-group {
            margin-bottom: 13px;
        }    
        a {
            margin: 9px 9px 0 0;
            line-height: 42px;
            font-size: 16px;
            padding: 0 25px;
        }
    }
    .product-page {
        .box-content-holder {
            padding: 9px 16px;
            font-size: 15px;
        }
        select {
            height: 40px;
            font-size: 15px;
        }
        .paging-group {
            padding: 17px 16px;
        }
    }
    .product-display-list{
        .p-item {
            margin: 0 16px 16px 0;
            width: calc(100% / 2 - 8px);
        }
    }
    .product-filter-container {
        .filter-title {
            font-size: 18px;
            line-height: 22px;
            margin: 0 0 13px 0;
        }
        a {
            font-size: 16px;
            &::before {
                width: 17px;
                height: 17px;
                top: 1px;
            }
            &.current::after, &:hover::after {
                left: 3px;
                top: -1px;
                width: 6px;
                height: 10px;
                border-width: 0 3px 3px 0;
            }
        }
    }
    .product-deal-page{
        .p-item{
            margin: 0 16px 16px 0;
            box-shadow: unset;
            width: calc(100% / 6 - 14px);
            &:nth-child(5n){
                margin-right: 16px;
            }
            &:nth-child(6n){
                margin-right: 0;
            }
        }
        .paging{
            a{
                font-size: 16px;
            }
            padding: 17px;
        }
        .group-title {
            line-height: 64px;
            .title {
                font-size: 36px;
                margin: 0 22px 0 0;
            }
            p {
                font-size: 18px;
            }
        }
        .icon-bolt {
            width: 64px;
            height: 64px;
            margin: 0;
            background-size: 600px;
            background-position: -305px -288px;
        }
    }
    .product-detail-page {
        .page-title {
            font-size: 24px;
            line-height: 34px;
        }
        #js-btn-view-comment {
            font-size: 15px;
        }
        .pd-deal-holder, .pd-price-group, .pd-offer-group, .pd-quantity-group {
            margin: 20px 0;
        }
        .pd-deal-holder .title {
            font-size: 30px;
        }
        .pd-deal-holder, .global-deal-countdown *, .pd-price-group,.pd-tab-content {
            font-size: 16px;
        }
        .pd-price-group, .pd-tab-content {
            line-height: 24px;
        }
        .pd-price {
            font-size: 32px;
            line-height: 24px;
            margin: 0 0 18px 0;
        }
        .pd-old-price {
            font-size: 20px;
            margin-right: 9px;
        }
        .pd-offer-group {
            font-size: 16px;
            line-height: 28px;
            border-radius: 15px;
            border: 2px dashed #D8262F;
            padding: 20px;
        }
        .pd-offer-group .title {
            font-size: 20px;
            line-height: 24px;
            margin: 0 0 13px 0;
        }
        .pd-offer-group .item::before {
            width: 5px;
            height: 5px;
            top: 12px;
            left: 0;
        }
        .pd-quantity-group p {
            font-size: 16px;
            line-height: 24px;
            margin: 0 24px 0 0;
        }
        .pd-quantity-holder {
            width: 122px;
        }
        .pd-quantity-holder a {
            line-height: 40px;
        }
        .pd-quantity-holder input {
            height: 40px;
            width: 62px;
            font-size: 16px;
        }
        .pd-btn-group a {
            line-height: 60px;
            font-size: 24px;
            margin: 0 0 12px 0;
        }
        .pd-static-text {
            font-size: 16px;
            line-height: 26px;
            padding-left: 10px;
            justify-content: center;
        }
        .pd-static-text::before {
            transform: scale(1.3);
            margin-right: 10px;
        }
        .pd-tab-title-group {
            margin-bottom: 30px;
        }
        .pd-tab-title-group a {
            font-size: 20px;
            line-height: 24px;
            padding-bottom: 20px;
            margin: 0 30px;
        }
        .pd-related-container .title {
            font-size: 28px;
            line-height: 30px;
            margin: 0 0 23px 0;
        }
    }
    .pd-variant-option-group {
        tr {
            margin: 10px 0;
        }
        .variant-option-label {
            font-size: 16px;
            line-height: 24px;
            margin-right: 30px;
        }
        a {
            line-height: 36px;
            font-size: 16px;
            min-width: 50px;
            margin: 0 14px 10px 0;
            text-align: center;
        }
        .variant-color a {
            min-width: unset;
            width: 30px;
            height: 30px;
            margin: 0 14px 14px 0;
        }
        .variant-color .selected::before {
            width: 36px;
            height: 36px;
            box-shadow: 0px 0px 0px 2px #D8262F;
        }
    }
    .cart-page .cart-box-group, .cart-page .cart-price-group, .cart-info-group .p-text, .cart-page .cart-btn-group, .label-container {
        font-size: 16px;
    }
    .cart-page .cart-box-hidden *, .cart-info-group .box-item input, .cart-info-group .box-item select {
        height: 46px;
        line-height: 46px;
        font-size: 16px;
    }
    .cart-page {
        .cart-box-group p {
            padding: 21px 16px;
        }
        .cart-box-hidden a {
            font-size: 20px;
        }
        .cart-price-group {
            line-height: 30px;
        }
        .btn-submit {
            height: 50px;
            font-size: 20px;
        }
    }   
    .cart-info-group {
        .title {
            font-size: 24px;
        }
        .p-price {
            font-size: 18px;
            margin: 14px 0;
        }
        .p-variant-item {
            margin: 12px 0;
            span {
                width: 30px;
                height: 30px;
                margin: 0 18px;
                &::before {
                    width: 36px;
                    height: 36px;
                    top: -4px;
                    left: -4px;
                }
            }
        }
    }  
}