/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* css header main - menu */



.single-product .quantity.buttons_added.form-minimal{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    width:120px;
    height:44px;
    border:1px solid #e5e5e5;
    border-radius:999px;
    overflow:hidden;
    background:#fff;
    margin:0;
}

/* Nút + và - */
.single-product .quantity.buttons_added.form-minimal .is-form{
    width:38px !important;
    min-width:38px !important;
    height:44px !important;
    min-height:44px !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    padding:0 !important;
    margin:0 !important;

    font-size:20px;
    font-weight:400;
    color:#222;
    line-height:44px;
}

/* Hover */
.single-product .quantity.buttons_added.form-minimal .is-form{
    background:#F6F6F6 !important;
}

/* Input */
.single-product .quantity.buttons_added.form-minimal .qty{
    flex:1;
    width:auto !important;
    min-width:30px;
    height:44px !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    margin:0 !important;
    padding:0 !important;

    font-size:16px;
    font-weight:500;
    color:#111;
    text-align:center;
}

/* Ẩn spinner */
.single-product input[type=number]::-webkit-inner-spin-button,
.single-product input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}

.single-product input[type=number]{
    -moz-appearance:textfield;
}




.breadcrumbs {
    color: #000;
}

.breadcrumbs .divider, .breadcrumbs .separator {
    opacity: unset;
}
.acf-category-banner{
    width:100%;
    line-height:0;
}

.acf-category-banner img{
    display:block;
    width:100%;
    height:auto;
}



div#masthead ul li.menu-item a.nav-top-link {
    color: #120101;
    font-weight: 600;
    font-size: 14px;
    padding: 0 14px 0 0;
}
div#masthead ul li.menu-item:last-child a.nav-top-link {
    padding-right: 0;
}

.live-search-results.text-left.z-top {
    width: 400px;
    left: auto;
}
/* css icon cart và list cart */
.header-cart-link img.cart-img-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
}

.cart-item .header-cart-icon[data-icon-label]:after,
.cart-item [data-icon-label]:after {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    font-weight: 600;
}

.cart-item .header-cart-icon[data-icon-label="0"]:after,
.cart-item [data-icon-label="0"]:after {
    display: block !important;
}

i.icon-shopping-cart:after {
    background-color: #000;
    color: #fff;
}

ul.nav-dropdown.nav-dropdown-default {
    border: 0;
    border-radius: 8px;
}
li.woocommerce-mini-cart-item.mini_cart_item img {
    border-radius: 35px;
}
li.woocommerce-mini-cart-item.mini_cart_item a {
    font-size: 14px;
}
li.woocommerce-mini-cart-item.mini_cart_item dl.variation {
    opacity: 1;
    color: #000;
    text-transform: initial;
    font-size: 12px;
    display: flex;
}
li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    opacity: 1;
    color: #000;
}
.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount bdi {
    color: #000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 2px rgb(150 150 150);
}

p.woocommerce-mini-cart__total.total strong {
    color: #000;
}
a.button.wc-forward {
    width: 49.5%;
    padding: 0;
    font-weight: 400;
    text-transform: initial;
    font-size: 14px;
    background: #000;
}
a.button.checkout.wc-forward {
    margin-left: 1%;
    background: #000;
}

/* css menu danh mục */
.sub-menu.nav-dropdown {
    border: none;
}
.cate-menu {
	margin: auto;
    justify-content: center;
    padding-top: 20px;
}
.cate-menu .product-category.col {
    max-width: 8%;
}
.cate-menu .product-category.col .box-image {
    background: #f5f6f7;
    border-radius: 8px;
}
.cate-menu .product-category.col .box-text {
    padding: 8px 0 0 0;
}
.cate-menu .product-category.col h5 {
    font-weight: 300;
    font-size: 13px;
    text-transform: initial;
    color: #000;
}
.cate-menu .product-category.col:hover h5 {
    color: #288ad6;
}


/* css trang chủ */
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #01012e;
}
body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5;
}
/* css section - banner */
.st-banner {
    background-color: #beecfc;
}
.slider-nav-light .flickity-page-dots .dot {
    width: 12px;
    height: 12px;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #fff;
    background: #fff;
    opacity: 1;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background: #000;
    border-color: #000;
    border: 1px solid #fff;
	width: 30px; 
	border-radius: 10px;
}

/* css mỗi sản phẩm */
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 6px;
}
.product-small.box .price span.amount bdi {
    color: #000;
    font-size: 14px;
    font-weight:normal;
}
.badge-inner.secondary.on-sale {
    background: #000;
    border-radius: 4px;
}
.callout.badge.badge-circle {
    height: 20px;
}
.callout.badge.badge-circle span.onsale {
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}
.product-small.box .ux-swatch {
	padding: 0;
}
.product-small.box .ux-swatch.selected {
    box-shadow: 0 0 0 0.1rem #000;
}
.product-small.box .ux-swatches.ux-swatches-in-loop {
    justify-content: unset;
/*     overflow-x: auto; */
    flex-wrap: unset;
    padding-left: 1px;
	height: 46px;
}
.product-small.box .ux-swatches.ux-swatches-in-loop>.ux-swatch {
    min-width: 32px;
}
.product-small.box .ux-swatches.ux-swatches-in-loop::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}
.product-small.box .ux-swatches.ux-swatches-in-loop::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #01012e;
}
.product-small.box .ux-swatches.ux-swatches-in-loop::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5;
}

/* css section tab danh mục */
/* 	css tab danh mục sản phẩm */
.tab-sp-tuongtu>ul.nav {
	overflow-y: scroll;
	justify-content: unset;
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: unset;
	white-space: nowrap;
	padding-bottom: 10px;
}
.tab-sp-tuongtu>ul.nav::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}
.tab-sp-tuongtu>ul.nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #01012e;
}
.tab-sp-tuongtu>ul.nav::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ececec;
}
.tab-danhmuc>h4 {
    margin-bottom: 20px;
    font-size: 25px;
}
.tab-danhmuc ul li a {
    color: #000;
    font-weight: 300;
    font-size: 16px;
    padding: 10px 20px;
    
   
}
.tab-danhmuc ul li.active a, .tab-pro ul li a:hover {
    background: #000;
    color: #fff;
}

