html, body {
    padding: 0 !important;
    margin: 0;
}
html {
    overflow-x: hidden;
    font-size: 62.5%;
    font-family: 'Inter', sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-size: 1.6rem;
    font-family: 'Inter', sans-serif;
    color: #333333;
    background: #ffffff;
    word-break: break-word;
    font-weight: 400;
    text-align: left;
}
body, input, textarea, button, select {
    font-family: inherit;
    line-height: 1.7;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
ul {
    list-style: none outside;
    margin-bottom: 0;
    padding-left: 0;
}
p {
    margin: 0 0 0.5rem 0;
}
a{
    color: #333333;
    text-decoration: none;
    background: transparent;
}
img {
    border: 0 none;
    max-width: 100%;
    height: auto;
}
.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-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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-lg-cus-30, .col-lg-cus-20 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.btn {
    display: inline-block;
    height: 4rem;
    line-height: 3.9rem;
    padding: 0 2rem;
    text-align: center;
    white-space: nowrap;
    outline: none !important;
    cursor: pointer;
    border: none;
    font-weight: 400;
    border-radius: 0;
    letter-spacing: 0;
}
.header{
    display: block;
}

.header .top-header{
    /*padding: .6rem 0;*/
    position: relative;
    /*background: #f19339;*/
    /*border-bottom: .1rem solid rgba(253, 201, 125, 0.4);*/
}

.container{
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.header .top-header .header-promo{
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    display: none;
}
.header .top-header .header-promo .list-promo > li.promo-item {
    color: #fff;
    text-align: center;
    line-height: 2.2rem;
    display: none;
}
.header .top-header .header-promo .list-promo > li.promo-item.active{
    display: block;
}
.header .top-header .header-promo .list-promo > li.promo-item p{
    margin-bottom: 0;
}
.header .top-header .header-promo .list-promo > li.promo-item a {
    color: #fff;
    font-size: 1.4rem;
    text-decoration: underline;
}
.header .mid-header {
    padding: .8rem 0;
    background-color: #fff;
}
.header .mid-header .box-header{
    margin-right: -1rem;
    margin-left: -1rem;
    align-items: center !important;
}
.header .mid-header .box-header .header-logo .logo-header{
    position: relative;
    display: inline-block;
    width: 494px;
    max-width: 240px;
    height: auto;
    aspect-ratio: 494 / 175;
    margin: 0 auto;
}
.header .mid-header .box-header .header-logo .cate-open{
    background-color: #ffeddbed;
    border-radius: .8rem;
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    vertical-align: -1.2rem;
    margin-left: 1.5rem;
    min-width: 3.6rem;
}
.header .mid-header .box-header .header-logo .cate-open i{
    font-size: 2.4rem;
    color: #f7941d;
    align-items: center;
    justify-content: center;
    display: flex;
}
.header .mid-header .box-header .header-logo .cate-open:hover{
    background-color: #f4b631;
}
.header .mid-header .box-header .header-search .header-search-wrap{
    position: relative;
}
.header .mid-header .box-header .header-logo .cate-open:hover i{
    color: #000;
}
.header .mid-header .box-header .header-search .search-form{
    margin-bottom: 0;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 4rem;
    border: .2rem solid #ffe4ca;
    display: table;
    border-collapse: separate;
}
.header .mid-header .box-header .header-search .search-form .search-input{
    height: 4.5rem;
    line-height: 4.5rem;
    margin: 0;
    border: 0;
    background: transparent;
    padding-right: 5.5rem;
    padding-left: 2rem;
    min-height: initial;
    width: 100%;
}
.header .mid-header .box-header .header-search .search-form .search-input:focus-visible{
    outline: none;
}
.header .mid-header .box-header .header-search .search-form .search-btn{
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    display: flex;
    background: transparent;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.header .mid-header .box-header .header-search .search-form .search-btn i{
    font-size: 2rem;
}
.header .mid-header .box-header .header-search .search-form .search-btn:hover{
    background-color: #f7941d;
}
.header .mid-header .box-header .header-search .search-form .search-btn:hover i{
    color: #fff;
}
.header .mid-header .box-header .header-search .search-form .search-suggest{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    border: solid .1rem #ffe4ca;
    box-shadow: 0 .1rem .5rem .2rem rgba(0, 0, 0, 0.1);
    padding: 1.6rem;
    display: none;
    border-radius: 1rem;
}
.header .mid-header .box-header .header-search .search-form:focus-within .search-suggest,
.header .mid-header .box-header .header-search .search-form .search-suggest:hover{
    display: block;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result > a{
    display: none;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result .list-product-search {
    display: flex;
    padding: 8px 5px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    position: relative;
    width: 100%;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result .list-product-search a{
    display: flex;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result .list-product-search img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    aspect-ratio: 1;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    position: relative;
    margin-right: 1rem;
    object-fit: cover;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result .list-product-search p{
    width: 100%;
    display: contents;
    white-space: nowrap;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result .list-product-search p.list-product-search-title {
    padding: 0 0 .3rem 0;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 0 .3rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333 !important;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .search-result .list-product-search p.list-product-search-price {
    color: #ea6182;
    line-height: 23px;
    font-size: 1.4rem;
    font-weight: 600;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest{
    display: block;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest .search-title{
    width: 100%;
    display: block;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    line-height: normal;
    border-bottom: .1rem solid #ccc;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 2.6rem;
    position: relative;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest .search-title .icon{
    position: absolute;
    top: -.1rem;
    left: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 2rem;
    height: 2rem;
    border: .1rem solid #000;
    border-radius: 9999px;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest .search-title .icon i{
    font-size: 1rem;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest .search-list{
    display: block;
    width: 100%;
    margin-bottom: -.5rem;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest .search-list .search-item{
    display: inline-block;
    padding: .3rem .7rem;
    border: .1rem solid #f7941d;
    line-height: normal;
    background: #ffeddbed;
    margin-right: .5rem;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    border-radius: .8rem;
}
.header .mid-header .box-header .header-search .search-form .search-suggest .item-suggest .search-list .search-item:hover{
    color: #fff;
    background-color: #f7941d;
}
.header .mid-header .box-header .header-right{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 1.5rem;
}
.header .mid-header .box-header .header-right .header-store, .header .mid-header .box-header .header-right .header-wishlist, .header .mid-header .box-header .header-right .header-account, .header .mid-header .box-header .header-right .header-cart{
    display: inline-block;
    position: relative;
    transition: color 0.2s ease-in-out;
}
.header .mid-header .box-header .header-right .header-store > a, .header .mid-header .box-header .header-right .header-wishlist > a, .header .mid-header .box-header .header-right .header-account > a, .header .mid-header .box-header .header-right .header-cart > a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    color: #000;
}
.header .mid-header .box-header .header-right .box-icon{
    text-align: center;
}
.header .mid-header .box-header .header-right .box-icon i{
    font-size: 2.8rem;
}
.header .mid-header .box-header .header-right .header-store > a:hover, .header .mid-header .box-header .header-right .header-wishlist > a:hover, .header .mid-header .box-header .header-right .header-account > a:hover, .header .mid-header .box-header .header-right .header-cart > a:hover{
    color: #f7941d;
}
.header .mid-header .box-header .header-right .box-icon .wishlist-count, .header .mid-header .box-header .header-right .box-icon .cart-count{
    position: absolute;
    top: -.3rem;
    right: 0;
    min-width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: #c8103d;
    transition: all 0.3s ease-in-out;
    text-align: center;
    line-height: 1.8rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .mid-header .box-header .header-right .item-title{
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    margin-top: .6rem;
}
.header .mid-header .box-header .header-right .header-account .fa-angle-down{
    position: absolute;
    top: 1.2rem;
    right: 0;
    font-size: 1rem;
}
.header .mid-header .box-header .header-right .header-account:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2rem;
    z-index: 1;
}
.header .mid-header .box-header .header-right .header-account ul{
    position: absolute;
    border: .1rem solid #efefef;
    min-width: 125px;
    z-index: 15;
    list-style: none;
    margin: 0;
    padding: 1rem;
    top: calc(100% + 1.5rem);
    right: -1.5rem;
    text-align: left;
    display: none;
    width: 220px;
    background-color: #fff;
    box-shadow: .2rem .4rem .9rem rgba(0,0,0,0.329);
    gap: .4rem;
}
.header .mid-header .box-header .header-right .header-account:hover ul{
    display: grid;
}
.header .mid-header .box-header .header-right .header-account ul:before {
    display: block;
    position: absolute;
    border: 1rem solid transparent;
    border-bottom-color: #fff;
    content: "";
    top: -1.8rem;
    right: 2.6rem;
}
.header .mid-header .box-header .header-right .header-account ul li{
    padding: .5rem .5rem;
    transition: background 0.5s;
    border-radius: .5rem;
}
.header .mid-header .box-header .header-right .header-account ul li > a{
    color: #000;
    display: flex;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    padding: 0;
    font-size: 1.4rem;
    user-select: none;
    line-height: 2rem;
    width: 100%;
    outline: none;
    align-items: center;
}
.header .mid-header .box-header .header-right .header-account ul li > a i{
    font-size: 1.8rem;
    margin-right: 1rem;
}
.header .mid-header .box-header .header-right .header-account ul li:hover{
    color: #fff;
    background-color: #f7941d;
}
.header .mid-header .box-header .header-right .header-account ul li:hover a{
    color: #fff;
}
.header .mid-header .box-header .header-right .header-cart:before{
    position: absolute;
    content: '';
    right: 0;
    top: 100%;
    width: 100%;
    height: 2rem;
    z-index: 1;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content{
    display: none;
    position: absolute;
    top: calc(100% + 1.5rem);
    right: 0;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: .2rem .4rem .9rem rgba(0, 0, 0, 0.329);
    z-index: 9999;
    border-radius: .5rem;
}
.header .mid-header .box-header .header-right .header-cart:hover .header-cart-content{
    display: block;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content:before {
    display: block;
    position: absolute;
    border: 1rem solid transparent;
    border-bottom-color: #fff;
    content: "";
    right: 1.6rem;
    top: -1.8rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-wrap{
    width: 340px;
    background-color: #fff;
    overflow: hidden;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-empty {
    text-align: center;
    padding-top: 1rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-empty p {
    font-size: 1.4rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-empty i{
    font-size: 6rem;
    padding-bottom: 1rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-title{
    width: 100% !important;
    height: auto !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    border-bottom: .1rem solid #ddd;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 1rem;
    cursor: pointer;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list{
    padding: 1.4rem;
    max-height: 360px;
    overflow-y: auto;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item{
    position: relative;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-wrap{
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid .1rem #ebebeb;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item:last-child .item-wrap{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .thumb{
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex: none;
    width: 6.4rem;
    height: 6.4rem;
    vertical-align: top;
    position: relative;
    aspect-ratio: 1;
    border: .1rem solid #f1f1f1;
    border-radius: .5rem;
    overflow: hidden;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .thumb img{
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: auto;
    display: block;
    object-fit: contain;
    width: auto;
    height: auto;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info{
    flex-grow: 1;
    padding-left: 1.5rem;
    vertical-align: top;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-top{
    margin-bottom: .5rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-top .title{
    margin-bottom: .4rem;
    font-size: 1.4rem;
    font-weight: 500;
    padding-right: 2rem !important;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-top .remove-cart {
    margin-bottom: .4rem;
    font-size: 1.4rem;
    font-weight: 500;
    padding-right: 2rem !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.6rem;
    height: 1.6rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-top a:hover{
    color: #f19339;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-top a:hover i{
    color: #c8103d;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom{
    display: flex;
    justify-content: flex-end;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-quantity{
    width: 50%;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-quantity .quantity-wrap{
    position: relative;
    white-space: nowrap;
    width: 1%;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-quantity button{
    border-radius: 0;
    border: .1rem solid #e5e5e5;
    color: #222;
    line-height: 2.6rem;
    padding: 0;
    margin: 0;
    width: 2.8rem;
    background-color: #f8f8f8;
    height: 2.8rem;
    float: left;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-quantity ._subtract{
    border-radius: .5rem 0 0 .5rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-quantity ._plus{
    border-radius: 0 .5rem .5rem 0;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-quantity input{
    display: inline-block;
    padding: 0;
    text-align: center;
    border-radius: 0;
    width: 3.5rem;
    min-height: 2.8rem;
    border: .1rem solid #e5e5e5;
    color: #222;
    height: 2.8rem;
    font-size: 1.4rem;
    margin: 0;
    float: left;
    border-left: none;
    border-right: none;
    max-width: 100%;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-price{
    width: 50%;
    text-align: right;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .header-cart-list .header-cart-item .item-info .info-bottom .cart-price span{
    font-weight: 600;
    display: block;
    font-size: 1.4rem;
    color: #d31100;
    line-height: 2.8rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer{
    padding: 1.2rem 1.4rem 1.4rem;
    border-top: solid .1rem #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f8f8;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .sub-total .sub-total-wrap{
    font-size: 1.5rem;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .sub-total .title{
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: .4rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .sub-total .price{
    width: 100%;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .sub-total .price span{
    font-weight: 700;
    font-size: 1.6rem;
    color: #d31100;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .cart-btn-checkout{
    display: block;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .cart-btn-checkout a{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #f19339;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
}
.header .mid-header .box-header .header-right .header-cart .header-cart-content .cart-footer .cart-btn-checkout a:hover{
    background: #f4b631;
    color: #000;
}
.header .bottom-header{
    background: #fff;
    box-shadow: 0 .3rem .5rem -.1rem rgba(0, 0, 0, 0.15);
    border-top: .1rem solid #ededed;
    position: relative;
}
.header .bottom-header .navigation-horizontal .main-menu .menu-custom .control-menu{
    display: none;
}
.header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav{
    position: static;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
}
.header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav::-webkit-scrollbar{
    display: none;
}
.header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item{
    float: none;
    position: static;
    display: inline-block;
}
.section-service{
    background-color: #fdebf2;
    margin-top: 3rem;
    padding: 3rem 0;
}
.section-service .service-item{
    transition-duration: .3s;
    text-align: center;
}
.section-service .service-item .thumb {
    width: 5.4rem;
    height: 5.4rem;
    position: relative;
    margin: 0 auto 1rem auto;
    display: block;
    aspect-ratio: 1;
}
.section-service .service-item .info h3, .section-service .service-item .info p{
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .3rem;
    line-height: initial;
}
.footer{
    background-color: #f19339;
    position: relative;
}
.footer .main-footer{
    position: relative;
    padding-top: 3rem;
}
.main-footer > .col-lg-8 {
    padding: 4rem 0;
}
.footer .main-footer .footer-info{
    margin-bottom: 2rem;
}
.footer .main-footer .footer-info .logo-footer{
    margin-bottom: 1.5rem;
}
.footer .main-footer .footer-info .logo-footer a{
    width: 494px;
    max-width: 220px;
    aspect-ratio: 494 / 175;
    display: inline-block;
}
.footer .main-footer .footer-info .list-contact{
    line-height: 2.6rem;
    padding-left: 0;
    margin: 0;
}
.footer .main-footer .footer-info .list-contact .item-contact{
    font-weight: 500;
    position: relative;
}
.footer .main-footer .footer-info .list-contact .item-contact .content-contact{
    color: #000;
}
.footer .main-footer .footer-info .list-contact .item-contact .content-contact a{
    color: #fff;
}
.footer .main-footer .footer-info .list-contact .item-contact .content-contact a:hover{
    color: #fff;
}
.footer .main-footer .footer-link ul li span {
    color: #fff;
}
.footer .main-footer .footer-link, .footer .main-footer .footer-social{
    margin-bottom: 2rem;
}
.footer .main-footer .footer-link .title, .footer .main-footer .footer-social .title{
    line-height: normal;
    position: relative;
    font-size: 1.6rem;
    margin: 0 0 1.2rem 0;
    color: #fff;
    font-weight: 700;
}
.footer .main-footer .footer-link ul{
    line-height: 2.6rem;
    padding-left: 0;
    margin: 0;
}
.footer .main-footer .footer-link ul li a{
    padding: .5rem 0;
    position: relative;
    color: #fff;
    line-height: normal;
    display: block;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.footer .main-footer .footer-link ul li a:hover{
    color: #fff;
}
.footer .main-footer .footer-social .list-payment{
    line-height: 2.6rem;
    padding-left: 0;
    margin-top: 2rem;
    max-width: 220px;
}
.footer .main-footer .footer-social .list-payment div{
    display: inline-block;
    width: 6.3rem;
    margin-right: .5rem;
    height: 2.9rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
}
.footer .main-footer .footer-social .list-payment div img{
    height: 2.9rem;
    width: 6.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.footer .main-footer .footer-social .block-social{
    /*margin-top: 2rem;*/
}
.footer .main-footer .footer-social .block-social .list-social{
    margin: 2rem 0;
}
.footer .main-footer .footer-social .block-social .list-social a{
    display: inline-block;
    background-color: transparent;
    width: 3.5rem;
    font-size: 1.4rem;
    margin-right: .3rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: 50%;
    text-align: center;
    position: relative;
}
.footer .main-footer .footer-social .block-social .list-social a:hover{
    filter: brightness(1.3);
    transition-duration: .3s;
}
.footer .main-footer .footer-social .block-social .list-social a img{
    height: 3.5rem;
    width: 3.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.footer .main-footer .hot-search{
    border-top: .1rem solid rgba(255, 255, 255, 0.7);
    padding-top: 3rem;
}
.footer .main-footer .hot-search .hot-search-title{
    line-height: normal;
    position: relative;
    font-size: 1.6rem;
    margin: 0 0 1.2rem 0;
    color: #fff;
    font-weight: 700;
}
.footer .main-footer .hot-search .list-hot-search a{
    display: inline-block;
    padding: .2rem 1rem;
    border-radius: 2rem;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    margin: .5rem 0 0 .5rem;
}
.footer .main-footer .hot-search .list-hot-search a:hover{
    color: #000;
    background-color: #f4b631;
}
.footer .footer-link ul li {
    color: #fff;
}
.footer .main-footer .info-footer{
    color: #fff;
    border-top: .1rem solid rgba(255, 255, 255, 0.7);
    padding-top: 3rem;
    margin-top: 3rem;
}
.footer .main-footer .info-footer p{
    margin: 0;
    padding: 0;
}
.footer .copyright {
    text-align: center;
    margin-bottom: 0;
    background: #ffe4ca;
    position: relative;
    color: #fff;
}
.footer .copyright p {
    color: #f7941d;
}
.footer .copyright a{
    color: #f7941d;
    font-weight: 700;
}
.footer .copyright a:hover{
    color: #f7941d;
    text-decoration: underline;
}
.section-slider{
    margin-bottom: 3rem;
}
.section-slider .main-slider{
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.section-slider .main-slider .slick-list{
    overflow: hidden;
}
.section-slider .main-slider .slick-slide img{
    display: block;
    width: 100%;
}
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    cursor: pointer;
    color: #c8103d;
    outline: none;
    border: 0;
    background-color: #ffeddbed;
    text-align: center;
    z-index: 2;
    left: .8rem;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 0;
    border-radius: 50%;
    visibility: visible;
    opacity: 1;
}

.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    cursor: pointer;
    color: #c8103d;
    outline: none;
    border: 0;
    text-align: center;
    z-index: 2;
    right: 1rem;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 0;
    background-color: #ffeddbed;
    border-radius: 50%;
    visibility: visible;
    opacity: 1;
}
.slick-prev i, .slick-next i{
    color: #f7941d;
    font-size: 2rem;
}
.slick-prev:before, .slick-next:before{
    display: none;
}
.slick-prev:hover, .slick-next:hover{
    background-color: #ffeddbed;
}
.slick-prev:hover i, .slick-next:hover i{
    color: #fff;
}
.slick-disabled{
    opacity: 0.35;
}
.section-slider .main-slider .slick-dots {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    bottom: 2rem;
    min-height: 2rem;
}
.section-slider .main-slider .slick-dots li {
    box-shadow: none;
    outline: 0;
    width: 1rem;
    height: 1rem;
    border: .1rem solid #ddd;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    padding: 0;
    font-size: 0;
    opacity: 1;
}
.section-slider .main-slider .slick-dots li.slick-active {
    transition: all .2s;
    background: #f19339;
}
.section-slider .main-slider .slick-dots li button{
    display: none;
}
.section-slider .main-slider.slider-mb{
    display: none;
}
.section-about{
    padding: 3rem 0;
}
.section-about .banner-left{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-about .banner-left .thumb-banner{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 727px;
    max-width: 100%;
    aspect-ratio: 727 / 700;
}
.section-about .banner-right .banner-right-wrap{
    position: relative;
    z-index: 1;
    padding: 11rem 0;
}
.section-about .banner-right .icon{
    position: relative;
}
.section-about .banner-right .icon .icon1{
    position: absolute;
    top: -8rem;
    left: 0;
    transform: rotate(25deg);
    max-width: 6.4rem;
}
.section-about .banner-right .icon .icon2{
    position: absolute;
    top: -140px;
    left: 7rem;
    max-width: 6.4rem;
}
.section-about .banner-right .title-banner{
    position: relative;
    margin-bottom: 1rem;
    text-align: left;
    padding-left: 4rem;
}
.section-about .banner-right .title-banner h2{
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    color: #c8103d;
}
.section-about .banner-right .desc{
    color: #5b5252;
    text-align: justify;
    padding-left: 4rem;
}
.section-about .banner-right .show-more{
    margin-left: 4rem;
    height: 4rem;
    text-align: center;
    white-space: nowrap;
    outline: none !important;
    cursor: pointer;
    border: none;
    letter-spacing: 0;
    border-radius: 1.5rem;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 0 1.5rem;
    transition-duration: .3s;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #f4b631;
    color: #000;
    text-decoration: none;
    margin-top: 2rem;
}
.section-about .banner-right .show-more:hover{
    color: #fff;
    background-color: #c8103d;
}
.section-flash-sale{
    padding: 3rem 0;
    width: 100%;
    overflow: hidden;
}
.section-flash-sale .main-flash-sale{
    padding: 2rem;
    background: linear-gradient(#d60000bd, #c40000);
    border-radius: 1rem;
}
.section-flash-sale .main-flash-sale .title-box{
    position: relative;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-flash-sale .main-flash-sale .title-box h2.title{
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    /*width: 211px;*/
    min-width: 211px;
}
.section-flash-sale .main-flash-sale .title-box h2.title a{
    color: #fff;
}
.section-flash-sale .main-flash-sale .title-box h2.title a:hover{
    color: #f4b631;
}
.section-flash-sale .main-flash-sale .title-box h2.title a img{
    max-width: 2.6rem;
    vertical-align: -.6rem;
    animation: zoom-in-out 1500ms infinite;
}
.section-flash-sale .main-flash-sale .title-box .desc{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 448px);
}
.section-flash-sale .main-flash-sale .title-box .desc a{
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}
.section-flash-sale .main-flash-sale .title-box .desc a:hover{
    color: #f4b631;
}
.section-flash-sale .main-flash-sale .title-box .count-down{
    display: block;
    padding: 0;
    background: transparent;
    margin-bottom: 0;
    position: relative;
    min-width: 211px;
}
.section-flash-sale .main-flash-sale .title-box .count-down .count-down-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.section-flash-sale .main-flash-sale .title-box .count-down .block-timer {
    width: 3.5rem;
    height: 3.5rem;
    background: #ed0000;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    margin: 0 .3rem;
    line-height: 3.1rem;
    font-size: 1.4rem;
    font-weight: 500;
    border: .2rem solid;
}
.section-flash-sale .main-flash-sale .title-box .count-down .block-timer.days {
    width: 8.5rem;
    border-radius: 3.5rem;
}
.section-flash-sale .main-flash-sale .title-box .count-down .block-timer p {
    padding-top: 0;
    margin-bottom: 0;
    display: inline-block;
}
.section-flash-sale .main-flash-sale .title-box .count-down .block-timer span {
    font-size: 1.4rem;
    margin: .3rem;
    color: #fff;
    font-weight: 500;
}
.section-flash-sale .main-flash-sale .product-slider .slider-item{
    margin-left: 0;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
}
.section-flash-sale .main-flash-sale .product-slider .slick-slide{
    box-sizing: border-box;
    padding: 0 1rem;
}
.section-flash-sale .main-flash-sale .product-slider .slick-list{
    overflow: hidden;
}
.section-flash-sale .main-flash-sale .product-slider:not(.slick-initialized){
    display: flex;
    overflow: hidden;
    gap: 0;
}
.section-flash-sale .main-flash-sale .product-slider:not(.slick-initialized) .slider-item{
    flex: 0 0 calc(20% - 2rem);
    max-width: calc(20% - 2rem);
    width: calc(20% - 2rem);
}
@media (max-width: 1024px) {
    .section-flash-sale .main-flash-sale .product-slider:not(.slick-initialized) .slider-item{
        flex-basis: calc(25% - 2rem);
        max-width: calc(25% - 2rem);
        width: calc(25% - 2rem);
    }
}
@media (max-width: 991px) {
    .section-flash-sale .main-flash-sale .product-slider:not(.slick-initialized) .slider-item{
        flex-basis: calc(33.3333% - 2rem);
        max-width: calc(33.3333% - 2rem);
        width: calc(33.3333% - 2rem);
    }
}
@media (max-width: 767px) {
    .section-flash-sale .main-flash-sale .product-slider:not(.slick-initialized) .slider-item{
        flex-basis: calc(50% - 2rem);
        max-width: calc(50% - 2rem);
        width: calc(50% - 2rem);
    }
}
.main-product{
    display: block;
    height: 100%;
    padding-bottom: 2.8rem;
    position: relative;
    border-radius: 1rem;
}
.main-product .stock{
    display: none;
}
.section-flash-sale .main-product{
    padding-bottom: 0;
}
.main-product .main-product-wrap {
    background: #fff;
    height: 100%;
    box-shadow: 0 0 .6rem 0 rgba(50,50,93,0.15),.1rem .1rem .5rem rgba(0,0,0,0.05);
    margin-bottom: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
    overflow: hidden;
    border-radius: 1rem;
    transition-duration: .3s;
}
.main-product .promo {
    width: 3.5rem;
    height: 5.1rem;
    margin-bottom: -5.9rem;
    margin-top: .8rem;
    margin-right: .8rem;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    background-color: #c8103d;
    border-radius: .5rem;
    padding: .2rem;
    overflow: hidden;
}
.main-product .promo img {
    width: 3.1rem !important;
    height: 3.1rem !important;
    border-radius: .5rem;
}
.main-product .promo span {
    display: block;
    font-size: 1rem;
    color: #fff;
    position: relative;
}
.main-product .promo span:before {
    content: "";
    display: block;
    position: absolute;
    border: .4rem solid transparent;
    border-bottom-color: #c8103d;
    top: -4px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-product .product-thumb {
    width: 100%;
    aspect-ratio: 1;
    position: relative;
    overflow: hidden;
}
.main-product .product-thumb a img {
    width: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
}
.main-product .product-thumb a img.thumb-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-product .product-thumb .product-action {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1.2rem 1rem 0 1rem;
    gap: .8rem;
    transition: 0.3s all;
    z-index: 3;
}
.main-product .product-thumb .product-action a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    position: relative;
    z-index: 1;
    font-size: 0;
    color: #000;
    background: #fff;
    border: .1rem solid #ddd;
    border-radius: 50%;
}
.main-product .product-thumb .product-action a i{
    color: #000;
    font-size: 1.6rem;
}
.main-product .product-thumb .product-action .add-wishlist-btn i.fa-solid, .main-product .product-thumb .product-action .add-wishlist-btn.active i.fa-light{
    display: none;
}
.main-product .product-thumb .product-action .add-wishlist-btn.active i.fa-solid{
    display: block;
    color: #ea6182;
}
.main-product .product-thumb .product-action a:hover{
    background-color: #f7941d;
}
.main-product .product-thumb .icon-ship {
    position: absolute;
    bottom: .7rem;
    left: .7rem;
    z-index: 2;
}
.main-product .product-thumb .icon-ship img {
    max-width: 100%;
    max-height: 2rem;
    width: auto;
}
.main-product .product-info {
    width: 100%;
    padding: 1rem;
    position: relative;
    background: #fff;
    transition-duration: .3s;
    z-index: 1;
}
.main-product .product-info .title {
    font-size: 1.6rem;
    height: 4rem;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.main-product .product-info .title a:hover{
    color: #f7941d !important;
}
.main-product .product-info .price-box {
    margin-top: .4rem;
    min-height: 4.6rem;
}
.main-product .product-info .price-box .price {
    color: #d31100;
    font-weight: 700;
    display: inline-block;
    width: auto;
    font-size: 1.6rem;
    line-height: initial;
    position: relative;
}
.main-product .product-info .price-box .price .discount {
    width: 4rem;
    height: auto;
    aspect-ratio: 40/20;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -5rem;
    color: #fff;
    z-index: 1;
    background-color: #ea6182;
    border-radius: 1rem 1rem 1rem 0;
    padding: .2rem 0;
}
.main-product .product-info .price-box  .old-price {
    display: block;
    width: auto;
    color: #9aa5b3;
    font-size: 1.4rem;
    text-decoration: line-through;
    line-height: initial;
}
.section-coupon{
    padding: 3rem 0;
}
.section-coupon .slider-coupon .slick-arrow{
    display: none !important;
}
.section-coupon .slider-coupon .item-coupon{
    margin-right: 1.6rem;
}
.section-coupon .slider-coupon .item-coupon .item-coupon-wrap {
    display: flex;
    align-items: center;
    border-radius: .4rem;
    padding: 0;
    position: relative;
    height: 100%;
    max-width: 100%;
    aspect-ratio: 303/85;
}
.section-coupon .slider-coupon .item-coupon .icon {
    width: 7rem;
    height: 8.5rem;
    display: flex;
    position: relative;
    flex: none;
    flex-grow: 0;
    background: #fdebf2;
    border: .1rem solid #ffe9fd;
    border-radius: .8rem;
    padding: .7rem;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
}
.section-coupon .slider-coupon .item-coupon .icon i {
    font-size: 5rem;
    color: #c8103d;
}
.section-coupon .slider-coupon .item-coupon .info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 8.5rem;
    justify-content: space-between;
    background: #fdebf2;
    border: .1rem solid #ffe9fd;
    border-radius: .8rem;
    padding: .7rem;
}
.section-coupon .slider-coupon .item-coupon .info .view-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.4rem;
    border-radius: 99px;
    position: absolute;
    right: .7rem;
    top: .7rem;
}
.section-coupon .slider-coupon .item-coupon .info .view-detail i{
    color: #c8103d;
}
.section-coupon .slider-coupon .item-coupon .info .view-detail:hover i{
    color: #f4b631;
}
.section-coupon .slider-coupon .item-coupon .info .content {
    font-size: 1.6rem;
    font-weight: 700;
}
.section-coupon .slider-coupon .item-coupon .info .content span {
    font-size: 1.2rem;
    color: #444;
    font-weight: 500;
    -webkit-line-clamp: 1;
    height: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}
.section-coupon .slider-coupon .item-coupon .info .action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
}
.section-coupon .slider-coupon .item-coupon .info .action .date  {
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    color: #666;
}
.section-coupon .slider-coupon .item-coupon .info .action .btn-copy {
    position: relative;
    display: inline-block;
    color: #fff;
    background: #c8103d;
    padding: .2rem .8rem;
    margin-left: 0;
    min-width: 7rem;
    text-align: center;
    cursor: pointer;
    font-size: 1.1rem;
    border-radius: .8rem;
    border: none;
}
.section-coupon .slider-coupon .item-coupon .info .action .btn-copy:hover{
    background-color: #f4b631;
}
.popup-coupon {
    padding: 0 .8rem;
    box-sizing: border-box;
    width: 450px;
    max-height: 505px;
    height: auto;
    background: transparent;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 15%;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    box-shadow: none;
    touch-action: manipulation;
    opacity: 0;
    transform: translateX(-50%);
    z-index: -1;
    min-height: 200px;
}
.popup-coupon .content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 1.5rem;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-shadow: .3rem .3rem 2rem 0 rgba(0,0,0,0.15);
    box-shadow: .3rem .3rem 2rem 0 rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
}
.popup-coupon .content .title {
    display: block;
    width: 100%;
    padding: 1rem;
    background: #c8103d;
    color: #fff;
}
.popup-coupon .content .close-popup-coupon {
    position: absolute;
    top: .8rem;
    right: 1rem;
    cursor: pointer;
}
.popup-coupon .content .close-popup-coupon i{
    font-size: 2.4rem;
    transition: transform 0.3s;
    color: #fff;
}
.popup-coupon .content .close-popup-coupon:hover i {
    transform: rotate(90deg);
}
.popup-coupon .content ul {
    width: 100%;
}
.popup-coupon .content ul li {
    padding: 10px;
    display: flex;
}
.popup-coupon .content ul li:nth-child(2n+1) {
    background-color: #f9f9f9;
}
.popup-coupon .content ul li span:first-child {
    min-width: 126px;
    display: inline-block;
    color: #c8103d;
}
.popup-coupon.active {
    opacity: 1;
    z-index: 99999;
}
.backdrop {
    position: fixed;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0 !important;
    right: 0;
    bottom: 0;
    background-color: #363636;
    z-index: 999;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.backdrop.active {
    visibility: visible;
    opacity: 0.5;
}
.section-product-tabs{
    padding: 3rem 0;
}
.section-product-tabs .title-product-tabs{
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}
.section-product-tabs .title-product-tabs h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.section-product-tabs .title-product-tabs .tabs-product{
    height: auto;
    padding: 0 3.4rem;
    position: relative;
    max-width: 100%;
    margin: 1.6rem auto 0 auto;
    border-bottom: .1rem solid #d86f09;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 1rem 1rem 1rem;
    margin-bottom: -1rem;
    text-align: center;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs::-webkit-scrollbar{
    display: none;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate {
    padding: 0;
    position: relative;
    width: auto;
    line-height: 3.6rem;
    height: auto;
    font-weight: 500;
    min-width: 100px;
    color: #62646d;
    transition: background-color 0.3s ease;
    margin-right: 4.5rem;
    margin-bottom: 1rem;
    display: inline-block;
    cursor: pointer;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate.active, .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate:hover{
    color: #d86f09;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate .thumb {
    height: 7rem;
    margin-bottom: .5rem;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate .thumb img {
    max-height: 7rem;
    max-width: 7rem;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate span.title {
    position: relative;
    display: block;
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 600;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate.active span, .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate:hover span{
    color: #d86f09;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.2rem;
    width: 100%;
    margin: auto;
    transition-duration: .3s;
    border-bottom: .4rem solid transparent;
    border-radius: .2rem;
}
.section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate.active:after, .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate:hover:after{
    border-bottom: .4rem solid #d86f09;
}
.section-product-tabs .title-product-tabs .tabs-product .tabs-left {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: 0;
    z-index: 3;
    width: 2.4rem;
    display: flex;
    justify-content: start;
    align-items: center;
}
.section-product-tabs .title-product-tabs .tabs-product .tabs-left a, .section-product-tabs .title-product-tabs .tabs-product .tabs-right a {
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #ffeddbed;
    border-radius: 50%;
    width: 2.4rem;
}
.section-product-tabs .title-product-tabs .tabs-product .tabs-left a i, .section-product-tabs .title-product-tabs .tabs-product .tabs-right a i {
    color: #f7941d;
}
.section-product-tabs .title-product-tabs .tabs-product .tabs-right {
    position: absolute;
    top: calc(50% - 1.5rem);
    z-index: 3;
    right: 0;
    width: 2.4rem;
    display: flex;
    justify-content: end;
    align-items: center;
}
.section-product-tabs .tabs-product-content{
    overflow: initial;
}
.tabs-product-content .view-more{
    text-align: center;
}
.tabs-product-content .view-more a{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #f19339;
    color: #000;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 1.5rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
}
.tabs-product-content .view-more a:hover{
    color: #fff;
    background-color: #f7941d;
}
.section-banner-sale{
    padding: 3rem 0;
}
.section-banner-sale .main-banner {
    display: block;
    position: relative;
}
.section-banner-sale .main-banner a {
    display: block;
    aspect-ratio: 675/228;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    transition-duration: .3s;
}
.section-banner-sale .main-banner a:hover img {
    transform: scale(1.03);
    transition-duration: .3s;
}
.section-categories{
    padding: 3rem 0;
}
.section-categories .title-categories {
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}
.section-categories .title-categories h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.section-categories .slider-categories .item-category{
    margin-right: 1.5rem;
}
.section-categories .slider-categories .slick-arrow{
    display: none !important;
}
.section-categories .slider-categories .item-category .cate-box {
    display: block;
    overflow: hidden;
    /*aspect-ratio: 220/240;*/
    position: relative;
    border-radius: 1rem;
    transition-duration: .3s;
}
.section-categories .slider-categories .item-category .cate-box img {
    margin: auto;
}
.section-categories .slider-categories .item-category .cate-box .title {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    margin: .8rem 0 0 0;
    position: absolute;
    /*bottom: 1.5rem;*/
    left: 0;
    color: #fff;
    padding: 0 1rem !important;
}
.section-categories .slider-categories .item-category .cate-box:hover .title {
    color: #000;
}
.section-categories .slider-categories .slick-dots{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}
.section-categories .slider-categories .slick-dots li {
    box-shadow: none;
    outline: 0;
    width: 1rem;
    height: 1rem;
    border: .1rem solid #ddd;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    padding: 0;
    font-size: 0;
    opacity: 1;
}
.section-categories .slider-categories .slick-dots li.slick-active {
    transition: all .2s;
    background: #f19339;
}
.section-categories .slider-categories .slick-dots li button{
    display: none;
}
.section-category-tabs{
    padding: 3rem 0;
}
.section-category-tabs .title-category-tabs {
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}
.section-category-tabs .title-category-tabs h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}
.section-category-tabs .title-category-tabs .list-tabs{
    height: auto;
    padding: 0 0;
    position: relative;
    max-width: 100%;
    margin: 0 auto 0 auto;
}
.section-category-tabs .title-category-tabs .list-tabs ul {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 1rem;
    margin-bottom: -1rem;
    text-align: center;
}
.section-category-tabs .title-category-tabs .list-tabs ul li{
    padding: 0;
    position: relative;
    width: auto;
    line-height: 3.6rem;
    height: auto;
    font-weight: 500;
    color: #62646d;
    transition: background-color 0.3s ease;
    margin-right: 3.5rem;
    margin-bottom: 1rem;
    display: inline-block;
    cursor: pointer;
}
.section-category-tabs .title-category-tabs .list-tabs ul li.active, .section-category-tabs .title-category-tabs .list-tabs ul li:hover{
    color: #c8103d;
}
.section-category-tabs .title-category-tabs .list-tabs ul li span {
    position: relative;
    display: block;
    line-height: 1.3;
    font-size: 1.4rem;
    font-weight: 600;
}
.section-category-tabs .title-category-tabs .list-tabs ul li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.7rem;
    width: 100%;
    margin: auto;
    transition-duration: .3s;
    border-bottom: .4rem solid transparent;
    max-width: 3rem;
    border-radius: .4rem;
}
.section-category-tabs .title-category-tabs .list-tabs ul li.active:after, .section-category-tabs .title-category-tabs .list-tabs ul li:hover:after{
    border-bottom: .4rem solid #c8103d;
}
.section-album{
    padding: 3rem 0;
}
.section-album .item-album .thumb, .layout-album .item-album .thumb{
    margin-bottom: 1.5rem;
    display: flex;
    aspect-ratio: 500/626;
    position: relative;
    border-radius: 1.5rem;
    justify-content: center;
    align-items: center;
}
.section-album .item-album .thumb img, .layout-album .item-album .thumb img{
    border-radius: 1.5rem;
    height: 100%;
    width: auto;
    object-fit: cover;
}
.section-album .item-album .thumb .thumb-dot {
    position: absolute;
    z-index: 9;
}
.section-album .item-album .thumb .thumb-dot:nth-child(2){
    top: 40%;
    left: 60%;
}
.section-album .item-album .thumb .thumb-dot:nth-child(3){
    top: 35%;
    left: 30%;
}
.section-album .item-album .thumb .thumb-dot:nth-child(4){
    top: 60%;
    left: 30%;
}
.section-album .item-album .thumb .thumb-dot .dot {
    width: 20px;
    display: block;
    height: 2rem;
    border: 1px double #D9D9D9;
    border-radius: 50%;
    position: relative;
    animation: pulseSmall 1.25s linear infinite;
}
.section-album .item-album .thumb .thumb-dot .dot:before {
    content: '';
    width: 1.4rem;
    display: block;
    height: 1.4rem;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.section-album .item-album .thumb .thumb-dot .product-dot {
    display: none;
    position: absolute;
    bottom: calc(100% + 1.3rem);
    width: 250px;
    padding: .5rem;
    border-radius: .4rem;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 1px 10px rgba(0,0,0,0.25);
}
.section-album .item-album .thumb .thumb-dot .product-dot .stock{
    display: none;
}
.section-album .item-album .thumb .thumb-dot .product-dot:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.3rem;
}
.section-album .item-album .thumb .thumb-dot .product-dot:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    position: absolute;
    top: 100%;
}
.section-album .item-album .thumb .thumb-dot:nth-child(2) .product-dot{
    right: -3.2rem;
}
.section-album .item-album .thumb .thumb-dot:nth-child(2) .product-dot:after{
    right: 3.3rem;
}
.section-album .item-album .thumb .thumb-dot:nth-child(3) .product-dot,.section-album .item-album .thumb .thumb-dot:nth-child(4) .product-dot{
    left: -3.2rem;
}
.section-album .item-album .thumb .thumb-dot:nth-child(3) .product-dot:after,.section-album .item-album .thumb .thumb-dot:nth-child(4) .product-dot:after{
    left: 3.3rem;
}
.section-album .item-album .thumb .thumb-dot:hover .product-dot {
    display: flex;
}
.section-album .item-album .thumb .thumb-dot .product-dot .image-dot {
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
    min-width: 8rem;
}
.section-album .item-album .thumb .thumb-dot .product-dot .image-dot img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: .5rem;
}
.section-album .item-album .thumb .thumb-dot .product-dot .info-dot {
    margin-left: .5rem;
}
.section-album .item-album .thumb .thumb-dot .product-dot .info-dot h3 {
    margin-bottom: 0;
    font-size: 1.6rem;
    -webkit-line-clamp: 2;
    height: calc(1em * 1.4 * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}
.section-album .item-album .thumb .thumb-dot .product-dot .info-dot h3 a:hover{
    color: #f4b631;
}
.section-album .item-album .thumb .thumb-dot .product-dot .info-dot span {
    color: #FF1F1F;
    font-weight: 700;
    font-size: 1.6rem;
}
.section-album .item-album .info, .layout-album .item-album .info{
    text-align: center;
}
.section-album .item-album .info h3, .layout-album .item-album .info h3{
    font-weight: 600;
    line-height: 1.3;
    font-size: 2.2rem;
    font-family: 'Inter', sans-serif;
    color: #c8103d;
    margin-bottom: 0;
}
.section-album .item-album .info .view-detail a, .layout-album .item-album .info .view-detail a{
    font-size: 1.6rem;
    text-decoration: underline;
    font-weight: 600;
}
.section-album .item-album .info .view-detail a:hover, .layout-album .item-album .info .view-detail a:hover{
    color: #f4b631;
}
.section-trend{
    padding: 3rem 0;
}
.section-trend .title-trend {
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}
.section-trend .title-trend h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.section-trend .list-trend {
    position: relative;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    overflow: auto;
    justify-content: start;
}
.section-trend .list-trend .item-trend {
    padding: 1.5rem 1.5rem 2.5rem;
    text-align: left;
    border-radius: 1rem;
    background-color: #fef4fa;
    position: relative;
    overflow: hidden;
    min-height: 186px;
}
.section-trend .list-trend .item-trend:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 8rem;
    background: linear-gradient(180deg, transparent 17%, #ffb2cd 93.12%);
    z-index: 1;
    transition: height .3s;
}
.section-trend .list-trend .item-trend:hover:before {
    height: 100%;
    background: linear-gradient(180deg, transparent 0, #ffb2cd 100%);
}
.section-trend .list-trend .item-trend > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.section-trend .list-trend .item-trend .thumb {
    position: relative;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    overflow: auto;
    justify-content: start;
}
.section-trend .list-trend .item-trend .thumb span {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto !important;
    padding-bottom: 90%;
}
.section-trend .list-trend .item-trend .thumb span img {
    width: auto !important;
    max-height: 90%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .3s ease-in-out all;
    will-change: opacify;
}
.section-trend .list-trend .item-trend .info {
    position: absolute;
    transition: height .3s;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    align-content: end;
    height: 7rem;
    padding: 1rem 5rem 1rem 1rem;
}
.section-trend .list-trend .item-trend .info h3 {
    margin-bottom: 0;
    color: #c8103d;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
}
.section-trend .list-trend .item-trend:hover .info h3{
    color: #f4b631;
}
.section-trend .list-trend .item-trend .info span {
    font-size: 1.2rem;
    position: relative;
    z-index: 1;
}
.section-trend .list-trend .item-trend .info .view-detail {
    position: absolute;
    top: 1.8rem;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    color: #c8103d;
    outline: none;
    border: 0;
    text-align: center;
    z-index: 2;
    right: 1rem;
    background-color: #ffeddbed;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-trend .list-trend .item-trend .info .view-detail i {
    color: #f7941d;
}
.section-trend .list-trend .item-trend:hover .info .view-detail{
    color: #f4b631;
}
.section-review{
    position: relative;
    background-color: #fdebf2;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 6rem 0;
}
.section-review .title-review{
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}
.section-review .title-review h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}
.section-review .slider-review .item-review{
    margin: 0 1rem;
    position: relative;
    padding-top: 4rem;
    padding-bottom: 1rem;
}
.section-review .slider-review .item-review .avatar {
    width: 8.4rem;
    height: 8.4rem;
    overflow: hidden;
    border-radius: 50%;
    flex: none;
    position: absolute;
    top: 0;
    z-index: 1;
    border: .4rem solid #fff;
    left: 50%;
    transition: all 0.3s ease-in-out;
    transform: translate(-50%, 0%);
}
.section-review .slider-review .item-review .content {
    padding: 5rem 2rem 2rem 2rem;
    background: #fff;
    height: 100%;
    position: relative;
    box-shadow: 0 0 1rem 0 rgba(4,4,4,0.1);
    border-radius: 1.5rem;
}
.section-review .slider-review .item-review .content .content-wrap{
    text-align: center;
    margin-bottom: 2.5rem;
}
.section-review .slider-review .item-review .content .name {
    font-size: 1.8rem;
    display: block;
    line-height: normal;
}
.section-review .slider-review .item-review .content span {
    display: block;
    color: #757575;
}
.section-review .slider-review .item-review .content .comment {
    min-height: 100px;
    margin-top: .8rem;
}
.section-review .slider-review .item-review .content .icon {
    min-width: 3.2rem;
    min-height: 3.2rem;
    color: #c8103d;
    position: absolute;
    right: 1rem;
    bottom: 0;
}
.section-review .slider-review .item-review .content .icon i{
    font-size: 4rem;
}
.section-blogs{
    padding: 3rem 0;
}
.section-blogs .title-blogs {
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-blogs .title-blogs h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.section-blogs .title-blogs .see-more a, .section-hot-deal .title-box .see-more a, .section-bestseller .title-box .see-more a {
    color: #c8103d;
    font-size: 1.4rem;
    font-weight: 500;
}
.section-blogs .title-blogs .see-more a:hover, .section-hot-deal .title-box .see-more a:hover, .section-bestseller .title-box .see-more a:hover {
    color: #f4b631;
}
.item-blog{
    margin: 0 1rem;
}
.item-blog .item-wrap {
    display: block;
    position: relative;
}
.item-blog .item-wrap .thumb {
    padding-bottom: 63.5%;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
    border-radius: 1rem 1rem 0 0;
    background-color: #ffeddbed;
}
.item-blog .item-wrap .thumb img {
    width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .3s ease-in-out all;
    will-change: opacify;
}
.item-blog:hover .item-wrap .thumb img {
    transform: scale(1.1);
}
.item-blog .info {
    position: relative;
    width: 100%;
    padding: 2rem;
    background-color: #ffeddbed;
    border-radius: 0 0 1rem 1rem;
}
.item-blog .info h3 {
    margin-bottom: .2rem;
    line-height: 2.2rem;
    font-size: 1.75rem;
}
.item-blog .info h3 a {
    color: #333;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 4.4rem;
}
.item-blog .info .content {
    display: flex;
    margin-bottom: 0.2rem;
    font-size: 1.2rem;
    color: #838383;
    justify-content: space-between;
}
.item-blog .info .content .author b {
    color: #c8103d;
    font-weight: 500;
}
.item-blog .info .content .date {
    font-style: italic;
}
.item-blog .info .intro {
    color: #333;
    line-height: 2rem;
    margin-bottom: 0;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 4rem;
}
.item-blog .info .intro *{
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    font-style: inherit !important;
    color: inherit !important;
}
.section-topic{
    padding: 3rem 0;
}
.section-topic .title-topic {
    text-align: left;
    position: relative;
    margin-bottom: 1rem;
}
.section-topic .title-topic h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.section-topic .list-topic {
    position: relative;
    gap: 1.5rem;
    grid-template-columns: repeat(5, 1fr);
    display: grid;
    overflow: auto;
    justify-content: start;
}
.section-topic .list-topic .item-topic {
    height: 6rem;
    padding: 0 1.5rem;
    text-align: left;
    border-radius: 3rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    position: relative;
}
.section-topic .list-topic .item-topic:nth-child(1){
    background-color: #F8FDF6;
    border: .1rem solid #E3FFD8;
}
.section-topic .list-topic .item-topic:nth-child(2){
    background-color: #fff9fb;
    border: .1rem solid #ffc5e2;
}
.section-topic .list-topic .item-topic:nth-child(3){
    background-color: #FFF9E6;
    border: .1rem solid #FFF6BD;
}
.section-topic .list-topic .item-topic:nth-child(4){
    background-color: #F3FDFE;
    border: .1rem solid #D9F7F7;
}
.section-topic .list-topic .item-topic:nth-child(5){
    background-color: #fffcdc;
    border: .1rem solid #f5e688;
}

.section-topic .list-topic .item-topic > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.section-topic .list-topic .item-topic .thumb {
    display: block;
    max-width: 3.6rem;
    max-height: 3.6rem;
    margin-right: .5rem;
}
.section-topic .list-topic .item-topic .info h3 {
    line-height: 1.8rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .3rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.section-topic .list-topic .item-topic:hover .info h3{
    color: #ea6182;
}
.section-topic .list-topic .item-topic .info span {
    font-size: 1.2rem;
}
.section-bread-crumb {
    background: #ffeddbed;
    margin-bottom: 3rem;
}
.section-bread-crumb .breadcrumView {
    margin: 0;
    font-size: 1.4rem;
    padding: 1rem 0;
    border-radius: 0;
    font-weight: 500;
    line-height: 2.4rem;
    background-color: transparent;
    width: 100%;
    text-align: left;
    word-break: break-word;
}
.section-bread-crumb .breadcrumView li{
    display: inline;
}
.section-bread-crumb .breadcrumView li > a{
    color: #666;
}
.section-bread-crumb .breadcrumView li:hover > a{
    color: #c8103d;
}
.section-bread-crumb .breadcrumView li:not(:first-child):before{
    content: "\f105";
    font-family: "Font Awesome 6 Pro", serif;
    padding: 0 .5rem;
}
.section-bread-crumb .breadcrumView li:not(:first-child) > a{
    padding-left: .5rem;
}
.section-bread-crumb .breadcrumView li:last-child > a{
    color: #F19339;
    font-weight: 500;
    cursor: text;
}
.layout-product .banner-product {
    margin-bottom: 2rem;
}
.layout-product .banner-product .list-banner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.layout-product .banner-product .list-banner .item-banner{
    margin: 0 1rem;
}
.layout-product .banner-product .list-banner .item-banner a {
    display: block;
    width: 100%;
    aspect-ratio: 630/200;
    overflow: hidden;
    position: relative;
    border-radius: 1rem;
    transition-duration: .3s;
}
.layout-product .banner-product .list-banner .item-banner a:hover {
    opacity: 0.8;
}
.layout-product .banner-product .list-banner .item-banner a img {
    width: 100%;
    border-radius: 1rem;
}
.layout-product .slick-arrow {
    opacity: 0;
}
.layout-product .product-coupon{
    margin-bottom: 2rem;
}
.layout-product .product-coupon .section-coupon{
    padding: 0;
}
.layout-product .product-coupon .section-coupon .container{
    padding: 0;
}
.layout-product .product-coupon .section-coupon .slick-arrow{
    display: block !important;
}
.layout-product .product-categories .list-categories {
    background-color: #ffeddbed;
    padding: 1.4rem;
    border-radius: 1rem;
}
.layout-product .product-categories .list-categories .list-wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.6rem;
    row-gap: 1rem;
}
.layout-product .product-categories .list-categories a {
    width: auto;
    flex: 0 0 auto;
    padding: .4rem 1.5rem;
    text-align: center;
    border: 1px solid #ffe4ca;
    position: relative;
    border-radius: .8rem;
    display: block;
    transition-duration: .3s;
}
.layout-product .product-categories .list-categories a .name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: initial;
}
.layout-product .product-categories .list-categories a:hover {
    color: #fff;
    background: #f7941d;
}
.layout-product .section-filter .filter-box .filter-content {
    padding: 2rem 0;
    height: auto;
    display: inline-block;
    width: 100%;
}
.layout-product .section-filter .filter-box .filter-content .filter-group {
    width: 100%;
    display: block;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1.5rem;
}
.layout-product .section-filter .filter-box .filter-content .filter-group .filter-title {
    position: relative;
    margin-bottom: 1rem;
}
.layout-product .section-filter .filter-box .filter-content .filter-group .filter-title h2 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul {
    width: 100%;
    display: inline-block;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    max-height: 186px;
    overflow: hidden;
    overflow-y: auto;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul::-webkit-scrollbar{
    width: .5rem;
    border-radius: .5rem;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul::-webkit-scrollbar-track{
    background: #f2f2f2;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul::-webkit-scrollbar-thumb {
    background: #c8103d;
    border-radius: .5rem;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item {
    margin-bottom: 1rem;
    padding-left: 2.4rem;
    position: relative;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item label {
    width: 100%;
    font-size: 1.4rem;
    color: #282828;
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block !important;
    font-weight: 400;
}
input[type="checkbox"] {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 4rem;
    position: absolute;
    background: transparent;
    outline: none;
    opacity: 0;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item input[type=checkbox] {
    transform: scale(1.1);
    position: absolute;
    top: .3rem;
    left: .2rem;
    display: none;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item .fa:before {
    content: "";
    margin-right: .5rem;
    font-size: 1.8rem;
    border: solid 1px #ddd;
    line-height: 4rem;
    position: absolute;
    top: .6rem;
    left: 0;
    height: 1.5rem !important;
    width: 1.5rem;
    border-radius: .3rem;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item input[type=checkbox]:checked+.fa:before {
    border-color: #f19339;
    background: #f19339;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item input[type=checkbox]:checked+.fa:after{
    position: absolute;
    content: '';
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    background-image: url(../img/check-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: .6rem;
    font-size: 1.2rem;
    left: .1rem;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item-toggle{
    cursor: pointer;
}
.layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item:hover label, .layout-product .section-filter .filter-box .filter-content .filter-group ul .filter-item-toggle:hover{
    color: #f19339;
}
.layout-product .main-content{
    margin-bottom: 4rem;
}
.layout-product .main-content .main-content-wrap{
    margin-top: 2rem;
}
.layout-product .main-content .sort-product{
    padding-bottom: .6rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout-product .main-content .sort-product .sort-right {
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative;
}
.layout-product .main-content .sort-product .sort-right h3 {
    font-size: 1.4rem;
    color: #000;
    float: left;
    margin: 0 2.4rem 0 0;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.layout-product .main-content .sort-product .sort-right h3 i{
    font-size: 2.2rem;
}
.layout-product .main-content .sort-product .sort-right ul {
    display: flex;
    gap: 20px;
}
.layout-product .main-content .sort-product .sort-right ul li a {
    display: block;
    padding: 0;
    font-size: 1.4rem;
    color: #333f48;
    background-color: transparent;
    font-weight: 600;
    position: relative;
}
.layout-product .main-content .sort-product .open-filter {
    display: inline-block;
    position: relative;
}
.layout-product .main-content .sort-product .open-filter .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: #f19339;
    font-weight: 600;
    height: 3.4rem;
    line-height: inherit;
    border-radius: .8rem;
    gap: .5rem;
    cursor: pointer;
}
.layout-product .main-content .sort-product .open-filter .icon i{
    font-size: 1.8rem;
}
.layout-product .main-content .product-views{
    margin-top: 2rem;
}
.layout-product .main-content .category-content {
    margin-top: 2rem;
    padding: 1.5rem;
    border: 1px solid #dee2e6;
    border-radius: 1.5rem;
    color: #333f48;
    line-height: 1.6;
}
.layout-product .main-content .category-content .category-content-wrap {
    max-height: 280px;
    overflow: hidden;
    transition: max-height .2s;
}
.layout-product .main-content .category-content.expanded .category-content-wrap {
    max-height: none;
}
.layout-product .main-content .category-content .show-more {
    position: relative;
    text-align: center;
}
.layout-product .main-content .category-content .show-more::before {
    height: 5.5rem;
    margin-top: -4.5rem;
    content: "";
    display: block;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.91) 50%, #fff 55%);
}
.layout-product .main-content .category-content.expanded .show-more::before {
    display: none;
}
.layout-product .main-content .category-content .show-more .btn-group {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    min-height: 4rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 1.5rem;
    background: #F19339;
    color: #fff;
    font-weight: 600;
    line-height: 4rem;
    cursor: pointer;
    transition-duration: .3s;
}
.layout-product .main-content .category-content .show-more .less-text,
.layout-product .main-content .category-content.expanded .show-more .more-text {
    display: none;
}
.layout-product .main-content .category-content.expanded .show-more .less-text {
    display: inline-flex;
}
.pagenav {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
    text-align: center;
}
.pagenav .paginator .labelPages, .pagenav .paginator .titlePages, .pagenav .paginator .paging-first, .pagenav .paginator .paging-last{
    display: none;
}
.pagenav .paginator {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.pagenav .paginator a, .pagenav .paginator span {
    font-weight: 400;
    float: left;
    margin: 0 0.25rem .5rem 0;
    width: 3rem;
    background: transparent;
    border: solid 1px #f19339;
    text-align: center;
    height: 3rem;
    font-size: 1.4rem;
    padding: 0;
    line-height: 2.8rem;
    color: #000;
    text-decoration: none;
    border-radius: .5rem;
}
.pagenav .paginator .currentPage, .pagenav .paginator a:hover{
    background: #f19339;
    color: #fff;
}
.pagenav .paginator .paging-previous, .pagenav .paginator .paging-next{
    font-size: .8rem;
}
.pagenav .paginator .paging-previous:before{
    content: "\f100";
    font-family: "Font Awesome 6 Pro", serif;
}
.pagenav .paginator .paging-next:before{
    font-family: "Font Awesome 6 Pro", serif;
    content: "\f101";
}
.layout-wishlist .page-title h1 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1.6rem;
    line-height: 1.4;
}
.layout-wishlist .page-title h1 a:hover{
    color: #f4b631;
}
.layout-wishlist .content-page {
    margin-bottom: 4rem;
}
.layout-search .page-title{
    margin-bottom: 1.5rem;
}
.layout-search .page-title h1 {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1.5rem 0;
    line-height: 1.4;
}
.layout-album .item-album {
    margin-bottom: 1rem;
}
.layout-detail-album .main-content{
    margin-bottom: 2rem;
}
.layout-detail-album .main-content .detail .title-page{
    text-align: center;
}
.layout-detail-album .main-content .detail .title-page h1 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1.6rem;
    line-height: 1.4;
}
.layout-detail-album .main-content .detail .title-page h1:hover{
    color: #f4b631;
    cursor: pointer;
}
.layout-detail-album .main-content .detail .content-album {
    text-align: center;
    min-height: auto;
    margin-bottom: 4rem;
}
.layout-detail-album .main-content .thumb-box .thumb {
    margin-bottom: 1.5rem;
    display: block;
    aspect-ratio: 500/626;
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
}
.layout-detail-album .main-content .thumb-box .thumb img{
    height: 100%;
    object-fit: cover;
}
.layout-detail-album .main-content .thumb-box .title-thumb {
    text-align: center;
    display: block;
    margin-bottom: 3rem;
}
.layout-detail-album .main-content .thumb-box .title-thumb h3 {
    font-weight: 600;
    line-height: 1.3;
    font-size: 2.2rem;
    font-family: 'Inter', sans-serif;
    color: #c8103d;
    margin-bottom: 0;
}
.layout-detail-album .main-content .list-product .item-product {
    max-width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    border: .2rem solid #c8103d;
    margin-bottom: 1.5rem;
    border-radius: 1.5rem;
    padding: .5rem;
}
.layout-detail-album .main-content .list-product .item-product .stock{
    display: none;
}
.layout-detail-album .main-content .list-product .item-product > a {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 240 / 240;
    max-width: 150px;
    margin-left: auto;
    margin-right: 1rem;
}
.layout-detail-album .main-content .list-product .item-product > a img {
    width: auto;
    max-width: 150px;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
}
.layout-detail-album .main-content .list-product .item-product .product-info {
    width: calc(100% - 160px);
    text-align: left;
}
.layout-detail-album .main-content .list-product .item-product .product-info > a {
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 1;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: .5rem;
    line-height: 2.4rem;
    height: 2.4rem;
}
.layout-detail-album .main-content .list-product .item-product .product-info > a:hover{
    color: #c8103d;
}
.layout-detail-album .main-content .list-product .item-product .product-info .price-box {
    color: #d31100;
    font-weight: 600;
    display: block;
}
.layout-detail-album .main-content .list-product .item-product .product-info .price-box {
    margin-top: .4rem;
    min-height: 4.6rem;
}
.layout-detail-album .main-content .list-product .item-product .product-info .price-box .price {
    color: #d31100;
    font-weight: 700;
    display: inline-block;
    width: auto;
    font-size: 1.6rem;
    line-height: initial;
    position: relative;
}
.layout-detail-album .main-content .list-product .item-product .product-info .price-box .price .discount {
    width: 4rem;
    height: auto;
    aspect-ratio: 40/20;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -5rem;
    color: #fff;
    z-index: 1;
    background-color: #ea6182;
    border-radius: 1rem 1rem 1rem 0;
    padding: .2rem 0;
}
.layout-detail-album .main-content .list-product .item-product .product-info .price-box  .old-price {
    display: block;
    width: auto;
    color: #9aa5b3;
    font-size: 1.4rem;
    text-decoration: line-through;
    line-height: initial;
}
.layout-detail-album .album-related {
    padding: 5rem 0 0;
}
.layout-detail-album .album-related .block-title {
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}
.layout-detail-album .album-related .block-title h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.layout-detail-product .top-content{
    margin-bottom: 2rem;
}
.layout-detail-product .top-content .product-images{
    position: relative;
}
.layout-detail-product .top-content .product-images .product-images-content {
    margin-bottom: 2rem;
    position: relative;
}
.layout-detail-product .top-content .product-images .product-images-content .main-slide {
    position: relative;
    display: block;
    margin-bottom: 1.5rem !important;
}
.layout-detail-product .top-content .product-images .product-images-content .main-slide a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide {
    margin-top: 1rem;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slider-item, .layout-detail-product .top-content .product-images .product-images-content .thumb-slide  .slick-slide{
    margin-right: 1rem;
    border: 1px solid #ebebeb;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    height: auto !important;
    border-radius: 10px;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slider-item.slick-current, .layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slider-item:hover,.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-slide.slick-current, .layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-slide:hover {
    border-color: #ffe4ca;
    overflow: hidden;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slider-item img, .layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-slide img{
    overflow: hidden;
    aspect-ratio: 1;
    object-fit: contain;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-arrow{
    width: 2.4rem;
    height: 2.4rem;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-arrow i{
    font-size: 1rem;
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-arrow svg{
    transform: rotate(90deg);
}
.layout-detail-product .top-content .product-images .product-images-content .thumb-slide .slick-arrow svg path{
    fill: #c8103d;
}
.layout-detail-product .top-content .product-images .product-images-content .promo {
    width: 4.5rem;
    height: 6.5rem;
    margin-top: .8rem;
    margin-right: .8rem;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    background-color: #c8103d;
    border-radius: .5rem;
    padding: .2rem;
    position: absolute;
    top: .5rem;
    right: .5rem;
    overflow: hidden;
}
.layout-detail-product .top-content .product-images .product-images-content .promo img {
    width: 4.1rem !important;
    height: 4.1rem !important;
    border-radius: .5rem;
    display: block;
}
.layout-detail-product .top-content .product-images .product-images-content .promo span {
    display: block;
    font-size: 1.2rem;
    color: #fff;
    position: relative;
}
.layout-detail-product .top-content .product-images .product-images-content .promo span:before {
    content: "";
    display: block;
    position: absolute;
    border: .4rem solid transparent;
    border-bottom-color: #c8103d;
    top: -.4rem;
    left: 50%;
    transform: translate(-50%, -50%);
}
.layout-detail-product .top-content .product-info .title-product {
    font-size: 2.5rem;
    margin: 0 0 .5rem;
    line-height: initial;
    font-weight: 700;
}
.layout-detail-product .top-content .product-info .product-code {
    font-size: 1.4rem;
    display: flex;
    margin-right: 1.5rem;
    gap: .5rem;
}
.layout-detail-product .top-content .product-info .product-code span, .layout-detail-product .top-content .product-info .product-brand .brand span,  .layout-detail-product .top-content .product-info .product-brand .status span{
    color: #F19339;
}

.layout-detail-product .top-content .product-info .product-brand {
    font-size: 1.4rem;
    border-bottom: 1px solid #DDE1EF;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
}
.layout-detail-product .top-content .product-info .product-brand
.layout-detail-product .top-content .product-info .product-description {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    overflow: hidden;
}
.layout-detail-product .top-content .product-info .product-description *{
    max-width: 100%;
}
.layout-detail-product .top-content .product-info .price-box {
    padding-bottom: 1.5rem;
}
.layout-detail-product .top-content .product-info .price-box .price {
    font-size: 2.3rem;
    font-weight: bold;
    color: #d31100;
}
.layout-detail-product .top-content .product-info .price-box .old-price {
    color: #acacac;
    font-size: 1.6rem;
    margin-left: .4rem;
    text-decoration: line-through;
}
.layout-detail-product .top-content .product-info .price-box .discount {
    color: #fff;
    position: relative;
    bottom: 1px;
    background: #B11111;
    padding: .2rem .4rem;
    border-radius: .5rem;
    font-size: 1.2rem;
    min-width: 2rem;
    margin-left: 1.5rem;
    white-space: nowrap;
}
.layout-detail-product .top-content .product-info .price-box .discount:after {
    border-right: .6rem solid #B11111;
    border-bottom: .6rem solid transparent;
    border-top: .6rem solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    left: -.4rem;
    transform: translate(0%, -50%);
}
.layout-detail-product .top-content .product-info .select-swatch {
    margin-bottom: 2rem;
}
.layout-detail-product .top-content .product-info .select-swatch {
    font-size: 1.4rem;
}
.layout-detail-product .top-content .product-info .select-swatch .title {
    margin-bottom: .8rem;
    font-size: 1.6rem;
    color: #444B52;
    display: flex;
    align-items: center;
}
.layout-detail-product .top-content .product-info .select-swatch .title span {
    font-weight: 600;
    color: #c8103d;
    margin-left: .5rem;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list{
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list .item {
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 .5rem;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    border-radius: .8rem;
    line-height: 2.8rem;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list .item.active, .layout-detail-product .top-content .product-info .select-swatch .option-list .item:hover{
    background: #c8103d;
    border-color: #ddd;
    color: #fff;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list .item.deactive{
    cursor: not-allowed;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list .item.deactive .item-wrap span {
    color: #ebebeb;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list .item.deactive:before{
    content: '';
    width: 90%;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    transform: rotate(158deg) scale(1.1);
    left: .4rem;
    top: 1.3rem;
}
.layout-detail-product .top-content .product-info .select-swatch .option-list .item.deactive:after {
    content: '';
    width: 90%;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    transform: rotate(202deg) scale(1.1);
    left: .4rem;
    top: 1.3rem;
}
.layout-detail-product .top-content .product-info .action-box .box-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.layout-detail-product .top-content .product-info .action-box .quantity {
    display: flex;
    align-items: center;
}
.layout-detail-product .top-content .product-info .action-box .quantity>span {
    margin-right: .8rem;
    font-weight: 600;
}
.layout-detail-product .top-content .product-info .action-box .quantity .item-quantity-wrap {
    display: inline-flex;
    vertical-align: top;
    white-space: nowrap;
}
.layout-detail-product .top-content .product-info .action-box .quantity button {
    padding: 0 .5rem;
    min-width: 3.5rem;
    min-height: unset;
    height: 3.5rem;
    border: 1px solid #ddd;
    background: #f3f3f3;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-detail-product .top-content .product-info .action-box .quantity button:hover {
    background: #c8103d;
    color: #fff;
}
.layout-detail-product .top-content .product-info .action-box .quantity .subtract {
    border-top-left-radius: .8rem;
    border-bottom-left-radius: .8rem;
}
.layout-detail-product .top-content .product-info .action-box .quantity .plus {
    border-top-right-radius: .8rem;
    border-bottom-right-radius: .8rem;
}
.layout-detail-product .top-content .product-info .action-box .quantity input {
    width: 6rem;
    border-radius: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 3.5rem;
    min-height: 3.5rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: none;
    border-left: none;
}
.layout-detail-product .top-content .product-info .action-box .quantity input:focus-visible{
    outline: none;
}
.layout-detail-product .top-content .product-info .action-box .btn-box {
    display: flex;
    align-items: center;
    width: 100%;
}
.layout-detail-product .top-content .product-info .action-box .btn-box .btn {
    font-size: 1.6rem;
    transition-duration: .3s;
    padding: 0 2.4rem;
    text-align: center;
    width: 100%;
    border-radius: 1.5rem;
}
.layout-detail-product .top-content .product-info .action-box .btn-box .btn.btn-add-to-cart{
    background: #ffe4ca;
    color: #000;
}
.layout-detail-product .top-content .product-info .action-box .btn-box .btn.btn-buynow{
    background: #F19339;
    color: #fff;
}
.layout-detail-product .top-content .product-info .action-box .btn-box .btn:first-child {
    margin-right: 1.2rem;
}
.layout-detail-product .top-content .product-info .action-box .btn-box .btn span {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
}
.layout-detail-product .top-content .product-info .share-btn {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.layout-detail-product .top-content .product-info .share-btn .social-media {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
}
.layout-detail-product .top-content .product-info .share-btn .social-media li{
    display: flex;
    align-items: center;
}
.layout-detail-product .top-content .product-info .share-btn .social-media i {
    font-size: 2rem;
    margin-right: .4rem;
    position: relative;
    bottom: 1px;
}
.layout-detail-product .top-content .product-info .share-btn .social-media a {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .6rem;
    color: #c8103d;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-detail-product .top-content .product-info .share-btn .social-media a i{
    color: #c8103d;
    font-size: 2.4rem;
}
.layout-detail-product .top-content .product-info .share-btn .social-media a:hover i{
    color: #ea6182;
}
.layout-detail-product .top-content .product-info .share-btn .line {
    width: 1px;
    height: 2rem;
    margin: 0 .4rem;
    background: #ddd;
}
.layout-detail-product .top-content .product-info .share-btn .product-wishlist a {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}
.layout-detail-product .top-content .product-info .share-btn .product-wishlist a i {
    font-size: 2.4rem;
    margin-right: .8rem;
    position: relative;
    bottom: 1px;
}
.layout-detail-product .top-content .product-info .share-btn .product-wishlist a i.fa-solid, .layout-detail-product .top-content .product-info .share-btn .product-wishlist .add-wishlist-btn.active i.fa-light{
    display: none;
}
.layout-detail-product .top-content .product-info .share-btn .product-wishlist .add-wishlist-btn.active i.fa-solid{
    display: block!important;
    color: #ea6182;
}
.layout-detail-product .top-content .product-info .share-btn .product-wishlist a span:hover{
    color: #f4b631;
}
.layout-detail-product .top-content .right-content .store {
    color: #000;
    border-radius: 1.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background-color: #ffeddbed;
}
.layout-detail-product .top-content .right-content .store .store-wrap {
    display: flex;
    margin-bottom: 1.5rem;
}
.layout-detail-product .top-content .right-content .store .store-image {
    width: 7.2rem;
    height: 7rem;
    margin-right: 1rem;
    min-width: 7.2rem;
}
.layout-detail-product .top-content .right-content .store .store-image .thumb {
    padding-bottom: 100%;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
    width: 100%;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #dee2e6 !important;
}
.layout-detail-product .top-content .right-content .store .store-image .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: .3rem;
}
.layout-detail-product .top-content .right-content .store .info-store .name {
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
}
.layout-detail-product .top-content .right-content .store .info-store .follow {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 1.2rem;
}
.layout-detail-product .top-content .right-content .store .button-group {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0 .5rem;
}
.layout-detail-product .top-content .right-content .store .button-group a {
    font-size: 1.4rem;
    border: .2rem solid #000;
    padding: .3rem 1rem;
    display: flex;
    align-items: center;
    border-radius: .8rem;
    font-weight: 500;
    width: 100%;
    justify-content: center;
    gap: .5rem;
}
.layout-detail-product .top-content .right-content .store .button-group a:nth-child(1) {
    border: 1px solid #ffe4ca;
    color: #F19339;
    margin-bottom: .5rem;
}
/*.layout-detail-product .top-content .right-content .store .button-group a:nth-child(1):hover {*/
/*    background: #c8103d;*/
/*    color: #fff;*/
/*}*/
.layout-detail-product .top-content .right-content .store .button-group a:nth-child(2) {
    border: 1px solid #fff;
    color: #000;
    background-color: #fff;
}
/*.layout-detail-product .top-content .right-content .store .button-group a:nth-child(2):hover {*/
/*    background: #f4b631;*/
/*    border: 1px solid #f4b631;*/
/*}*/
.layout-detail-product .top-content .right-content .section-coupon {
    display: block;
    position: relative;
    background: #fff;
    border-radius: 1.5rem;
    margin-bottom: 2rem;
    padding: 1rem;
    border: 1px solid #c8103d;
    margin-top: 3rem;
}
.layout-detail-product .top-content .right-content .section-coupon .title {
    width: auto;
    color: #c8103d;
    font-weight: 600;
    background: #fff;
    border-radius: 1.5rem;
    border: 1px solid;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
    margin-top: -2.5rem;
    max-width: 195px;
    margin-left: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}
.layout-detail-product .top-content .right-content .section-coupon .title img {
    max-width: 2.3rem;
    mix-blend-mode: multiply;
    vertical-align: -.3rem;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    max-width: 100%;
    background: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
    padding: .8rem;
    border-radius: .8rem;
    margin-bottom: .5rem;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    position: relative;
    flex: none;
    flex-grow: 0;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .icon i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 4.5rem;
    object-fit: contain;
    color: #c8103d;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-left: 1.2rem;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .view-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.4rem;
    color: #c8103d;
    border-radius: 99px;
    position: absolute;
    right: 0;
    top: 0;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .view-detail:hover{
    color: #f4b631;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .view-detail i{
    font-size: 2rem;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .content {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: .6rem;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .desc {
    font-size: 1.2rem;
    color: #444;
    font-weight: 500;
    -webkit-line-clamp: 1;
    height: calc(1em * 1.4 * 1);
    display: -webkit-box;
    position: relative;
    line-height: 1.4 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .action .date {
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    color: #666;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .action .btn-copy {
    position: relative;
    display: inline-block;
    color: #fff;
    background: #c8103d;
    padding: .2rem .4rem;
    margin-left: 0;
    min-width: 7rem;
    text-align: center;
    cursor: pointer;
    font-size: 1.1rem;
    border-radius: .8rem;
    border: none;
}
.layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .action .btn-copy:hover{
    color: #fff;
    background: #f4b631;
}
.layout-detail-product .top-content .right-content .section-coupon .note {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 1rem;
    display: block;
}
.layout-detail-product .bottom-content .product-detail{
    margin-bottom: 2rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content {
    border: 1px solid #dee2e6;
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 2.5rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .title {
    padding: 0;
    margin: 0 0 1.5rem;
    list-style: none;
    display: flex;
    border-bottom: 1px solid #dee2e6;
    color: #f7941d;
    position: relative;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .title h3, .product-related .title h3 {
    color: #333;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 0 .8rem;
    font-family: 'Inter', sans-serif;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .detail-wrap{
    position: relative;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .main-detail {
    height: 450px;
    overflow: hidden;
    transition: height 0.2s;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content.expanded .main-detail {
    height: auto;
    transition: height 0.2s;
    margin-bottom: 3rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more {
    position: relative;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more::before {
    height: 5.5rem;
    margin-top: -4.5rem;
    content: "";
    display: block;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.91) 50%, #fff 55%);
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more .btn-group {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    margin-top: 0;
    border-radius: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #F19339;
    color: #fff;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    cursor: pointer;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more .btn-group .more-text, .layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more .btn-group .less-text{
    display: flex;
    gap: .5rem;
    align-items: center;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more .btn-group .more-text i{
    padding-bottom: .5rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more .btn-group .less-text i{
    padding-top: 1rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content .show-more .btn-group .less-text, .layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content.expanded .show-more .btn-group .more-text {
    display: none;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .detail-content.expanded .show-more .btn-group .less-text {
    display: flex;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .product-review, .layout-detail-product .bottom-content .product-detail .product-detail-right .video-block, .layout-detail-product .bottom-content .product-detail .product-detail-right .detailed-information {
    border: 1px solid #dee2e6;
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 0;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .product-review .title, .layout-detail-product .bottom-content .product-detail .product-detail-right .video-block .title, .layout-detail-product .bottom-content .product-detail .product-detail-right .detailed-information .title {
    padding: 0;
    list-style: none;
    display: flex;
    border-bottom: 1px solid #dee2e6;
    color: #c8103d;
    position: relative;
    margin-bottom: 1.5rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-left .product-review .title h3, .layout-detail-product .bottom-content .product-detail .product-detail-right .video-block .title h3, .layout-detail-product .bottom-content .product-detail .product-detail-right .detailed-information .title h3 {
    color: #333;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 0 .8rem;
    font-family: 'Inter', sans-serif;
}
.layout-detail-product .bottom-content .product-detail .product-detail-right .video-block {
    margin-bottom: 2rem;
}
.layout-detail-product .bottom-content .product-detail .product-detail-right .video-block .iframe_video {
    display: block;
    position: relative;
    padding-top: 56.22%;
}
.layout-detail-product .bottom-content .product-detail .product-detail-right .video-block .iframe_video iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.layout-detail-product .bottom-content .product-detail .product-detail-right .detailed-information .btn-show {
    margin-top: 2rem;
    text-align: center;
    position: relative;
}
.layout-detail-product .bottom-content .product-detail .product-detail-right .detailed-information .btn-show span{
    margin: 0 auto;
    padding: 0 2rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 2rem;
    color: #fff;
    position: relative;
    background-color: #F19339;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    justify-content: center;
    font-weight: 600;
    transition-duration: .3s;
    gap: .5rem;
    cursor: pointer;
}
.layout-detail-product .bottom-content .product-detail .product-detail-right .detailed-information .btn-show span i{
    font-size: 1.6rem;
    padding-bottom: .8rem;
}
.popup-detailed-information {
    padding: 0 .8rem;
    box-sizing: border-box;
    width: 650px;
    max-height: 505px;
    height: auto;
    background: transparent;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 15%;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    box-shadow: none;
    touch-action: manipulation;
    opacity: 0;
    transform: translateX(-50%);
    z-index: -1;
    min-height: 200px;
}
.popup-detailed-information.active{
    opacity: 1;
    z-index: 99999;
}
.popup-detailed-information .content {
    position: absolute;
    width: 650px;
    top: 5rem;
    height: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 2rem;
    background-color: #fff;
    z-index: 8011;
    border-radius: 1.5rem;
}
.popup-detailed-information .content .title-box .title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.popup-detailed-information .content .title-box .close-popup-detailed-information {
    position: absolute;
    right: .8rem;
    top: .8rem;
    color: #000000;
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.popup-detailed-information .content .title-box .close-popup-detailed-information i{
    transition: transform 0.3s;
    font-size: 2.3rem;
}
.popup-detailed-information .content .title-box .close-popup-detailed-information:hover i {
    transform: rotate(90deg);
}
.popup-detailed-information .content .box-content {
    padding: 0;
    max-height: 600px;
    overflow-y: auto;
}
.layout-detail-product .bottom-content .product-related, .layout-detail-product .bottom-content .product-history{
    padding: 3rem 0;
}
.layout-detail-product .bottom-content .product-related .title, .layout-detail-product .bottom-content .product-history .title{
    position: relative;
    margin-bottom: 1rem;
}
.layout-detail-product .bottom-content .product-related .title h2, .layout-detail-product .bottom-content .product-history .title h2 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.6rem;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.layout-detail-product .bottom-content .product-related .title h2 a:hover {
    color: #f4b631;
}
.layout-detail-product .bottom-content .product-related .list-product, .layout-detail-product .bottom-content .product-history .list-product {
    padding: .5rem;
}
.layout-detail-product .bottom-content .product-related .list-product .item-product, .layout-detail-product .bottom-content .product-history .list-product .item-product{
    margin: 0 1rem;
}
.layout-detail-product .bottom-content .list-product .slick-arrow{
    display: none;
    opacity: 0;
}
.layout-cart{
    margin-bottom: 4rem;
}
.layout-cart .cart-left .top-cart, .layout-cart .cart-left .bottom-cart{
    margin-bottom: 2rem;
}
.layout-cart .cart-left .top-cart .header-cart h1.title-page {
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    font-family: 'Inter', sans-serif;
}
.layout-cart .cart-left .top-cart .cart-content .cart-content-header{
    display: flex;
    font-size: 1.4rem;
    padding: 1rem 0;
    border: solid 1px #ebebeb;
    border-bottom: none;
    font-weight: bold;
    text-transform: uppercase;
    background: #f8f8f8;
    border-radius: 1.5rem 1.5rem 0 0;
}
.layout-cart .cart-left .top-cart .cart-content .cart-content-header .info-product {
    width: 51%;
    text-align: left;
    padding-left: 1rem;
}
.layout-cart .cart-left .top-cart .cart-content .cart-content-header .price {
    width: 16%;
    text-align: center;
}
.layout-cart .cart-left .top-cart .cart-content .cart-content-header .quantity {
    width: 16%;
    text-align: center;
}
.layout-cart .cart-left .top-cart .cart-content .cart-content-header .subtotal {
    width: 16%;
    text-align: right;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart {
    border: solid 1px #ebebeb;
    border-radius: 0 0 1.5rem 1.5rem;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart {
    padding: 1rem 0;
    border-top: solid 1px #ebebeb;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart:first-child{
    border-top: none;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-wrap {
    width: 100%;
    /*height: 120px;*/
    display: flex;
    align-items: center;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .thumb {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .thumb img {
    max-width: 100%;
    max-height: 100%;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info {
    padding-left: 1.5rem;
    vertical-align: top;
    padding-right: 1.5rem;
    display: flex;
    width: calc(100% - 110px);
    justify-content: space-between;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .name {
    width: 50%;
    margin-bottom: .5rem;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .name a.name-product {
    margin-bottom: .4rem;
    font-size: 1.4rem;
    font-weight: 500;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
    padding: 0 !important;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .name span {
    display: block;
    font-size: 1.2rem;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .name .detele-product {
    display: block;
    color: #c8103d;
    font-weight: 400;
    margin-bottom: .4rem;
    font-size: 1.4rem;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-price, .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity, .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-subtotal {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-price span {
    font-weight: bold;
    display: block;
    font-size: 1.4rem;
    color: #d31100;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity .btn-group .quantity-wrap {
    position: relative;
    white-space: nowrap;
    width: 100%;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity .btn-group button {
    border-radius: 0;
    border: 1px solid #e5e5e5;
    color: #222;
    line-height: 2.6rem;
    padding: 0;
    margin: 0;
    width: 2.8rem;
    background-color: #f8f8f8;
    height: 2.8rem;
    float: left;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity .btn-group ._subtract {
    border-radius: .8rem 0 0 .8rem;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity .btn-group ._plus {
    border-radius: 0 .8rem .8rem 0;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity .btn-group input {
    display: inline-block;
    padding: 0;
    text-align: center;
    border-radius: 0;
    width: 3.5rem;
    min-height: 2.8rem;
    border: 1px solid #e5e5e5;
    color: #222;
    height: 2.8rem;
    font-size: 1.4rem;
    margin: 0;
    float: left;
    border-left: none;
    border-right: none;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-subtotal{
    justify-content: end;
}
.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-subtotal span {
    font-weight: bold;
    display: block;
    font-size: 14px;
    color: #d31100;
}
.layout-cart .cart-left .top-cart .cart-empty {
    text-align: center;
    margin: 2rem 0;
}
.layout-cart .cart-left .top-cart .cart-empty i{
    font-size: 6rem;
}
.layout-cart .cart-left .bottom-cart .recommend-product .recommend-product-item{
    margin: 0 1rem;
}
.layout-cart .cart-left .bottom-cart .title-block h2 a {
    font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
}
.layout-cart .cart-left .bottom-cart .title-block h2 a:hover{
    color: #f4b631;
}
.layout-cart .cart-left .bottom-cart .recommend-product {
    padding: .5rem;
}
.layout-cart .cart-right .cart-right-wrap {
    position: sticky;
    top: 6.8rem;
    padding-top: 36px;
}
.layout-cart .cart-right .check-out-box{
    margin-bottom: 2rem;
}
.layout-cart .cart-right .check-out-box .check-out-wrap {
    border-radius: 1.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background-color: #ffeddbed;
}
.layout-cart .cart-right .check-out-box .title-block {
    color: #333;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-total {
    margin-bottom: 1rem;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-total .content-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-total .content-items .item-content-left {
    font-weight: 600;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-total .content-items .item-content-right {
    text-align: right;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-total .content-items .item-content-right .total-price {
    font-weight: 700;
    font-size: 2rem;
    color: #d31100;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-button {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-button a{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
    background: #ffeddbed;
    color: #000;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 15px;
    transition-duration: .3s;
    border-radius: 15px;
    width: 100%;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-button a.btn-check-out{
    background: #f19339;
    color: #fff;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-button a.btn-product:hover {
    background: #f19339;
    color: #fff;
}
.layout-cart .cart-right .check-out-box .check-out-body .summary-button a.btn-check-out:hover{
    background: #f19339;
    color: #000;
}
.formCheckOut {
    width: 100%;
    padding-bottom: 3rem;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
    height: 100%;
    min-height: 900px;
}
.check-out .main {
    width: 68%;
    padding: 2.8rem;
}
.check-out .main .logo-main {
    width: 100%;
    margin-bottom: 2rem;
    text-align: center;
}
.check-out .sidebar-payment {
    width: 32%;
    border-left: 1px solid #e1e1e1;
    background-color: #fafafa;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 900px;
}
.check-out .sidebar-payment .title-sidebar {
    padding: 2rem 0 2rem 2.8rem;
    border-bottom: 1px solid #e1e1e1;
}
.check-out .main .content-main .title-checkout, .check-out .sidebar-payment .title-sidebar {
    font-size: 1.8rem;
}
.check-out .sidebar-payment .content-sidebar {
    padding-left: 2.8rem;
    font-size: 1.4rem;
}
.check-out .sidebar-payment::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100vh;
    height: 100%;
    background-color: #fafafa;
}
.check-out .sidebar-payment .content-sidebar .list-order {
    padding: 1.4rem 0;
    border-bottom: 1px solid #e1e1e1;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(175,175,175,.34);
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order .img {
    aspect-ratio: 1;
    width: 5rem;
    border: 1px rgba(0, 0, 0, .1) solid;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order .img span {
    width: 1.9rem;
    aspect-ratio: 1;
    color: #fff;
    background-color: #2a9dcc;
    top: -9.5px;
    right: -9.5px;
    font-size: 1.2rem;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order .content {
    width: calc(100% - 5rem);
    padding-left: 1.5rem;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order .content .description .name{
    font-weight: 500;
    color: #333;
    padding-top: 0;
    padding-bottom: 0;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order .content .description .property {
    font-size: 1.2rem;
    color: #969696;
}
.check-out .sidebar-payment .content-sidebar .list-order .item-order .content .price {
    padding: 1.4rem .1rem 0 1.4rem;
    min-width: 100px;
    width: auto;
    display: flex;
    justify-content: end;
}
.check-out .sidebar-payment .content-sidebar .input-voucher {
    padding: 1.5rem 0;
    border-bottom: 1px solid #e1e1e1;
}
.check-out .sidebar-payment .content-sidebar .input-voucher .input-form {
    margin-bottom: 0;
}
.check-out .input-form label {
    top: 0;
    text-overflow: ellipsis;
    box-sizing: border-box;
    margin-left: 1px;
    padding: 0 .8em;
    color: #999;
    z-index: 1;
    user-select: none;
    pointer-events: none;
    font-size: 1em;
    transform: translateY(6px);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.check-out .input-form select, .check-out .input-form .select2 {
    height: 2.8rem;
    padding: 0;
    border-radius: 0;
    border: 0;
    outline: none;
    box-shadow: unset;
}
.check-out .input-form .select2 .select2-selection {
    border: none;
}
.select2-container--default .select2-selection--single{
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.6rem;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.check-out .input-form .select2 .select2-selection__arrow {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: .5rem .4rem 0 .4rem;
    height: 0;
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.2rem;
    position: absolute;
    top: 50%;
    width: 0;
}
.check-out .input-form > input, .check-out .input-form textarea, .check-out .input-form select, .check-out .input-form .select2 {
    font-size: 1.4rem;
}
.check-out .input-form > input, .check-out .input-form textarea, .check-out .input-form.select {
    padding: .94em .8em;
    border: 1px #d9d9d9 solid;
    background-color: #fff;
}
.check-out .input-form .select2, .check-out .input-form .select2 .select2-selection__rendered{
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
}
.check-out .input-form > input, .check-out .input-form.select {
    height: 4.4rem;
}
.check-out .input-form.select.deactive, .check-out .input-form.select.deactive .select2-selection__rendered{
    pointer-events: none;
    background-color: #eee;
    overflow: hidden;
}
.check-out .sidebar-payment .content-sidebar .input-voucher a {
    background-color: #357ebd;
    color: #fff;
    padding: 0 2.4rem;
    margin-left: 1rem;
    pointer-events: none;
    opacity: .6;
    cursor: pointer;
}
.check-out .sidebar-payment .content-sidebar .summary {
    padding: 1.5rem 0;
}
.check-out .sidebar-payment .content-sidebar .summary .subtotal {
    padding-top: 1rem;
}
.check-out .sidebar-payment .content-sidebar .summary .total-price {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #e1e1e1;
}
.check-out .sidebar-payment .content-sidebar .summary .total-price .price-payment {
    color: #2a9dcc;
    font-size: 2.1rem;
}
.check-out .order a {
    color: #2a9dcc;
}
.check-out .sidebar-payment .content-sidebar .order i {
    font-size: 1.2rem;
}
.check-out .order button {
    background-color: #357ebd;
    color: #fff;
    padding: 1.4rem 2.4rem;
    border: none;
    border-radius: .5rem !important;
}
.check-out .main .content-main .row .col-lg-6 {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}
.check-out .main .content-main .h-content {
    margin-bottom: 1rem;
}
.check-out .main .content-main .btn-login {
    gap: .5rem;
    color: #2a9dcc;
}
.check-out .main .content-main .btn-login i {
    font-size: 1.8rem;
}
.check-out .input-form, .check-out .select-form {
    margin-bottom: 1rem;
}
.check-out .input-form.active label {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transform: none;
    font-size: .84em;
    padding-left: .9em;
}
.check-out .select.active label{
    padding: 0;
    margin: 0;
}
.check-out .input-form.active > input, .check-out .input-form.active textarea {
    padding-top: 1.5em;
    padding-bottom: .35em;
}
.check-out .main .content-main .carrier {
    margin-bottom: 4.5rem;
}
.check-out .main .content-main .carrier .alert-mess {
    display: flex;
    color: #0c5460;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    height: 4.4rem;
    padding: 0 2rem;
}
.check-out .main .content-main .carrier #tableShipFee > div > p, .check-out .main .content-main .carrier.active .alert-mess, .check-out .main .content-main .carrier #tableShipFee {
    display: none;
}
.check-out .main .content-main .carrier #tableShipFee {
    border: 1px solid #cecdcd;
    max-height: 185px;
    overflow-y: scroll;
}
.check-out .main .content-main .payment-type {
    border: 1px solid #cecdcd;
    overflow-y: scroll;
}
.check-out .main .content-main .payment-type ul li {
    padding: 1.4rem 4.7rem 1.4rem 4.2rem;
    border-bottom: 1px solid #cecdcd;
    gap: .5rem;
    position: relative;
    min-height: 7.1rem;
}
.check-out .main .content-main .payment-type ul li::before {
    content: "\f3d1";
    position: absolute;
    top: 29px;
    right: 1.4rem;
    transform: translateY(-50%);
    font-size: 2.3rem;
    color: #1990c6;
    font-family: "Font Awesome 6 Pro", serif;
}
.check-out .main .content-main .payment-type ul li > input {
    height: 1.8rem;
    width: 1.8rem;
    position: absolute;
    top: 29px;
    left: 1.4rem;
    transform: translateY(-50%);
}
.check-out .main .content-main .payment-type ul li > input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1.8rem;
    width: 1.8rem;
    background-color: #337ab7;
    border-radius: 50%;
    display: none;
}
.check-out .main .content-main .payment-type ul li > input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: .4rem;
    width: .4rem;
    background-color: #fff;
    border-radius: 50%;
    display: none;
}
.check-out .main .content-main .payment-type ul li input:checked::before, .check-out .main .content-main .payment-type ul li input:checked::after {
    display: block;
}
.check-out .main .content-main .carrier.active #tableShipFee {
    display: block;
}
.check-out .main .content-main .carrier #tableShipFee > div > table {
    margin-bottom: 0;
}
.checkout-success .section--icon-heading .section--icon i{
    font-size: 54px;
    color: #c0408d;
}
.checkout-success{
    background-color: #e6e8ea;
    color: #46484a;
}
.main_content_checkout .row:first-child>.col:first-child {
    padding-top: 0;
}
.main_content_checkout .section--icon-heading {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}
.main_content_checkout .section__icon {
    margin-bottom: .5rem;
}
.main_content_checkout .section__icon svg{
    width: 72px !important;
    height: 72px !important;
}
.main_content_checkout .order-summary {
    background-color: #fafafa;
}
.main_content_checkout .order-summary--bordered {
    border: 1px solid #e1e1e1;
    background: #fff;
}
.main_content_checkout .order-summary--bordered .order-summary__header {
    padding: 7px 15px;
    display: flex;
    justify-content: space-between;
}
.main_content_checkout .order-summary__title {
    font-weight: 600;
}
.main_content_checkout .order-summary--bordered .order-summary__section--product-list {
    border-top: 1px solid #e1e1e1;
    padding-top: 0;
    padding-bottom: 0;
}
.main_content_checkout .order-summary--bordered .order-summary__section {
    padding: 7px 15px;
}
.main_content_checkout .product-thumbnail {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #fff;
    position: relative;
}
.main_content_checkout .product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.main_content_checkout .product-thumbnail__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.main_content_checkout .product-thumbnail__quantity {
    font-size: .78em;
    white-space: nowrap;
    padding: 0 .62em;
    border-radius: 2em;
    background-color: #2a9dcc;
    color: #fff;
    position: absolute;
    right: -.9em;
    top: -.55em;
    z-index: 3;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em;
}
.main_content_checkout .product-thumbnail::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    border: 1px rgba(0,0,0,.1) solid;
    z-index: 2;
}
.main_content_checkout .order-summary {
    background-color: #fafafa;
}
.main_content_checkout td.printable-only {
    display: none;
}
.main_content_checkout td:last-child, th:last-child {
    text-align: right;
}
.main_content_checkout .product-table tbody th, .main_content_checkout .stock-table tbody th {
    padding-left: 1em;
    font-weight: 500;
    color: #333;
    padding-top: 0;
    padding-bottom: 0;
}
.main_content_checkout td, .main_content_checkout th {
    font-weight: normal;
}
.main_content_checkout .payment-due__label-total {
    font-size: 1.2em;
}
.main_content_checkout .total-line th, .main_content_checkout .total-line td {
    padding-top: .75em;
}
.main_content_checkout .payment-due__price {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1em;
    color: #2a9dcc;
}
.main_content_checkout .section__content--bordered {
    border: 1px solid #dadada;
    padding: 1em;
    margin: 1em;
}
.main_content_checkout h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    unicode-bidi: isolate;
    margin: 0;
    font-weight: normal;
}
.main_content_checkout p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    unicode-bidi: isolate;
}
.main_content_checkout .btn--large {
    font-size: 1.1rem;
}
.main_content_checkout .btn {
    cursor: pointer;
    display: inline-block;
    background-color: #357ebd;
    background-clip: border-box;
    box-sizing: border-box;
    border: 1px transparent solid;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    padding: .98em 1.7em;
    text-align: center;
    position: relative;
}
.main_content_checkout .text-icon-group--large {
    font-size: 1.5rem;
}
.main_content_checkout .section_btn{
    padding-top: 2em;
}
.main_content_checkout .text-icon-group {
    cursor: pointer;
    display: inline-block;
    margin-left: 2rem;
    margin-right: 2rem;
}
.main_content_checkout .icon-print {
    color: #2a9dcc;
    text-decoration: none;
    cursor: pointer;
}
.main_content_checkout .text-icon-group--large .fa {
    font-size: 1.8rem;
}
.main_content_checkout .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
.layout-blog{
    margin-bottom: 3rem;
}
.layout-blog .left-content .first-news .item-first-news {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.layout-blog .left-content .first-news .item-first-news .thumb {
    padding-bottom: 63%;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
}
.layout-blog .left-content .first-news .item-first-news .thumb img {
    width: auto !important;
    max-height: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .3s ease-in-out all;
    will-change: opacify;
    border-radius: 1rem;
}
.layout-blog .left-content .first-news .item-first-news .content-news {
    position: absolute;
    padding: .5rem;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(51,51,51,0) 0%, #333 100%);
}
.layout-blog .left-content .first-news .item-first-news .content-news h2 {
    margin-bottom: 0;
    line-height: 1.4;
}
.layout-blog .left-content .first-news .item-first-news .content-news h2 a {
    line-height: 2.4rem;
    margin: 0;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 4.8rem;
    font-size: 1.8rem;
    color: #fff;
}
.layout-blog .left-content .list-news .item-news {
    display: flex;
    flex-wrap: wrap;
    padding: .7rem 0;
}
.layout-blog .left-content .list-news .item-news .thumb {
    width: 140px;
    margin-right: 1rem;
    border-radius: .5rem;
    overflow: hidden;
}
.layout-blog .left-content .list-news .item-news .thumb a {
    padding-bottom: 65%;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
    border-radius: 1rem;
}
.layout-blog .left-content .list-news .item-news .thumb a img {
    width: auto !important;
    max-height: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .3s ease-in-out all;
    will-change: opacify;
    border-radius: 1rem;
}
.layout-blog .left-content .list-news .item-news .info {
    width: calc(100% - 150px);
}
.layout-blog .left-content .list-news .item-news .info h3 {
    font-size: 1.4rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
.layout-blog .left-content .list-news .item-news .info .date {
    margin-bottom: 0;
}
.layout-blog .left-content .list-news .item-news .info .date span {
    font-size: 1.3rem;
    font-style: italic;
}
.layout-blog .left-content .first-news .item-first-news .content-news h2 a:hover, .layout-blog .left-content .list-news .item-news .info h3 a:hover {
    color: #f4b631;
}
.layout-blog .left-content .block-topic .block-topic-wrap {
    position: relative;
    margin: 1.5rem 0 3rem 0;
}
.layout-blog .left-content .block-topic .list-topic .item-topic{
    margin: 0 1rem;
    height: 6rem;
    padding: 0 1.5rem;
    text-align: left;
    border-radius: 3rem;
    background-color: #F8FDF6;
    border: 1px solid #E3FFD8;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    position: relative;
}
.layout-blog .left-content .block-topic .list-topic .item-topic > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.layout-blog .left-content .block-topic .list-topic .item-topic img {
    display: block;
    max-width: 3.6rem;
    max-height: 3.6rem;
    margin-right: .5rem;
    transition-duration: .3s;
}
.layout-blog .left-content .block-topic .list-topic .item-topic .info {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.layout-blog .left-content .block-topic .list-topic .item-topic .info h3 {
    line-height: 1.8rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.layout-blog .left-content .block-topic .list-topic .item-topic .info span {
    font-size: 1.2rem;
}
.layout-blog .left-content .main-content {
    padding: 1.5rem;
    background-color: #ffeddbed;
    border-radius: 1.5rem;
    margin-bottom: 3rem;
}
.layout-blog .left-content .main-content .title-page {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout-blog .left-content .main-content .title-page h1 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #c8103d;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.layout-blog .left-content .main-content .list-item .item-blog {
    display: block;
    position: relative;
    margin: 0 0 2rem 0;
}
.layout-blog .left-content .main-content .list-item .item-blog .info {
    background-color: #fff;
}
.layout-blog .left-content .main-content .list-item .item-blog .info .title a:hover{
    color: #f4b631;
}
.layout-blog .left-content .main-content .list-item .item-blog .info .thumb img {
    background: #fff !important;
}
.layout-blog .right-content .right-content-wrap {
    position: sticky;
    top: 6rem;
}
.layout-blog .right-content .product-categories, .layout-blog .right-content .hot-news {
    border: 1px solid #dee2e6;
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 3rem;
}
.layout-blog .right-content .product-categories .title-block, .layout-blog .right-content .hot-news .title-block {
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 0 .8rem;
    font-family: 'Inter', sans-serif;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    line-height: 1.4;
}
.layout-blog .right-content .product-categories .list-categories ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.layout-blog .right-content .product-categories .list-categories ul li a {
    display: block;
    padding: .3rem 0;
}
.layout-blog .right-content .product-categories .list-categories ul li a:hover{
    color: #f4b631;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    border-bottom: 1px dashed #F2F2F2;
    padding-bottom: .5rem;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .thumb {
    width: 100px;
    margin-right: 1rem;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .thumb a {
    display: block;
    width: 100%;
    aspect-ratio: 600/380;
    overflow: hidden;
    border-radius: .4rem;
    position: relative;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .thumb a img {
    width: auto !important;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .info {
    width: calc(100% - 110px);
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .info h3 {
    font-size: 1.4rem;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .info h3 a:hover{
    color: #f4b631;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .info .date {
    margin-bottom: 0;
}
.layout-blog .right-content .hot-news .list-hot-news .hot-news-item .info .date span {
    font-size: 1.3rem;
    font-style: italic;
}
.layout-detail-blog .detail-blog .title-page {
    margin: 0 0 .4rem 0;
    font-size: 2.6rem;
    font-weight: 700;
    color: #333;
    line-height: initial;
}
.layout-detail-blog .detail-blog .posts {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
.layout-detail-blog .detail-blog .posts .date, .layout-detail-blog .detail-blog .posts .author{
    font-weight: 400;
    color: #747474;
    display: inline-block;
    margin-right: 1rem;
}
.layout-detail-blog .detail-blog .posts .date i, .layout-detail-blog .detail-blog .posts .author i {
    font-size: 1.5rem;
    margin-top: -.5rem;
    margin-right: .5rem;
}
.layout-detail-blog .detail-blog .news-toc {
    display: none;
    margin: 2rem 0;
    padding: 1rem 1.2rem;
    background: #f1fbff;
    color: #2b82aa;
}
.layout-detail-blog .detail-blog .news-toc.active {
    display: block;
}
.layout-detail-blog .detail-blog .news-toc-title {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .8rem 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #2b82aa;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
}
.layout-detail-blog .detail-blog .news-toc-title i {
    font-size: 1.2rem;
    transition: transform .2s;
}
.layout-detail-blog .detail-blog .news-toc.collapsed .news-toc-title {
    margin-bottom: 0;
}
.layout-detail-blog .detail-blog .news-toc.collapsed .news-toc-title i {
    transform: rotate(-90deg);
}
.layout-detail-blog .detail-blog .news-toc-list {
    margin: 0;
    padding-left: 2rem;
}
.layout-detail-blog .detail-blog .news-toc-list li {
    margin-bottom: .4rem;
    color: #2b82aa;
}
.layout-detail-blog .detail-blog .news-toc-list li:last-child {
    margin-bottom: 0;
}
.layout-detail-blog .detail-blog .news-toc-list a {
    color: #2b82aa;
    font-size: 1.4rem;
    line-height: 1.45;
}
.layout-detail-blog .detail-blog .news-toc-list a:hover {
    color: #c8103d;
}
.layout-detail-blog .detail-blog .news-toc.collapsed .news-toc-list {
    display: none;
}
.layout-detail-blog .detail-blog .main-content-detail{
    margin: 2rem 0;
}
.layout-detail-blog .detail-blog .main-content-detail h2 {
    scroll-margin-top: 100px;
}
.layout-detail-blog .detail-blog .social-share {
    margin-bottom: 2rem;
}
.layout-detail-blog .detail-blog .social-share .social-media {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.layout-detail-blog .detail-blog .social-share .social-media li.title i {
    font-size: 2rem;
    margin-right: .4rem;
}
.layout-detail-blog .detail-blog .social-share .social-media li a {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-detail-blog .detail-blog .social-share .social-media li a i{
    color: #c8103d;
    font-size: 2.8rem;
}
.layout-detail-blog .blog-related {
    margin: 3rem 0 1.5rem 0;
}
.layout-detail-blog .blog-related .title {
    color: #333;
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}
.layout-detail-blog .blog-related .slick-arrow{
    opacity: 0;
}
.layout-profile .login-page .form-content {
    box-shadow: 0 0 .6rem 0 rgba(50,50,93,0.15), .1rem .1rem .5rem rgba(0,0,0,0.05);
    border-radius: 1rem;
    position: relative;
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 4rem;
}
.layout-profile .login-page .form-content .form-wrap {
    width: 100%;
    position: relative;
    z-index: 0;
    background: #fff;
    padding: 2rem 1.5rem;
    text-align: center;
}
.layout-profile .login-page .form-content h1 {
    font-weight: 500;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    margin: 0 0 1rem 0;
    font-size: 2rem;
    text-transform: uppercase;
    color: #333333;
}
.layout-profile .login-page .form-content h1 span{
    color: #f7941d;
}
.layout-profile .login-page .form-content .main-form form{
    margin-bottom: 1rem;
}
.layout-profile form li {
    margin: 0;
    padding: 0;
}
.layout-profile form input.tb {
    height: 4.5rem;
    padding: 0 2rem;
    color: #333;
    line-height: 4.5rem;
    border: 1px solid #e1e1e1 !important;
    box-shadow: none;
    background: #fff;
    margin-bottom: 1.5rem;
    width: 100%;
    outline: none;
    border: initial;
    font-size: 1.4rem;
    border-radius: .8rem;
}
.layout-profile form .btns .htmlBtn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
    background: #f7941d;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 20px;
    transition-duration: .3s;
    border-radius: 15px;
    border: none;
    width: 100%;
}
.nv-col-title a:hover {
    color: #f7941d !important;
}
.layout-profile form .btns .htmlBtn:hover{
    background-color: #f4b631;
    color: #000;
}
.layout-profile .login-page .form-content .btn-group{
    margin: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.layout-profile .login-page .form-content .btn-group a:hover{
    color: #f4b631;
}
.layout-profile .login-page .form-content .social-login .line-break {
    max-width: 100%;
    margin: 0 auto 2rem;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}
.layout-profile .login-page .form-content .social-login .list-btn{
    gap: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layout-profile .login-page .form-content .social-login .list-btn a {
    aspect-ratio: 127/37;
    width: 129px;
    color: #fff;
    display: flex;
    align-items: center;
}
.layout-profile .login-page .form-content .social-login .list-btn a.social-login-facebook{
    background: #3b5998;
}
.layout-profile .login-page .form-content .social-login .list-btn a.social-login-facebook span.icon {
    width: 37px;
    aspect-ratio: 1;
    border-right: 1px solid #244488;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-profile .login-page .form-content .social-login .list-btn a.social-login-facebook span.text, .layout-profile .login-page .form-content .social-login .list-btn a.social-login-google span.text {
    width: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-profile .login-page .form-content .social-login .list-btn a.social-login-google{
    background: #e14b33;
}
.layout-profile .login-page .form-content .social-login .list-btn a.social-login-google span.icon {
    width: 37px;
    aspect-ratio: 1;
    border-right: 1px solid #c2412d;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layout-profile .login-page .form-content .btn-login{
    margin-bottom: 1rem;
}
.layout-profile .login-page .form-content .btn-login a{
    color: #f7941d;
}
.layout-profile .login-page .form-content .btn-login a:hover{
    color: #f7941d;
}
.layout-profile .profile-page{
    margin-bottom: 3rem;
    padding: 2rem 0;
}
.layout-profile .profile-page .left-content .title-page {
    font-size: 1.9rem;
    font-weight: 400;
    color: #212B25;
    margin-bottom: .7rem;
    margin-top: 0;
    text-transform: uppercase;
}
.layout-profile .profile-page .left-content p {
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 2.8rem;
    color: #212B25;
    position: relative;
}
.layout-profile .profile-page .left-content p span{
    color: #8d251c;
}
.layout-profile .profile-page .left-content ul li .title-info {
    font-weight: 400;
    color: #212B25;
    margin-bottom: 1.5rem;
    display: block;
}
.layout-profile .profile-page .left-content ul li .title-info.active, .layout-profile .profile-page .left-content ul li .title-info:hover{
    color: #f4b631;
}
.layout-profile .profile-page .right-content .title-head {
    font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: #212B25;
    text-transform: uppercase;
    margin-bottom: 2.7rem;
}
.layout-profile .profile-page .right-content .main-content {
    margin-bottom: 4rem;
}
.layout-profile .profile-page .right-content .main-content table{
    text-align: center;
}
.layout-profile .profile-page .right-content .main-content table thead th {
    background: #f19339;
    color: #fff;
    padding: 5px;
    border: 1px solid #ebebeb;
    border-bottom: 1px solid #dee2e6;
    text-align: center !important;
}
.layout-profile .profile-page .right-content .main-content table tbody td{
    border: 1px solid #ebebeb;
    padding: 2rem .5rem;
}
.layout-profile .profile-page .right-content .main-content table tbody td a{
    color: #2F80ED;
}
.layout-profile .profile-page .right-content .main-content table tbody td a:hover{
    color: #333;
}
#modalOrderDetails .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #333;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 1.2rem;
    outline: 0;
}
.order-detail{
    max-height: 800px;
    overflow: hidden auto;
}
.order-detail::-webkit-scrollbar{
    display: none;
}
.order-detail .title-order-detail {
    font-size: 2.1rem;
    margin-bottom: 2rem;
}
.order-detail .row .item {
    padding: 2rem;
}
.order-detail .row .item .title-item {
    margin-bottom: 1.5rem;
    color: #ef8076;
}
.order-detail .row .item .content p {
    margin-bottom: 0;
}
.list-cart {
    border: solid 1px #ebebeb;
}
.list-cart .cart-header {
    padding: .7rem 0;
    border-bottom: solid 1px #ebebeb;
}
.list-cart .cart-header div:first-child {
    width: 51%;
    padding-left: 1rem;
}
.list-cart .cart-header div {
    width: 16%;
}
.order-detail .list-cart .cart-info .item-cart, .order-detail .list-cart .total .provisional-price {
    border-bottom: solid 1px #ebebeb;
}
.item-cart .img {
    margin-left: 1rem;
    width: 110px;
    aspect-ratio: 1;
}
.item-cart .info {
    width: calc(100% - 110px);
    padding: 0 1rem 0 1.5rem;
}
.item-cart .info .cart-name {
    width: 50%;
}
.item-cart .info .cart-price {
    color: #ef8076;
    width: 20%;
    text-align: center;
}
.item-cart .info .cart-quantity {
    width: 20%;
    justify-content: center;
}
.order-detail .list-cart .total {
    padding: 2rem;
}
.order-detail .list-cart .total .provisional-price, .order-detail .list-cart .total .provisional-price > div {
    margin-bottom: 1.5rem;
}
.order-detail .list-cart .total .provisional-price .price, .order-detail .list-cart .total .total-price .price {
    color: #ef8076;
}
#_quickViewModal .modal-dialog{
    max-width: 100%;
}
#_quickViewModal .modal-content {
    position: absolute;
    width: 840px;
    max-width: 840px !important;
    min-height: 0 !important;
    top: 50%;
    transform: translate(0, -50%);
    height: 600px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 1.5rem;
    background-color: #fff;
    z-index: 8011;
    border-radius: .5rem;
    opacity: 0;
    animation-delay: 0.2s;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-name: popup-fade-in-up;
}
#_quickViewModal .modal-dialog .modal-content .close-quick-view {
    position: absolute;
    right: -.7rem;
    top: -.7rem;
    width: 3rem;
    height: 3rem;
    border: .2rem solid #f9f9f9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f19339;
    color: #fff;
}
#_quickViewModal .modal-dialog .modal-content .close-quick-view i{
    font-size: 1.5rem;
    transition: transform 0.3s;
}
#_quickViewModal .modal-dialog .modal-content .close-quick-view:hover i{
    transform: rotate(90deg);
}
#product-quickview{
    overflow: hidden auto;
}
#product-quickview::-webkit-scrollbar{
    display: none;
}
#product-quickview .product-images .main-slide .slider-item{
    height: 400px;
    width: 100%;
    min-height: 300px;
}
#product-quickview .product-images .main-slide .slider-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#product-quickview .product-images .thumb-slide{
    margin-top: 1.5rem;
}
#product-quickview .product-images .thumb-slide .slider-item{
    height: 90px;
    width: 90px;
    border: 1px solid #e9edf5;
    margin-right: .8rem;
}
#product-quickview .product-images .thumb-slide .slider-item.slick-current{
    border: 1px solid #c8103d;
}
#product-quickview .product-images .thumb-slide .slider-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#product-quickview .product-info {
    display: flex;
}
#product-quickview .product-info h3 {
    font-size: 2.2rem;
    color: #333;
    font-weight: 600;
    padding-right: 2rem;
}
#product-quickview .product-info h3 a:hover{
    color: #f4b631;
}
#product-quickview .product-info .brand-product {
    margin-bottom: 1rem;
}
#product-quickview .product-info .brand-product .brand, #product-quickview .product-info .brand-product .code {
    display: inline-block;
    font-size: 1.4rem;
}
#product-quickview .product-info .brand-product .brand span, #product-quickview .product-info .brand-product .code span {
    color: #f19339;
}
#product-quickview .product-info .brand-product .line {
    padding: 0 .5rem;
}
#product-quickview .price-box {
    margin-bottom: 1rem;
    display: block;
}
#product-quickview .price-box .price {
    color: #d31100;
    font-size: 2rem;
    font-weight: 700;
}
#product-quickview .price-box .old-price {
    color: #a5a5a5;
    font-size: 1.6rem;
    margin-left: .5rem;
    text-decoration: line-through;
}
#product-quickview .price-box .discount {
    color: #fff;
    position: relative;
    bottom: .1rem;
    background: #B11111;
    padding: .2rem .4rem;
    border-radius: .5rem;
    font-size: 1.2rem;
    min-width: 2rem;
    margin-left: 1.5rem;
}
#product-quickview .price-box .discount:after {
    border-right: .6rem solid #B11111;
    border-bottom: .6rem solid transparent;
    border-top: .6rem solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    left: -.4rem;
    transform: translate(0%, -50%);
}
#product-quickview .product-description {
    margin-bottom: 1rem;
    font-size: 1.4rem;
}
#product-quickview .product-info .select-swatch {
    margin-bottom: 2rem;
    font-size: 1.4rem;
}
#product-quickview .product-info .select-swatch .title {
    margin-bottom: .8rem;
    font-size: 1.6rem;
    color: #444B52;
    display: flex;
    align-items: center;
}
#product-quickview .product-info .select-swatch .title span {
    font-weight: 600;
    color: #c8103d;
    margin-left: .5rem;
}
#product-quickview .product-info .select-swatch .option-list{
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
}
#product-quickview .product-info .select-swatch .option-list .item {
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 .5rem;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    border-radius: .8rem;
    line-height: 2.8rem;
}
#product-quickview .product-info .select-swatch .option-list .item.active, #product-quickview .product-info .select-swatch .option-list .item:hover{
    background: #c8103d;
    border-color: #ddd;
    color: #fff;
}
#product-quickview .product-info .select-swatch .option-list .item.deactive{
    cursor: not-allowed;
}
#product-quickview .product-info .select-swatch .option-list .item.deactive .item-wrap span {
    color: #ebebeb;
}
#product-quickview .product-info .select-swatch .option-list .item.deactive:before{
    content: '';
    width: 90%;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    transform: rotate(158deg) scale(1.1);
    left: .4rem;
    top: 1.3rem;
}
#product-quickview .product-info .select-swatch .option-list .item.deactive:after {
    content: '';
    width: 90%;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    transform: rotate(202deg) scale(1.1);
    left: .4rem;
    top: 1.3rem;
}
#product-quickview .product-info .action-box {
    margin-top: 1rem;
}
#product-quickview .product-info .action-box .box-wrap {
    display: flex;
    align-items: center;
}
#product-quickview .product-info .action-box .quantity {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1.4rem;
    margin-right: 1.5rem;
}
#product-quickview .product-info .action-box .quantity .item-quantity-wrap {
    display: inline-flex;
    vertical-align: top;
    white-space: nowrap;
}
#product-quickview .product-info .action-box .quantity button {
    padding: 0 .5rem;
    min-width: 4rem;
    min-height: unset;
    height: 4rem;
    border: 1px solid #ddd;
    background: #f3f3f3;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
#product-quickview .product-info .action-box .quantity button.subtract {
    border-radius: .8rem 0 0 .8rem;
}
#product-quickview .product-info .action-box .quantity button.plus {
    border-radius: 0 .8rem .8rem 0;
}
#product-quickview .product-info .action-box .quantity input {
    width: 6rem;
    border-radius: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 4rem;
    min-height: 4rem;
    border: 1px solid #ebebeb;
}
#product-quickview .product-info .action-box .btn-box {
    display: inline-block;
}
#product-quickview .product-info .action-box .btn-box button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #f19339;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
}
#product-quickview .product-info .action-box .btn-box button:hover{
    background-color: #f19339;
    color: #fff;
}
.fancybox__container{
    z-index: 9999;
}
.layout-search-order .title-page{
    text-align: center;
    font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: #212B25;
    text-transform: uppercase;
    margin-bottom: 2.7rem;
}
.layout-search-order .form-search-order{
    display: flex;
    gap: 1rem;
}
.layout-search-order .form-search-order input{
    font-size: 1.8rem;
}
.layout-search-order .form-search-order button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #c8103d;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
}
.layout-search-order .form-search-order button:hover{
    background-color: #f4b631;
    color: #000;
}
.layout-search-order .search-order-right{
    margin-top: 2rem;
}
.layout-search-order .search-order-right table{
    text-align: center;
}
.layout-search-order .search-order-right table thead th {
    background: #c8103d;
    color: #fff;
    padding: 5px;
    border: 1px solid #ebebeb;
    border-bottom: 1px solid #dee2e6;
    text-align: center !important;
}
.layout-search-order .search-order-right table tbody td{
    border: 1px solid #ebebeb;
    padding: 2rem .5rem;
}
.layout-search-order .search-order-right table tbody td a{
    color: #2F80ED;
}
.layout-search-order .search-order-right table tbody td a:hover{
    color: #333;
}
.back-top {
    position: fixed;
    bottom: 100px;
    right: 1.5rem;
    z-index: 99;
    top: auto;
    width: 4rem;
    height: 4rem;
    display: flex;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    transform: translateY(-2rem);
    opacity: 0;
    visibility: hidden;
    background-color: #ffeddbed;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.back-top.show {
    transition: all 0.3s ease-out 0s;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.back-top i {
    font-size: 2.4rem;
    color: #f7941d;
}
.back-top:hover{
    background-color: #f7941d;
}
.back-top:hover i{
    color: #fff;
}
.layout-contact {
    margin-bottom: 3rem;
}
.layout-contact .contact-right .info {
    margin-bottom: 4rem;
}
.layout-contact .contact-right .info h4 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1.8rem;
}
.layout-contact .contact-right .info .item {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: .5rem;
}
.layout-contact .contact-right .info .item a {
    color: #000;
}
.layout-contact .contact-right .info .item a.btn-store {
    color: #fff;
    display: inline-flex;
    align-items: center;
    margin-top: .4rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: #c8103d;
    line-height: 4rem;
    justify-content: center;
    position: relative;
    height: 4rem;
    padding: 0 3rem;
    box-shadow: #333 0 1.5rem 2rem -1.5rem;
    gap: .5rem;
}
.layout-contact .contact-right .form-contact {
    background: #f5f5f5;
    padding: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 1.5rem;
}
.layout-contact .contact-right .form-contact h4 {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
}
.layout-contact .contact-right .form-contact .main-form label{
    display: none;
}
.layout-contact .contact-right .form-contact .main-form input.tb, .layout-contact .contact-right .form-contact .main-form textarea {
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 1.5rem;
    outline: none;
    border-radius: 1.5rem;
    padding: .5rem 2rem;
}
.layout-contact .contact-right .form-contact .main-form textarea{
    min-height: 100px;
}
.layout-contact .contact-right .form-contact .main-form input.htmlBtn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #f19339;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
    border: none;
}
.layout-contact .contact-left .contact-map iframe {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.layout-store {
    margin-bottom: 3rem;
}
.layout-store .banner-store {
    padding: 1rem 0 2rem 0;
}
.layout-store .banner-store .item-store .item {
    display: flex;
    align-items: center;
    border-right: 1px solid #797979;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 1rem;
    border-radius: 1.5rem;
    margin-bottom: 1.5rem;
}
.layout-store .banner-store .item-store:nth-child(1) .item{
    background: linear-gradient(234.87deg, #36b2b4 46.25%, #00adb5 81.16%);
}
.layout-store .banner-store .item-store:nth-child(2) .item{
    background: linear-gradient(234.87deg, #f18 46.25%, #fc4c4f 81.16%);
}
.layout-store .banner-store .item-store:nth-child(3) .item{
    background: linear-gradient(234.87deg, #ff671a 46.25%, #fc8041 81.16%);
}
.layout-store .banner-store .item-store:nth-child(4) .item{
    background: linear-gradient(234.87deg, #c93dd5 46.25%, #c561f6 81.16%);
}
.layout-store .banner-store .item-store .item .content .num {
    font-size: 3rem;
    line-height: 3.4rem;
    font-weight: 500;
    color: #fff;
    display: block;
}
.layout-store .banner-store .item-store .item .content .title {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #ffffff;
    font-weight: 300;
}
.layout-store .banner-store .item-store .item  img {
    max-height: 6.4rem;
    max-width: 6.4rem;
    width: initial;
}
.layout-store .main-store .sidebar-left .sidebar-wrap {
    border-radius: .8rem;
    height: 100%;
    padding: 1rem;
    background: #c8103d;
}
.layout-store .main-store .sidebar-left .group-option .group-city, .layout-store .main-store .sidebar-left .group-option .group-district {
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.layout-store .main-store .sidebar-left .group-option .group-city select, .layout-store .main-store .sidebar-left .group-option .group-district select{
    text-overflow: '';
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    padding: .5rem 2rem .5rem 1.2rem;
    border-radius: .8rem;
    width: 100%;
    height: 3.5rem;
    border: 1px solid #c8103d;
    outline: none !important;
}
.layout-store .main-store .sidebar-left .group-option .group-city select option, .layout-store .main-store .sidebar-left .group-option .group-district select option {
    background-color: #fff;
    color: #000;
}
.layout-store .main-store .sidebar-left .group-option .group-city span, .layout-store .main-store .sidebar-left .group-option .group-district span{
    background-color: #fff;
    border-radius: .8rem;
    color: #000;
}
.layout-store .main-store .sidebar-left .list-store {
    max-height: 430px;
    border-radius: .5rem;
    width: 100%;
    overflow-y: auto;
}
.layout-store .main-store .sidebar-left .list-store::-webkit-scrollbar {
    width: .3rem;
    background-color: #fafafa;
}
.layout-store .main-store .sidebar-left .list-store::-webkit-scrollbar-thumb {
    background-color: #c8103d;
}
.layout-store .main-store .sidebar-left .list-store ._depotItem {
    padding: 1rem .5rem;
    background: #fff;
    cursor: pointer;
    list-style-type: none;
}
.layout-store .main-store .sidebar-left .list-store ._depotItem .name-store, .layout-store .main-store .sidebar-left .list-store ._depotItem p:first-child{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .5rem;
    color: #000;
    display: flex;
    width: 100%;
}
.layout-store .main-store .sidebar-left .list-store ._depotItem .store-address, .layout-store .main-store .sidebar-left .list-store ._depotItem .store-phone, .layout-store .main-store .sidebar-left .list-store ._depotItem p:not(:first-child){
    color: #747474;
    padding-left: 1.5rem;
    position: relative;
}
.layout-store .main-store .sidebar-left .list-store ._depotItem:hover{
    background-color: #ffe2e2;
}
.popup-lang {
    position: fixed;
    right: 0;
    top: 30% !important;
    z-index: 999;
}

.popup-lang .icon {
    width: 4rem;
    height: 4rem;
    background: #dd0115;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem 0 0 .5rem
}

.popup-lang .icon i {
    color: #fff;
}

.popup-lang .language {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
    position: absolute;
    top: 100%;
    right: 0;
    width: 5rem;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.33);
    padding: .5rem
}

.popup-lang .language li {
    margin-bottom: .5rem
}

.popup-lang .language li:last-child {
    margin-bottom: 0;
}

.popup-lang .language a {
    font-size: 1.4rem;
    margin-right: .4rem;
    display: block;
}
.popup-lang:hover .language {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -moz-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    transition: .3s ease-in;
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.popup-add-cart {
    max-width: 450px;
    height: auto;
    background: #fff;
    width: 100%;
    top: 35% !important;
    left: 50%;
    position: fixed;
    visibility: hidden;
    transform: translate(-50%, -35%);
    border-radius: 1.5rem;
    overflow: hidden;
}
.popup-add-cart.show {
    visibility: visible;
    z-index: 9999;
}
.popup-add-cart .header-popup-cart span{
    display: block;
    padding: 1rem 1rem 1rem 3.5rem;
    background: #f19339;
    font-weight: bold;
    color: #fff;
}
.popup-add-cart .header-popup-cart span i {
    font-size: 2rem;
    display: inline-block;
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    color: #fff;
}
.popup-add-cart .product-popup {
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 1rem;
}
.popup-add-cart .product-popup .thumb {
    width: 7rem;
}
.popup-add-cart .product-popup .thumb img {
    max-width: 100%;
    max-height: 100%;
}
.popup-add-cart .product-popup .info {
    width: calc(100% - 7rem);
    padding-left: 1.5rem;
}
.popup-add-cart .product-popup .info h4 {
    font-size: 1.6rem;
    font-weight: bold;
}
.popup-add-cart .product-popup .info h4 a:hover{
    color: #f4b631;
}
.popup-add-cart .product-popup .info .price {
    margin-top: .6rem;
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
}
.popup-add-cart .product-popup .info .price b {
    margin-right: .8rem;
    color: #d31100;
}
.popup-add-cart .popup-cart-count {
    font-size: 1.4rem;
    color: #707070;
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0 1rem;
}
.popup-add-cart .popup-cart-count span {
    display: inline-block;
    background: none;
    color: #333;
    padding: 0;
}
.popup-add-cart .close-popup-cart {
    position: absolute;
    right: 1rem;
    top: .6rem;
    cursor: pointer;
}
.popup-add-cart .close-popup-cart i {
    color: #fff;
    font-size: 2rem;
    transition: transform 0.3s;
}
.popup-add-cart .close-popup-cart:hover i {
    transform: rotate(90deg);
}
.popup-add-cart .btn-group {
    padding: 0 1rem 1rem 1rem;
    display: inline-block;
    width: 100%;
}
.popup-add-cart .btn-group .close {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #ffeddbed;
    color: #000;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
    cursor: pointer;
}
.popup-add-cart .btn-group .check-out-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    background: #f19339;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem;
    transition-duration: .3s;
    border-radius: 1.5rem;
}
.popup-add-cart .btn-group .close:hover {
    background: #f19339;
    color: #fff;
}
.popup-add-cart .btn-group .check-out-btn:hover{
    background: #f19339;
    color: #000;
}
.list-contact-footer {
    position: fixed;
    right: 1.4rem;
    bottom: 2rem;
    z-index: 99;
    top: auto !important;
}
.list-contact-footer .list-content {
    position: absolute;
    bottom: 6.2rem;
    right: 0;
    background: #fff;
    border-radius: .8rem;
    transition: .2s all;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 300px;
    z-index: 1;
    opacity: 0;
    transform: scale(0);
}
.list-contact-footer .list-content.show{
    opacity: 1;
    transform: scale(1);
}
.list-contact-footer .list-content:before {
    position: absolute;
    bottom: -.8rem;
    right: 2.2rem;
    left: auto;
    display: inline-block !important;
    border-right: .8rem solid transparent;
    border-top: .8rem solid #fff;
    border-left: .8rem solid transparent;
    content: '';
}
.list-contact-footer .list-content .header-content {
    background: #f19339;
    padding: 1rem;
    border-radius: .8rem .8rem 0 0;
    color: #fff;
    position: relative;
}
.list-contact-footer .list-content .header-content .close-content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1rem;
    top: 1rem;
    left: initial;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 2.6rem;
    height: 2.6rem;
    cursor: pointer;
    color: #fff;
    background: #f19339;
    border-radius: 50%;
    text-align: center;
}
.list-contact-footer .list-content .header-content .close-content i{
    font-size: 2.5rem;
}
.list-contact-footer .list-content .item:hover{
    background: #f1f1f1;
}
.list-contact-footer .list-content .item>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem 1rem;
    transition: .3s linear all;
}
.list-contact-footer .list-content .item>a:hover{
    color: #f4b631;
}
.list-contact-footer .list-content .item>a .thumb {
    flex-grow: 0;
    flex: none;
    height: 3.4rem;
    width: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    border-radius: 50%;
    color: #fff !important;
}
.list-contact-footer .list-content .item>a .thumb img{
    height: 3.4rem;
    width: 3.4rem;
}
.list-contact-footer .list-content .item.store>a .thumb{
    background: #c8103d;
}
.list-contact-footer .list-content .item>a .thumb i{
    font-size: 2rem;
}
.list-contact-footer .list-content .item>a .detail {
    flex-grow: 1;
    line-height: normal;
}
.list-contact-footer .list-content .item>a .detail b {
    font-weight: 700;
    font-size: 1.4rem;
    display: block;
    line-height: normal;
}
.list-contact-footer .list-content .item>a .detail span {
    font-size: 1.3rem;
    color: #787878;
}
.list-contact-footer .list-content .item:last-child {
    margin-bottom: 0;
}
.list-contact-footer .list-icon {
    overflow: hidden;
    padding: 1.7rem;
    border-radius: 100%;
    background: #f7941d;
    width: 6rem;
    height: 6rem;
}
.list-contact-footer .list-icon .icon-animation{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f7941d;
    z-index: -2;
    border-radius: 100%;
    opacity: 0.6;
    animation: zoomzoom 3s linear .2s infinite;
}
.list-contact-footer .list-icon .icon-animation:nth-child(1) {
    animation-delay: .5s;
}
.list-contact-footer .list-icon .main-icon {
    line-height: 0;
    color: #fff;
    width: 100%;
    height: 3.2rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.list-contact-footer .list-icon .main-icon i {
    font-size: 2rem;
    color: #fff;
    margin-bottom: .5rem;
}
.list-contact-footer .list-icon .main-icon p {
    font-size: 1rem;
    color: #fff;
    margin: 0;
}
.list-contact-footer .list-icon .list-item {
    display: inline-flex;
    position: absolute;
    font-size: 3rem;
    top: 0;
    left: 0;
    padding: 10%;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
    border-radius: 100%;
    color: #f7941d;
    width: 70%;
    height: 70%;
    margin: 15%;
    transition: .2s all;
    opacity: 0;
    transform: scale(0);
}
.list-contact-footer .list-icon .list-item.show{
    transform: scale(1);
    opacity: 1;
}
.list-contact-footer .list-icon .list-item .list-item-wrap {
    display: inline-flex;
    transform: translateX(0);
    transition: 0.15s linear transform;
    line-height: 0;
}
.list-contact-footer .list-icon .list-item .icon {
    margin-right: 4rem;
    width: 3rem;
    height: 3rem;
    color: #f7941d;
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-contact-footer .list-icon .list-item .icon i {
    font-size: 2.5rem;
    color: #f7941d;
}
.list-contact-footer .list-icon .list-item .icon img{
    width: 2.5rem;
    height: 2.5rem;
}
.list-contact-footer .list-icon .close-list {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 2.5rem;
    top: 0;
    padding: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #f19339;
    border-radius: 100%;
    transition: .2s all;
    transform: rotate(180deg);
    cursor: pointer;
    opacity: 0;
}
.list-contact-footer .list-icon .close-list.show{
    opacity: 1;
    transform: rotate(0);
}
@media (max-width: 1199px) {
    .header .mid-header .box-header .header-right{
        gap: 1.4rem;
    }
    .layout-cart .cart-left .top-cart .cart-content .cart-content-header{
        display: none;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart{
        border-radius: 1.5rem;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-wrap{
        position: relative;
        align-items: flex-start;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info{
        flex-wrap: wrap;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .name{
        width: 100%;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .name .detele-product{
        position: absolute;
        top: 0;
        right: 1rem;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-price{
        display: none;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity{
        align-items: flex-start;
        justify-content: flex-start;
    }
}
@media (max-width: 991px) {
    .header .mid-header .box-header .header-logo .cate-open{
        display: none;
    }
    .sm-hidden {
        display: none !important;
    }
    .header.forFixed .mid-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        -webkit-box-shadow: 0 0 1rem rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 1rem rgba(0,0,0,0.2);
        box-shadow: 0 0 1rem rgba(0,0,0,0.2);
        -webkit-animation: fadeInDown 0.4s both;
        animation: fadeInDown 0.4s both;
    }
    .header .mid-header .box-header .header-logo{
        order: 1;
    }
    .header .mid-header .box-header .header-logo .logo-header{
        max-width: 200px;
        width: 100%;
    }
    .header .mid-header .box-header .header-search{
        order: 3;
    }
    .header.forFixed .mid-header .header-search{
        display: none;
    }
    .header .mid-header .box-header .header-search .header-search-wrap{
        margin-top: 1.2rem;
    }
    .header .mid-header .box-header .header-search .search-form .search-input{
        height: 3.4rem;
        line-height: 3.4rem;
        margin: 0;
        border: 0;
        background: transparent;
        padding-right: 4.5rem;
        min-height: initial;
    }
    .header .mid-header .box-header .header-search .search-form .search-btn{
        width: 3.4rem;
        height: 3.4rem;
        line-height: 3.4rem;
    }
    .header .mid-header .box-header .header-search .search-form .search-btn i{
        font-size: 1.8rem;
    }
    .header .mid-header .box-header .header-right{
        order: 2;
        gap: 1rem;
    }
    .header .mid-header .box-header .header-right .header-account{
        padding-right: 1.2rem;
    }
    .header .mid-header .box-header .header-right .header-account ul{
        top: calc(100% + .5rem);
    }
    .header .mid-header .box-header .header-right .header-cart > a{
        padding-right: .4rem;
    }
    .header .mid-header .box-header .header-right .open-menu-btn{
        line-height: 1;
        transition: color 0.2s ease-in-out;
        position: relative;
        background: transparent;
        border: none;
        border-radius: 0;
        -webkit-appearance: none;
        padding: 0;
        width: 3.2rem;
        height: auto;
        vertical-align: middle;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .mid-header .box-header .header-right .box-icon i{
        font-size: 2rem;
    }
    .header .mid-header .box-header .header-right .box-icon {
        display: flex;
        align-items: center;
    }
    .header .mid-header .box-header .header-right .box-icon .cart-count{
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.6rem;
        font-size: 0.8rem;
        right: -.6rem;
        top: -.2rem;
    }
    .header .mid-header .box-header .header-right .open-menu-btn i{
        font-size: 2.7rem;
        position: relative;
        top: .2rem;
    }
    .header .bottom-header {
        height: 100%;
        position: fixed;
        top: 0 !important;
        left: 0;
        z-index: 99999;
        width: 310px;
        transform: translateX(-310px);
        visibility: hidden;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        box-shadow: none;
        touch-action: manipulation;
        border: 0;
        background: #fff;
    }
    .header .bottom-header.active-menu{
        visibility: visible;
        transform: translateX(0);
    }
    header.header .mobile-nav-overflow.active-menu {
        content: " ";
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.6);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .header .bottom-header .container{
        padding: 0;
        height: 100%;
    }
    .header .bottom-header .navigation-horizontal{
        display: flex;
        padding: 0;
        margin: 0;
        flex-direction: column;
        overflow: hidden;
        height: 100%;
    }
    .header .bottom-header .navigation-horizontal .title-menu .close-menu {
        position: absolute;
        width: 3rem;
        height: 3rem;
        top: 0;
        left: 100%;
        cursor: pointer;
        border: .1rem solid #494949;
        background: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .bottom-header .navigation-horizontal .title-menu .close-menu i{
        color: #fff;
        font-size: 2.4rem;
        opacity: .8;
    }
    .header .bottom-header .navigation-horizontal .title-menu{
        width: 100%;
        background: #f19339;
        padding: 0 1rem;
        display: block;
    }
    .header .bottom-header .navigation-horizontal .title-menu .tabs-menu{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        list-style: none;
        margin: 0;
        gap: 1.2rem;
    }
    .header .bottom-header .navigation-horizontal .title-menu .tabs-menu .tab-link{
        position: relative;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600;
        padding: 1rem 0;
        cursor: pointer;
        min-width: 100px;
        color: #fff;
    }
    .header .bottom-header .navigation-horizontal .title-menu .tabs-menu .tab-link.active{
        color: #222222;
    }
    .header .bottom-header .navigation-horizontal .title-menu .tabs-menu .tab-link:before {
        content: "";
        display: inline-block;
        position: absolute;
        height: .4rem;
        width: 100%;
        left: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background-color: #f4b631;
    }
    .header .bottom-header .navigation-horizontal .title-menu .tabs-menu .tab-link.active:before{
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    .header .bottom-header .navigation-horizontal .main-menu{
        margin: 0;
        padding: 0;
        overflow-y: auto;
        flex-grow: 1;
        flex-basis: 0;
        display: block;
    }
    .header .bottom-header .navigation-horizontal .main-menu .tab-content{
        display: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .tab-content.active{
        display: block;
        padding-top: 1.2rem;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav{
        display: block;
        padding-bottom: 1rem;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item{
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .open_menu{
        width: 3.5rem;
        height: 3.5rem;
        top: 0;
        right: 0;
        transition: 0.5s all;
        cursor: pointer;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item > a i{
        display: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item a{
        display: block;
        padding: .4rem 1rem .4rem 1rem;
        text-align: left;
        text-decoration: none !important;
        color: #222;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu{
        display: none;
        width: 100%;
        background: transparent;
        position: relative;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transition: none;
        padding-left: 1rem;
        border: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu:before{
        content: "";
        width: .1rem;
        background: #ddd;
        height: 100%;
        position: absolute;
        top: 0;
        left: 1rem;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu .nav-item-lv2{
        border: 0;
        font-size: initial;
        position: relative;

    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu .nav-item-lv2 > a{
        display: block;
        padding: .4rem 1rem .4rem 1rem;
        text-align: left;
        text-decoration: none !important;
        color: #222;

    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu .nav-item-lv2 .sub-menu-2{
        display: none;
        width: 100%;
        background: transparent;
        position: relative;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transition: none;
        padding-left: 1rem;
        border: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu .nav-item-lv2 .sub-menu-2:before{
        content: "";
        width: .1rem;
        background: #ddd;
        height: 100%;
        position: absolute;
        top: 0;
        left: 1rem;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category {
        display: block;
        padding-bottom: 1rem;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item{
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item a{
        display: block;
        padding: .4rem 1rem .4rem 1rem;
        text-align: left;
        text-decoration: none !important;
        color: #222;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item.cate-has-child > a{
        padding: .4rem 3.5rem .4rem 1rem;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item a img{
        position: relative;
        top: -.1rem;
        width: 1.8rem !important;
        height: 1.8rem !important;
        margin-right: .5rem;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item > a i,.header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .sub-item > a i{
        display: none;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item .open_menu{
        width: 3.5rem;
        height: 3.5rem;
        top: 0;
        right: 0;
        transition: 0.5s all;
        cursor: pointer;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item .sub-menu, .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item .sub-menu .sub-item .sub-menu-2{
        display: none;
        width: 100%;
        background: transparent;
        position: relative;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transition: none;
        padding-left: 1rem;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item .sub-menu .sub-item{
        position: relative;
        border: 0;
    }
    .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item .sub-menu:before, .header .bottom-header .navigation-horizontal .menu-category .list-category .main-category .category-item .sub-menu .sub-item .sub-menu-2:before{
        content: "";
        width: .1rem;
        background: #ddd;
        height: 100%;
        position: absolute;
        top: 0;
        left: 1rem;
    }
    .header .bottom-header .navigation-horizontal .list-item-mb{
        width: 100%;
        border-top: .1rem solid #ddd;
        padding: 1rem 0;
    }
    .section-service .service-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-right: -1.4rem;
        margin-left: -1.4rem;
        padding-left: .7rem;
        padding-right: .7rem;
        width: auto;
    }
    .section-service .service-item {
        padding-left: .7rem;
        padding-right: .7rem;
        flex: 0 0 140px;
        max-width: 140px;
        min-width: 140px;
    }
    .section-about .banner-left .thumb-banner{
        max-width: 75%;
    }
    .section-about .banner-right{
        margin-bottom: 0;
    }
    .section-about .banner-right .banner-right-wrap{
        padding: 6rem 0 0;
    }
    .section-flash-sale .main-flash-sale .title-box{
        flex-wrap: wrap;
    }
    .section-flash-sale .main-flash-sale .title-box h2.title{
        margin-bottom: .5rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .section-flash-sale .main-flash-sale .title-box .desc{
        margin-bottom: .5rem;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .section-flash-sale .main-flash-sale .title-box .count-down{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    .main-product .product-thumb .product-action{
        padding: 0 .7rem;
    }
    .section-category-tabs .title-category-tabs .list-tabs{
        padding: 0 3.4rem;
    }
    .section-category-tabs .title-category-tabs .list-tabs ul{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-album .list-album {
        display: grid;
        grid-template-rows: 1fr;
        overflow: auto;
        justify-content: start;
        grid-template-columns: repeat(3, 57%);
    }
    .section-trend .list-trend{
        grid-template-columns: repeat(2, 1fr);
    }
    .layout-product .section-filter {
        position: fixed;
        width: 340px;
        top: 0 !important;
        bottom: 0;
        background-color: #fff;
        z-index: 999999;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        box-shadow: none;
        touch-action: manipulation;
        left: 0;
    }
    .layout-product .section-filter.active {
        visibility: visible;
        transform: translateX(0);
    }
    .layout-product .section-filter .close-filter {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #c8103d;
        color: #fff;
        position: absolute;
        top: 0;
        left: 100%;
        width: 3rem;
        height: 3rem;
    }
    .layout-product .section-filter .close-filter i {
        font-size: 2rem;
    }
    .layout-product .section-filter .filter-box {
        overflow: auto;
        height: 100%;
    }
    .layout-product .section-filter .filter-box .filter-content {
        padding: 2rem 1rem;
    }
    .layout-product .main-content .sort-product .sort-right h3 {
        display: flex;
        align-items: center;
        padding: 0 1rem;
        height: 3.4rem;
        font-size: 1.4rem;
        color: #fff;
        background-color: #f19339;
        font-weight: 600;
        min-width: 100px;
        text-align: center;
        margin: 0;
        border-radius: 8px;
        cursor: pointer;
    }
    .layout-product .main-content .sort-product .sort-right h3.active {
        color: #fff;
        border-color: #f19339;
        background-color: #f19339;
    }
    .layout-product .main-content .sort-product .sort-right ul {
        display: none;
        position: absolute;
        z-index: 99;
        background-color: #fff;
        top: calc(100% + .5rem);
        min-width: 155px;
        text-align: left;
        box-shadow: .2rem .3rem .7rem 0 rgba(0,0,0,0.2);
        padding: 1rem;
    }
    .layout-product .main-content .sort-product .sort-right ul li {
        float: none;
        display: block;
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .layout-collection .sort-cate .sort-cate-right ul li:not(:first-child) {
        margin-top: 1rem;
    }
    .layout-product .main-content .sort-product .sort-right ul li a {
        padding: .4rem 1rem;
        border: 0;
    }
    .layout-product .main-content .sort-product .sort-right ul li:hover a, .layout-product .main-content .sort-product .sort-right ul li.active a {
        background: #f19339;
        color: #fff;
    }
    .check-out{
        max-width: 40em;
    }

    .check-out .main {
        width: 100% !important;
        padding: 2rem 0;
    }
    .check-out .order {
        gap: 1rem;
        margin-top: 2rem;
    }
    .check-out .order button {
        background-color: #357ebd;
        color: #fff;
        padding: 0 2.4rem;
        height: 4.6rem;
    }
    .check-out .sidebar-payment {
        position: unset !important;
        width: 100% !important;
        border: 1px solid #e1e1e1;
        border-radius: .5rem;
        margin-bottom: 2rem;
        min-height: 300px;
    }
    .check-out .sidebar-payment::after{
        content: none;
    }
    .check-out .sidebar-payment .title-sidebar::after {
        content: "\f078";
        position: relative;
        font-size: 1.4rem;
        font-family: "Font Awesome 6 Pro", serif;
        margin-left: .5rem;
    }
    .check-out .sidebar-payment .content-sidebar {
        padding: 0 2rem;
    }
    .check-out .sidebar-payment .content-sidebar .list-order {
        height: auto;
        overflow-y: unset;
        display: none;
        max-height: unset;
    }
    .layout-store .banner-store .item-store .item{
        margin-bottom: 3rem;
    }
}
@media (max-width: 768px) {
    .layout-detail-product .top-content .product-info .product-brand .line {
        display: none;
    }
    .layout-detail-product .top-content .product-info .product-brand .brand,
    .layout-detail-product .top-content .product-info .product-brand .status,
    .layout-detail-product .top-content .product-info .product-brand .pview-sold {
        display: block;
    }
    .header .top-header .header-promo .list-promo > li.promo-item{
        min-height: 4.2rem;
    }
    .section-service {
        margin-top: 2.5rem;
        padding: 2.5rem 0;
    }
    .footer .main-footer .footer-link .title, .footer .main-footer .footer-social .title, .footer .main-footer .hot-search .hot-search-title{
        margin-top: 0;
        padding-top: 0;
        position: relative;
    }
    .footer .main-footer .footer-link .title:before, .footer .main-footer .footer-link .title:after{
        position: absolute;
        content: '';
        top: 50%;
        right: 0;
        transform: translate(-50%, -50%) rotate(-90deg);
        background-color: #fff;
    }
    .footer .main-footer .footer-link .title:before{
        width: 1.1rem;
        height: .15rem;
        opacity: 1;
    }
    .footer .main-footer .footer-link .title:after{
        width: .15rem;
        height: 1.1rem;
        right: 1rem;
    }
    .footer .main-footer .footer-link .title.active:before{
        opacity: 0;
    }
    .footer .main-footer .footer-link .title.active:after{
        transform: translate(-50%, -50%) rotate(90deg);
    }
    .footer .main-footer .footer-link ul{
        display: none;
    }
    .footer .main-footer .footer-link ul.active{
        display: block;
    }
    .section-slider{
        margin-bottom: 2rem;
    }
    .section-slider .main-slider{
        display: none;
    }
    .section-slider .main-slider.slider-mb{
        display: block !important;
    }
    .section-slider .main-slider.slider-mb .slick-prev, .section-slider .main-slider.slider-mb .slick-next{
        display: none !important;
    }
    .section-about{
        padding: 2.5rem 0;
    }
    .section-about .banner-right .icon{
        margin-bottom: 1.5rem;
    }
    .section-about .banner-right .icon .icon1{
        position: static !important;
        text-align: left;
        display: block;
        max-width: 5rem;
    }
    .section-about .banner-right .icon .icon2{
        max-width: 5rem;
        top: 0 !important;
        left: 30% !important;
        transform: translate(-50%, -50%) !important;
    }
    .section-about .banner-right .title-banner, .section-about .banner-right .desc{
        padding-left: 0;
    }
    .section-about .banner-right .title-banner h2{
        font-size: 2rem;
    }
    .section-about .banner-right .show-more{
        margin-left: 0;
        font-size: 1.4rem;
    }
    .section-flash-sale, .section-coupon, .section-product-tabs{
        padding: 2.5rem 0;
    }
    .section-flash-sale .main-flash-sale{
        overflow: hidden;
        padding: 1.4rem;
    }
    .section-flash-sale .main-flash-sale .product-slider, .section-coupon .slider-coupon {
        overflow: initial;
        margin: 0;
        padding: 0;
    }
    .section-coupon .slider-coupon .item-coupon .info .action .date {
        font-size: 1.1rem;
        font-weight: 500;
        line-height: normal;
    }
    .section-coupon .slider-coupon .item-coupon .info .action .btn-copy{
        min-width: 7rem;
        font-size: 1.1rem;
    }
    .section-product-tabs .title-product-tabs h2{
        font-size: 2rem;
    }
    .section-product-tabs .title-product-tabs .tabs-product {
        margin: 0 -1rem;
        padding: 0 3rem;
    }
    .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate{
        margin-right: 1.5rem;
    }
    .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate .thumb {
        height: 5rem;
        margin-bottom: .5rem;
    }
    .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate .thumb img {
        max-height: 5rem;
        max-width: 5rem;
    }
    .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate span.desc {
        font-size: 1rem;
    }
    .section-product-tabs .title-product-tabs .tabs-product ul.list-tabs li.tab-cate span.title {
        font-size: 1.2rem;
    }
    .section-product-tabs .tabs-product-content .list-product-wrap {
        padding-top: .5rem;
    }
    .section-banner-sale, .section-categories, .section-category-tabs, .section-album{
        padding: 2.5rem 0;
    }
    .section-banner-sale .banner-sale-wrap {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .section-banner-sale .main-banner a {
        transform: translateY(0);
    }
    .section-categories .title-categories h2, .section-category-tabs .title-category-tabs h2{
        font-size: 2rem;
    }
    .section-category-tabs .title-category-tabs .list-tabs{
        padding: 0 3rem;
    }
    .section-category-tabs .title-category-tabs .list-tabs ul li{
        margin-right: 1.5rem;
    }
    .section-category-tabs .title-category-tabs .list-tabs ul li span{
        font-size: 1rem;
    }
    .section-category-tabs .tabs-product-content .list-product-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-top: .5rem;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .section-album .list-album{
        display: grid;
        grid-template-rows: 1fr;
        overflow: auto;
        justify-content: start;
        grid-template-columns: repeat(3, 80%);
    }
    .section-album .item-album .info h3{
        font-size: 1.8rem;
    }
    .section-album .item-album .info .view-detail a {
        font-size: 1.4rem;
    }
    .section-trend{
        padding: 2.5rem 0;
    }
    .section-trend .title-trend h2, .section-review .title-review h2, .section-blogs .title-blogs h2 {
        font-size: 2rem;
    }
    .section-trend .list-trend {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-top: .5rem;
        -ms-overflow-style: none;
        scrollbar-width: none;
        gap: 1.4rem;
    }
    .section-trend .list-trend .item-trend{
        flex: 0 0 80%;
        max-width: 80%;
        min-width: 80%;
        padding: 1rem 1rem 2rem;
        min-height: 182px;
    }
    .section-review{
        padding: 4rem 0;
    }
    .section-review .slider-review .item-review .content{
        display: block;
    }
    .section-review .slider-review .item-review .content .content-wrap {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }
    .section-review .slider-review .item-review .content .comment{
        text-align: left;
    }
    .section-blogs, .section-topic{
        padding: 2.5rem 0;
    }
    .item-blog .info{
        padding: 1rem;
    }
    .section-topic .title-topic h2{
        font-size: 2rem;
    }
    .layout-product .slick-arrow{
        display: none !important;
    }
    .layout-product .product-categories .list-categories {
        padding: .7rem;
    }
    .layout-product .product-categories .list-categories .list-wrap {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        width: auto;
        justify-content: start;
    }
    .layout-product .product-categories .list-categories a .name {
        font-size: 1.4rem;
    }
    .layout-product .section-filter {
        width: 256px;
    }
    .layout-product .main-content .product-views{
        margin-top: 1rem;
    }
    .layout-detail-album .main-content .detail .title-page h1{
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .layout-detail-album .main-content .thumb-box .title-thumb h3{
        font-size: 1.8rem;
    }
    .layout-detail-album .main-content .list-product .item-product > a{
        max-width: 100px;
        margin-bottom: 1rem;
    }
    .layout-detail-album .main-content .list-product .item-product > a img {
        max-width: 100px;
    }
    .layout-detail-album .main-content .list-product .item-product .product-info{
        width: calc(100% - 110px);
    }
    .layout-detail-product .top-content .right-content .section-coupon .box_coupons {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
        padding: .2rem;
    }
    .layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons{
        margin-bottom: 1.5rem;
    }
    .layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons {
        flex: 0 0 85%;
        max-width: 85%;
        min-width: 85%;
        height: auto;
        margin-right: 1.4rem;
    }
    .layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .action .date {
        font-size: 1rem;
        font-weight: 500;
        line-height: normal;
    }
    .layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons .info .action .btn-copy {
        min-width: 7rem;
        font-size: 1.1rem;
    }
    .layout-detail-product .bottom-content .product-detail .product-detail-left {
        margin-bottom: 2.5rem;
    }
    .popup-detailed-information{
        width: 100%;
        height: 100%;
        max-height: 100%;
        top: 0;
    }
    .popup-detailed-information .content {
        width: 100%;
        height: 100%;
        top: 0;
        padding: 10px;
        overflow: hidden;
        border-radius: 0;
    }
    .layout-detail-product .bottom-content .product-related, .layout-detail-product .bottom-content .product-history{
        padding: 2.5rem 0;
    }
    .layout-detail-product .bottom-content .product-related .title, .layout-detail-product .bottom-content .product-history .title{
        text-align: center;
    }
    .layout-detail-product .bottom-content .product-related .title h2, .layout-detail-product .bottom-content .product-history .title h2{
        font-size: 2rem;
    }
    .layout-detail-product .bottom-content .list-product .slick-arrow, .layout-detail-blog .blog-related .slick-arrow{
        display: none !important;
    }
    .layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-quantity,.layout-cart .cart-left .top-cart .cart-content .main-cart .item-cart .item-info .item-subtotal {
        width: 9.1rem;
    }
    .layout-blog .left-content .list-news{
        display: none;
    }
    .order-detail{
        max-height: 600px;
        overflow: hidden auto;
    }
}
@media (max-width: 480px) {
    .row{
        margin-right: -1.4rem;
        margin-left: -1.4rem;
        padding-left: .7rem;
        padding-right: .7rem;
    }
    .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-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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-lg-cus-30, .col-lg-cus-20 {
        padding-left: .7rem;
        padding-right: .7rem;
    }
    .order-detail{
        max-height: 500px;
        overflow: hidden auto;
    }
}

@media (min-width: 769px) {
    .layout-product .slick-next{
        right: -3.5rem;
    }
    .layout-product .slick-prev{
        left: -3.5rem;
    }
    .layout-detail-product .bottom-content .list-product .slick-next, .layout-detail-blog .blog-related .list-blog-related .slick-next{
        right: -3.5rem;
    }
    .layout-detail-product .bottom-content .list-product .slick-prev, .layout-detail-blog .blog-related .list-blog-related .slick-prev{
        left: -3.5rem;
    }
    .layout-product .banner-product .list-banner:hover .slick-arrow, .layout-product .product-coupon .section-coupon .slider-coupon:hover .slick-arrow, .layout-detail-product .bottom-content .list-product:hover .slick-arrow, .layout-detail-blog .blog-related .list-blog-related:hover .slick-arrow{
        visibility: visible;
        opacity: 1;
        transform: translateY(-50%);
    }
    .layout-product .banner-product .list-banner:hover .slick-next, .layout-product .product-coupon .section-coupon .slider-coupon:hover .slick-next, .layout-detail-product .bottom-content .list-product:hover .slick-next, .layout-detail-blog .blog-related .list-blog-related:hover .slick-next{
        right: .8rem;
    }
    .layout-product .banner-product .list-banner:hover .slick-prev, .layout-product .product-coupon .section-coupon .slider-coupon:hover .slick-prev, .layout-detail-product .bottom-content .list-product:hover .slick-prev, .layout-detail-blog .blog-related .list-blog-related:hover .slick-prev{
        left: .8rem;
    }
    .popup-add-cart{
        min-width: 450px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .layout-detail-product .top-content .right-content .section-coupon .box_coupons .item-coupons {
        display: inline-flex;
        width: calc(50% - 1.5rem);
        margin-left: .5rem;
        margin-right: .5rem;
    }
}
@media (min-width: 992px) {
    .container{
        max-width: 960px;
    }
    .row{
        margin-right: -1rem;
        margin-left: -1rem;
    }
    .header .mid-header .box-header .header-logo{
        display: flex;
        align-items: center;
    }
    .header .mid-header .box-header .header-search .header-search-wrap{
        margin-left: 1.5rem;
    }
    .header .mid-header .box-header .header-search .header-search-wrap:before{
        content: "";
        position: absolute;
        top: 2.2rem;
        left: -1.8rem;
        border-width: 1.8rem 1.6rem 0;
        border-style: solid;
        border-color: #ffe4ca transparent;
        display: block;
        width: 0;
        transform: rotate(-46deg);
    }
    .header .mid-header .box-header .header-search .search-form:after{
        top: .7rem;
        left: -1.8rem;
        bottom: auto;
        border-width: 2.6rem 2.6rem 0 0;
        border-color: transparent #fff;
        transform: rotate(0deg);
        content: "";
        position: absolute;
        border-style: solid;
        display: block;
        width: 0;
    }
    .header .mid-header .box-header .header-right .open-menu-btn, .header .bottom-header .navigation-horizontal .title-menu{
        display: none !important;
    }
    .header.forFixed .bottom-header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 1rem rgba(0,0,0,0.2);
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
        -webkit-animation: fadeInDown 0.4s both;
        animation: fadeInDown 0.4s both;
        border-top: 0;
    }
    .header .bottom-header .navigation-horizontal{
        position: static;
    }
    .header .bottom-header .navigation-horizontal .main-menu{
        justify-content: space-between;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom{
        display: flex;
        align-items: center;
        position: static;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body{
        flex: 1;
        display: block;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item>a{
        color: #000;
        font-size: 1.6rem;
        padding: 1rem 2rem;
        display: inline-block;
        text-align: center;
        position: relative;
        font-weight: 600;
        top: .1rem;
        white-space: nowrap;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item:hover>a{
        color: #ea6182;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item>a i{
        font-size: 1.2rem;
        font-weight: 500;
        transition: all .4s;
        overflow: hidden;
        vertical-align: middle;
        margin-left: .3rem;
        margin-bottom: .3rem;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .open_menu{
        display: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs .dropdown-menu{
        -webkit-box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.15);
        box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.15);
        background: #ffffff;
        position: absolute;
        top: calc(100% + 1rem);
        left: auto;
        width: 210px;
        z-index: 1030;
        display: block;
        opacity: 0;
        visibility: hidden;
        border-radius: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 0;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item.has-childs:hover .dropdown-menu{
        opacity: 1;
        visibility: visible;
        top: 100%;
        margin-top: 0;
        display: block;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .dropdown-menu .nav-item-lv2{
        padding: 0;
        border-bottom: .1rem solid #ebebeb;
        position: relative;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .dropdown-menu .nav-item-lv2 > a{
        padding: .7rem 2rem .7rem 1rem;
        line-height: 2.5rem;
        position: relative;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        color: #222;
        font-size: 1.6rem;
        display: block;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .dropdown-menu .nav-item-lv2 .sub-menu-2{
        -webkit-box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.15);
        box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.15);
        background: #ffffff;
        position: absolute;
        top: calc(100% + 1rem);
        left: 100%;
        width: 210px;
        z-index: 1030;
        display: block;
        opacity: 0;
        visibility: hidden;
        border-radius: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 0;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .dropdown-menu .nav-item-lv2:hover .sub-menu-2 {
        opacity: 1;
        visibility: visible;
        top: 0;
        margin-top: 0;
        display: block;
        position: absolute;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .dropdown-menu .nav-item-lv2 .sub-menu-2 .sub-item{
        padding: 0;
        border-bottom: .1rem solid #ebebeb;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav .nav-item .dropdown-menu .nav-item-lv2 .sub-menu-2 .sub-item > a{
        padding: .7rem 2rem .7rem 1rem;
        line-height: 2.5rem;
        position: relative;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        color: #222;
        font-size: 1.6rem;
        display: block;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-custom .menu-body ul.nav li:hover > a{
        color: #f7941d!important
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category{
        width: 250px;
        background-color: #fff;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        padding: 0;
        position: absolute;
        top: calc(100% + 1rem);
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
        z-index: 1030;
        border-radius: 1.5rem;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category.active-menu{
        opacity: 1;
        visibility: visible;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .open_menu{
        display: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category{
        width: 100%;
        background-color: #fff;
        z-index: 99;
        border-radius: 1.5rem;
        border: .1rem solid #c8103d;
        overflow-y: auto;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item{
        position: static;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item > a{
        padding: .8rem 1.5rem .8rem 2.8rem;
        color: #444;
        display: flex;
        margin: 0 1rem;
        position: relative;
        font-weight: 600;
        justify-content: space-between;
        align-items: center;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item > a img{
        width: 2.2rem !important;
        height: 2.2rem !important;
        position: absolute;
        right: auto;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        margin: auto 0;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item:hover > a{
        color: #c8103d;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu{
        position: absolute;
        top: 0;
        left: calc(100% - .1rem);
        z-index: 100;
        min-height: 100%;
        box-shadow: .2rem .3rem .7rem 0 rgba(0, 0, 0, 0.2);
        background-color: #fff;
        display: none;
        border-radius: 1.5rem;
        width: calc(300% + 6.1rem);
        height: 100%;
        overflow-y: auto;
        padding: 1rem;
        border: .1rem solid #c8103d;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item:hover .sub-menu{
        display: block;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item{
        width: 33.333333%;
        float: left;
        border: none;
        position: static;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item:nth-child(3n+1){
        clear: left;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item>a{
        font-weight: 600;
        background-image: none;
        padding-bottom: .6rem;
        position: relative;
        font-family: 'Inter', sans-serif;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item>a i{
        display: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item:hover > a{
        color: #ea6182;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item .sub-menu-2{
        width: auto;
        position: relative;
        top: inherit;
        left: inherit;
        z-index: 100;
        min-height: 100%;
        box-shadow: none;
        background-color: transparent;
        display: block;
        margin-bottom: 1.6rem;
        border: none;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item .sub-menu-2 li{
        width: 100%;
        border: none;
        clear: left;
        float: left;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item .sub-menu-2 li a{
        font-weight: normal;
        padding: 0;
        font-family: inherit;
        position: relative;
    }
    .header .bottom-header .navigation-horizontal .main-menu .menu-category .list-category .main-category .category-item .sub-menu .sub-item .sub-menu-2 li:hover a{
        color: #ea6182;
    }
    .mobile-nav-overflow.active-menu {
        content: " ";
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.6);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .header .bottom-header .navigation-horizontal .list-item-mb{
        display: none;
    }
    .section-service .service-item{
        flex: 0 0 20%;
        max-width: 20%;
    }
    .footer .main-footer .footer-info{
        flex: 0 0 35%;
        max-width: 35%;
    }
    .section-category-tabs .title-category-tabs {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .section-category-tabs .title-category-tabs .list-tabs{
        margin: 0 !important;
    }
    .layout-product .section-filter .filter-box {
        position: sticky;
        top: 45px;
    }
    .layout-product .main-content .sort-product .sort-right ul li:hover a, .layout-product .main-content .sort-product .sort-right ul li.active a {
        color: #f7941d;
    }
    .layout-product .main-content .sort-product .open-filter{
        display: none;
    }
    .layout-detail-product .top-content .product-images .product-images-wrap{
        position: sticky !important;
        top: 6rem;
    }
    .layout-detail-product .top-content .right-content .content-wrap{
        margin-top: 1.5rem;
    }
    .layout-detail-product .bottom-content .product-detail .product-detail-right .right-wrap {
        position: sticky;
        top: 6rem;
        z-index: 1;
    }
    .layout-blog .left-content .main-content{
        margin-bottom: 0;
    }
    .popup-bell{
        margin-bottom: 3rem;
    }
    .layout-contact .contact-left .contact-map{
        height: 100%;
    }
    .layout-contact .contact-left .contact-map iframe {
        width: 100%;
        height: 100%;
    }
    .popup-add-cart .btn-group {
        display: flex;
        justify-content: space-between;
        gap: 1.2rem;
    }
    .popup-add-cart .btn-group .close, .popup-add-cart .btn-group .check-out-btn {
        width: 50%;
        transition-duration: unset;
        border-radius: 15px;
    }
    .menu-categories .main-category {
        border: .1rem solid #ffe4ca !important;
    }
    .menu-categories .category-item .sub-menu {
        border: .1rem solid #ffe4ca !important;
    }
    .menu-categories .category-item:hover > a, .menu-categories .category-item .sub-menu .sub-item:hover > a, .menu-categories .category-item .sub-menu .sub-item .sub-menu-2 li:hover a {
        color: #f7941d !important;
    }
}

@media (min-width: 1024px) {
    .section-product-tabs .tabs-product-content .list-product .item-wrap{
        flex: 0 0 20%;
        max-width: 20%;
    }
    .section-category-tabs .tabs-product-content .list-product .item-wrap{
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .container{
        padding-right: 4.5rem;
        padding-left: 4.5rem;
        max-width: 1349px;
    }
    .main-product .main-product-wrap:hover {
        box-shadow: rgba(60,64,67,0.1) 0 .1rem .2rem 0,rgba(60,64,67,0.15) 0 .2rem .6rem .2rem;
    }
    .main-product:hover .product-thumb a img:not(.thumb-wrap){
        transform: scale(1.03);
    }
    .main-product:hover .product-thumb .product-action {
        top: calc(100% - 6.5rem);
    }
    .layout-detail-product .top-content .right-content .content-wrap {
        position: sticky !important;
        top: 6rem;
    }
}
@keyframes fadeInDown {
    0% {
        transform: translateY(-2rem);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes zoom-in-out {
    0% {
        transform: scale(0.8, 0.8);
    }
    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-8deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1, 1, 1) rotate(8deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1, 1, 1) rotate(-8deg);
    }
    100% {
        transform: scale(0.9);
    }
}
@keyframes popup-fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
    }
}
@keyframes iconSkew{
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes pulseSmall {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.44);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    }
}
@keyframes zoomzoom {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1.2);
    }
}

.productcount {
    width: 100%;
    /*display: inline-block;*/
    margin-top: 10px;
    position: relative;
}

.productcount .countitem {
    width: 100%;
    height: 17px;
    border-radius: 10px;
    position: relative;
    background: #8d251c;
    z-index: 1;
    overflow: hidden;
}
.productcount .countitem.visible {
    background: #ffdddf;
}
.productcount .fire {
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    top: -6px;
    left: 0;
}
.productcount span {
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    z-index: 4;
    color: #fff;
    line-height: 17px;
    left: 50%;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -os-transform: translateX(-50%);
}
.productcount span b {
    font-weight: 600;
}
.productcount .countitem .countdown {
    position: absolute;
    height: 17px;
    border-radius: 10px;
    background: linear-gradient(to right, #c8103d, #f4b631);
    z-index: 0;
    left: 0;
    top: 0;
}
.product-brand .pview-sold span{
    color: #f19339;
}
.section-hot-deal .title-box{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding: 0 15px;
}
.section-hot-deal h2{
    font-size: 38px;
    font-style: italic;
    color: #f19339;
    font-weight: 600;
}
.section-hot-deal .product-slider .slider-item,
.section-bestseller .product-slider .slider-item,
.list-product .slick-slide,
.section-flash-sale .main-flash-sale .product-slider .slider-item {
    margin: 0 1rem;
}

.section-hot-deal .product-slider .slick-list,
.section-bestseller .product-slider .slick-list,
.list-product .slick-list,
.section-flash-sale .main-flash-sale .product-slider .slick-list {
    margin: 0 -1rem;
}
.section-hot-deal,.section-bestseller {
    width: 100%;
    padding: 3rem 0;
    overflow: hidden;
}
.main-hot-deal ,.main-bestseller{
    border-radius: 1rem;
    border: 1px solid #ffeddbed;
    padding: 2rem;
}
.time-phot{
    font-weight: 600;
    font-style: italic;
}
.main-bestseller h2{
    font-size: 38px;
    font-style: italic;
    color: #f19339;
    font-weight: 600;
}
.main-bestseller .title-box{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding: 0 15px;
}
.action-btn-price{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sold-product {
    font-size: 12px;
}
@media (max-width: 768px) {
    .section-hot-deal .title-box{
        /*flex-direction: column;*/
        align-items: flex-start;
        gap: 1rem;
    }
    .main-hot-deal, .main-bestseller {
        padding: 15px 10px;
    }
    .main-product .product-info .title {
        font-size: 1.3rem;
        height: 3rem;
    }
    .main-product .product-info .price-box .price {
        font-size: 1.3rem;
    }
    .main-product .product-info .price-box .old-price {
        font-size: 1.2rem;
    }
    .slick-next, .slick-prev, .tabs-left, .tabs-right {
        display: none !important;
    }
    .main-product .product-info .price-box .price .discount {
        width: 3rem;
        right: -3.25rem;
        font-size: 1rem;
    }
    ._addCartWidget {
        width: 30px !important;
        height: 30px !important;
    }
}
.slick-prev {
    left: -20px
}
.slick-next {
    right: -20px
}
.menu-categories .main-category::-webkit-scrollbar {
    width: 3px; /* khoảng 1/3 của 12px */
    border-radius: 10px;
}

.menu-categories .main-category::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.menu-categories .main-category::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}

.menu-categories .main-category::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Firefox */
.menu-categories .main-category {
    scrollbar-width: thin;
    scrollbar-color: #bdbdbd #f1f1f1;
}
._addCartWidget {
    background: #f7941d;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.section-slider .main-slider.slick-slider {
    margin-bottom: 0;
}

.hot-search-title, .info-footer, .top-header {
    display: none;
}

.footer .main-footer .hot-search {
    border: none;
}

@media (min-width: 992px) {
    .menu-categories .category-item .sub-menu {
        width: 100% !important;
    }
    .menu-categories .category-item .sub-menu .sub-item {
        clear: none !important;
        float: none  !important;
        width: 100% !important;
        padding: .8rem 1.5rem .8rem 2.8rem;
    }

    .slick-next {
        right: -70px;
    }

    .slick-prev {
        left: -70px;
    }
}

@media (max-width: 991px) {
    .section-blogs>.container {
        overflow: hidden;
    }
    .slider-blogs {
        width: 90%;
    }
    .slider-blogs .slick-list {
        overflow: initial;
    }
    .section-categories .slider-categories .item-category .cate-box .title {
        position: relative;
        color: #000;
    }
    .section-categories .slider-categories .item-category .cate-box {
        overflow: unset;
    }
    .main-bestseller h2, .section-hot-deal h2 {
        font-size: 24px;
    }
    .thumb-slide .slick-track{
        margin-left:0;
    }
}
.category-desc {
    width: 100%;
    margin: 0 auto;
    padding: 24px;
    padding-bottom: 56px;
    position: relative;
}
.category-desc h1, .category-desc h2, .category-desc h3, .category-desc h4 {
    margin-left: 0 !important;
}
.category-content {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-top: 15px;
    max-width: 100%;
    overflow: hidden;
    max-height: 250px;
}
.category-content.comment-fill {
    max-height: unset;
}
.show-more{
    text-align: center;
}
.readmore-pview{
    text-align: center;
    display: block;
    cursor: pointer;
    line-height: 38px;
    width: 126px;
    margin: auto;
    border: 1px solid #000;
    border-radius: 50px;
    font-size: 14px;
}
#flip1:after {
    left: 0;
    top: -60px;
    height: 60px;
    width: 100%;
    z-index: 1;
    content: '';
    position: absolute;
    background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 1));
}
.navigation-horizontal .list-item-mb .item {
    padding-left: 1.7rem;
}
.section-blogs .slick-prev {
    left: -50px;
}
.section-blogs .slick-next {
    right: -50px;
}

@media (min-width: 1024px) {
    .section-slider {
        min-height: 446px;
    }
    .menu-categories .main-category {
        min-height: 446px;
    }
    .main-flash-sale {
        min-height: 498px;
    }
    .product-slider .slider-item.slick-slide {
        min-height: 370px;
    }
    .footer .main-footer .hot-search{
        padding-left: 2rem;
    }
}
.item-contact span,.item-contact a {
    color: #000 !important;
}
.detele-product:hover{
    cursor: pointer;
}
.view-more-product{
    display: inline-flex !important;
    border: 1px solid;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px !important;
    padding: 5px;
    border-radius: 15px;
}
@media (max-width: 768px) {
    .section-flash-sale .main-flash-sale .product-slider .slider-item {
        margin: 0;
    }
}
.main-content-detail a{
    color: #007aff !important;
}
#_modalPopupChangeTypeMethod.show{
    background: #08080899;
}
.modal-open > .modal-backdrop.show{
    display: none !important;
}
div#progressbar.active {
    opacity: 1;
    display: flex;
    visibility: visible;
}
#progressbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #9c9c9cc7;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    display: none;
    z-index: 999;
}
#progressbar .spinner-border {
    position: absolute;
    top: 50%;
}