/*
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 */
div#masthead ul li.menu-item a.nav-top-link {
    color: black;
    font-weight: bold;
    font-size: 16px;
    padding: 0 14px 0 0;
}
div#masthead ul li.menu-item:last-child a.nav-top-link {
    padding-right: 0;
}
input#woocommerce-product-search-field-0 {
    border-radius: 0;
    border: none;
    background-color: transparent !important;
    border-bottom: 1px solid #707082;
    padding: 0;
}
.live-search-results.text-left.z-top {
    width: 400px;
    left: auto;
}
/* css icon cart và list cart */
i.icon-shopping-cart:after {
    background-color: black;
}
i.icon-shopping-cart {
    color: black;
}
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: #009cdb;
    text-transform: initial;
    font-size: 12px;
    display: flex;
}
li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    opacity: 1;
    color: #ff6d1f;
}
.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: #ff6d1f;
}
a.button.wc-forward {
    width: 49.5%;
    padding: 0;
    font-weight: 400;
    text-transform: initial;
    font-size: 14px;
    background: #ff6d1f;
}
a.button.checkout.wc-forward {
    margin-left: 1%;
    background: #000;
}

/* css menu danh mục */
.sub-menu{
    width: max-content !important;
}
.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;
    width: 50px;
    height: 50px;
}
.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: black;
    border-color: black;
    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: #444;
    text-transform: capitalize;
    font-size: 15px;
    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: 18px;
	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);
}
.badge-inner.secondary.on-sale {
    background: #000;
    border-radius: 6px;
}
.callout.badge.badge-circle {
    height: 30px;
}
.callout.badge.badge-circle span.onsale {
    font-size: 15px;
    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 black;
}
.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;
    border-radius: 4px;
    border: 1px solid #dde1ef;
}
.tab-danhmuc ul li.active a, .tab-pro ul li a:hover {
    background: black;
    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: #fff;
}
.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 black;
}
.single-product .row-small>.flickity-viewport>.flickity-slider>.col>a {
    border-radius: 6px;
}
h1.product-title.product_title.entry-title {
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 5px;
}
.single-product p.ma-sp {
    font-size: 14px;
	margin-bottom: 0;
    display: none !important;
}
/* ẩ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 ins span.amount bdi, p.price.giabienthe .amount bdi {
    color: #000000;
	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.price.giabienthe del span.amount bdi {
    font-size: 15px;
    color: #000;
    text-shadow: 0 0;
}
span.daugach {
    padding: 0 10px;
}
.stock_pro {
    color: #ff6d1f;
    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 black;
}
.single-product table.variations .ux-swatch.selected:after {
	content: url('http://localhost:8888/myumemories.com/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 black;
    background: #18a64414;
}
.single-product table.variations {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    padding: 5px 5px 5px 12px;
    border-radius: 10px;
}
.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: block;
    right: 0;
    float: right;
    padding-top: 5px;
    color: #008fc5;
    text-decoration: underline;
}
.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;
    border-radius: 5px;
}
.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 {
    display: none;
    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;
}
button.single_add_to_cart_button.button.alt {
    background-color: black;
    opacity: 2;
}

/* 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 #59a1ff;
	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:#59a1ff;
	color:#FFF;
	border-bottom:1px solid #59a1ff;
	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:#59a1ff;
	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: #59a1ff;
    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: #ff6d1f;
    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 */