/* css sản phẩm khuyến mãi */
.col-sale>.col-inner {
    background: #01012e;
    padding: 20px;
    border-radius: 10px;
    padding-bottom: 0;
}
.pro-home a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #000;
}
.btn-xemthem a {
    background: #01012e;
    color: #fff;
    padding: 10px 20px;
}
/* css button slider */
.slider .flickity-prev-next-button {
    opacity: 1;
}
.slider .flickity-prev-next-button svg.flickity-button-icon {
    border: 1px solid #ccc;
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
    width: 20px;
    height: 40px;
    padding: 0;
	color: #fff;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
    top: 10%;
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #fff;
}
/* end css button slider */

/* css section sản phẩm bộ sưu tập */
.title-suutap p {
    font-size: 23px;
    text-align: center;
}

/* css section dịch vụ */
.box-dichvu .icon-box-img .icon {
    background: #1f2027;
    padding: 10px 12px;
    border-radius: 50px;
}
.box-dichvu .icon-box-img .icon:hover {
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transform: rotateZ(360deg);
}
.box-dichvu p strong {
    font-size: 14px;
    text-transform: uppercase;
}
.box-dichvu p {
    margin-bottom: 0px;
	font-size: 14px;
}
.box-dichvu .icon-box-img {
    margin-bottom: 8px;
}

/* css end trang chủ */


/* css single product */
/* css breadcrumbs */
.page-title-inner {
    min-height: 0;
    padding: 14px 0 14px 5px;
}
.page-title-inner .flex-col.medium-text-center {
    padding: 0;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    text-transform: inherit;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #111;
    font-size: 15px;
}

/* css ảnh gallery album */
.single-product .product-main .product-gallery>div {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    border-radius: 6px;
}
.single-product .row-small>.flickity-viewport>.flickity-slider>.col>a img {
	opacity: 1
}
.single-product .row-small>.flickity-viewport>.flickity-slider>.col.is-selected>a {
    border: 1px solid #000;
}
.single-product .row-small>.flickity-viewport>.flickity-slider>.col>a {
    border-radius: 6px;
}
h1.product-title.product_title.entry-title {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 8px;
}
.single-product .product-info.summary .is-divider {
    display: none;
}
.single-product p.ma-sp,
.single-product p.hago-product-sku {
    font-size: 14px;
    margin: 0 0 8px;
    color: #666;
}
.hago-price-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}
.hago-price-wrap .hago-price-current,
.hago-price-wrap ins.hago-price-current,
.hago-price-wrap ins.hago-price-current .woocommerce-Price-amount,
.hago-price-wrap ins.hago-price-current bdi {
    font-size: 24px;
    font-weight: 700;
    color: #000 !important;
    text-decoration: none;
}
.hago-price-wrap .hago-price-regular,
.hago-price-wrap del.hago-price-regular,
.hago-price-wrap del.hago-price-regular .woocommerce-Price-amount,
.hago-price-wrap del.hago-price-regular bdi {
    font-size: 16px;
    color: #999 !important;
    text-decoration: line-through;
}
.hago-price-wrap .hago-price-badge {
    display: inline-block;
    background: #e53935 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 4px;
}
.hago-stock-status {
    margin: 0 0 14px;
    font-size: 14px;
    color: #333;
}
.hago-stock-status .hago-stock-label {
    color: #333;
}
.hago-stock-status .conhang,
.hago-stock-status .hethang {
    color: #333;
    text-shadow: none;
}
/* ẩn hiển thị số lượng sản phẩm (stock) mặc định trong chi tiết sản phẩm */
p.stock.in-stock {
    display: none;
}
/* css giá sản phẩm */
p.price.giabienthe {
    margin: 6px 0 15px 0;
}

p.price.giabienthe del span.amount bdi {
    font-size: 15px;
    color: #000;
    text-shadow: 0 0;
}
span.daugach {
    display: none;
}
.stock_pro {
    color: #000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 2px 2px rgb(150 150 150);
}

/* css các biến thể */
.single-product table.variations .ux-swatch {
    box-shadow: 0 0;
	border-radius: 4px;
	overflow: hidden;
}
.single-product table.variations .ux-swatch.ux-swatch--label {
    border: 1px solid #e1e1e1;
    box-shadow: 0 0;
	font-weight: 700;
}
.single-product table.variations .ux-swatch.selected {
    border: 1px solid #000;
}
.single-product table.variations .ux-swatch.selected:after {
	content: url(/wp-content/uploads/2022/05/select-pro.webp);
	;position: absolute;
	bottom: -5px;
	right: 0px;
}
.single-product .ux-swatch {
	background: #fff;
	padding: 0;
}
.single-product .ux-swatch.selected {
	box-shadow: 0 0 !important;
    border: 1px solid #000;
    background: #18a64414;
}
.single-product table.variations {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    margin-bottom: 14px;
}
.single-product table.variations tr th.label {
    padding-bottom: 8px;
}
.single-product .hera-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
}
.single-product .hera-top .quantity.buttons_added.form-minimal {
    margin: 0;
}
.single-product .hera-bottom {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}
.single-product .hera-bottom .button,
.single-product .hera-bottom .single_add_to_cart_button {
    flex: 1 1 50%;
    margin: 0 !important;
    min-height: 48px;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    opacity: 1 !important;
}
.single-product .hera-bottom .button:hover,
.single-product .hera-bottom .single_add_to_cart_button:hover {
    background: #222 !important;
    color: #fff !important;
}
.single-product  .variations .reset_variations {
    background: #01012e;
    opacity: 1;
    padding: 1px 8px;
    text-transform: initial;
    color: #fff;
    border-radius: 20px;
    text-decoration: underline;
}
/* css chọn size */
.lightbox-by-id.lightbox-content.lightbox-white {
    border-radius: 10px;
}
a.chonsize {
    display: inline-block;
    float: none;
    margin-left: auto;
    color: #333;
    text-decoration: underline;
    font-size: 14px;
    white-space: nowrap;
}
.single-product .single_variation_wrap .woocommerce-variation.single_variation {
	display: none !important;
}

