.bold-text{font-weight: 700; color: var(--color-1);}
.contact-fixed{display: none; text-align: center; position: fixed; bottom: 0; width: 100%; background-color: var(--background-2); padding: 8px 0; box-shadow: var(--shadow-1);}
.contact-item{width: calc(100%/4); border-left: 1px solid #2b2b2b42;}
.contact-item:first-child{border: none;}
.contact-item a{display: flex; flex-direction: column; color: #2b2b2bcf; font-weight: 500; font-size: 12px;}
.contact-item i{font-size: 16px;}
.primary-btn{padding: 15px 50px; background-color: var(--color-1); color: #fff; border: honeydew; border-radius: 5px; font-size: 18px;}
/* BANNER TOP */
.grid-block{display: flex; gap: 5px;}
.grid-left{width: 66.666666%; display: flex;}
.grid-right{width: 33.333333%; display: flex; flex-direction: column; gap: 10px;}
.top-banner a{display: flex;}
/* BANNER TOP END */

/* PRODUCT GRID ITEM */
.product-grid-info{display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; padding: 10px 8px 10px; height: 100%;}
.product-grid-img img{border-radius: 0;}
.product-grid-title h2{font-size: 16px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0;}
.product-grid-price{display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: center;}
.grid-sale-price{font-size: 18px; font-weight: 500; color: var(--color-1);}
.grid-initial-price{font-size: 15px; text-decoration: line-through;}
.grid-percent{color: var(--color-1); font-size: 13px; background-color: #feeeea; padding: 2px 3px;}
/* PRODUCT GRID ITEM END */

/* PRODUCT CAROUSEL */
.product-carousel::-webkit-scrollbar {height: 0;}
.product-carousel-item{flex: 0 0 auto; width: calc(100%/5 - 8px); border: 1px solid var(--border-1); border-radius: 5px; display: flex; flex-direction: column; position: relative;}
/* PRODUCT CAROUSEL END */

/* PRODUCT GRID SIMPLE */
.product-grid-item{flex: 0 0 auto; width: calc(100%/5 - 10px); border: 1px solid var(--border-1); border-radius: 5px; display: flex; flex-direction: column; position: relative; margin: 5px;}
.product-grid-wrap{display: flex; flex-wrap: wrap;}
/* PRODUCT GRID SIMPLE END */

/* PRODUCT SIDE */
.product-side-wrap{display: flex; flex-direction: column; gap: 10px;}
.product-side-item{border: 1px solid var(--border-2); border-radius: 5px;}
.product-side figure{margin: 0;}
/* PRODUCT SIDE END */

/* BREADCRUMB */
.breadcrumb{text-align: center;}
/* BREADCRUMB END */

/* RATING STAR */
.rating-wrap{display: flex; align-items: center; gap: 12px;}
#average-score{font-size: 20px; color: var(--color-1); font-weight: 600; border-bottom: 1px solid;}
#average-score.no-review{font-size: 15px; color: initial; border: none;}
.star-wrap{display: flex;}
.rating-score{position: relative; color: var(--color-1); margin-top: 2px;}
.rating-star{position: absolute; overflow: hidden;}
.rating-count{padding-left: 12px; border-left: 1px solid var(--border-1);}
.review-count{font-size: 20px; font-weight: 600; border-bottom: 1px solid;}
/* RATING STAR END */

/* PRODUCT ARCHIVE */
.archive-product{width: 80%;}
.archive-product-wrap{margin: 20px 0 0;}
.archive-sort, .archive-sort-wrap, .archive-page-btn, .sort-item{display: flex; align-items: center; gap: 5px;}
.archive-sort{justify-content: space-between;}
.sort-btn{padding: 12px; border: none; flex: 0 0 auto;}
#reset-filter{display:none; padding: 12px; cursor: pointer; background-color: #ffc7c1; border: 1px solid var(--color-1); color: var(--color-1); font-weight: 600; border-radius: 5px; padding: 8px 12px; margin-bottom: 10px;}
.sort-active{background: var(--color-1); color: #fff;}
.archive-current-page{color: var(--color-1); font-weight: 700;}
.archive-nav-wrap{display: flex; gap: 2px;}
.archive-nav-btn{padding: 10px; border: none; background-color: var(--border-1);}
.archive-nav-btn.archive-no-nav{background-color: #fff; border: 1px solid var(--border-1);}
.product-grid{margin-bottom: 30px;}
.archive-grid-item{display: flex; flex-direction: column; position: relative; border: 1px solid var(--border-2); border-radius: 5px; width: calc(100%/4 - 10px); margin: 5px;}
.filter-item .filter-input{cursor: auto;}
.archive-filter-next{display: none;}
.archive-empty{width: 100%; text-align: center;}
.archive-result-img{width: 20%;}
.archive-result-title{font-weight: 500;}
.archive-result-text{margin-top: 10px;}
/* PRODUCT ARCHIVE END */

/* PRODUCT FILTER */
#archive-filter{width: 20%;}
.archive-filter-sidebar{padding: 20px 10px; margin: 20px 0 0;}
.archive-filter-wrap{position: sticky; top: 80px; background: #fff;}
.filter-group-wrap{height: 80vh; overflow-y: scroll; padding: 0 5px 0 6px;}
.filter-group-wrap::-webkit-scrollbar{width: 6px; visibility: hidden;}
.filter-group-wrap::-webkit-scrollbar-thumb{border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #fac5bc;}
.filter-group{padding-bottom: 15px;}
.filter-label{margin-bottom: 8px; padding: 8px; background-color: #fff5f5; border-radius: 5px;}
.filter-item{display: flex; gap: 8px; padding: 5px 0; font-size: 15px;}
.filter-input{width: 50%; height: 25px; border: 1px solid #ababab; border-radius: 5px;}
.filter-input:focus{outline: none;}
.filter-submit{width: 100%; background-color: var(--color-1); color: #fff; padding: 6px; border: none; margin-top: 10px; border-radius: 5px;}
.filter-checkbox{margin: 0;}
#filter-btn, .filter-close-btn{display: none; z-index: 8;}
.filter-item input{cursor: pointer;}
/* PRODUCT FILTER END */

/* PRODUCT PAGE */
.product-info{display: flex; gap: 30px; margin: 30px auto 20px;}
.product-left, .product-right{width: 50%; position: relative;}
.product-left figure{border: 1px solid var(--border-1); border-radius: 5px;}
.product-sticky{position: sticky; top: 90px;}
.product-gallery{display: flex; gap: 8px; padding: 6px 0;}
.product-gallery figure{flex: 0 0 auto; width: calc(100%/6 - 5px); cursor: pointer;}
.product-price{display: flex; gap: 8px; align-items: center; padding: 20px 0;}
.sale-price-block{font-size: 30px; font-weight: 500; color: var(--color-1);}
.initial-price-block{text-decoration: line-through;}
.price-dis-percent{background-color: var(--color-1); padding: 3px 5px; font-size: 13px; color: #ffffff;}
.product-title h1{font-size: 28px; font-weight: 600; margin: auto; padding: 10px 0;}
.product-meta{display: flex; align-items: center;}
.product-meta{gap: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border-1);}
.product-sold{padding-left: 15px; border-left: 1px solid var(--border-1);}
.sold-count{font-size: 20px; font-weight: 600; border-bottom: 1px solid;}
.quantity, .quantity-wrap{display: flex;}
.quantity{gap: 30px; align-items: center;}
.quantity-btn{width: 36px; height: 42px; background-color: #fff; border: 1px solid var(--border-1); color: #656565; font-size: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.quantity-input{width: 50px; height: 38px; text-align: center; border: 1px solid var(--border-1); border-left: none; border-right: none;}
.add-cart-wrap{margin-top: 20px;}
.add-cart-action{display: flex; gap: 20px; margin: 20px auto; align-items: center; font-weight: 600;}
#add-to-cart{background: #ffcdc8; border-radius: 5px; color: #81190E; border: 1px solid;}
#buy-now{padding: 12px 50px; background-color: #d82e1d; color: #fff; border-radius: 5px; border: none;}
#add-to-cart, #buy-now{font-size: 16px; padding: 15px; width: 50%;}
.product-attribute{display: flex; gap: 15px; padding: 20px 0; font-size: 15px;}
.attribute-left, .attribute-right{display: flex; flex-direction: column; gap: 8px;}
.attribute-left{width: 40%;}
.attribute-right{width: 60%;}
.product-attribute a{color: #0041E6; font-weight: 500;}
.attribute-sep{color: var(--border-1);}
.product-lable{padding: 20px 0 0; border-top: 1px solid var(--border-1); font-weight: 500;}
.product-lable-item{display: flex; gap: 20px; list-style: none; margin: 10px auto; padding: 5px 0;}
.product-lable-item li{display: flex; align-items: center; gap: 3px; color: #387B53;}
.product-article-content{display: flex; gap: 20px;}
.product-article-content section{margin: 0;}
.product-content-wrap{width: 80%; display: flex; flex-direction: column; gap: 20px;}
.product-content img{width: auto; max-width: 100%; border-radius: 0;}
.product-content ul{padding: 5px 0 0 25px; margin-bottom: 5px;}
.product-review{margin-top: 10px;}
.review-session{padding: 20px 0; border-bottom: 1px solid var(--border-1);}
.review-session:last-child{border: none;}
.product-sidebar-wrap{width: 20%; position: relative;}
.product-sidebar-sticky{position: sticky; top: -1000px;}
.product-content h2{font-size: 23px;}
.product-content h2::after{content: ''; display: block; left: 0; margin-top: 10px; width: 10%; height: 2px; background: var(--color-1);}
.product-content table{margin-bottom: 15px;}
.product-content td{padding: 10px 15px;}
.review-author-verify{display: flex; gap: 11px; align-items: center;}
.review-author{font-size: 23px;}
.review-date{font-size: 13px;}
.review-item-star{padding: 5px 0;}
.review-verify{display: flex; align-items: center; gap: 3px; font-size: 13px; color: #227f27; font-weight: 600;}
.review-verify .icon-verify{font-size: 16px;}
.chat-now{display: none;}
.product-content figure{display: flex; height: auto; margin: 0;}
.product-content table{width: 100%; border: 1px solid var(--border-2);}
.product-content tr td:first-child{width: 30%;}
.out-of-stock{padding: 25px 20px; text-align: center; font-weight: 700; background-color: var(--border-1); color: var(--color-1); font-size: 25px;}

    /* AFFILIATE */
.affiliate-wrap{border: 1px solid var(--border-1); border-bottom: 0;}
.product-affiliate{padding: 10px 0;}
.affiliate-item{display: none; align-items: center; border-bottom: 1px solid var(--border-1);}
.affiliate-item div{width: 50%;}
.affiliate-item figure{justify-content: flex-start;}
.affiliate-item img{width: auto; max-width: 100%;}
.affiliate-link{cursor: pointer; background-color: var(--color-1); color: #fff; padding: 5px 8px; border-radius: 5px;}
.affiliate-item div:last-child{display: flex; justify-content: center; padding: 12px 0; border-left: 1px solid var(--border-1);}
    /* AFFILIATE END */
/* PRODUCT PAGE END */

/* CART NOTICE */
#notice-add-cart{display: flex; justify-content: center; align-items: center; position: fixed; top: 28%; right: 0; left: 0;}
#notice-cart-wrap{padding: 22px 60px; background-color: #000000b0; color: #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.notice-cart-icon{color: #00BFA5; font-size: 60px;}
.notice-cart-content{font-size: 18px; padding-bottom: 10px;}
/* CART NOTICE END */

/* CART PAGE */
.cart-list-head{display: flex; gap: 10px;  text-align: center; padding-bottom: 20px; border-bottom: 1px solid var(--border-1); font-weight: 500;}
.header-thumbnail{width: 8%;}
.header-name{width: 50%;}
.header-item-group{width: 92%; display: flex; gap: 10px;}
.header-price, .header-quantity, .header-total, .header-edit{width: calc(50%/4 - 10px);}
.item-id{display: none;}
#cart-items>div, .item-meta{display: flex; gap: 10px; align-items: center;}
#cart-items>div{padding: 20px 0; border-bottom: 1px solid var(--border-1);}
#cart-items>div:last-child{border-bottom: none; padding-bottom: 0;}
.item-thumbnail{width: 8%;}
.item-meta{width: 92%;}
.item-name{width: 50%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5;}
.item-price, .item-quantity, .item-total, .item-edit{width: calc(50%/4 - 10px); text-align: center;}
.item-total{color: var(--color-1); font-weight: 500;}
.item-quantity{display: flex; justify-content: center; align-items: center;}
.cart-quantity-btn{width: 35px; height: 36px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border-1); cursor: pointer;}
.cart-quantity-input{width: 35px; height: 34px; text-align: center; border: 1px solid var(--border-1); border-left: none; border-right: none; font-size: 16px;}
.quantity-delete{border: none; background: none; cursor: pointer;}
.cart-price-wrap{display: flex; gap: 8px;}
.cart-total-weight{display: none;}
.cart-price-value{color: var(--color-1);}
.cart-overview{display: flex; justify-content: flex-end; gap: 30px; align-items: center; font-size: 18px;}
.cart-price-wrap{display: flex; gap: 8px; justify-content: flex-end; align-items: center;}
#cart-total-item{color: var(--color-1); font-weight: 500;}
.cart-price-value{color: var(--color-1); font-size: 25px; font-weight: 500;}
#cart-btn{position: sticky; bottom: 0; box-shadow: 0 2px 6px -1px rgba(0,0,0,.16),0 6px 18px -1px rgba(0,0,0,.1); z-index: 10;}
.cart-empty{text-align: center; padding: 30px 0; font-weight: 700; color: var(--color-2);}
.cart-empty-btn{text-align: center; margin: 30px auto;}
/* CART PAGE END */

/* CHECKOUT PAGE */
.checkout-form-wrap{display: flex; gap: 20px;}
.checkout-left, .checkout-right{width: 50%;}
.checkout-cart{position: sticky; top: 100px; box-shadow: var(--shadow-1);}
.checkout-block{margin-top: 15px;}
.item-title{font-weight: 500;}
.customer-info{display: flex; gap: 10px; margin-top: 20px;}
/* .customer-info .checkout-item{width: 50%;} */
.input-item input{height: 36px; margin-top: 8px; border: 1px solid var(--border-2); padding: 10px; border-radius: 5px; font-size: 16px;}
.input-item input:focus, .customer-note:focus{outline: 1px solid var(--color-1);}
.checkout-location-select{display: flex; gap: 10px; flex-direction: column;}
.checkout-item{width: 50%;}
.location-btn{min-height: 36px; text-align: left; padding: 10px; font-size: 16px; display: flex; align-items: center; border-radius: 5px; border: 1px solid var(--border-2); background-color: #fff; justify-content: space-between; line-height: 1.3; color: #676767;}
/* Fixed Location Select */
.block-title{font-weight: 700; font-size: 25px; margin-bottom: 10px;}
.location-fixed{position: fixed; top: 45%; left: 50%; z-index: 100; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transform: scale(0); transition: transform 300ms ease, opacity 300ms ease;}
.location-fixed.show{display:flex; visibility: visible; opacity: 1; transform: scale(1) translate(-50%, -50%);}
.location-fixed-wrap{padding: 30px 50px 50px; background-color: #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; box-shadow: 0 4px 12px 6px rgba(0, 0, 0, 0.2);}
.location-fixed-wrap i{color: #288ad6;}
.location-title-block{margin-bottom: 15px;}
.single-select-btn{width: 100%; height: 36px; padding: 8px 10px; display: flex; justify-content: space-between; background-color: #ebfaff; font-size: 15px; border-radius: 5px; border: solid 1px #da232c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.single-select-btn::after, button.location-btn::after{content:'\e92f'; font-family: 'icomoon';}
#blur-container{background-color: #ffffff5e; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; backdrop-filter: blur(2px); display: none;}
#custommer-address{font-weight: 600;}
#custommer-address::placeholder{font-weight: 500;}
.location-error{display: none; color: #da232c; font-weight: 500; font-size: 15px;}
#add-location-btn{width: 100%; padding: 12px; margin-top: 10px; background-color: var(--color-1); border: none; border-radius: 5px; color: #fff; font-size: 16px;}

/* .checkout-location-row{display: flex; gap: 10px;} */
.location-select{position: relative; width: 100%;}
.single-select-values{display: none; position: absolute; background-color: #fff; padding: 10px; border: 1px solid #d1d1d1; z-index: 10; width: 100%;}
.single-item{padding: 10px 0px; cursor: pointer;}
.single-search{margin-bottom: 6px;}
.select-search.single-search-input{font-size: 15px; margin-top: 0px}
.single-all-items{min-height: 130px; max-height: 380px; overflow-y: scroll;}
.single-all-items span{display: block; margin-top: 10px; color: #919191;}

.customer-email{margin-top: 15px;}
#email-checkbox{display: flex; gap: 5px;}
#email-notice{max-width: 16px; margin: 0;}
#checkout-email-wrap{display: none;}
.shipping-method, .payment-method{display: flex; align-items: center; gap: 5px; margin-top: 10px;}
.shipping-method input, .payment-method input{max-width: 4%;}
.shipping-info{display: flex; flex-direction: column; width: 65%;}
.expected-shipping{font-size: 0.9rem;}
.shipping-title{font-weight: 500;}
.shipping-method-sep{width: 5%; text-align: center;}
.shipping-item{margin-top: 20px;}
.shipping-price{width: 18%; font-weight: 500; text-align: right;}
.shipping-notice{margin-top: 20px; padding: 10px; background-color: var(--background-1); border-radius: 5px;}
.payment-method-item{margin-top: 20px;}
.customer-note{margin-top: 20px; padding: 10px; width: 100%; height: 100px; box-sizing: border-box; border: 1px solid var(--border-2); border-radius: 5px; font-size: 16px;}
.checkout-submit{margin-top: 20px;}
#checkout-confirm{width: 100%; padding: 15px 30px; border-radius: 5px; border: none; background-color: var(--color-1); color: #fff; font-size: 18px; font-weight: 700;}
.checkout-list-head{display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--border-1); font-weight: 500;}
#checkout-items>div{display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-1);}
#checkout-items>div:last-child{border: none;}
.checkout-item-thumbnail{width: 10%;}
.checkout-item-meta{display: flex; justify-content: space-between; width: 90%; gap: 10px; align-items: center; font-size: 15px;}
.checkout-item-title{width: 60%; font-size: 0.9rem;}
.checkout-product-item{width: 20%;}
.checkout-item-total{text-align: right;}
.checkout-item-group{display: flex; flex-direction: column; align-items: center; gap: 5px;}
.checkout-quantity{display: flex; align-items: center;}
.checkout-quantity-input{width: 35px; height: 26px; text-align: center; border: 1px solid var(--border-1); border-left: none; border-right: none; font-size: 15px;}
.checkout-quantity-btn{width: 29px; height: 28px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border-1); cursor: pointer;}
#checkout-items{border-bottom: 1px solid var(--border-1);}
.checkout-summary{display: flex; flex-direction: column; gap: 15px;}
.checkout-summary-item{display: flex; gap: 20px; text-align: right; align-items: center;}
.checkout-summary-title{width: 80%; font-weight: 500;}
.checkout-fee{width: 20%;}
#summary-total-block{border-top: 1px solid var(--border-1); padding-top: 15px;}
#summary-total{font-weight: 500; color: var(--color-1); font-size: 20px;}
.payment-method span{display: flex; gap: 5px; align-items: center; font-size: 18px;}
.payment-method img{width: 18px;}
.shipping-method-icon{width: 8%; font-size: 30px;}
.icon-standard-shipping{color: var(--color-2);}
.icon-fast-shipping{color: var(--color-1);}
.icon-cash{color: var(--color-2);}
.icon-bank, .icon-qrcode, .icon-now-shipping{color: var(--color-1);}
.review-checkout{display: none;}
/* CHECKOUT PAGE END */

/* ORDER SUCCESS PAGE */
.success-notice-text{text-align: center;}
#success-payment-method{font-size: 18px; font-weight: 700; color: var(--color-1);}
.success-payment-notice{width: 50%; text-align: center; padding: 30px; margin: 20px auto 0; background-color: var(--background-2); border-radius: 5px; box-shadow: var(--shadow-1);}
.success-order-info{display: flex; gap: 20px;}
.success-shipping-address{width: 60%;}
.success-customer-note{width: 40%;}
.shipping-address-info{display: flex; flex-direction: column; gap: 8px; margin-top: 15px;}
.customer-note-text{margin-top: 15px; background-color: var(--background-3); padding: 15px;}
#success-shipping-method, #shipping-time{font-weight: 700; color: var(--color-2);}
.success-header-list, .success-product-list{display: flex; align-items: center; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--border-2);}
.success-header-thumbnail, .success-product-thumbnail{width: 8%;}
.success-header-group, .success-product-group{display: flex; gap: 20px; width: 92%; align-items: center;}
.success-header-group{text-align: center; font-weight: 700;}
.success-header-name, .success-product-name{width: 60%;}
.success-header-item, .success-product-item{width: calc(40%/3); text-align: center;}
.success-product-list:last-child{border: none;}
.success-thanks-notice{background: var(--background-1); text-align: center; font-size: 18px; padding: 20px; border-radius: 5px; margin-top: 30px;}
.success-calculate-item{display: flex; gap: 20px; justify-content: flex-end; margin: 15px 0; text-align: right;}
.success-calculate{margin-top: 20px;}
.order-product-total{text-align: right;}
.success-calculate-left{width: 90%;}
.success-calculate-right{width: 10%;}
.payment-notice-title{font-size: 20px; font-weight: 700; color: var(--color-2);}
.payment-method-info{display: flex; flex-direction: column; gap: 20px; padding: 20px; background-color: #fff;}
.payment-notice-block{display: flex; flex-direction: column; gap: 20px;}
.payment-account-info, .payment-account-left{display: flex; align-items: center;}
.payment-account-info{justify-content: space-between;}
.payment-account-left{gap: 10px;}
.copy-btn{padding: 5px 8px; background: var(--color-3); border-radius: 5px; font-size: 15px; cursor: pointer;}
.payment-account-value{font-weight: 700;}
.success-payment-note{padding: 10px; background-color: var(--background-1); margin-top: 20px;}
.qr-create{display: flex; flex-direction: column; gap: 5px;}
.qr-img{width: 50%; margin: auto;}
.qr-download{color: var(--color-2); font-weight: 700; padding-bottom: 5px; border-bottom: 1px solid; font-size: 16px;}
.payment-momo-title{font-size: 20px; font-weight: 700; color: #a81e6c;}
/* .payment-zalopay-title{font-size: 20px; font-weight: 700; color: #0f63ec;} */
.payment-momo-open{display: block; background: #a71d6c; border-radius: 5px; padding: 8px 10px; color: #fff;}
#copy-notice{position: fixed; top: 50%; left: 50%; background-color: #000000b0; padding: 10px 15px; border-radius: 5px;}
.copy-notice-block{display: flex; flex-direction: column; align-items: center; gap: 3px;}
.copy-notice-block{color: #00BFA5; font-size: 25px;}
.copy-notice-text{font-size: 15px; color: #fff;}
.success-return{width: 20%; margin: auto;}
.focus-btn{background-color: var(--color-1); text-align: center; border-radius: 5px; font-size: 20px; font-weight: 700;}
.focus-btn a{color: #fff; padding: 15px 8px; display: block;}
/* ORDER SUCCESS PAGE END */

/*RESPONSIVE*/
@media only screen and (max-width:1200px){
    .product-sidebar-sticky{top: -830px;}
    /* CHECKOUT PAGE */
    .checkout-list-head{font-size: 0.9rem;}
    /* CHECKOUT PAGE END */
}

@media only screen and (max-width:1024px){
    /* PRODUCT CAROUSEL */
    .product-carousel-item{width: calc(25% - 7px);}
    /* PRODUCT CAROUSEL END */

    /* PRODUCT GRID SIMPLE */
    .product-grid-item{width: calc(25% - 10px);}
    /* PRODUCT GRID SIMPLE END */

    /* PRODUCT PAGE */
    .product-content-wrap{width: 72%;}
    .product-sidebar-wrap{width: 28%;}
    .product-sidebar-sticky{top: -890px;}
    .product-related .product-grid-item:last-child, .product-related .product-grid-item:nth-last-child(2){display: none;}
    .product-attribute{gap: 10px; font-size: 13px;}
    .attribute-left, .attribute-right{width: 50%;}
    /* PRODUCT PAGE END */

    /* PRODUCT ARCHIVE */
    .archive-filter-sidebar{top: -130px;}
    #archive-filter{width: 22%;}
    .archive-product{width: 78%;}
    .archive-grid-item{width: calc(100%/3 - 10px);}
    .archive-sort-wrap{width: 75%;}
    .archive-filter-next{display: flex;}
    /* PRODUCT ARCHIVE END */

    /* CART PAGE */
    .header-name, .item-name{width: 40%;}
    .header-price, .header-quantity, .header-total, .header-edit, .item-price, .item-quantity, .item-total, .item-edit{width: calc(60%/4 - 10px);}
    /* CART PAGE ARCHIVE */

    /* CHECKOUT PAGE */
    .shipping-title{font-size: 16px;}
    .expected-shipping{font-size: 13px;}
    /* CHECKOUT PAGE END */

    /* SUCCESS PAGE */
    .success-payment-notice{width: 60%;}
    .success-payment-note{font-size: 15px;}
    /* SUCCESS PAGE END */
}

@media only screen and (max-width:920px){
    /* PRODUCT GRID ITEM */
    .grid-sale-price{font-size: 16px;}
    .grid-initial-price{font-size: 13px;}
    /* PRODUCT GRID ITEM END */

    /* PRODUCT PAGE */
    .product-info{flex-direction: column; gap: 8px; margin: 10px auto;}
    .product-left, .product-right, .product-content-wrap{width: 100%;}
    .product-attribute{flex-direction: row; gap: 20px; font-size: 16px; order: 4;}
    .product-thumbnail{display: none;}
    .product-gallery{padding: 0; width: 100%;}
    .product-gallery figure{width: calc(100% - 1px);}
    .product-gallery-img{border: none;}
    .add-cart-action{gap: 20px; margin: 0;}
    .quantity-title{display: none;}
    .add-cart-wrap{width: 100%; position: fixed; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 10px 20px; background-color: #fff; box-shadow: var(--shadow-1); z-index: 8;}
    .quantity-title{display: none;}
    .chat-now{width: 12%; display: inline;}
    .chat-now-text{font-size: 13px;}
    .chat-now-btn{display: flex; flex-direction: column; align-items: center; padding: 6px; background-color: var(--color-3); border-radius: 5px;}
    .quantity{width: 18%; justify-content: center;}
    .add-cart-action{width: 70%;}
    .product-detail{display: flex; flex-direction: column;}
    .product-title{order: 1;}
    .product-price{order: 2; border-bottom: 1px solid var(--border-1);}
    .product-meta{order: 3; border-bottom: none;}
    .product-lable{order: 5;}
    .product-left figure{border: none; border-radius: 0; padding: 0 1px;}
    .out-of-stock{padding: 10px 20px; font-size: 20px;}
    .product-article-content{flex-direction: column;}
    .product-sidebar-wrap{width: 100%;}
    .product-side-wrap{flex-wrap: wrap; flex-direction: row; gap: 0;}
    .product-side-item{width: calc(100% / 3 - 10px); margin: 5px;}
    /* PRODUCT PAGE END */

    /* PRODUCT ARCHIVE */
    .archive-product{width: 100%;}
    .archive-grid-item{width: calc(100%/4 - 10px);}
    .sort-btn{padding: 10px;}
    .archive-page-btn{display: flex;}
    .archive-nav-btn{padding: 8px;}
    #filter-btn{display: flex; align-items: center; gap: 5px; position: fixed; top: 30%; left: 0; font-size: 15px; background-color: var(--color-3); padding: 5px 8px; align-items: center; border-radius: 0 5px 5px 0; cursor: pointer;}
    #archive-filter{display: none; position: fixed; z-index: 20; height: 100%; top: 0; left: -100%; width: 100%; transition: left 0.3s ease-in-out}
    #archive-filter.filter-active{left:0;}
    .archive-filter-wrap{margin: 0; border-radius: 0;}
    .archive-filter-wrap{width: 30%; box-shadow: var(--shadow-1); overflow-y: auto;}
    .archive-filter-close{width: 70%; height: 100%; background-color: #0000008a; top: 0; right: 0;}
    .filter-close-btn{display: block; text-align: center; font-size: 25px; color: var(--color-1); margin-bottom: 15px;}
    .filter-reset-wrap{display: flex; justify-content: center;}
    .product-grid-title h2{font-size: 0.9rem;}
    .archive-filter-next{display: none;}
    .archive-sort-wrap{width: 80%;}
    /* PRODUCT ARCHIVE END */

    /* CART PAGE */
    .header-name, .item-name{width: 35%;}
    .header-price, .header-quantity, .header-total, .header-edit, .item-price, .item-quantity, .item-total, .item-edit{width: calc(65%/4 - 10px);}
    .header-item-group{font-size: 15px;}
    /* CART PAGE END */

    /* CHECKOUT PAGE */
    .checkout-form-wrap{flex-direction: column;}
    .checkout-left, .checkout-right{width: 100%;}
    .shipping-method-icon{width: 6%;}
    .shipping-info{width: 38%;}
    .shipping-price{width: 15%;}
    .checkout-submit{position: fixed; bottom: 0; left: 0; z-index: 10; background-color: #fff; width: 100%; padding: 15px; display: flex; gap: 20px; justify-content: flex-end; align-items: center;         box-shadow: var(--shadow-1);}
    #checkout-confirm{width: 25%;}
    .review-checkout{display: block; font-weight: 600;}
    .checkout-note{margin: 20px 0 0;}
    .checkout-cart{margin: 0;}
    #review-cart-item{color: var(--color-2);}
    .location-fixed-wrap{padding: 30px;}
    /* CHECKOUT PAGE END */

    /* SUCCESS PAGE */
    .success-payment-notice{width: 80%;}
    .success-return{width: 26%;}
    .success-return a{font-size: 18px; padding: 10px;}
    .success-thanks-notice{font-size: 15px;}
    .success-shipping-address{width: 65%;}
    .success-customer-note{width: 35%;}
    .success-calculate-left{width: 82%;}
    .success-calculate-right{width: 18%;}
    .success-header-name, .success-product-name{width: 50%;}
    .success-header-item, .success-product-item{width: calc(50% / 3);}
    .success-product-list{font-size: 15px;}
    .success-header-group, .success-product-group{gap: 5px;}
    /* SUCCESS PAGE END */
}

@media only screen and (max-width:768px){
    .contact-fixed{display: flex;}
    /* BANNER TOP */
    .top-banner{padding: 0;}
    .grid-left, .grid-right, .grid-right>div{width: 100%; flex: 0 0 auto;}
    .grid-right{flex-direction: row;}
    /* BANNER TOP END */

    /* PRODUCT CAROUSEL */
    .product-carousel-item{width: calc(50% - 5px);}
    .product-grid-item{width: calc(50% - 10px)}
    /* PRODUCT CAROUSEL END */

    /* PRODUCT GRID ITEM */

    /* PRODUCT GRID ITEM END */

    /* PRODUCT PAGE */
    .product-title h1{font-size: 20px; padding: 0 0 10px;}
    .product-meta, .rating-wrap{gap: 6px;}
    .product-meta{padding: 10px 0;}
    .rating-count, .product-sold{font-size: 15px; padding-left: 6px;}
    .product-price{padding: 10px 0;}
    .product-content h2::after{width: 25%;}
    .product-related .product-grid-item:last-child, .product-related .product-grid-item:nth-last-child(2){display: inherit;}
    .quantity{width: 12%;}
    .add-cart-action{width: 72%;}
    .chat-now{width: 16%;}
    .quantity-btn{display: none;}
    .quantity-input{border: 1px solid var(--border-1);}
    .product-side-item{width: calc(50% - 10px); margin: 5px;}
    /* PRODUCT PAGE END */

    /* PRODUCT ARCHIVE */
    .archive-filter-wrap{width: 45%;}
    .archive-filter-close{width: 55%;}
    .archive-filter-next{display: flex;}
    .archive-sort-wrap{width: 70%;}
    .archive-grid-item{width: calc(100% / 3 - 10px);}
    /* PRODUCT ARCHIVE END */

    /* CART PAGE */
    .item-thumbnail{width: 25%;}
    #cart-items>div{gap: 30px;}
    .item-meta{width: 75%; flex-direction: column;}
    .item-name, .item-price, .item-quantity, .item-total, .item-edit{width: 100%; text-align: left; justify-content: left;}
    .item-name{font-size: 20px;}
    .item-price:before{content: "Đơn giá: "; font-weight: 500;}
    .item-total:before{content: "Thành tiền: "; font-weight: 500; color: initial;}
    .item-price, .item-total{font-weight: 700;}
    .cart-price-wrap{flex-direction: column; gap: 3px;}
    .cart-total-text{font-size: 15px;}
    .cart-price-value{font-size: 20px;}
    .cart-list-head{display: none;}
    /* CART PAGE END */

    /* CHECKOUT PAGE */
    .checkout-item-meta{flex-direction: column;}
    .checkout-product-item{width: 100%; align-items: flex-end;}
    .checkout-item-thumbnail{width: 25%;}
    .checkout-item-meta{width: 75%;}
    .checkout-item-price{font-weight: 600;}
    .checkout-item-price:before{content: "Đơn giá: "; font-weight: 400;}
    .checkout-item-total{font-weight: 700;}
    .checkout-item-total:before{content: "Thành tiền: "; font-weight: 500; color: #414141;}
    #checkout-confirm{width: 35%;}
    .block-title{font-size: 23px; margin: 0;}
    .location-fixed-wrap{padding: 30px 50px 50px; width: 450px;}
    /* CHECKOUT PAGE END */

    /* SUCCESS PAGE */
    .success-payment-notice{width: 95%; padding: 15px;}
    .success-return{width: 35%;}
    .success-return a{padding: 13px; font-size: 16px;}
    .success-thanks-notice{font-size: 12px;}
    .copy-btn, .success-payment-note{font-size: 0.9rem;}
    .success-order-info{flex-direction: column;}
    .success-shipping-address, .success-customer-note{width: 100%;}
    .success-header-list{font-size: 13px;}
    /* SUCCESS PAGE END */
}

@media only screen and (max-width:580px){
    .primary-btn{padding: 10px 20px;}
    /* PRODUCT PAGE */
    #average-score, .review-count, .sold-count{font-size: 18px;}
    .rating-count, .product-sold{font-size: 13px;}
    .sale-price-block{font-size: 26px;}
    .initial-price-block{font-size: 13px;}
    .product-content tr td:first-child{width: 45%;}
    .product-content td{padding: 6px; font-size: 15px;}
    .product-attribute{flex-direction: column; gap: 10px;}
    .product-lable-item{font-size: 16px;}
    .attribute-left, .attribute-right{width: 100%;}
    .add-cart-wrap{gap: 10px;}
    .quantity{display: none;}
    .chat-now{width: 16%;}
    .chat-now-btn{padding: 6px; color: #414141;}
    .add-cart-action{width: 84%; gap: 10px;}
    #add-to-cart, #buy-now{font-size: 0.9rem;}
    #add-to-cart{width: 60%;}
    #buy-now{width: 40%;}
    #notice-add-cart{top: 35%;}
    #notice-cart-wrap{padding: 10px; gap: 0;}
    .notice-cart-icon{font-size: 45px;}
    .notice-cart-content{font-size: 16px;}
    .product-title h1{font-size: 19px; padding: 0;}
    .product-attribute{padding: 15px 0;}
    /* PRODUCT PAGE END */

    /* PRODUCT ARCHIVE */
    .archive-filter-wrap{width: 70%;}
    .archive-filter-close{width: 30%;}
    .archive-page-btn{display: none;}
    .archive-sort-wrap{width: 100%;}
    .archive-grid-item{width: calc(100% / 2 - 10px);}
    /* PRODUCT ARCHIVE END */

    /* CART PAGE */
    #cart-items>div{gap: 15px;}
    .item-thumbnail{width: 40%;}
    .item-meta{width: 60%; font-size: 0.9rem; gap: 5px;}
    .item-name{font-size: 0.9rem;}
    .cart-overview{gap: 15px;}
    .cart-quantity-btn{height: 30px;}
    .cart-quantity-input{height: 28px;}
    /* CART PAGE END */

    /* CHECKOUT PAGE */
    .checkout-summary-title{width: 65%;}
    .checkout-fee{width: 35%;}
    .review-checkout{width: 60%; text-align: center;}
    #checkout-confirm{width: 40%; font-size: 15px; padding: 15px 12px;}
    #email-notice-title{font-size: 15px;}
    .customer-info, .checkout-location-select{flex-direction: column;}
    .location-select-item{width: 100%;}
    .shipping-method-icon{width: 8%; font-size: 22px;}
    .shipping-title{font-size: 15px;}
    .expected-shipping{font-size: 12px;}
    .shipping-price{width: 20%; font-size: 15px;}
    .shipping-info{width: 52%;}
    .payment-method span{font-size: 16px;}
    .checkout-header-item{display: none;}
    .checkout-item{width: 100%;}
    .checkout-location-row{flex-direction: column;}
    .location-fixed-wrap{padding: 20px 30px 30px; width: 330px;}
    /* CHECKOUT PAGE END */

    /* SUCCESS PAGE */
    .success-payment-notice{width: 100%;}
    .payment-method-info{padding: 10px;}
    .payment-account-left{font-size: 0.9rem;}
    .shipping-address-item{display: flex; flex-direction: column; gap: 3px;}
    .success-header-list{display: none;}
    .success-product-thumbnail{width: 50%;}
    .success-product-group{flex-direction: column; align-items: flex-start;}
    .success-product-name, .success-product-item{width: 100%;}
    .success-product-name{font-weight: 600;}
    .success-product-item{text-align: right;}
    .order-product-price:before{content: "Đơn giá: "}
    .order-product-quantity:before{content: "Số lượng: "}
    .order-product-total:before{content: "Thành tiền: "}
    .order-product-total{font-weight: 700;}
    .success-calculate-left{width: 65%;}
    .success-calculate-right{width: 35%;}
    .success-return{width: 50%;}
    /* SUCCESS PAGE END */
}