.col-lienquan>.col-inner::-webkit-scrollbar {
    width: 8px;
}
.col-lienquan>.col-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #01012e;
}
.col-lienquan>.col-inner::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5;
}
.col-lienquan>.col-inner {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    border-radius: 0 0 6px 6px;
    padding: 10px;
    overflow: hidden;
	height: 390px;
    overflow-y: auto;
}
.ct-lienquan p {
    background: #01012e;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 6px 0;
    border-radius: 6px 6px 0 0;
    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;
}
.archive form.woocommerce-ordering>.orderby {
    margin: 12px 0 0 0;
}
.filters-container>form {
    margin-bottom: 10px;
}
.yith-wcan-filters.horizontal.enhanced {
    margin-bottom: 0;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable {
    font-size: 15px;
    padding: 6px;
	margin-bottom: 0;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
    min-width: 120px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable span.filter-count {
    margin: 0 10px 0 5px;
    border: 1px solid rgb(255,109,31);
    background: rgb(255,109,31);
    color: #fff;
    border-radius: 23px;
    padding: 0px 5px;
    font-size: 0.7em;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {
    padding: 0 12px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable + .filter-content {
    padding: 10px;
    border-radius: 8px;
    overflow: hidden;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable + .filter-content .filter-content-footer {
    padding: 10px;
    margin: 11px -10px -10px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-content > .filter-items {
    padding-left: 5px;
}
a.apply-filters.button.alt {
    background: #ff6d1f;
    border-radius: 8px;
}

/* css footer */
.ct-foo p:first-child {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.ct-foo p:not(p:first-child) {
    font-size: 15px;
    margin-bottom: 5px;
}
.ct-mail p a,.ct-foo p a:hover {
    color: gold;
}
.ct-foo p a strong {
    color: rgb(218, 67, 67);
}
.copyright-footer {
    font-size: 16px;
}
.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: black;
    border-color: black;
    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: black;
    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: black;
    color: #fff;
    text-shadow: 0 0;
    border-radius: 4px;
    font-size: 18px;
}
.woocommerce-cart a.button-continue-shopping.button.primary.is-outline {
    background-color: black;
    border: 2px solid black;
    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 blackbf;
}
.woocommerce-checkout .woocommerce-billing-fields {
    padding-top: 15px;
    border-top: 4px solid blackbf;
}
.woocommerce-checkout .ts-product-image {
    width: 52px;
    height: 45px;
    padding-right: 7px;
    vertical-align: middle;
    float: left;
}
button#place_order {
	background: black;
	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 {
		overflow-y: scroll;
		justify-content: unset;
		overflow-x: auto;
		flex-wrap: unset;
	}
	.tab-danhmuc>ul.nav li a {
		width: 130px;
		padding: 6px;
		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 {
		display: contents;
	}
	div#logo a img {
		margin: 0;
	}
	div#masthead>div {
		margin: auto;
		justify-content: start;
	}
	ul.mobile-nav li.has-icon a i {
		color: #fff;
	}
	/* 	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 */
	.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable + .filter-content {
		position: initial;
	}
	/* 	css chi tiết sản  phẩm */
	h1.product-title.product_title.entry-title {
		font-size: 24px;
	}
	.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: #ff6d1f;
		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: 22px;
	}
	.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  ***************/


}
.search-field,
.icon-search,
.ux-search-submit.submit-button:after,
.search-field::placeholder
{
    color: black !important;
}
#header {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.searchform input:nth-child(2){
    color: black !important;
}
.woocommerce-Reviews{
    flex-direction: column;
}
.woocommerce-Reviews > div{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.wcpr-filter-button-wrap{
    width: max-content !important;
}
.woocommerce-tabs > p{
    font-weight: bold;
}
.wcpr-grid-item{
    background-color: white !important;
    box-shadow: 0px 0px 3px 0px #dddddd !important;
}
.review-form-inner.has-border{
    border-color: white !important;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px #dddddd !important;
}
#comment{
    border: 1.5px solid #dddddd !important;
    border-radius: 4px;
}
.review-form-inner .form-submit input{
    background-color: black !important;
    border-radius: 4px;
}
.button{
    border-radius: 4px;
}
.stars{
    transform: translateX(10px);
} 
.stars a{
    color: black !important;
}
@media (max-width: 549px) {
    ul.mobile-nav li.has-icon a i {
        color: black !important;
    }
}
.prrreeee{
    display: none !important;
    padding: 0px !important;
}
#reviews-content-left #reviews-content-left-modal{
    justify-content: center !important;
    width: max-content;
    gap: 10px;
}
.footer-widgets *{
    color: white;
}
.woocommerce-account .woocommerce{
    padding: 20px;
    box-shadow: 0px 0px 3px 0px #dddddd !important;
    border-radius: 4px;
}
.woocommerce-account button{
    margin: 0px !important;
}
.woocommerce-account input{
    margin: 0px 0px 10px 0px !important;
}
.ux-search-submit .icon-search{
    color: white !important;
}
#tab-additional_information,
.woocommerce-Reviews-title
{
    display: none;
}
.wc-checkout-product img {
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    margin-right: 5px;
}
.woocommerce-customer-details{
    margin-top: 20px;
    background: #fff;
    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;
}
/* flashsale spotlite */
@media screen and (min-width: 768px){
    .home .ux-swatches{
        display: grid !important;
        grid-template-columns: repeat(7,1fr);
        gap: 10px;
    }
}
.home .ux-swatches .ux-swatches--large .ux-swatch--image, .ux-swatches--large .ux-swatch--color {
    width: 100% !important;
    height: 100% !important;
}
/* Ẩn SKU, danh mục và social trong shortcode [product_page] */
.home .product_meta, 
.home .product .sku_wrapper,
.home .product .posted_in,
.home .product .tagged_as,
.home .product .product-share,
.home .product .social-icons
{
  display: none !important;
}

.bg-danger{
    background-color: #BF092F !important;
}
.col-contact-infor * {opacity: 1 !important;}
.star-rating span:before{
    color: #ffb600 !important;
}
.custom-myu, .custom-myu:hover{
    position: absolute;
    transform: translate(80px, -50%) !important;
    left: 0px;
    width: max-content;
    top: 50%;
}
@media screen and (max-width: 575px){
    .custom-myu, .custom-myu:hover{
    position: absolute;
    transform: translate(-50%, -50%) !important;
    left: 50%;
    top: 85%;
}
.flickity-page-dots{
    display: none;
}
}
.re-custom-myu{
    position: relative;
}
.home .flickity-page-dots{
    transform: translateY(-30px);
}
.single .accordion-title{
	border-top: none !important;
}
.section-title-container{
	margin-bottom: 0px !important;
}
.single .section-title b{
	display: none !important;
}
.single .section-title-normal span{
	border-bottom: none !important;
}



/* ===== Accordion theo yêu cầu – áp dụng riêng block .uxacc--policy ===== */

.uxacc--policy .accordion{
  background:#fff;
  border:1px solid #e4e4e4;
  border-radius:18px;
  overflow:hidden;
  margin-top:10px;
  box-shadow:none;
  font-family: "Times New Roman", Times, serif; /* Font toàn vùng */
}

/* Mỗi mục */
.uxacc--policy .accordion-item{ background:#fff; }

/* Tiêu đề */
.uxacc--policy .accordion-title{
  display:flex; align-items:center;
  padding:18px 22px;
  font-family: "Baloo 2", Times, serif; /* Font cho header */
  font-weight:600; font-size:18px; line-height:1.2;
  color:#2b2b2b;
  text-transform:none !important;      /* tránh in hoa từ theme */
  background:#fff;
}

/* Gạch ngang giữa các dòng (giữa các header) */
.uxacc--policy .accordion-item + .accordion-item .accordion-title{
  border-top:1px solid #e8e8e8;       /* gạch ngăn */
}

/* Ẩn icon toggle mặc định của Flatsome (nếu có) */
.uxacc--policy .accordion-title .toggle{ display:none !important; }

/* Mũi tên ở bên phải – xoay xuống khi mở */
.uxacc--policy .accordion-title::after{
  content:"\276F";                     /* ❯ */
  margin-left:auto;
  font-size:18px; line-height:1;
  color:#2b2b2b;
  transition: transform .25s ease, opacity .2s ease;
  transform: rotate(0deg);             /* mặc định hướng sang phải */
}
.uxacc--policy .accordion-item.active .accordion-title::after{
  transform: rotate(90deg);            /* mở -> xoay xuống */
}

/* Nội dung + gạch ngăn trên phần content */
.uxacc--policy .accordion-inner{
  font-family: "Time New Roman", Times, serif; /* Font cho nội dung */
  padding:16px 22px 20px;
  line-height:1.7; color:#3e3e3e;
  border-top:1px solid #e8e8e8;        /* gạch ngăn giữa header và content */
  background:#fff;
}
.uxacc--policy .accordion-inner p{ margin:0 0 10px; }
.uxacc--policy .accordion-inner ul{ margin:0; padding-left:18px; }
.uxacc--policy .accordion-inner li{ margin:6px 0; }

/* Bo đáy item cuối khi mở */
.uxacc--policy .accordion-item:last-child .accordion-inner{
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
}



/* Mobile */
@media (max-width:575px){
  .uxacc--policy .accordion-title{ font-size:16px; padding:16px 18px; }
  .uxacc--policy .accordion-inner{ padding:14px 18px 16px; }
}


/* ===== UX Block: Thông tin sản phẩm (uxacc--specs) – CSS an toàn, không can thiệp toggle ===== */

.uxacc--specs .accordion{
  border:0; background:transparent;
  display:flex; flex-direction:column; gap:14px;
}

/* Card từng mục */
.uxacc--specs .accordion-item{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:18px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transition:box-shadow .25s ease, transform .2s ease;
  overflow:hidden;               /* chỉ để bo góc mượt */
}
.uxacc--specs .accordion-item:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.09);
  transform:translateY(-1px);
}