/* css chính sách thêm vào chi tiết sản phẩm */
.col.col-padding {
	padding-bottom: 0;
}
.row-cs-pro>.col {
    background: #f7f8fa;
    padding: 10px !important;
}
.box-cs-pro {
    display: flex;
    align-items: center;
}
.box-cs-pro .icon-box-img .icon:hover {
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transform: rotateZ(360deg);
}
.box-cs-pro .icon-box-img+.icon-box-text {
    padding-left: 10px;
}
.box-cs-pro p {
    margin-bottom: 0;
    font-size: 15px;
}
div#cs-thanh-toan p, div#cs-doi-hang p, div#cs-van-chuyen p, div#cs-giam-sau p {
    margin-bottom: 5px;
    font-size: 15px;
}
/* css đặc điểm */
.ct-dacdiem {
    margin-top: 15px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    padding: 12px;
    border-radius: 10px;
}
.ct-dacdiem p {
    margin-bottom: 8px;
}
.ct-dacdiem ul {
	margin-bottom: 0;
}
.ct-dacdiem ul li {
    list-style: none;
    background-image: url(/wp-content/uploads/2022/06/icon-check.svg);
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-left: 24px;
	margin-left: 0
}
.ct-dacdiem ul li:last-child{
	margin-bottom: 0;
}

.single-product .product-info.summary form.cart {
    margin-bottom: 0;
}

/* css thông báo khi thêm sản phẩm vào giỏ mà chưa chọn biến thể */
#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}
#alertBox {
	position:relative;
	width:500px;
	min-height:100px;
	margin-top:150px;
	border:1px solid #000;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
	border-radius: 10px;
    overflow: hidden;
}
#modalContainer > #alertBox {
	position:fixed;
}
#alertBox h1 {
	margin:0;
	font:bold 1em verdana,arial;
	background-color:#000;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:10px 0 10px 5px;
	text-align: center;
}
#alertBox p {
	font: 1em verdana,arial;
	height: 80px;
	margin: 0 auto;
	padding: 14px 10px 0 10px;
	line-height: 22px;
}
#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#000;
	border-radius: 3px;
	text-decoration:none;
}
/* css ẩn thông báo khi thêm sản phẩm vào giỏ hàng */
.woocommerce-message.message-wrapper {
	display: none;
}
.message-container.container.success-color.medium-text-center {
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
}

/* css sản phẩm liên quan */
.single-product .related.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button {
    box-shadow: 0 0;
    background: bottom;
}
.tab-sp-tuongtu>ul.nav li a {
    min-width: 115px;
    padding: 6px 10px;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
    text-align: center;
    line-height: 16px;
    background: #e9e9e9;
    border-radius: 30px;
    color: #000;
}
.tab-sp-tuongtu>ul.nav li.active a {
    background: #000;
    color: #fff;
}

.chitiet-sp .related.related-products-wrapper.product-section, h3.product-section-title.product-section-title-related {
    display: none;
}

/* css sidebar chi tiết sản phẩm */


.ct-lienquan p {
    color: #000;
    font-size: 18px;
    text-align: center;
font-weight:bold;
    text-transform: uppercase;
    margin-bottom: 0;
}
.blog-lienquan .col.post-item {
    padding-bottom: 10px;
}
.blog-lienquan  .box-image {
    border-radius: 8px;
}
.blog-lienquan .box-text {
    padding: 0 0 0 10px;
}
.blog-lienquan p {
    font-size: 14px;
    line-height: 18px;
}
.blog-lienquan h5 {
    font-size: 15px;
}
.blog-lienquan h5, .blog-lienquan p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.is-divider {
    display: none;
}

/* css trang danh mục sản phẩm - bộ lọc sản phẩm */
.archive .row.category-page-row {
    padding-top: 0;
}

.hago-shop-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    margin: 12px 0 16px;
    box-sizing: border-box;
}

.hago-shop-toolbar__item {
    flex: 0 0 auto;
    width: auto;
    display: flex;
    align-items: center;
}

.hago-shop-toolbar__item--filter .category-filtering,
.hago-shop-toolbar__item--sort .hago-sort-pill {
    display: flex;
    align-items: center;
    width: auto;
    min-height: 44px;
    height: 44px;
}

.hago-filter-trigger {
    display: flex;
    width: auto;
    margin: 0;
    padding: 0;
}

.hago-shop-toolbar .category-filter-row {
    display: flex;
    width: auto;
    padding: 0;
    margin: 0;
}

.hago-filter-trigger__btn.filter-button,
.shop-page-title.category-page-title .category-filter-row .filter-button {
    display: inline-flex !important;
    margin-top: 0 !important;
}

.hago-filter-trigger__btn,
.hago-sort-pill,
.shop-page-title.category-page-title .hago-shop-toolbar .category-filter-row .filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-height: 44px;
    height: 44px;
    padding: 10px 16px;
    border: 0;
    border-radius: 999px;
    background: #f3f3f3;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    white-space: nowrap;
}

.hago-filter-trigger__btn span,
.hago-sort-pill__label {
    flex: 0 0 auto;
    white-space: nowrap;
}

.shop-page-title.category-page-title .category-filter-row .filter-button strong {
    text-transform: none;
    font-weight: 500;
}

.hago-filter-trigger__btn strong,
.hago-filter-trigger__btn .uppercase {
    text-transform: none;
    font-weight: 500;
}

.hago-filter-trigger__btn i,
.hago-sort-pill__icon {
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
}

.hago-sort-pill {
    position: relative;
    justify-content: center;
}

.hago-sort-pill__label {
    pointer-events: none;
}

.hago-sort-pill__icon {
    pointer-events: none;
    margin-left: 2px;
}

.hago-sort-pill .woocommerce-ordering {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
}

.hago-sort-pill .woocommerce-ordering select.orderby {
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}

.shop-page-title.category-page-title .page-title-inner {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}

.shop-page-title.category-page-title .page-title-inner .hago-shop-toolbar {
    display: flex;
}

.shop-page-title.category-page-title .page-title-inner.flex-row.medium-flex-wrap,
.shop-page-title.category-page-title .page-title-inner.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.shop-page-title.category-page-title .page-title-inner > .flex-col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

.shop-page-title.category-page-title .page-title-inner > .flex-col.flex-grow,
.shop-page-title.category-page-title .page-title-inner > .flex-col.flex-center,
.shop-page-title.category-page-title .page-title-inner > .flex-col.flex-right {
    text-align: left;
}

.shop-page-title.category-page-title .hago-shop-toolbar .category-filtering {
    margin: 0;
    width: auto;
}

.shop-page-title.category-page-title .hago-shop-toolbar .category-filter-row .filter-button,
.shop-page-title.category-page-title .hago-shop-toolbar .hago-sort-pill {
    width: auto;
}

.shop-page-title.category-page-title .woocommerce-result-count,
.shop-page-title.category-page-title .woocommerce-breadcrumb,
.hago-shop-toolbar__item--filter .shop-page-title h1,
.shop-page-title.category-page-title .page-title-inner > .flex-col:first-child:empty {
    display: none;
}

@media (max-width: 849px) {
    .hago-shop-toolbar {
        gap: 10px;
        margin: 10px 0 14px;
    }

    .hago-shop-toolbar__item--filter .category-filtering,
    .hago-shop-toolbar__item--sort .hago-sort-pill,
    .hago-filter-trigger__btn,
    .hago-sort-pill {
        min-height: 42px;
        height: 42px;
        padding: 10px 14px;
        font-size: 13px;
    }
}

.hago-shop-breadcrumb {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 14px 0;
    background: #f5f5f5;
}

.hago-shop-breadcrumb .container {
    padding-left: 15px;
    padding-right: 15px;
}

.hago-shop-breadcrumb__nav {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
}

.hago-shop-breadcrumb__nav a {
    color: #000;
    text-decoration: none;
}

.hago-shop-breadcrumb__nav a:hover {
    color: #000;
    text-decoration: underline;
}

.hago-shop-breadcrumb .hago-breadcrumb-sep {
    margin: 0 6px;
    color: #000;
    font-weight: 400;
}

@media (min-width: 850px) {
    .shop-page-title.category-page-title {
        display: none !important;
    }

    .archive .row.category-page-row {
        padding-top: 0;
        align-items: stretch;
        overflow: visible;
    }

    .archive .shop-container,
    .archive .category-page-row > .col.large-3.hide-for-medium {
        overflow: visible;
    }

    .category-page-row > .col.large-3.hide-for-medium {
        align-self: stretch;
    }

    .category-page-row > .col.large-3 .hago-sticky-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: calc(90px + var(--wp-admin--admin-bar--height, 0px));
        z-index: 5;
        width: 100%;
        align-self: flex-start;
        max-height: calc(100vh - 110px - var(--wp-admin--admin-bar--height, 0px));
        /* overflow-y: auto; */
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }

    .category-page-row > .col.large-3 .hago-sticky-sidebar::-webkit-scrollbar {
        width: 6px;
    }

    .category-page-row > .col.large-3 .hago-sticky-sidebar::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #d8d8d8;
    }

    .category-page-row #shop-sidebar.hago-shop-filter-sidebar {
        overflow: visible;
        max-height: none;
    }

    .hago-desktop-shop-bar {
        align-items: center;
        margin: 0 auto;
        padding-top: 15px;
    }

    .hago-desktop-shop-bar__filter-col,
    .hago-desktop-shop-bar__sort-col {
        display: flex;
        align-items: center;
    }

    .hago-desktop-shop-bar__sort-col {
        justify-content: flex-end;
    }

    .hago-desktop-shop-bar__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
    }

    .hago-desktop-shop-bar .hago-shop-filters__toolbar {
        margin: 0;
        padding: 0;
        border: 0;
        justify-content: flex-start;
        gap: 6px;
    }

    .hago-desktop-sort {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        width: 100%;
        max-width: 100%;
    }

    .hago-desktop-sort__label {
        flex: 0 0 auto;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        white-space: nowrap;
    }

    .hago-desktop-sort__control {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 280px;
    }

    .hago-desktop-sort .woocommerce-ordering {
        margin: 0;
        float: none;
        display: block;
        width: 100%;
    }

    .hago-desktop-sort .woocommerce-ordering select.orderby {
        width: 100%;
        min-width: 220px;
        max-width: 280px;
        height: 40px;
        margin: 0;
        padding: 0 36px 0 14px;
        border: 1px solid #d8d8d8;
        border-radius: 99px;
        background: #f5f5f5;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 38px;
        box-shadow: none;
        appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%);
        background-position: calc(100% - 18px) 17px, calc(100% - 12px) 17px;
        background-size: 6px 6px, 6px 6px;
        background-repeat: no-repeat;
    }

    .hago-shop-filter-sidebar .hago-shop-filters__toolbar {
        display: none;
    }

    .hago-shop-filter-sidebar .hago-shop-filters__header {
        display: none;
    }

    .hago-shop-filter-sidebar .hago-shop-filters {
        margin-bottom: 0;
    }

    .archive .product-small.box .box-text {
        text-align: center;
    }

    .archive .product-small.box .title-wrapper,
    .archive .product-small.box .price-wrapper {
        justify-content: center;
    }

    .archive .product-small.box .box-image {
        margin-bottom: 10px;
    }

    .archive .product-small.box .woocommerce-LoopProduct-link {
        text-align: center;
    }
}

.hago-shop-filters {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: none;
}