/* Header */
.uxacc--specs .accordion-title{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:16px 22px;
  font-weight:600; font-size:17px; color:#222;
  background:#fff; cursor:pointer; border:0;
}

/* GIỮ .toggle để không phá event của theme; chỉ làm mờ đi nếu muốn ẩn */
.uxacc--specs .accordion-title .toggle{
  margin-left:auto;
  opacity:0;                     /* ẩn thị giác, vẫn tồn tại để JS nhận click nếu cần */
  width:0; height:auto;
}

/* Mũi tên trang trí (không chặn click) */
.uxacc--specs .accordion-title::after{
  content:"\2192";               /* → */
  font-size:18px; color:#333;
  transition:transform .25s ease, color .25s ease;
  pointer-events:none;           /* KHÔNG chặn sự kiện click */
}
.uxacc--specs .accordion-item.active .accordion-title::after{
  transform:rotate(90deg);       /* mở -> xoay xuống */
  color:#b11a1a;
}

/* Nội dung (chỉ style, KHÔNG ẩn/hiện ở đây) */
.uxacc--specs .accordion-inner{
  padding:16px 22px 20px;
  background:#fff;
  border-top:1px solid #ededed;  /* gạch giữa header & content */
  color:#333; line-height:1.75;
  /* không set display/max-height/opacity ở đây */
}
.uxacc--specs .accordion-inner p{ margin:0 0 10px; white-space:pre-line; }
.uxacc--specs .accordion-inner ul{ margin:0; padding-left:20px; }
.uxacc--specs .accordion-inner li{ margin:6px 0; }