.hago-shop-filters__header {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.hago-shop-filters__title {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.hago-shop-filters__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.hago-shop-filters__toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8e8e8;
}

.hago-shop-filters__toolbar-label,
.hago-shop-filters__result-count {
    
    color: #000;
}

.hago-shop-filters__toolbar-label {
    font-weight: 600;
}

.hago-shop-filters__result-count {
    font-weight: 400;
}

.hago-shop-filters .yith-wcan-filters,
.hago-shop-filter-sidebar .yith-wcan-filters,
.hago-shop-filters .filters-container,
.hago-shop-filter-sidebar .filters-container,
.hago-shop-filters .filters-container > form,
.hago-shop-filter-sidebar .filters-container > form {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none !important;
    background: transparent;
}

.hago-shop-filters .yith-wcan-filters.horizontal,
.hago-shop-filter-sidebar .yith-wcan-filters.horizontal,
.hago-shop-filters .yith-wcan-filters.enhanced,
.hago-shop-filter-sidebar .yith-wcan-filters.enhanced {
    display: block;
}

.hago-shop-filters .yith-wcan-filters .yith-wcan-filter,
.hago-shop-filter-sidebar .yith-wcan-filters .yith-wcan-filter {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    box-shadow: none !important;
}

.hago-shop-filters .yith-wcan-filter h4,
.hago-shop-filter-sidebar .yith-wcan-filter h4,
.hago-shop-filters .yith-wcan-filter .hago-filter-title,
.hago-shop-filter-sidebar .yith-wcan-filter .hago-filter-title,
.hago-price-filter .hago-filter-title {
    margin: 0 0 12px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #01012e;
    text-transform: uppercase;
}

.hago-shop-filters .yith-wcan-filter h4.collapsable,
.hago-shop-filter-sidebar .yith-wcan-filter h4.collapsable {
    cursor: default;
    pointer-events: none;
}

.hago-shop-filters .yith-wcan-filter h4 .filter-count,
.hago-shop-filter-sidebar .yith-wcan-filter h4 .filter-count,
.hago-shop-filters .yith-wcan-filter h4 .toggle-handle,
.hago-shop-filter-sidebar .yith-wcan-filter h4 .toggle-handle,
.hago-shop-filters .yith-wcan-filter h4 .toggle-indicator,
.hago-shop-filter-sidebar .yith-wcan-filter h4 .toggle-indicator {
    display: none !important;
}

.hago-shop-filters .yith-wcan-filter .filter-content,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-content,
.hago-shop-filters .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable + .filter-content,
.hago-shop-filter-sidebar .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable + .filter-content {
    display: block !important;
    position: static !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
    box-shadow: none !important;
    background: transparent;
}

.hago-shop-filters .yith-wcan-filter .filter-content-footer,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-content-footer,
.hago-shop-filters .yith-wcan-filters .apply-filters,
.hago-shop-filter-sidebar .yith-wcan-filters .apply-filters,
.hago-shop-filters .yith-wcan-filters .clear-selection,
.hago-shop-filter-sidebar .yith-wcan-filters .clear-selection,
.hago-shop-filters a.apply-filters.button.alt,
.hago-shop-filter-sidebar a.apply-filters.button.alt {
    display: none !important;
}

.hago-shop-filters .yith-wcan-filter .filter-items,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.hago-shop-filters .yith-wcan-filter .filter-items .filter-item,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item {
    margin: 0;
    padding: 0;
}

.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label > a,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label > a,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label > label,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label > label,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label > span,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 36px;
    padding: 8px 14px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    background: #f7f7f7;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label.active > a,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label.active > a,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label.active > label,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label.active > label,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label.active > span,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label.active > span,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label > a:hover,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label > a:hover,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label > label:hover,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label > label:hover {
    border-color: #01012e;
    background: #01012e;
    color: #fff;
}

.hago-shop-filters .yith-wcan-filter .filter-items .filter-item.label .term-count,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item.label .term-count,
.hago-shop-filters .yith-wcan-filter .filter-items .filter-item .item-count,
.hago-shop-filter-sidebar .yith-wcan-filter .filter-items .filter-item .item-count {
    display: none !important;
}

.hago-shop-filters .yith-wcan-filter[data-filter-type="price"],
.hago-shop-filter-sidebar .yith-wcan-filter[data-filter-type="price"],
.hago-shop-filters .yith-wcan-filter[data-filter-type="price-range"],
.hago-shop-filter-sidebar .yith-wcan-filter[data-filter-type="price-range"],
.hago-shop-filters .yith-wcan-filter[data-filter-type="price_slider"],
.hago-shop-filter-sidebar .yith-wcan-filter[data-filter-type="price_slider"] {
    display: none !important;
}

.hago-shop-filter-sidebar .yith-wcan-filters > h3,
.hago-shop-filter-sidebar .yith-wcan-filters > h4 {
    display: none !important;
}

.hago-shop-filter-sidebar .yith-wcan-filter > h4.collapsable {
    display: block !important;
}

.hago-shop-filter-sidebar .widget-title,
.hago-shop-filter-sidebar .widget .widget-title.shop-sidebar {
    display: block !important;
    /* margin: 22px 0 12px; */
    padding: 0 0 10px;
    /* border-bottom: 1px solid #e8e8e8; */
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #01012e;
    text-transform: uppercase;
}

.hago-shop-filter-sidebar .widget:first-of-type .widget-title {
    margin-top: 0;
}

.hago-price-filter {
    margin-top: 22px;
}

.hago-price-filter .hago-price-filter__list {
    display: block !important;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hago-price-filter .hago-price-filter__item {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

.hago-price-filter__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hago-price-filter__item {
    margin: 0 0 10px;
}

.hago-price-filter__link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    font-size: 17px;
    line-height: 1.4;
    text-decoration: none;
}

.hago-price-filter__radio {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    background: #fff;
}

.hago-price-filter__item.is-active .hago-price-filter__radio::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #01012e;
    transform: translate(-50%, -50%);
}

.hago-price-filter__item.is-active .hago-price-filter__text {
    font-weight: 600;
}

#shop-sidebar .hago-shop-filters__header {
    display: flex;
}

.off-canvas-left .mfp-content #shop-sidebar .hago-shop-filters {
    padding: 0;
}

/* css footer */
.footer-widgets.footer.footer-1 {
    border-top: 2px solid #1b9aff;
}
.ct-foo p:first-child {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.ct-foo p:not(p:first-child) {
    font-size: 14px;
    margin-bottom: 5px;
}
.ct-mail p a,.ct-foo p a:hover {
    color: rgb(2, 77, 188);
}
.ct-foo p a strong {
    color: rgb(218, 67, 67);
}
.copyright-footer {
    color: #545353;
}
.ct-icon p:not(:first-child) {
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 22px;
    background-position: left;
}
.ct-icon p:nth-child(2), .ct-icon p:nth-child(3) {
    background-image: url(/wp-content/uploads/2022/06/bag.svg);
}
.ct-icon p:nth-child(4) {
    background-image: url(/wp-content/uploads/2022/06/yt.svg);
}
.ct-icon p:nth-child(5) {
    background-image: url(/wp-content/uploads/2022/06/toptop.svg);
}
.ct-icon p:nth-child(6) {
    background-image: url(/wp-content/uploads/2022/06/inst.svg);
}
.ct-icon p:nth-child(7) {
    background-image: url(/wp-content/uploads/2022/06/fb.svg);
}
.ct-icon p:nth-child(8) {
    background-image: url(/wp-content/uploads/2022/06/zl.svg);
}
a#top-link {
    background-color: #000;
    border-color: #000;
    color: #fff;
    padding: 4px 0;
}

/* css trang giỏ hàng */
.woocommerce-cart div#content {
    background: #f8f8f8;
}
.woocommerce-cart form.woocommerce-cart-form, .cart-sidebar.col-inner {
    background: #fff;
    padding: 15px 20px;
    border-radius: 5px;
}
.woocommerce-cart .woocommerce.row.row-large.row-divided>.col {
    padding: 15px;
}
.woocommerce-cart .cart-collaterals {
    border-left: 0 !important;
}
.woocommerce-cart .shop_table th {
    font-weight: 300;
    text-transform: initial;
}
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
    background-color: #000;
    border-radius: 4px;
    font-weight: 200;
    font-size: 18px;
}
.woocommerce-cart input#coupon_code {
    box-shadow: 0 0;
}
.woocommerce-cart input.is-form.expand {
    background-color: #000;
    color: #fff;
    text-shadow: 0 0;
    border-radius: 4px;
    font-size: 18px;
}
.woocommerce-cart a.button-continue-shopping.button.primary.is-outline {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}

/* css trang thanh toán - checkout */
.woocommerce-checkout .row.row-main {
	background-color: #fff;
	padding-top: 15px;
}
input#billing_first_name, .woocommerce-checkout input#billing_address_1, .woocommerce-checkout input#billing_phone, .woocommerce-checkout input#billing_email, .woocommerce-checkout textarea#order_comments {
	border-radius: 6px;
	box-shadow: none;
	border-color: #000;
}
.woocommerce-checkout p#billing_address_1_field {
	margin-right: 0px;
}
.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tr th {
	text-transform: initial;
	color: #000;
}
.woocommerce-checkout .has-border {
	border: 1px solid #1e1e1e;
	border-top: 4px solid #000;
}
.woocommerce-checkout .woocommerce-billing-fields {
    padding-top: 15px;
    border-top: 4px solid #000;
}
.woocommerce-checkout .ts-product-image {
    width: 52px;
    height: 45px;
    padding-right: 7px;
    vertical-align: middle;
    float: left;
}
button#place_order {
	background: #000;
	width: 100%;
	border-radius: 4px;
}
/* end css trang thanh toán - checkout */

/* css trang chi tiết đơn  hàng */
table.thongtin-ck, section.woocommerce-order-details, .woocommerce-order-received .large-5.col .entry-content {
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 2px 0px, rgb(0 0 0 / 8%) 0px 2px 6px 1px;
    padding: 12px;
    border-radius: 10px;
}
table.thongtin-ck {
    border: 1px solid #ddd;
    border-collapse: collapse;
    overflow: hidden;
}
table.thongtin-ck td {
    border: 1px solid #eaeaea;
    padding: 6px 10px;
}
table.thongtin-ck td strong {
    color: #01012e;
}
.woocommerce-order-received .large-5.col .entry-content {
    background: #fff;
}
.woocommerce-order-received .large-5.col .entry-content p {
	margin-bottom: 18px;
}
.woocommerce-order-received .large-5.col .entry-content ul {
	margin-bottom: 0;
}

/* css chi tiết bài viết */
.single-post h6.entry-category.is-xsmall {
    display: none;
}
.single-post .entry-divider.is-divider.small {
    display: none;
}
.single-post h1.entry-title {
    font-size: 23px;
}
.single-post .entry-header-text.entry-header-text-top {
    padding-bottom: 0;
}
.single-post .entry-content.single-page p {
    margin-bottom: 8px;
}
.single-post article.post.type-post.format-standard {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    padding: 15px;
    border-radius: 10px;
}

@media (min-width: 768px) {
	/* 	css chỉ tiết sản phẩm */
	/* css ảnh gallery album */
	.single-product .product-main .product-gallery>div {
		padding: 10px 0 0 10px;
	}
	.product-footer>.container>.row>.col.large-8 {
		padding: 0 5px 15px 5px
	}
	/* 	css mỗi sản phẩm */
	.product-small.box .ux-swatches.ux-swatches-in-loop:hover {
		overflow-x: auto;
	}
}

@media (max-width: 768px) {
	/* 	css menu bar */
	.off-canvas-left .mfp-content {
		background-color: #fff;
	}
	.off-canvas-left .mfp-content ul li.menu-item a {
		color: #000;
		font-weight: 500;
	}
	.sidebar-menu.no-scrollbar {
		padding-top: 0;
	}
	/* 	css mỗi sản phẩm */
	.product-small.box .ux-swatches.ux-swatches-in-loop {
		overflow-x: auto;
	}
	/* 	css tab danh mục sản phẩm */

	.tab-danhmuc>ul.nav li a {
		
		padding: 15px;
		justify-content: center;
		font-size: 14px;
	}
	/* 	css chỉ tiết sản phẩm */
	/* css ảnh gallery album */
	.single-product .product-main {
		padding-bottom: 0;
	}
	.single-product .product-main .product-gallery>div {
		padding: 10px 0;
	}
}