/* Mobile */
@media (max-width:575px){
  .uxacc--specs .accordion-title{ font-size:16px; padding:14px 18px; }
  .uxacc--specs .accordion-inner{ padding:14px 18px 16px; }
}

/* ========== FAQ (uxacc--faq) ========== */

/* 1) ẨN hoàn toàn arrow trái mặc định, KHÔNG chặn click */
.uxacc--faq .accordion-title .toggle{
  position:absolute !important;
  left:-9999px !important;   /* ra khỏi viewport */
  width:1px;height:1px; 
  overflow:hidden;
  pointer-events:none;       /* không bắt sự kiện */
}

/* 2) Tạo arrow bên phải + xoay khi mở */
.uxacc--faq .accordion-title{
  position:relative;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;
  font-weight:700;color:#222;cursor:pointer;background:#fff;border:0;
}
.uxacc--faq .accordion-title::after{
  content:"\2192";                 /* → */
  font-size:18px;line-height:1;
  color:#333; margin-left:auto;
  transition:transform .25s ease,color .25s ease;
  pointer-events:none;
}
.uxacc--faq .accordion-item.active .accordion-title::after{
  transform:rotate(90deg);         /* mở -> xoay xuống */
  color:#b11a1a;
}

/* Card đẹp + bóng nhẹ (giữ như bạn đang có) */
.uxacc--faq .accordion-item{
  background:#fff;border:1px solid #e8e8e8;border-radius:16px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transition:box-shadow .25s ease, transform .2s ease;
  overflow:hidden;
}
.uxacc--faq .accordion-item:hover{ box-shadow:0 4px 12px rgba(0,0,0,.08); transform:translateY(-1px); }

.uxacc--faq .accordion-inner{
  border-top:1px solid #eee;background:#fff;color:#444;line-height:1.7;
  padding:14px 22px 18px;
}
.uxacc--faq .accordion-inner p{ margin:0 0 10px; white-space:pre-line; }