@media (max-width: 549px) {
/* 	css header main - menu */
	div#top-bar>div {
		padding: 0;
	}
	
	div#logo a img {
		margin: 0;
	}
	div#masthead>div {
		margin: auto;
		justify-content: start;
	}
	
	/* 	css header bottom - menu */
	div#wide-nav ul.nav.header-bottom-nav {
		width: max-content;
		padding-right: 10px;
	}
	div#wide-nav {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	div#wide-nav ul li.menu-item a.nav-top-link {
		color: #01012e;
		font-size: 14px;
		font-weight: 400;
		font-family: inherit;
		padding: 0 5px;
		text-transform: capitalize;
	}
	#alertBox {
		width: 300px;
	}
	/* 	css section sản phẩm sale */
	.col-sale .row-small>.flickity-viewport>.flickity-slider>.col {
		padding: 0 4px 2px;
	}
	/* css sản phẩm bộ sưu tập - sản phẩm 2 dòng overflow */
	.col-suutap>.col-inner {
		overflow-x: auto;
		overflow-y: hidden;
	}
	.sp-suutap {
		height: 675px;
		flex-direction: column;
		margin-left: 0 !important;
	}
	.sp-suutap>.col {
		width: 160px;
		padding: 0 5px 3px;
	}
	/* css lọc sản phẩm */
	.hago-shop-filters .yith-wcan-filter .filter-content,
	.hago-shop-filters .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable + .filter-content {
		position: static !important;
	}
	/* 	css chi tiết sản  phẩm */
	h1.product-title.product_title.entry-title {
		font-size: 20px;
	}
	.single-product .quantity.buttons_added.form-minimal {
		margin-right: 5px;
	}
	button.single_add_to_cart_button.button.alt {
		font-size: 14px;
		padding: 2px 5px;
		margin-right: 0;
	}
	.blog-lienquan .box-vertical .box-image {
		width: 30% !important;
		float: left;
	}
	.blog-lienquan .box-text {
		width: 70%;
		float: left;
	}
	/* 	css footer */
	.col.col-foo>.col-inner {
		padding-bottom: 15px;
	}
}

@media (max-width: 375px) {
	/* css sản phẩm bộ sưu tập - sản phẩm 2 dòng overflow */
	.title-suutap p {
		font-size: 20px;
	}
	.sp-suutap {
		height: 700px;
	}
	/* 	css chi tiết sản phẩm */
	.single-product p.ma-sp {
		font-size: 13px;
	}
	span.daugach {
		padding: 0 5px;
	}
	a.chonsize {
		width: 100px;
		font-size: 13px;
		color: #fff;
		background: #000;
		text-align: center;
		line-height: 16px;
		padding: 3px 10px 4px 10px;
	}
}

@media (max-width: 320px) {
	/* css sản phẩm bộ sưu tập - sản phẩm 2 dòng overflow */
	.title-suutap p {
		font-size: 18px;
	}
	.sp-suutap {
		height: 600px;
	}
	.sp-suutap>.col {
		width: 130px;
	}
	.single-product .product-main .product-info {
		padding: 10px;
	}
	h1.product-title.product_title.entry-title {
		font-size: 18px;
	}
	.single-product p.ma-sp {
		font-size: 12px;
	}
	span.daugach {
		padding: 0;
	}
	button.single_add_to_cart_button.button.alt {
		font-size: 13px;
		padding: 3px 5px;
	}
	a.chonsize {
		padding: 3px 6px 4px 6px;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .sidebar-menu ul {
        padding: 0 15px;
    }
    .menu-item.active {
        color: #ffffff !important;
        background: #2D699C !important;
        border-style: none none none none;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active {
        color: #ffffff !important;
        background: #000 !important;
    }
    .menu-item.active a {
        color: #fffff !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active > a {
        color: #fff !important;
    }
    .sidebar-menu ul.children > li.menu-item.active > a,
    .sidebar-menu ul.sub-menu > li.menu-item.active > a {
        color: #2D699C !important;
    }
    .menu-item.active ul {
     background: #fff;
    }
    .off-canvas-left .mfp-content ul li.menu-item.has-child a {
        font-size: 13px;
    }
    .menu-item.active>a {
        color: #fff !important;
    }
    .sidebar-menu ul.children > li.menu-item.active > a,
    .sidebar-menu ul.sub-menu > li.menu-item.active > a {
        color: #000 !important;
        padding-right: 15px;
    }
    .nav-sidebar.nav-vertical>li.menu-item:hover {
        background: transparent;
    }

    .sidebar-menu .active>.children {
        padding-bottom: 0 !important;
    }

    /* Nested submenu (level 2+) */
    .sidebar-menu li.hago-nested-menu {
        display: block !important;
        width: 100%;
    }

    .sidebar-menu li.hago-nested-menu > a {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
    }

    .sidebar-menu ul.children > li.menu-item.active,
    .sidebar-menu ul.sub-menu > li.menu-item.active {
        color: #000 !important;
        background: linear-gradient(0deg, rgba(145, 133, 122, 1.00) 0%, rgba(242, 222, 204, 1) 100%) !important;
        /* background: rgba(45, 105, 156, 0.08) !important; */
        padding-left: 0 !important;
    }

    .sidebar-menu li.hago-nested-menu > a .hago-menu-chevron {
        flex: 0 0 auto;
        margin-left: 10px;
        opacity: 0.6;
        line-height: 1;
    }

    .sidebar-menu li.hago-nested-menu > a .hago-menu-chevron i {
        font-size: 1.4em;
    }

    .sidebar-menu li.hago-nested-menu > ul {
        display: none !important;
        position: static !important;
        opacity: 1 !important;
        left: auto !important;
        transform: none !important;
        padding-bottom: 0;
        width: 100%;
        margin: 0;
    }

    .sidebar-menu li.hago-nested-menu.active > ul {
        display: block !important;
    }

    .sidebar-menu li.hago-nested-menu,
    .sidebar-menu li.hago-nested-menu > a,
    .sidebar-menu li.hago-nested-menu > ul,
    .sidebar-menu li.hago-nested-menu > ul li,
    .sidebar-menu li.hago-nested-menu > ul a {
        transform: none !important;
    }

    .off-canvas .nav-vertical>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-vertical li li.menu-item-has-children {
        margin-bottom: 0 !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        padding-left: 10px;
    }

}

/* Product details + reviews */
.single-product .div-tuongtu,
.single-product .tab-sp-tuongtu {
    display: none !important;
}

.hago-section-title {
    margin: 0 0 16px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
    text-transform: uppercase;
}

.hago-section-divider {
    position: relative;
    margin: 0 0 28px;
    border-bottom: 1px solid #e5e5e5;
}

.hago-section-divider::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 110px;
    height: 2px;
    background: #000;
    transform: translateX(-50%);
}

.hago-product-details {
    margin-bottom: 40px;
    padding: 24px 20px 28px;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}

.hago-product-details__inner {
    position: relative;
}

.hago-product-details__content {
    position: relative;
    overflow: hidden;
    color: #333;
    font-size: 15px;
    line-height: 1.7;
}

.hago-product-details__content.is-collapsed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
    pointer-events: none;
}

.hago-product-details__content ul,
.hago-product-details__content ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.hago-product-details__content li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 14px;
}

.hago-product-details__content li::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #000;
}

.hago-readmore-btn {
    display: block;
    margin: 20px auto 0;
    padding: 10px 42px;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.hago-readmore-btn:hover {
    background: #000;
    color: #fff;
}

.hago-product-reviews-wrap {
    margin-bottom: 40px;
    padding: 24px 20px 28px;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}

.hago-reviews-intro {
    margin-top: 8px;
}

.hago-reviews-subtitle {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.hago-reviews-empty-text {
    margin: 0 0 16px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

.hago-write-review-btn,
.hago-product-reviews-wrap .form-submit input[type="submit"] {
    display: inline-block;
    padding: 12px 24px;
    border: 0;
    border-radius: 0;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.hago-write-review-btn:hover,
.hago-product-reviews-wrap .form-submit input[type="submit"]:hover {
    opacity: 0.85;
}

.hago-product-reviews-wrap #review_form_wrapper {
    margin-top: 24px;
}

.hago-product-reviews-wrap .review-form-inner,
.hago-product-reviews-wrap .review-form-inner.has-border {
    padding: 24px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    box-shadow: none !important;
    background: #fff;
}

.hago-product-reviews-wrap #reply-title {
    display: none;
}

.hago-product-reviews-wrap .comment-form {
    margin: 0;
}

.hago-product-reviews-wrap .comment-form > p,
.hago-product-reviews-wrap .comment-form > .comment-form-rating,
.hago-product-reviews-wrap .comment-form > div {
    margin: 0 0 20px;
}

.hago-product-reviews-wrap .comment-form p {
    margin-bottom: 20px;
}

.hago-product-reviews-wrap .comment-form label {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.hago-field-note {
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.hago-product-reviews-wrap .comment-form input[type="text"],
.hago-product-reviews-wrap .comment-form input[type="email"],
.hago-product-reviews-wrap .comment-form input[type="tel"],
.hago-product-reviews-wrap .comment-form input[type="url"],
.hago-product-reviews-wrap .comment-form textarea,
.hago-product-reviews-wrap .comment-form select {
    width: 100%;
    max-width: 100%;
    padding: 12px 14px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: none !important;
}

.hago-product-reviews-wrap .comment-form textarea {
    min-height: 140px;
    resize: vertical;
}

.hago-product-reviews-wrap .comment-form-rating.hago-rating-field {
    margin-bottom: 20px;
}

.hago-product-reviews-wrap .comment-form-rating .hago-rating-label {
    margin-bottom: 10px;
}

.hago-product-reviews-wrap .comment-form-rating select#rating {
    display: none !important;
}

.hago-product-reviews-wrap .comment-form-rating p.stars {
    display: block;
    margin: 0;
    line-height: 1;
    font-size: 0;
}

.hago-product-reviews-wrap .comment-form-rating p.stars a {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin: 0 4px 0 0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: none !important;
}

.hago-product-reviews-wrap .comment-form-rating p.stars a::before {
    content: "\2605";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    color: #d4d4d4;
    font-size: 28px;
    line-height: 28px;
}

.hago-product-reviews-wrap .comment-form-rating p.stars a.active::before,
.hago-product-reviews-wrap .comment-form-rating p.stars a:hover::before,
.hago-product-reviews-wrap .comment-form-rating p.stars:hover a::before {
    color: #f5b301;
}

.hago-product-reviews-wrap .comment-form-rating p.stars a:hover ~ a::before {
    color: #d4d4d4;
}

.hago-product-reviews-wrap .comment-form-rating p.stars ~ p.stars {
    display: none !important;
}

.hago-product-reviews-wrap .form-submit {
    margin: 24px 0 0;
    padding: 0;
}

.hago-product-reviews-wrap .form-submit input[type="submit"] {
    min-width: 160px;
}

.hago-product-reviews-wrap .comment-form input[type="file"] {
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

.hago-product-reviews-wrap .comment-form .hago-upload-btn,
.hago-product-reviews-wrap .comment-form button[type="button"],
.hago-product-reviews-wrap .comment-form .button,
.hago-product-reviews-wrap .comment-form [class*="upload"] button,
.hago-product-reviews-wrap .comment-form [class*="image"] button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 88px;
    padding: 8px;
    border: 1px dashed #bdbdbd !important;
    border-radius: 0;
    background: #fafafa !important;
    color: #666 !important;
    font-size: 12px;
    line-height: 1.3;
    box-shadow: none !important;
}

.hago-product-reviews-wrap .comment-form .required {
    color: #000;
    text-decoration: none;
}

.hago-product-reviews-wrap .commentlist {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.hago-product-reviews-wrap .commentlist .comment_container {
    padding: 16px 0;
    border-bottom: 1px solid #eee;
}

.hago-product-reviews-wrap .woocommerce-verification-required {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 48em) {
    .hago-product-details,
    .hago-product-reviews-wrap {
        padding: 20px 16px 24px;
    }

    .hago-section-title {
        font-size: 18px;
    }
}

#review_form .upload_section input#do_uploadFile {
    width: unset;
}

#review_form #commentform .form-submit {
    float: none;
}

#shop-sidebar ul li {
    margin-left: 0;
}

.woocommerce .widget_layered_nav ul.yith-wcan-label li a, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a {
    background: #fff !important;
    border-radius: 4px;
    padding: 4px 10px !important;
}

.off-canvas-left .mfp-content {
    width: 75%
}

.hago-price-filter .hago-filter-title 
{
    border-bottom: 0px;;
}
#shop-sidebar .widget>ul>li+li {
    border: none
}
.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover, .woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a  {
    color: #fff !important;
    background: #000 !important;
    font-weight: bold;
    border-radius: 4px;
}