/* 3) FULL WIDTH trên mobile (full-bleed ra mép màn hình) */
@media (max-width: 767px){
  /* Kéo wrapper ra đúng bề ngang màn hình */
  .uxacc--faq{
    width:100vw;                    /* full chiều ngang viewport */
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  /* Giảm bo & padding một chút cho mobile */
  .uxacc--faq .accordion-item{ border-radius:12px; }
  .uxacc--faq .accordion-title{ padding:14px 18px; font-size:16px; }
  .uxacc--faq .accordion-inner{ padding:12px 18px 16px; }
}




/* ==============================
   Hiệu ứng gradient trượt mượt như HiddenGems
   ============================== */
:root{
  --cta1: #B0B0B0;
  --cta2: #B0B0B0;
  --cta3: #B0B0B0;
  --ctaText: #fff;
}

/* Tổng thể layout 2 nút */
.single-product form.cart {
  gap: 14px;
}

.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .button.buy_now {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  border-radius: 9999px;
  padding: 12px 80px 12px 24px;
  letter-spacing: 0.2px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  margin: 0 auto;                /* CĂN GIỮA */
}

/* ========== Nút “THÊM VÀO GIỎ HÀNG” – gradient đổ + hiệu ứng hover ========== */
.single-product form.cart .single_add_to_cart_button.button.alt {
  color: linear-gradient(90deg,#B0B0B0 50%, #FFFFFF 100%);
  border: none;
  background: #000000;
  background-size: 300% 100%;
  background-position: left center;
}
.single-product form.cart .single_add_to_cart_button.button.alt:hover {
  background-position: right center;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(148, 84, 92, 0.35);
}
.single-product form.cart .single_add_to_cart_button.button.alt:active {
  transform: scale(0.98);
}

/* ========== Nút “MUA NGAY” – outline + gradient hover ========== */
.single-product form.cart .button.buy_now {
  color: var(--cta2);
  border: 2px solid var(--cta2);
  background: transparent;
}
.single-product form.cart .button.buy_now:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(90deg, var(--cta1), var(--cta2), var(--cta3));
  background-size: 300% 100%;
  background-position: right center;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(148, 84, 92, 0.3);
}
.single-product form.cart .button.buy_now:active {
  transform: scale(0.98);
}

/* ========== Icon tròn bên phải ========== */
.single-product form.cart .single_add_to_cart_button.button.alt::after,
.single-product form.cart .button.buy_now::after {
  content: "\2197"; /* ↗ */
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) scale(1);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.2);
  transition: transform 0.3s ease, background 0.3s ease;
}

.single-product form.cart .single_add_to_cart_button.button.alt:hover::after,
.single-product form.cart .button.buy_now:hover::after {
  transform: translateY(-50%) scale(1.1) rotate(10deg);
  background: rgba(255, 255, 255, 0.35);
}

/* ========== Responsive tinh chỉnh ========== */
@media (max-width: 575px) {
  .single-product form.cart .single_add_to_cart_button,
  .single-product form.cart .button.buy_now {
    font-size: 16px;
    padding: 10px 70px 10px 20px;
  }
  .single-product form.cart .single_add_to_cart_button::after,
  .single-product form.cart .button.buy_now::after {
    width: 38px;
    height: 38px;
  }
}

.single_add_to_cart_button.button.alt.mua-ngay {
  margin-top: 10px !important; /* 👈 chỉnh khoảng cách giữa 2 nút */
}




/* Reset margin cho nút "Mua ngay" */
button.single_add_to_cart_button.button.alt.mua-ngay {
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  display: block !important;
  width: 100%;
  max-width: 820px;
  
}

.video-overlay {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
  border-radius: 0; /* hoặc 10px nếu video bạn có bo góc */
}

/* Lớp phủ màu đen mờ nhẹ */
.video-overlay::after {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.1); /* 👈 màu đen mờ 10% */
  pointer-events: none; /* không chặn click hay thao tác */
  border-radius: inherit;
}

/* Vùng chứa marquee */
.myu-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: linear-gradient(90deg,#B0B0B0 10%, #FFFFFF 100%); /* hoặc transparent nếu bạn muốn nền trong suốt */
  border-top: 0px solid #eee;
  border-bottom: 0px solid #eee;
}

/* Phần chữ chạy */
.myu-marquee-inner {
  display: flex;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
}

/* Mỗi đoạn chữ */
.myu-marquee span {
  font-family: 'Ballo 2', serif;
  font-size: 75px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5); /* chữ xám nhạt nhẹ giống HiddenGems */
  margin-right: 120px; /* khoảng cách giữa các cụm chữ */
  letter-spacing: 4px;
}

/* Hiệu ứng chạy ngang */
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive cho mobile */
@media (max-width: 768px) {
  .myu-marquee span {
    font-size: 45px;
    margin-right: 80px;
  }
  .myu-marquee-inner {
    animation-duration: 10s;
  }
}
.myu-marquee {
  margin-top: -30px !important; /* ép dính sát lên trên */
}


.category-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 20px;
  padding: 20px 10px;
  scrollbar-width: thin;
}

.category-slider::-webkit-scrollbar {
  height: 6px;
}

.category-slider::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.cat-item {
  flex: 0 0 auto;
  width: 300px;
  text-align: center;
  transition: transform 0.3s ease;
}

.cat-item img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.cat-item:hover img {
  transform: scale(1.05);
}

.cat-item p {
  margin-top: 10px;
  font-weight: 600;
  color: #222;
  letter-spacing: 0.3px;
  font-size: 20px;
}

.cat-container {
  max-width: 1200px;        /* Giới hạn khung trung tâm */
  margin: 0 auto;           /* Căn giữa toàn bộ khung */
  overflow: hidden;         /* Không hiển thị thanh cuộn bên ngoài */
  padding: 0 10px;
}

.category-slider {
  display: flex;
  gap: 20px;
  padding: 20px 0;
  overflow-x: auto;         /* Giữ khả năng kéo ngang */
  scroll-behavior: smooth;
  scrollbar-width: thin;
  justify-content: flex-start; /* Giữ các item bắt đầu từ trái */
}

.category-slider::-webkit-scrollbar {
  height: 6px;
}

.category-slider::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* ====== MU REELS (Square layout) ====== */
.mu-reels {
  background: #ffffff;
  padding: 50px 0 30px;
}

.mu-reels__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

.mu-reels__title {
  font-size: 32px;
  font-weight: 600;
  color: #781931;
  margin-bottom: 8px;
}

.mu-reels__sub {
  font-size: 16px;
  opacity: 0.8;
  margin-bottom: 32px;
}

.mu-reels__bottom {
  margin-top: 28px;
  font-size: 18px;
  font-weight: 600;
  color: #781931;
}

.mu-reels__slider {
  padding: 0 8px;
}

.reel-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eaeaea;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.reel-card:hover {
  transform: translateY(-3px);
}

/* Khung video vuông */
.reel-video {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  background: #000;
  border-radius: 12px;
}

/* Căn layout Swiper */
.mu-reels .swiper-slide {
  width: auto;
  height: auto;
  margin-right: 18px;
}
.mu-reels .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Responsive */
@media (max-width: 768px) {
  .mu-reels__title { font-size: 26px; }
  .mu-reels__sub { font-size: 14px; margin-bottom: 20px; }
}
/* ====== /MU REELS ====== */

/* ===== MUA NGAY: gradient + viền đen ===== */
.single-product form.cart .single_add_to_cart_button.button.alt,
.single-product form.cart button.single_add_to_cart_button.alt,
.single-product form.cart .single_add_to_cart_button.alt.mua-ngay {
  background: linear-gradient(90deg, #B0B0B0 50%, #FFFFFF 100%) !important;
  border: 2px solid #000 !important;
  color: #000 !important;
  border-radius: 9999px !important;         /* bo tròn như hiện tại */
  box-shadow: none !important;
  background-size: auto !important;          /* chặn hiệu ứng gradient cũ của theme */
  background-position: left center !important;
}

/* Trạng thái disabled (chưa chọn biến thể) vẫn giữ style giống nhau */
.single-product form.cart .single_add_to_cart_button.button.alt.disabled,
.single-product form.cart .single_add_to_cart_button.button.alt:disabled {
  opacity: 1 !important;
  cursor: not-allowed;
}

/* Hover: hơi đậm xíu cho cảm giác nhấn */
.single-product form.cart .single_add_to_cart_button.button.alt:hover {
  background: linear-gradient(90deg, #A6A6A6 50%, #F5F5F5 100%) !important;
}

/* ===== Vòng tròn có mũi tên ở mép phải của nút =====
   Flatsome tạo bằng pseudo-element ::after trên nút .button.alt */
.single-product form.cart .single_add_to_cart_button.button.alt::after {
  /* giữ icon cũ, chỉ chỉnh vòng tròn */
  border: 2px solid #000 !important;         /* viền đen */
  background-color: #fff !important;         /* nền trắng bên trong vòng tròn */
  border-radius: 9999px !important;
  box-shadow: none !important;
}

/* Nếu theme gán màu/icon khác khi hover, vẫn giữ viền đen */
.single-product form.cart .single_add_to_cart_button.button.alt:hover::after {
  border-color: #000 !important;
  background-color: #fff !important;
}

/* ===== CUSTOMER REVIEWS (clone style charmlands) ===== */
.mu-reviews { padding: 40px 0 24px; background: #fff; }
.mu-reviews__inner { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.mu-reviews__title {
  text-align: center; font-size: 36px; line-height: 1.2; font-weight: 700;
  margin-bottom: 20px;
}

/* Viên thuốc nền trắng bo tròn và đổ bóng nhẹ */
.mu-reviews__pill{
  position: relative;
  background: #fff;
  border-radius: 42px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 26px 56px;   /* chừa chỗ cho nút mũi tên */
}

/* Swiper wrapper chạy tuyến tính để trôi mượt */
.mu-reviews .swiper-wrapper{ transition-timing-function: linear !important; }

/* Thẻ review */
.rv-card{ margin: 0; }
.rv-thumb{
  width: 220px; height: 220px;                /* kích thước avatar tròn */
  border-radius: 35px; overflow: hidden;
  background: #f4f4f4;
  box-shadow: 0 4px 12px rgba(0,0,0,.06) inset;
}
.rv-thumb img{ width: 100%; height: 100%; object-fit: cover; display:block; }

.rv-meta{
  margin-top: 8px; text-align: center; font-size: 14px;
  display: flex; flex-direction: column; gap: 4px;
}
.rv-name{ font-weight: 600; }

.rv-stars{ letter-spacing: 1px; color: #ffb703; font-size: 14px; }
.rv-stars--muted{ color: #e5e5e5; }

/* Swiper slide sizing + gap */
.mu-reviews .swiper-slide{ width: auto; margin-right: 22px; }

/* Nút điều hướng kiểu tròn, nền trắng, viền mảnh giống ảnh mẫu */
.rv-nav{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px; border-radius: 999px;
  border: 1.5px solid #d1d1d1; background: #fff; color: #111;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  display:flex; align-items:center; justify-content:center;
  cursor: pointer; z-index: 2;
}
.rv-prev{ left: 14px; } .rv-next{ right: 14px; }
.rv-nav:hover{ border-color:#999; }

/* Dòng "Powered by" ở góc phải dưới */
.rv-powered{
  position: absolute; bottom: 8px; right: 18px;
  font-size: 12px; color: #888;
}

.swiper-slide {
  margin-right: 22px;
}


/* Responsive tinh chỉnh kích thước ảnh */
@media (max-width: 1024px){
  .rv-thumb{ width: 200px; height: 200px; }
}
@media (max-width: 768px){
  .mu-reviews__pill{ padding: 18px 46px; }
  .rv-thumb{ width: 180px; height: 180px; }
  .mu-reviews__title{ font-size: 28px; }
}
@media (max-width: 480px){
  .rv-thumb{ width: 160px; height: 160px; }
  .mu-reviews__pill{ padding: 16px 16px; }
}
/* ===== /CUSTOMER REVIEWS ===== */

/* Giữ chuyển động tuyến tính mượt */
.mu-reviews .swiper-wrapper { transition-timing-function: linear !important; }

/* Card & ảnh nhất quán tỉ lệ, bo góc mềm */
.rv-thumb {
  width: 260px; height: 260px;
  border-radius: 22px; overflow: hidden; background:#f4f4f4;
}
.rv-thumb img { width:100%; height:100%; object-fit:cover; display:block; }

.rv-meta{ margin-top:10px; text-align:center; display:flex; flex-direction:column; gap:4px; }
.rv-name{ font-weight:700; font-size:16px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 92%; margin:0 auto; }
.rv-stars{ color:#ffb703; font-size:14px; letter-spacing: .5px; }

/* Viên thuốc trắng – bóng mềm */
.mu-reviews__pill{
  background:#fff; border-radius:42px;
  padding: 24px 56px; box-shadow: 0 18px 40px rgba(0,0,0,.08);
  position:relative;
}

/* Nút điều hướng tròn – đẩy ra ngoài nhẹ */
.rv-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:999px;
  border:1.5px solid #d1d1d1; background:#fff; color:#111;
  box-shadow:0 10px 24px rgba(0,0,0,.12); display:flex; align-items:center; justify-content:center;
  z-index:5; cursor:pointer;
}
.rv-prev{ left: 10px; }  /* desktop */
.rv-next{ right:10px; }

/* ======= MOBILE TUNING ======= */
@media (max-width: 540px){
  .mu-reviews__pill{
    padding: 10px 0;       /* cho ảnh to hơn, đẩy sát mép */
    overflow: visible;     /* để nút tràn ra ngoài */
  }
  .mu-reviews__slider{ overflow:visible; }

  .rv-thumb{ width: 72vw; height: 72vw; border-radius:20px; }
  .mu-reviews .swiper-slide{ margin-right: 12px; }

  /* Nút điều hướng sát bên ngoài */
  .rv-prev{ left: -18px; }
  .rv-next{ right: -18px; }

  .rv-name{ font-size:15px; }
  .rv-stars{ font-size:13px; }
  .rv-powered{ position: static; margin-top:10px; text-align:center; }
}

/* Rất nhỏ */
@media (max-width: 380px){
  .rv-thumb{ width: 76vw; height: 76vw; }
  .rv-prev{ left: -22px; }
  .rv-next{ right: -22px; }
}
/* Mobile: ẩn nút điều hướng */
@media (max-width: 540px){
  .rv-nav{ display: none !important; }
}
@media (max-width: 540px){
  .mu-reviews .swiper-slide{ margin-right: 18px; }  /* thử 18–22px */
  .mu-reviews__slider{ overflow: visible; }
  .mu-reviews__pill{ padding: 16px 0; }            /* cho ảnh rộng hơn */
}

/* === FIX MOBILE REVIEW LAYOUT === */
@media (max-width: 540px){

  /* Mỗi slide có bề ngang rõ ràng, không co đè nhau */
  .mu-reviews .swiper-slide{
    flex: 0 0 auto !important;         /* đừng co giãn */
    width: 82vw !important;            /* mỗi slide ~82% bề ngang màn hình */
    margin-right: 14px !important;     /* khoảng cách giữa các slide */
    box-sizing: border-box;
    display: flex;
    justify-content: center;           /* căn giữa card bên trong */
  }

  /* Ảnh/khung review KHÔNG vượt quá slide */
  .rv-card{ width: 100%; max-width: 82vw; }
  .rv-thumb{
    width: 70vw;                        /* full theo width của slide/card */
    height: 70vw;                       /* vuông, theo tỉ lệ màn hình */
    max-height: 420px;
    border-radius: 20px;
    overflow: hidden;
  }
  .rv-thumb img{ width:100%; height:100%; object-fit: cover; display:block; }

  /* Chữ/ratings bám theo chiều rộng card */
  .rv-meta{ max-width: 100%; }

  /* Viên thuốc: cho ảnh rộng hơn, nhưng vẫn chặn tràn dọc */
  .mu-reviews__pill{
    padding: 18px 0;                    /* bớt padding ngang để ảnh to hơn */
    overflow: hidden;                   /* chặn phần thừa nếu có */
  }

  /* Ẩn nút điều hướng trên mobile (desktop vẫn có) */
  .rv-nav{ display: none !important; }
}

/* Màn nhỏ hơn nữa */
@media (max-width: 380px){
  .mu-reviews .swiper-slide{ width: 86vw !important; margin-right: 12px !important; }
  .rv-thumb{ height: 75vw; }
}

.top-marquee {
  width: 100%;
  background: #000;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  height: 50px;
  display: flex;
  align-items: center;
  z-index: 99;
}

.marquee-content {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 15s linear infinite;
  font-size: 25px;
  color: #fff;
  font-weight: 500;
  padding-left: 100%;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

@media (max-width: 480px){
  .top-marquee { height: 42px; }
  .marquee-content { font-size: 17px; animation-duration: 12s; }
}

/* Xoá khoảng trắng giữa thanh chữ chạy và banner đầu trang */
.top-marquee {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.section,
.section-content,
.section-content.relative,
.home .section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Đảm bảo banner dính sát vào marquee */
.section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}