/**
 * Custom Styles for Quà Tặng Handmade
 * Colors: Hồng đậm (#fa1667) & Xanh logo (#20958f)
 * Font: Inter
 * Product Card: Equal height, 2-line title, always-visible price & discount badge
 * Single Product: Support box centered, Zalo & Messenger icons, 32px share buttons, 2x price font, left sidebar
 */

/* WoodMart Icon Font: Permanent root-relative font-face */
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("/media/themes/qthm/fonts/woodmart-font-3-400.woff2?v=8.2.7") format("woff2");
	font-display: swap;
}

:root {
	--qth-primary-pink: #fa1667;
	--qth-primary-pink-hover: #e00b58;
	--qth-primary-teal: #20958f;
	--qth-primary-teal-dark: #167e79;
	--qth-navy-text: #1a3b5c;
	--qth-grey-sub: #7a889b;
	--qth-price-red: #e53935;
	--qth-muted-text: #8c9ba5;
	--qth-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   1. GLOBAL FONT INTER & ACCENT COLORS
   ========================================================================== */
/* Global Frontend Font: Inter */
body,
button:not(#wpadminbar *),
input:not(#wpadminbar *),
select:not(#wpadminbar *),
textarea:not(#wpadminbar *),
h1,
h2,
h3,
h4,
h5,
h6,
.font-primary,
.font-heading,
.woodmart-navigation,
.whb-navigation,
.wd-entities-title,
.title,
.price,
p:not(#wpadminbar *),
span:not(#wpadminbar *):not(.dashicons):not(.ab-icon):not([class*="dashicons-"]),
a:not(#wpadminbar *),
li:not(#wpadminbar *),
label:not(#wpadminbar *) {
	font-family: var(--qth-font-family) !important;
}

/* Protect WordPress Admin Bar & Dashicons from font override */
#wpadminbar,
#wpadminbar * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .dashicons,
#wpadminbar .dashicons:before,
.dashicons,
.dashicons:before {
	font-family: "dashicons" !important;
}

.woodmart-primary-color,
.color-primary,
a:hover {
	color: var(--qth-primary-pink);
}

.bg-primary,
.btn-primary {
	background-color: var(--qth-primary-pink);
}

/* Header & Logo styling */
.whb-column .site-logo img {
	max-height: 58px;
	width: auto;
}

/* ==========================================================================
   2. PRODUCT CARD STYLING & EQUAL HEIGHT FIX
   - Fixes price / discount badge hidden until hover
   - Forces identical card height across each row
   - 2-line fixed title height (40px)
   - Baseline aligned price box
   ========================================================================== */

/* Overrule WoodMart buttons-on-hover clip & translate */
.wd-product.wd-hover-buttons-on-hover .product-element-top,
.wd-product .product-element-top {
	clip-path: none !important;
}

.wd-product.wd-hover-buttons-on-hover .product-element-bottom,
.wd-product .product-element-bottom {
	margin-bottom: 0 !important;
	transform: none !important;
	transition: none !important;
}

.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown, .wd-loading)):hover .product-element-bottom,
.wd-product.wd-hover-buttons-on-hover:hover .product-element-bottom {
	transform: none !important;
}

/* Product loop items - preserve native WoodMart CSS Grid (--wd-col-lg) and enable equal height card wrappers */
:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item) {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item) .product-wrapper {
	background: #ffffff !important;
	border: 1px solid #edf0f5 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	flex: 1 1 auto !important;
	transform: none !important;
	box-sizing: border-box !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

/* Subtle hover effect on card */
:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item):hover .product-wrapper {
	transform: translateY(-4px) !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
	border-color: #dbe2ea !important;
}

/* Card Image */
:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item) .product-element-top {
	position: relative !important;
	width: 100% !important;
	border-radius: 10px 10px 0 0 !important;
	overflow: hidden !important;
	background: #fdfdfd !important;
	flex-shrink: 0 !important;
}

:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item) .product-element-top .product-image-link {
	display: block !important;
	width: 100% !important;
}

:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item) .product-element-top .product-image-link img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 10px 10px 0 0 !important;
	transition: transform 0.4s ease !important;
}

:is(.product-grid-item, .wd-product):not(.wd-hover-small):not(.product-list-item):hover .product-element-top .product-image-link img {
	transform: scale(1.04) !important;
}

/* Card Body */
.product-element-bottom {
	display: flex !important;
	flex-direction: column !important;
	padding: 12px 14px 16px !important;
	flex: 1 1 auto !important;
	margin-bottom: 0 !important;
	transform: none !important;
}

/* Category Subtitle */
.wd-product-cats.qth-card-category,
.product-element-bottom .wd-product-cats,
.product-grid-item .wd-product-cats {
	order: 1 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	color: var(--qth-grey-sub);
	letter-spacing: 0.5px;
	margin-bottom: 6px !important;
	display: block !important;
	line-height: 1.5 !important;
	height: auto !important;
	min-height: 18px;
	overflow: visible !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wd-product-cats.qth-card-category a,
.product-element-bottom .wd-product-cats a,
.product-grid-item .wd-product-cats a {
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: var(--qth-grey-sub);
	text-decoration: none !important;
	display: inline-block;
}

.wd-product-cats.qth-card-category a:hover,
.product-element-bottom .wd-product-cats a:hover,
.product-grid-item .wd-product-cats a:hover {
	color: var(--qth-primary-teal) !important;
}

/* Title: Exact 2-lines (40px) on every card */
.product-element-bottom .wd-product-header {
	order: 2 !important;
	margin-bottom: 8px !important;
}

.product-element-bottom .wd-entities-title,
.products .product-grid-item .wd-entities-title,
.tax-product_cat .wd-entities-title,
.post-type-archive-product .wd-entities-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	height: 44px;
	max-height: 44px;
	margin: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.product-element-bottom .wd-entities-title a,
.products .product-grid-item .wd-entities-title a,
.tax-product_cat .wd-entities-title a,
.post-type-archive-product .wd-entities-title a {
	color: var(--qth-navy-text);
	font-size: 16px;
	font-weight: 500;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.product-element-bottom .wd-entities-title a:hover,
.products .product-grid-item .wd-entities-title a:hover {
	color: var(--qth-primary-pink) !important;
}

/* Tag-based Product Title Sizing (H6, H5, H4, etc.) */
.product-grid-item .wd-entities-title.title-tag-h6,
.product-grid-item .wd-entities-title.title-tag-h6 a,
.title-tag-h6.wd-entities-title,
.title-tag-h6.wd-entities-title a {
	font-size: 13px !important;
	line-height: 18px !important;
	height: 36px !important;
	max-height: 36px !important;
}

.product-grid-item .wd-entities-title.title-tag-h5,
.product-grid-item .wd-entities-title.title-tag-h5 a,
.title-tag-h5.wd-entities-title,
.title-tag-h5.wd-entities-title a {
	font-size: 14px !important;
	line-height: 20px !important;
	height: 40px !important;
	max-height: 40px !important;
}

.product-grid-item .wd-entities-title.title-tag-h4,
.product-grid-item .wd-entities-title.title-tag-h4 a,
.title-tag-h4.wd-entities-title,
.title-tag-h4.wd-entities-title a {
	font-size: 15px !important;
	line-height: 21px !important;
	height: 42px !important;
	max-height: 42px !important;
}

/* Mega Menu & Sidebar Dropdown HTML Blocks: Compact product card typography */
:is(.sub-menu-dropdown, .wd-sub-menu, .wd-dropdown-menu, .menu-item-design-sized, .menu-item-design-full-width, .whb-header, .wd-dropdown) .product-grid-item .wd-entities-title:not([style*="font-size"]),
:is(.sub-menu-dropdown, .wd-sub-menu, .wd-dropdown-menu, .menu-item-design-sized, .menu-item-design-full-width, .whb-header, .wd-dropdown) .product-grid-item .wd-entities-title a:not([style*="font-size"]) {
	font-size: 13px;
	line-height: 18px;
	height: 36px;
	max-height: 36px;
}

:is(.sub-menu-dropdown, .wd-sub-menu, .wd-dropdown-menu, .menu-item-design-sized, .menu-item-design-full-width, .whb-header, .wd-dropdown) .product-grid-item .wd-product-cats:not([style*="font-size"]),
:is(.sub-menu-dropdown, .wd-sub-menu, .wd-dropdown-menu, .menu-item-design-sized, .menu-item-design-full-width, .whb-header, .wd-dropdown) .product-grid-item .wd-product-cats a:not([style*="font-size"]) {
	font-size: 10px;
	line-height: 14px;
}

/* Price Box: Always 100% visible, anchored at bottom baseline */
.product-element-bottom .wrap-price {
	order: 3 !important;
	margin-top: auto !important;
	padding-top: 6px !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	min-height: 42px !important;
}

.qth-price-box {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.qth-normal-price,
.qth-sale-price,
.product-element-bottom .qth-normal-price,
.product-element-bottom .qth-sale-price,
.upsells .qth-normal-price,
.upsells .qth-sale-price,
.up-sells .qth-normal-price,
.up-sells .qth-sale-price,
.related .qth-normal-price,
.related .qth-sale-price,
.tax-product_cat .qth-normal-price,
.tax-product_cat .qth-sale-price,
.post-type-archive-product .qth-normal-price,
.post-type-archive-product .qth-sale-price {
	color: var(--qth-price-red) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	display: block !important;
}

.qth-price-meta {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 2px !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.qth-badge-discount,
.product-element-bottom .qth-badge-discount,
.single-product .entry-summary .price .qth-badge-discount,
.single-product .summary-inner .price .qth-badge-discount {
	background: #f1f3f5 !important;
	color: #1e293b !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	padding: 2px 7px !important;
	border-radius: 4px !important;
	display: inline-block !important;
	line-height: 1.2 !important;
}

.qth-regular-price-old,
.product-element-bottom .qth-regular-price-old,
.single-product .entry-summary .price .qth-regular-price-old,
.single-product .summary-inner .price .qth-regular-price-old {
	color: #94a3b8 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: line-through !important;
	display: inline-block !important;
}

/* ==========================================================================
   3. CATALOG MODE: REMOVE CART & DEFAULT SHARING/META FROM SUMMARY
   ========================================================================== */
.wd-product-footer,
.wd-add-btn,
.add-to-cart-loop,
.quantity,
input.qty,
.single_add_to_cart_button,
.woocommerce-variation-add-to-cart,
.wd-add-cart-btn,
.cart-widget-side,
.wd-header-cart {
	display: none !important;
}

/* ==========================================================================
   WISHLIST / YÊU THÍCH CUSTOM STYLING (Pink Heart + White Outline / Green Checkmark)
   ========================================================================== */

/* Keyframe pop animation when heart is selected */
@keyframes qthHeartPop {
	0% {
		transform: scale(0.8);
	}

	45% {
		transform: scale(1.3);
	}

	80% {
		transform: scale(0.95);
	}

	100% {
		transform: scale(1);
	}
}

/* Loop Product Cards: Ensure wishlist button is visible & beautifully placed */
.wd-buttons .wd-wishlist-btn {
	display: block !important;
}

.wd-buttons .wd-wishlist-btn a {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	background: #ffffff !important;
	border-radius: 50% !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	cursor: pointer !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
	transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s ease, background 0.25s ease !important;
}

/* Hide any text label inside icon-style wishlist buttons on product cards across all devices */
.wd-buttons .wd-wishlist-btn a span,
.product-grid-item .wd-wishlist-btn a span,
.wd-wishlist-btn.wd-style-icon a span,
.wd-action-btn.wd-style-icon a span,
.sub-menu-dropdown .wd-wishlist-btn a span,
.wd-dropdown-menu .wd-wishlist-btn a span {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.wd-buttons .wd-wishlist-btn a:hover {
	transform: scale(1.12) !important;
	box-shadow: 0 6px 18px rgba(250, 22, 103, 0.28) !important;
	background: #ffffff !important;
}

/* Default State: Vibrant pink heart with crisp inner white heart outline */
.wd-wishlist-btn a:before,
.wd-wishlist-icon>a:before {
	content: "" !important;
	font-family: inherit !important;
	display: inline-block !important;
	width: 22px !important;
	height: 22px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23fa1667%22%20d%3D%22M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2018.35l-.88-.8C6.3%2013.08%203.5%2010.5%203.5%207.6%203.5%205.25%205.3%203.5%207.6%203.5c1.45%200%202.85.7%203.65%201.8.8-1.1%202.2-1.8%203.65-1.8%202.3%200%204.1%201.75%204.1%204.1%200%202.9-2.8%205.48-7.62%209.95L12%2018.35z%22%2F%3E%3C%2Fsvg%3E") !important;
	transition: transform 0.25s ease, filter 0.25s ease !important;
}

/* Active / Added State: Small pink heart with inner green checkmark */
.wd-wishlist-btn a.added:before,
.wd-wishlist-icon>a.added:before {
	content: "" !important;
	font-family: inherit !important;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23fa1667%22%20d%3D%22M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%22%2F%3E%3Cpath%20d%3D%22M7%2011.8l3.6%203.6%206.6-6.6%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7%2011.8l3.6%203.6%206.6-6.6%22%20fill%3D%22none%22%20stroke%3D%22%2316a34a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
	animation: qthHeartPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Single Product Wishlist Button */
.summary-inner .wd-wishlist-btn a,
.wd-single-product .wd-wishlist-btn a,
.wd-wishlist-btn.wd-style-text a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 25px !important;
	padding: 8px 18px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
	color: #2c3e50 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	transition: all 0.25s ease !important;
}

.summary-inner .wd-wishlist-btn a:hover,
.wd-single-product .wd-wishlist-btn a:hover,
.wd-wishlist-btn.wd-style-text a:hover {
	border-color: #fa1667 !important;
	color: #fa1667 !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.16) !important;
}

.summary-inner .wd-wishlist-btn a:before,
.wd-single-product .wd-wishlist-btn a:before,
.wd-wishlist-btn.wd-style-text a:before {
	margin: 0 !important;
	flex-shrink: 0 !important;
}

/* Wishlist Page Styling */
.wd-wishlist-content .wd-wishlist-head,
.wd-wishlist-content .wd-wishlist-group-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 25px !important;
	padding-bottom: 15px !important;
	border-bottom: 2px solid #f1f3f5 !important;
}

.wd-wishlist-content .wd-wishlist-head .title,
.wd-wishlist-content .title {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #2c3e50 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.wd-wishlist-product-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 8px 12px !important;
	background: #f8fafc !important;
	border-radius: 8px !important;
	margin-bottom: 12px !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.wd-wishlist-product-remove a.wd-wishlist-remove {
	color: #ef4444 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	transition: color 0.2s ease !important;
}

.wd-wishlist-product-remove a.wd-wishlist-remove:hover {
	color: #dc2626 !important;
	text-decoration: underline !important;
}

.wd-empty-wishlist {
	text-align: center !important;
	padding: 60px 20px !important;
}

.wd-empty-wishlist .wd-empty-page-text {
	font-size: 16px !important;
	color: #64748b !important;
	margin-bottom: 25px !important;
}

.wd-empty-wishlist .btn {
	background: linear-gradient(135deg, #ff5b84 0%, #fa1667 100%) !important;
	color: #ffffff !important;
	border-radius: 25px !important;
	padding: 12px 32px !important;
	font-weight: 600 !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.3) !important;
}

/* Remove default theme sharing line and default meta from product summary */
.single-product-summary .product_meta,
.single-product-summary .woodmart-show-product-share,
.single-product-summary .product-share,
.single-product .woodmart-social-icons:not(.qth-social-share-wrap) {
	display: none !important;
}

/* ==========================================================================
   4. AJAX LOAD MORE BUTTON (Products & Blog)
   ========================================================================== */
.wd-loop-footer,
.wd-loop-footer.products-footer,
.wd-loop-footer.blog-footer {
	text-align: center;
	margin: 35px 0 20px;
}

/* Hide separate loader element completely - text will be displayed on the button itself */
.wd-load-more-loader,
.wd-load-more.loading + .wd-load-more-loader,
div.wd-load-more-loader {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Beautiful Pill Load More Button */
.btn.wd-load-more:not(.wd-load-more-loader),
a.wd-load-more,
a.wd-products-load-more,
a.wd-blog-load-more,
.wd-posts-load-more {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 185px !important;
	min-height: 48px !important;
	background: linear-gradient(135deg, #ff3b7b 0%, #fa1667 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 35px !important;
	padding: 13px 38px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	box-shadow: 0 6px 20px rgba(250, 22, 103, 0.42) !important;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	cursor: pointer !important;
	text-decoration: none !important;
	user-select: none !important;
	box-sizing: border-box !important;
	line-height: 1.2 !important;
}

.btn.wd-load-more:not(.wd-load-more-loader):hover,
a.wd-load-more:hover,
a.wd-products-load-more:hover,
a.wd-blog-load-more:hover,
.wd-posts-load-more:hover {
	background: linear-gradient(135deg, #fa1667 0%, #d80b54 100%) !important;
	box-shadow: 0 8px 26px rgba(250, 22, 103, 0.58) !important;
	transform: translateY(-2px);
	color: #ffffff !important;
}

/* Active Loading State on Button */
.btn.wd-load-more:not(.wd-load-more-loader).loading,
a.wd-load-more.loading,
a.wd-products-load-more.loading,
a.wd-blog-load-more.loading {
	display: inline-flex !important;
	opacity: 0.95 !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.35) !important;
	transform: none !important;
	cursor: wait !important;
	pointer-events: none !important;
}

/* Inline Spinner inside Button Label */
.wd-load-more.loading .load-more-label::before {
	content: "" !important;
	display: inline-block !important;
	width: 15px !important;
	height: 15px !important;
	margin-right: 9px !important;
	margin-top: -2px !important;
	border: 2.5px solid rgba(255, 255, 255, 0.35) !important;
	border-top-color: #ffffff !important;
	border-radius: 50% !important;
	vertical-align: middle !important;
	animation: qth-btn-spin 0.65s linear infinite !important;
}

@keyframes qth-btn-spin {
	to {
		transform: rotate(360deg);
	}
}

.woocommerce-pagination.wd-pagination {
	display: none !important;
}

/* ==========================================================================
   5. SINGLE PRODUCT: SUPPORT BOX (CENTERED WITH REAL ICONS)
   ========================================================================== */
.qth-product-support-box {
	background: #fbfcfe;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 18px 20px;
	margin: 22px 0 16px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.qth-support-header {
	margin-bottom: 12px;
}

.qth-support-title {
	font-size: 13px;
	font-weight: 700;
	color: #1e293b;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.qth-support-buttons {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

/* Centered icon + label buttons */
.qth-cta-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 12px 18px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	border: none !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}

.qth-cta-btn strong {
	font-weight: 700;
}

.qth-zalo-icon-img {
	width: 22px !important;
	height: 22px !important;
	border-radius: 4px !important;
	object-fit: contain !important;
	display: inline-block !important;
}

/* Hotline Button in Single Product Support Box:
   - Nền hồng nhạt, viền hồng nhạt, chữ và icon hồng đậm #fa1667
   - Khi hover: nền hồng đậm #fa1667, viền hồng đậm, chữ và icon trắng #ffffff
   - Hình dạng nút giữ nguyên (border-radius 8px)
*/
.qth-product-support-box .qth-btn-hotline {
	background: rgba(250, 22, 103, 0.08) !important;
	background-color: rgba(250, 22, 103, 0.08) !important;
	border: 1.5px solid rgba(250, 22, 103, 0.35) !important;
	color: #fa1667 !important;
	box-shadow: none !important;
	font-weight: 600 !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qth-product-support-box .qth-btn-hotline * {
	color: #fa1667 !important;
	transition: color 0.25s ease !important;
}

.qth-product-support-box .qth-btn-hotline:hover {
	background: #fa1667 !important;
	background-color: #fa1667 !important;
	border-color: #fa1667 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.3) !important;
}

.qth-product-support-box .qth-btn-hotline:hover * {
	color: #ffffff !important;
}

/* ==========================================================================
   FLOATING SMART CONTACT - CALL HOTLINE BUTTON (NÚT GỌI GÓC CHÂN WEB)
   - Nền hồng thương hiệu (#fa1667) đồng bộ chuẩn màu Quà Tặng Handmade
   - Icon điện thoại màu TRẮNG (#ffffff) sắc nét, nổi bật, dễ nhìn
   - Vòng sóng tỏa ra (ripple waves) màu hồng #fa1667
   ========================================================================== */
#qth-smart-contact .qth-btn-hotline,
.qth-contact-container .qth-btn-hotline,
.qth-item-hotline .qth-contact-btn {
	background: linear-gradient(135deg, #ff2a7a 0%, #fa1667 100%) !important;
	background-color: #fa1667 !important;
	color: #ffffff !important;
	box-shadow: 0 8px 24px -2px rgba(250, 22, 103, 0.45), 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}

#qth-smart-contact .qth-btn-hotline *,
.qth-contact-container .qth-btn-hotline *,
.qth-item-hotline .qth-contact-btn * {
	color: #ffffff !important;
}

#qth-smart-contact .qth-btn-hotline .qth-svg,
#qth-smart-contact .qth-btn-hotline .qth-svg-phone,
.qth-contact-container .qth-btn-hotline .qth-svg,
.qth-item-hotline .qth-contact-btn .qth-svg {
	stroke: #ffffff !important;
	color: #ffffff !important;
	fill: none !important;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) !important;
}

#qth-smart-contact .qth-btn-hotline .qth-wave,
.qth-contact-container .qth-btn-hotline .qth-wave,
.qth-item-hotline .qth-contact-btn .qth-wave {
	background: #fa1667 !important;
}

#qth-smart-contact .qth-btn-hotline:hover,
.qth-contact-container .qth-btn-hotline:hover,
.qth-item-hotline .qth-contact-btn:hover {
	transform: translateY(-4px) scale(1.08) !important;
	box-shadow: 0 14px 30px -4px rgba(250, 22, 103, 0.55), 0 6px 12px rgba(0, 0, 0, 0.16) !important;
}

.qth-btn-zalo {
	background: #0068ff !important;
	color: #ffffff !important;
	box-shadow: 0 3px 12px rgba(0, 104, 255, 0.25) !important;
}

.qth-btn-zalo:hover {
	background: #0056d6 !important;
	box-shadow: 0 5px 16px rgba(0, 104, 255, 0.38) !important;
	color: #ffffff !important;
}

.qth-btn-messenger {
	background: #0084ff !important;
	color: #ffffff !important;
	box-shadow: 0 3px 12px rgba(0, 132, 255, 0.25) !important;
}

.qth-btn-messenger:hover {
	background: #0070d6 !important;
	box-shadow: 0 5px 16px rgba(0, 132, 255, 0.38) !important;
	color: #ffffff !important;
}

.qth-commitments-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px dashed #cbd5e1;
	font-size: 12.5px;
	color: #475569;
}

.qth-commit-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.qth-check {
	color: #10b981;
	font-style: normal;
	font-weight: 800;
}

/* ==========================================================================
   6. SOCIAL SHARE BUTTONS: EQUAL HEIGHT (28PX) - ALL ON 1 LINE
   ========================================================================== */
/* Hide default WoodMart share lines completely */
.single-product .product-share,
.single-product .social-share,
.single-product .wd-social-icons.social-share,
.single-product .wd-social-icons.product-share {
	display: none !important;
}

.qth-social-share-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 12px 0 10px !important;
	flex-wrap: nowrap !important;
	max-width: 100% !important;
}

.qth-share-heading {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #64748b !important;
	white-space: nowrap !important;
	margin-right: 2px !important;
	flex-shrink: 0 !important;
}

.qth-share-links {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	flex-wrap: nowrap !important;
	flex-shrink: 0 !important;
}

/* All share buttons: EXACT height 28px matching Zalo button, compact 1-line layout */
.qth-share-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	height: 28px !important;
	box-sizing: border-box !important;
	padding: 0 8px !important;
	border-radius: 4px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	line-height: 28px !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

.qth-share-zalo-img {
	width: 14px !important;
	height: 14px !important;
	border-radius: 2px !important;
	object-fit: contain !important;
}

.qth-share-btn svg {
	width: 14px !important;
	height: 14px !important;
}

.qth-s-zalo {
	background: #0068ff !important;
	color: #ffffff !important;
}

.qth-s-zalo:hover {
	background: #0056d6 !important;
	color: #ffffff !important;
}

.qth-s-fb {
	background: #1877f2 !important;
	color: #ffffff !important;
}

.qth-s-fb:hover {
	background: #1364cf !important;
	color: #ffffff !important;
}

.qth-s-messenger {
	background: #0084ff !important;
	color: #ffffff !important;
}

.qth-s-messenger:hover {
	background: #0070d6 !important;
	color: #ffffff !important;
}

.qth-s-tiktok {
	background: #000000 !important;
	color: #ffffff !important;
}

.qth-s-tiktok:hover {
	background: #262626 !important;
	color: #ffffff !important;
}

.qth-s-copy {
	background: #f1f5f9 !important;
	color: #334155 !important;
	border: 1px solid #cbd5e1 !important;
}

.qth-s-copy:hover {
	background: #e2e8f0 !important;
	color: #1e293b !important;
}

.qth-s-copy.copied {
	background: #10b981 !important;
	color: #ffffff !important;
	border-color: #10b981 !important;
}

/* ==========================================================================
   7. RELOCATED CATEGORIES & TAGS (BOTTOM OF PRODUCT CONTENT)
   - Rounded Tag Pills with # prefix
   - Default: Light background (#f0f4f8)
   - Hover: Pink background (#fa1667) with White text (#ffffff)
   ========================================================================== */
.qth-content-bottom-wrap {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #edf0f5;
}

.qth-content-bottom-wrap .qth-social-share-wrap {
	margin: 0 0 16px;
	flex-wrap: wrap !important;
}

.qth-product-meta-bottom {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--qth-muted-text) !important;
	line-height: 1.8 !important;
}

.qth-product-meta-bottom .qth-meta-line {
	margin-bottom: 12px;
	font-size: 14px !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.qth-product-meta-bottom .qth-meta-cats .qth-meta-label {
	font-weight: 500 !important;
	color: var(--qth-muted-text) !important;
	margin-right: 4px;
}

.qth-product-meta-bottom .qth-meta-cats a {
	color: #64748b !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.qth-product-meta-bottom .qth-meta-cats a:hover {
	color: var(--qth-primary-pink) !important;
	text-decoration: underline !important;
}

/* Tag Heading with SVG Tag Icon */
.qth-tag-heading {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #334155 !important;
	margin-right: 4px !important;
}

.qth-tag-icon {
	color: #64748b !important;
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
}

.qth-tags-wrap {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

/* Tag Pills: Rounded, # prefix, light background */
.qth-tag-pill {
	display: inline-flex !important;
	align-items: center !important;
	padding: 4px 14px !important;
	border-radius: 50px !important;
	background: #f0f4f8 !important;
	border: 1px solid #dce4ed !important;
	color: #334155 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	line-height: 1.5 !important;
	transition: all 0.25s ease !important;
}

/* Tag Pill Hover: Pink background, White text */
.qth-tag-pill:hover {
	background: var(--qth-primary-pink) !important;
	border-color: var(--qth-primary-pink) !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(250, 22, 103, 0.25) !important;
	text-decoration: none !important;
}

/* ==========================================================================
   8. SINGLE PRODUCT TITLE & PRICE (28PX BOLD RED, TITLE 28PX 600)
   ========================================================================== */
.single-product h1.product_title,
.single-product .summary-inner .product_title,
.single-product .entry-summary .product_title,
.single-product .product_title {
	font-size: 28px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	color: var(--qth-navy-text) !important;
	margin-bottom: 12px !important;
}

.single-product .summary-inner .price,
.single-product .entry-summary .price,
.single-product .entry-summary p.price {
	margin: 10px 0 14px !important;
}

.single-product .qth-sale-price,
.single-product .qth-normal-price,
.single-product .entry-summary p.price .qth-sale-price,
.single-product .entry-summary p.price .qth-normal-price,
.single-product .entry-summary .price .qth-sale-price,
.single-product .entry-summary .price .qth-normal-price,
.single-product .entry-summary .qth-sale-price,
.single-product .entry-summary .qth-normal-price,
.single-product .summary-inner .price .qth-sale-price,
.single-product .summary-inner .price .qth-normal-price,
.single-product .wd-single-product-price .qth-sale-price,
.single-product .wd-single-product-price .qth-normal-price,
.single-product .entry-summary .price ins .amount,
.single-product .summary-inner .price ins .amount,
.single-product .entry-summary .price>.amount,
.single-product .summary-inner .price>.amount {
	font-size: 28px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #e53935 !important;
	letter-spacing: -0.3px !important;
	display: inline-block !important;
}

.single-product .entry-summary .price .qth-regular-price-old,
.single-product .entry-summary p.price .qth-regular-price-old,
.single-product .summary-inner .price .qth-regular-price-old,
.single-product .entry-summary .price del,
.single-product .summary-inner .price del,
.single-product .entry-summary .price del .amount,
.single-product .summary-inner .price del .amount {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
}

.single-product .entry-summary .price .qth-badge-discount,
.single-product .entry-summary p.price .qth-badge-discount,
.single-product .summary-inner .price .qth-badge-discount {
	font-size: 16px !important;
	font-weight: 500 !important;
	padding: 2px 8px !important;
	border-radius: 4px !important;
	background: #f1f3f5 !important;
	color: #1e293b !important;
}


/* ==========================================================================
   9. SIDEBAR MENUS & MAIN CATEGORY MENU (SIZE 16, WEIGHT 500)
   ========================================================================== */
.single-product .sidebar-container {
	margin-bottom: 30px;
}

.single-product .sidebar-container .widget-area {
	background: #ffffff;
	border: 1px solid #edf0f5;
	border-radius: 10px;
	padding: 20px 22px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.single-product .sidebar-container .widget-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: var(--qth-navy-text) !important;
	margin-bottom: 16px !important;
	padding-bottom: 10px !important;
	border-bottom: 2px solid var(--qth-primary-pink) !important;
	display: block !important;
	letter-spacing: 0.5px !important;
}

/* Sidebar navigation links (size 16, weight 500) */
.sidebar-container .widget_nav_menu ul.menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.sidebar-container .widget_nav_menu ul.menu>li {
	border-bottom: 1px solid #f1f5f9;
	margin: 0;
	padding: 0;
}

.sidebar-container .widget_nav_menu ul.menu>li:last-child {
	border-bottom: none;
}

.sidebar-container .widget_nav_menu ul.menu>li>a,
.sidebar-container .widget_nav_menu a,
.sidebar-container .widget_product_categories a,
.sidebar-container .widget_categories a,
.widget-area .widget_nav_menu a,
.widget-area .widget_product_categories a {
	display: block;
	padding: 10px 4px;
	color: #334155 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: none;
	transition: all 0.2s ease;
}

.sidebar-container .widget_nav_menu ul.menu>li>a:hover,
.sidebar-container .widget_nav_menu a:hover,
.sidebar-container .widget_product_categories a:hover,
.widget-area .widget_nav_menu a:hover,
.widget-area .widget_product_categories a:hover {
	color: var(--qth-primary-pink) !important;
	padding-left: 8px;
}

/* Main Category Menu (Vertical Menu items - size 16, weight 500) */
ul#menu-danh-muc-san-pham > li > a,
ul#menu-danh-muc-san-pham > li > a .woodmart-nav-link,
ul#menu-danh-muc-san-pham > li > a .nav-link-text,
.wd-nav-vertical > li > a,
.wd-nav-vertical > li > a .woodmart-nav-link,
.wd-nav-vertical > li > a .nav-link-text,
.wd-nav-sticky > li > a,
.wd-nav-sticky > li > a .woodmart-nav-link,
.wd-nav-sticky > li > a .nav-link-text,
.wd-header-sticky-nav > a,
.wd-header-sticky-nav .wd-tools-text,
.header-categories-nav > li > a,
.header-categories-nav > li > a .woodmart-nav-link,
.header-categories-nav > li > a .nav-link-text,
.wd-sticky-nav > li > a,
.wd-sticky-nav > li > a .woodmart-nav-link,
.wd-sticky-nav > li > a .nav-link-text {
	font-size: 16px !important;
	font-weight: 500 !important;
}

/* Ensure mega menu dropdown HTML blocks are never affected by parent navigation menu styling */
ul#menu-danh-muc-san-pham .wd-dropdown-menu .product-grid-item .wd-entities-title,
ul#menu-danh-muc-san-pham .wd-dropdown-menu .product-grid-item .wd-entities-title a,
.wd-dropdown-menu .product-grid-item .wd-entities-title,
.wd-dropdown-menu .product-grid-item .wd-entities-title a,
.sub-menu-dropdown .product-grid-item .wd-entities-title,
.sub-menu-dropdown .product-grid-item .wd-entities-title a {
	font-size: var(--qth-prod-title-size, 13px) !important;
	line-height: var(--qth-prod-title-lh, 18px) !important;
	height: var(--qth-prod-title-h, 36px) !important;
	max-height: var(--qth-prod-title-h, 36px) !important;
	font-weight: 500 !important;
}

ul#menu-danh-muc-san-pham .wd-dropdown-menu .product-grid-item .wd-product-cats,
ul#menu-danh-muc-san-pham .wd-dropdown-menu .product-grid-item .wd-product-cats a,
ul#menu-danh-muc-san-pham .wd-dropdown-menu .product-grid-item .qth-card-category,
ul#menu-danh-muc-san-pham .wd-dropdown-menu .product-grid-item .qth-card-category a,
.wd-dropdown-menu .product-grid-item .wd-product-cats,
.wd-dropdown-menu .product-grid-item .wd-product-cats a,
.sub-menu-dropdown .product-grid-item .wd-product-cats,
.sub-menu-dropdown .product-grid-item .wd-product-cats a {
	font-size: var(--qth-prod-cat-size, 10px) !important;
	line-height: var(--qth-prod-cat-lh, 14px) !important;
	height: auto !important;
}

/* ==========================================================================
   HEADER "SẢN PHẨM - DỊCH VỤ" BUTTON
   - Initial state: Soft pink background, pink border, dark pink icon & text (like "Xem tất cả sản phẩm")
   - Hover / Opened state: Solid brand pink (#fa1667) background, white icon & text, subtle lift & shadow
   ========================================================================== */
.wd-header-sticky-nav,
.wd-header-sticky-nav a,
.wd-header-sticky-nav .wd-tools-inner {
	cursor: pointer !important;
	user-select: none !important;
}

/* Base pill container: light pink background & pink border */
.wd-header-sticky-nav.wd-design-7 > a > .wd-tools-inner,
.wd-header-sticky-nav .wd-tools-inner {
	background: rgba(250, 22, 103, 0.08) !important;
	background-color: rgba(250, 22, 103, 0.08) !important;
	border: 1.5px solid rgba(250, 22, 103, 0.35) !important;
	border-radius: 999px !important;
	color: #fa1667 !important;
	height: 42px !important;
	padding: 0 18px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Icon: dark pink in normal state */
.wd-header-sticky-nav .wd-tools-icon,
.wd-header-sticky-nav .wd-tools-icon:before {
	color: #fa1667 !important;
	font-size: 17px !important;
	transition: color 0.25s ease !important;
}

/* Text: dark pink in normal state */
.wd-header-sticky-nav .wd-tools-text {
	color: #fa1667 !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.2 !important;
	margin-inline-start: 6px !important;
	transition: color 0.25s ease !important;
}

/* Hover and Opened state: solid brand pink #fa1667 background, white text & icon */
.wd-header-sticky-nav:hover > a > .wd-tools-inner,
.wd-header-sticky-nav a:hover .wd-tools-inner,
.wd-header-sticky-nav.wd-opened > a > .wd-tools-inner,
.wd-header-sticky-nav.wd-opened .wd-tools-inner {
	background: #fa1667 !important;
	background-color: #fa1667 !important;
	border-color: #fa1667 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.3) !important;
}

.wd-header-sticky-nav:hover .wd-tools-icon,
.wd-header-sticky-nav:hover .wd-tools-icon:before,
.wd-header-sticky-nav a:hover .wd-tools-icon,
.wd-header-sticky-nav a:hover .wd-tools-icon:before,
.wd-header-sticky-nav.wd-opened .wd-tools-icon,
.wd-header-sticky-nav.wd-opened .wd-tools-icon:before {
	color: #ffffff !important;
}

.wd-header-sticky-nav:hover .wd-tools-text,
.wd-header-sticky-nav a:hover .wd-tools-text,
.wd-header-sticky-nav.wd-opened .wd-tools-text {
	color: #ffffff !important;
}

/* Active click state */
.wd-header-sticky-nav:active > a > .wd-tools-inner,
.wd-header-sticky-nav a:active .wd-tools-inner {
	transform: translateY(0) !important;
	box-shadow: 0 2px 6px rgba(250, 22, 103, 0.2) !important;
}


/* Single Product Gallery Thumbnails */
.woocommerce-product-gallery .thumbnails,
.woocommerce-product-gallery .woocommerce-product-gallery__image {
	border-radius: 8px;
}

.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image {
	border: 2px solid transparent;
	transition: all 0.2s ease;
	cursor: pointer;
}

.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image:hover,
.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image.active,
.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image--active {
	border-color: var(--qth-primary-pink) !important;
}

/* ==========================================================================
   10. HOMEPAGE SLIDER & 2 PROMO BANNERS EQUAL HEIGHT (380PX)
   - Lowers slider height to match the 2 adjacent banners (380px)
   ========================================================================== */
@media (min-width: 769px) {

	/* Enforce exact 380px height for Slider container and slides */
	#slider-759,
	#slider-759 .wd-carousel-inner,
	#slider-759 .wd-carousel-wrap,
	#slider-759 .wd-slide,
	.wd-slider.vegetables-slider,
	.wd-slider.vegetables-slider .wd-slide,
	.elementor-element-388a13e,
	.elementor-element-388a13e .wd-slider {
		height: 380px !important;
		min-height: 380px !important;
		max-height: 380px !important;
	}

	#slider-759 .wd-slide .container.wd-slide-container {
		height: 380px !important;
		min-height: 380px !important;
		max-height: 380px !important;
		display: flex !important;
		align-items: center !important;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		box-sizing: border-box !important;
	}

	/* Two adjacent promo banners: enforce identical 380px height */
	.elementor-element-8b931bb,
	.elementor-element-c678dfb,
	.elementor-element-8b931bb .promo-banner,
	.elementor-element-c678dfb .promo-banner,
	.elementor-element-8b931bb .promo-banner .banner-image,
	.elementor-element-c678dfb .promo-banner .banner-image,
	.elementor-element-8b931bb .promo-banner .banner-image img,
	.elementor-element-c678dfb .promo-banner .banner-image img {
		height: 380px !important;
		min-height: 380px !important;
		max-height: 380px !important;
	}

	/* Align slider arrows vertically at center & match theme demo style (Screenshot 1) */
	#slider-759,
	#slider-759 .wd-carousel-inner {
		position: relative !important;
	}

	#slider-759 .wd-slider-arrows {
		position: static !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
		height: 0 !important;
	}

	/* Slider Navigator Arrows: Hidden by default, slide + fade in from 2 edges on hover */
	#slider-759 .wd-slider-arrows .wd-btn-arrow,
	.vegetables-slider .wd-slider-arrows .wd-btn-arrow {
		position: absolute !important;
		top: 50% !important;
		bottom: auto !important;
		z-index: 25 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		margin: 0 !important;
		transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.35s ease !important;
	}

	#slider-759 .wd-slider-arrows .wd-btn-arrow.wd-prev,
	.vegetables-slider .wd-slider-arrows .wd-btn-arrow.wd-prev {
		left: 20px !important;
		right: auto !important;
		inset-inline-start: 20px !important;
		inset-inline-end: auto !important;
		transform: translateY(-50%) translateX(-25px) !important;
	}

	#slider-759 .wd-slider-arrows .wd-btn-arrow.wd-next,
	.vegetables-slider .wd-slider-arrows .wd-btn-arrow.wd-next {
		right: 20px !important;
		left: auto !important;
		inset-inline-end: 20px !important;
		inset-inline-start: auto !important;
		transform: translateY(-50%) translateX(25px) !important;
	}

	:is(#slider-759, .vegetables-slider, .elementor-element-388a13e):hover .wd-slider-arrows .wd-btn-arrow {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	:is(#slider-759, .vegetables-slider, .elementor-element-388a13e):hover .wd-slider-arrows .wd-btn-arrow.wd-prev,
	:is(#slider-759, .vegetables-slider, .elementor-element-388a13e):hover .wd-slider-arrows .wd-btn-arrow.wd-next {
		transform: translateY(-50%) translateX(0) !important;
	}

	#slider-759 .wd-slider-arrows .wd-arrow-inner {
		width: 44px !important;
		height: 44px !important;
		background: #ffffff !important;
		border: 1px solid rgba(0, 0, 0, 0.06) !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
		color: #2c3e50 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		transition: all 0.25s ease !important;
	}

	#slider-759 .wd-slider-arrows .wd-arrow-inner:after {
		font-size: 16px !important;
		color: #333333 !important;
		line-height: 1 !important;
		transition: color 0.2s ease !important;
	}

	#slider-759 .wd-slider-arrows .wd-arrow-inner:hover {
		background: #ffffff !important;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
		transform: scale(1.06) !important;
	}

	#slider-759 .wd-slider-arrows .wd-arrow-inner:hover:after {
		color: var(--qth-primary-pink) !important;
	}
}

@media (max-width: 768px) {
	#slider-759 .wd-slider-arrows .wd-btn-arrow {
		opacity: 0.9 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translateY(-50%) translateX(0) !important;
	}

	#slider-759 .wd-slider-arrows .wd-btn-arrow.wd-prev {
		left: 10px !important;
		inset-inline-start: 10px !important;
	}

	#slider-759 .wd-slider-arrows .wd-btn-arrow.wd-next {
		right: 10px !important;
		inset-inline-end: 10px !important;
	}

	#slider-759 .wd-slider-arrows .wd-arrow-inner {
		width: 36px !important;
		height: 36px !important;
		border-radius: 6px !important;
	}
}

/* ==========================================================================
   11. HOMEPAGE PRODUCT CATEGORIES (DANH MỤC SẢN PHẨM TRANG CHỦ)
   - Contained neatly inside the boxed container (no overflowing)
   - Equal height 2-column grid on desktop/tablet, 1-col on mobile
   - Beautiful card design: 110px thumb on left, title & subcategories on right
   ========================================================================== */
.elementor-element-0f4484c .e-con-inner,
.elementor-element-25c8063 {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.elementor-element-25c8063 .wd-cats-element.wd-carousel-container {
	width: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
}

/* Carousel Inner & Swiper */
.elementor-element-25c8063 .wd-carousel-inner {
	position: relative !important;
	width: 100% !important;
}

.elementor-element-25c8063 .wd-carousel {
	overflow: hidden !important;
	padding: 10px 0 !important;
}

.elementor-element-25c8063 .wd-carousel-wrap {
	display: flex !important;
	align-items: stretch !important;
}

.elementor-element-25c8063 .wd-carousel-item {
	height: auto !important;
	display: flex !important;
	box-sizing: border-box !important;
}

/* Category Card: Fixed strictly according to xuonghandmade.local reference
   - Eliminated multiple nested paddings (reset wrap padding to 0, compact 8px 10px inner padding)
   - Widened thumbnail (142px width, full-bleed edge-to-edge, no inner thumb padding)
   - Image fills container seamlessly with object-fit: cover
   - Pastel background colors matching image tone
   - Compact typography & submenu line height to fit more content cleanly
*/
.elementor-element-25c8063 .wd-cat.cat-design-side {
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
}

.elementor-element-25c8063 .wd-cat-wrap {
	--wd-prod-bg-sp: 0px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	height: 100% !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.elementor-element-25c8063 .wd-cat-inner {
	display: flex !important;
	align-items: stretch !important;
	gap: 12px !important;
	padding: 8px 10px !important;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
	border-radius: 14px !important;
	height: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.elementor-element-25c8063 .wd-cat-inner:hover {
	border-color: rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
	transform: none !important;
}

/* Category Thumbnail: 142px wide, edge-to-edge, zero inner padding */
.elementor-element-25c8063 .wd-cat-thumb {
	width: 142px !important;
	flex: 0 0 142px !important;
	max-width: 48% !important;
	height: 100% !important;
	min-height: 140px !important;
	align-self: stretch !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.elementor-element-25c8063 .wd-cat-thumb .wd-cat-image {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

.elementor-element-25c8063 .wd-cat-thumb img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 10px !important;
	display: block !important;
	transition: transform 0.35s ease !important;
}

.elementor-element-25c8063 .wd-cat-inner:hover .wd-cat-thumb img {
	transform: scale(1.04) !important;
}

/* Harmonious pastel backgrounds matching image tone and category */
.elementor-element-25c8063 .wd-cat-thumb:has(img[src*="gegetables"]),
.elementor-element-25c8063 .wd-carousel-item:nth-child(4n+1) .wd-cat-thumb { background-color: #e5edd6 !important; }

.elementor-element-25c8063 .wd-cat-thumb:has(img[src*="vegan-meat"]),
.elementor-element-25c8063 .wd-carousel-item:nth-child(4n+2) .wd-cat-thumb { background-color: #fde7de !important; }

.elementor-element-25c8063 .wd-cat-thumb:has(img[src*="dairy"]),
.elementor-element-25c8063 .wd-carousel-item:nth-child(4n+3) .wd-cat-thumb { background-color: #e0e9f6 !important; }

.elementor-element-25c8063 .wd-cat-thumb:has(img[src*="seafood"]),
.elementor-element-25c8063 .wd-carousel-item:nth-child(4n+4) .wd-cat-thumb { background-color: #def0f8 !important; }

.elementor-element-25c8063 .wd-cat-thumb:has(img[src*="bakery"]) { background-color: #fbf3df !important; }
.elementor-element-25c8063 .wd-cat-thumb:has(img[src*="beverages"]) { background-color: #e2f2e9 !important; }

/* Category Content (Title & Subcategories) */
.elementor-element-25c8063 .wd-cat-content {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 1px 2px 2px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
}

.elementor-element-25c8063 .wd-cat-header {
	margin-top: 0 !important;
	margin-bottom: 7px !important;
}

.elementor-element-25c8063 .wd-cat-content .wd-entities-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin: 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.elementor-element-25c8063 .wd-cat-content .wd-entities-title a {
	color: #111827 !important;
	text-decoration: none !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	transition: color 0.2s ease !important;
}

.elementor-element-25c8063 .wd-cat-content .wd-entities-title a:hover {
	color: #fa1667 !important;
}

/* Subcategories Menu: Font 15px, spacing increased by 10%, hover #fa1667 */
.elementor-element-25c8063 .wd-cat-footer.wd-sub-menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
}

.elementor-element-25c8063 .wd-cat-footer.wd-sub-menu li {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}

.elementor-element-25c8063 .wd-cat-footer.wd-sub-menu li a {
	color: #4b5563 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	padding: 1px 0 !important;
	display: block !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	transition: color 0.2s ease, padding-left 0.2s ease !important;
}

.elementor-element-25c8063 .wd-cat-footer.wd-sub-menu li a:hover {
	color: #fa1667 !important;
	padding-left: 2px !important;
}

@media (max-width: 768px) {
	.elementor-element-25c8063 .wd-cat-thumb {
		width: 125px !important;
		flex: 0 0 125px !important;
	}
	.elementor-element-25c8063 .wd-cat-inner {
		padding: 7px 8px !important;
		gap: 9px !important;
	}
	.elementor-element-25c8063 .wd-cat-content .wd-entities-title {
		font-size: 14.5px !important;
	}
	.elementor-element-25c8063 .wd-cat-footer.wd-sub-menu li a {
		font-size: 13px !important;
	}
}

/* Nav Arrows (< and >): Rounded rectangle */
.elementor-element-25c8063 .wd-nav-arrows.wd-pos-sep {
	--wd-arrow-offset-h: 0px !important;
}

.elementor-element-25c8063 .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
	position: absolute !important;
	top: calc(50% - 23px) !important;
	z-index: 20 !important;
}

.elementor-element-25c8063 .wd-nav-arrows.wd-pos-sep .wd-prev {
	left: -15px !important;
	right: auto !important;
}

.elementor-element-25c8063 .wd-nav-arrows.wd-pos-sep .wd-next {
	right: -15px !important;
	left: auto !important;
}

.elementor-element-25c8063 .wd-arrow-inner {
	width: 30px !important;
	height: 46px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
	color: #64748b !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
}

.elementor-element-25c8063 .wd-arrow-inner:hover {
	background: #ffffff !important;
	color: #fa1667 !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
}

.elementor-element-25c8063 .wd-disabled .wd-arrow-inner {
	opacity: 0.3 !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

/* Dark Pink Progress Scrollbar for Product Categories */
.elementor-element-25c8063 .wd-nav-scroll {
	position: relative !important;
	height: 4px !important;
	width: 100% !important;
	background: #e2e8f0 !important;
	border-radius: 4px !important;
	margin: 20px auto 0 !important;
	overflow: hidden !important;
}

.elementor-element-25c8063 .wd-nav-scroll-drag {
	height: 100% !important;
}

.elementor-element-25c8063 .wd-nav-scroll-drag:before {
	content: "" !important;
	display: block !important;
	height: 4px !important;
	width: 100% !important;
	background: #fa1667 !important; /* Brand Pink #fa1667 */
	border-radius: 4px !important;
}

/* ==========================================================================
   SẢN PHẨM ĐÃ XEM (RECENTLY VIEWED PRODUCTS CAROUSEL)
   Matches xuonghandmade reference (Image 1):
   - Horizontal layout: thumbnail on left, title & price on right
   - Compact thumbnail (65x65px)
   - Dark pink scroll progress bar (#db2777)
   - Rounded rectangle navigators (border-radius: 8px)
   ========================================================================== */
.elementor-element-0404183 {
	position: relative !important;
}

.elementor-element-0404183 .wd-products-element {
	position: relative !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small {
	display: block !important;
	height: auto !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .product-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 12px 16px !important;
	background: #ffffff !important;
	border: 1px solid #edf0f5 !important;
	border-radius: 10px !important;
	height: 100% !important;
	min-height: 86px !important;
	box-sizing: border-box !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
	transition: all 0.25s ease !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small:hover .product-wrapper {
	transform: translateY(-2px) !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

/* Thumbnail on left: 65x65 */
.elementor-element-0404183 .wd-product.wd-hover-small .product-element-top {
	width: 65px !important;
	height: 65px !important;
	min-width: 65px !important;
	max-width: 65px !important;
	flex: 0 0 65px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	background: #f8fafc !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .product-element-top .product-image-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .product-element-top img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	aspect-ratio: unset !important;
	border-radius: 8px !important;
	transition: transform 0.3s ease !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small:hover .product-element-top img {
	transform: scale(1.06) !important;
}

/* Right Content: Title & Price */
.elementor-element-0404183 .wd-product.wd-hover-small .product-element-bottom {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 4px !important;
	text-align: left !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .wd-product-cats.qth-card-category {
	display: none !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .wd-product-header {
	order: 1 !important;
	margin: 0 !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .wd-entities-title,
.elementor-element-0404183 .wd-product.wd-hover-small .woocommerce-loop-product__title {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	height: auto !important;
	max-height: 38px !important;
	margin: 0 0 3px 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .wd-entities-title a,
.elementor-element-0404183 .wd-product.wd-hover-small .woocommerce-loop-product__title a {
	color: #1e293b !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small:hover .wd-entities-title a {
	color: #fa1667 !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .qth-price-box {
	order: 2 !important;
	margin: 0 !important;
	gap: 6px !important;
	align-items: baseline !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .qth-normal-price,
.elementor-element-0404183 .wd-product.wd-hover-small .qth-sale-price {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--qth-price-red) !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .qth-regular-price-old {
	font-size: 12px !important;
}

.elementor-element-0404183 .wd-product.wd-hover-small .qth-badge-discount {
	display: none !important;
}

/* Nav Arrows for Recently Viewed Products: Rounded rectangle */
.elementor-element-0404183 .wd-nav-arrows.wd-pos-sep {
	--wd-arrow-offset-h: 0px !important;
}

.elementor-element-0404183 .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
	position: absolute !important;
	top: calc(50% - 23px) !important;
	z-index: 20 !important;
}

.elementor-element-0404183 .wd-nav-arrows.wd-pos-sep .wd-prev {
	left: -15px !important;
	right: auto !important;
}

.elementor-element-0404183 .wd-nav-arrows.wd-pos-sep .wd-next {
	right: -15px !important;
	left: auto !important;
}

.elementor-element-0404183 .wd-arrow-inner {
	width: 30px !important;
	height: 46px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
	color: #64748b !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
}

.elementor-element-0404183 .wd-arrow-inner:hover {
	background: #ffffff !important;
	color: #fa1667 !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
}

.elementor-element-0404183 .wd-disabled .wd-arrow-inner {
	opacity: 0.3 !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

/* Dark Pink Scrollbar for Recently Viewed Products */
.elementor-element-0404183 .wd-nav-scroll {
	position: relative !important;
	height: 4px !important;
	width: 100% !important;
	background: #e2e8f0 !important;
	border-radius: 4px !important;
	margin: 20px auto 0 !important;
	overflow: hidden !important;
}

.elementor-element-0404183 .wd-nav-scroll-drag {
	height: 100% !important;
}

.elementor-element-0404183 .wd-nav-scroll-drag:before {
	content: "" !important;
	display: block !important;
	height: 4px !important;
	width: 100% !important;
	background: #fa1667 !important; /* Brand Pink #fa1667 */
	border-radius: 4px !important;
}

/* ==========================================================================
   HOMEPAGE PRODUCT SECTIONS: REDUCE VERTICAL GAP BY 50%
   ========================================================================== */
.home :is(
	.elementor-element-0404183,
	.elementor-element-0f4484c,
	.elementor-element-cb2551c,
	.elementor-element-3980729,
	.elementor-element-bf57260,
	.elementor-element-3da56a9,
	.elementor-element-f7e100b,
	.elementor-element-a138994
) {
	margin-bottom: 40px !important;
}

.home .elementor-element-0404183 > .elementor-widget-container {
	margin-bottom: 40px !important;
}

@media (max-width: 1024px) {
	.home :is(
		.elementor-element-0404183,
		.elementor-element-0f4484c,
		.elementor-element-cb2551c,
		.elementor-element-3980729,
		.elementor-element-bf57260,
		.elementor-element-3da56a9,
		.elementor-element-f7e100b,
		.elementor-element-a138994
	) {
		margin-bottom: 30px !important;
	}
	.home .elementor-element-0404183 > .elementor-widget-container {
		margin-bottom: 30px !important;
	}
}

@media (max-width: 768px) {
	.home :is(
		.elementor-element-0404183,
		.elementor-element-0f4484c,
		.elementor-element-cb2551c,
		.elementor-element-3980729,
		.elementor-element-bf57260,
		.elementor-element-3da56a9,
		.elementor-element-f7e100b,
		.elementor-element-a138994
	) {
		margin-bottom: 20px !important;
	}
	.home .elementor-element-0404183 > .elementor-widget-container {
		margin-bottom: 20px !important;
	}
}

/* ==========================================================================
   HOMEPAGE SECTION TITLES
   - Đã loại bỏ hoàn toàn thuộc tính màu sắc (color), kích thước (font-size),
     font-family, font-weight và letter-spacing để có thể tùy chỉnh tự do
     bằng Elementor ở backend admin theo ý muốn.
   ========================================================================== */
.home :is(.title-wrapper .title, .woodmart-title-container.title, .elementor-heading-title, .info-box-title):not(.elementor-widget-wd_infobox_carousel *):not(.info-box-carousel *):not(.elementor-element-7440d95 *):not(.wd-sticky-nav *) {
	display: inline-flex;
	align-items: center;
}

/* ==========================================================================
   TOP INFOBOX CAROUSEL TITLE ISOLATION (KHỐI CAROUSEL TRÊN ĐẦU TRANG CHỦ)
   - Hoàn toàn độc lập với các titles khối section bên dưới
   - Không áp dụng icon, màu chữ hay size chữ tự gán từ CSS/JS trang chủ
   - Được tùy chỉnh tự do theo các tùy chỉnh widget của nó ở backend admin (Elementor/Themes)
   ========================================================================== */
.elementor-widget-wd_infobox_carousel .info-box-title,
.info-box-carousel .info-box-title,
.elementor-element-7440d95 .info-box-title {
	display: block !important;
	letter-spacing: normal !important;
}

.qth-sec-title-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	border-radius: 10px !important;
	margin-right: 12px !important;
	vertical-align: middle !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

:hover > .qth-sec-title-badge,
.qth-sec-title-badge:hover {
	transform: scale(1.06) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Hide green discount % ticket icon before "Sản phẩm khuyến mãi" */
.elementor-element-5a32019 .box-icon-wrapper,
.elementor-element-5a32019 .info-box-icon,
.elementor-element-5a32019 img[src*="vg-primary-discount"] {
	display: none !important;
}

/* "Xem tất cả sản phẩm" pill button */
.elementor-element-02037c3 a,
.elementor-element-403dee1 a,
.elementor-element-50c67a2 a,
.elementor-element-5d9c4ff a,
.elementor-element-4cb92d2 a,
.qth-all-products-btn,
.home .elementor-widget-wd_button a.btn-style-link,
.home .elementor-widget-button a {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #fa1667 !important;
	background: rgba(250, 22, 103, 0.08) !important;
	background-color: rgba(250, 22, 103, 0.08) !important;
	border: 1px solid rgba(250, 22, 103, 0.28) !important;
	border-radius: 999px !important;
	padding: 7px 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1.4 !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.elementor-element-02037c3 a svg,
.elementor-element-403dee1 a svg,
.elementor-element-50c67a2 a svg,
.elementor-element-5d9c4ff a svg,
.elementor-element-4cb92d2 a svg,
.qth-all-products-btn svg,
.home .elementor-widget-wd_button a.btn-style-link svg,
.home .elementor-widget-button a svg {
	stroke: #fa1667 !important;
	color: #fa1667 !important;
	transition: stroke 0.25s ease, transform 0.2s ease !important;
}

/* Hover: Brand Pink #fa1667 background with white text & icon */
.elementor-element-02037c3 a:hover,
.elementor-element-403dee1 a:hover,
.elementor-element-50c67a2 a:hover,
.elementor-element-5d9c4ff a:hover,
.elementor-element-4cb92d2 a:hover,
.qth-all-products-btn:hover,
.home .elementor-widget-wd_button a.btn-style-link:hover,
.home .elementor-widget-button a:hover {
	background: #fa1667 !important;
	background-color: #fa1667 !important;
	border-color: #fa1667 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.35) !important;
	transform: translateY(-1px) !important;
}

.elementor-element-02037c3 a:hover *,
.elementor-element-403dee1 a:hover *,
.elementor-element-50c67a2 a:hover *,
.elementor-element-5d9c4ff a:hover *,
.elementor-element-4cb92d2 a:hover *,
.qth-all-products-btn:hover *,
.home .elementor-widget-wd_button a.btn-style-link:hover *,
.home .elementor-widget-button a:hover * {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

.qth-btn-arrow-icon {
	transition: transform 0.2s ease !important;
}

.elementor-element-02037c3 a:hover .qth-btn-arrow-icon,
.elementor-element-403dee1 a:hover .qth-btn-arrow-icon,
.elementor-element-50c67a2 a:hover .qth-btn-arrow-icon,
.elementor-element-5d9c4ff a:hover .qth-btn-arrow-icon,
.elementor-element-4cb92d2 a:hover .qth-btn-arrow-icon,
.qth-all-products-btn:hover .qth-btn-arrow-icon,
.home .elementor-widget-button a:hover .qth-btn-arrow-icon {
	transform: translateX(3px) !important;
	stroke: #ffffff !important;
	color: #ffffff !important;
}

/* ==========================================================================
   12. FOOTER STYLES & LAYOUT ALIGNMENT FIX
   - Fix horizontal shifting: no margin-left on body or footer
   - Premium deep slate background (#1e293b) suited for luxury handmade & gifts
   - Crisp white typography & smooth transitions
   - Centered copyright with dynamic current year
   - Hide newsletter and payment card icons
   ========================================================================== */
body {
	margin-right: 0 !important;
	overflow-x: hidden !important;
}

@media (min-width: 1025px) {
	body.wd-sticky-nav-enabled {
		margin-left: var(--wd-sticky-nav-w, 60px) !important;
		--wd-sticky-nav-w: 60px;
	}
	body.wd-sticky-nav-enabled:not([class*="wrapper-boxed"]) .whb-header.whb-sticky-real.whb-sticked .whb-main-header {
		margin-left: var(--wd-sticky-nav-w, 60px) !important;
	}
	body.wd-sticky-nav-enabled .whb-sticky-header.whb-clone {
		margin-left: var(--wd-sticky-nav-w, 60px) !important;
	}
}

/* ==========================================================================
   SIDEBAR STICKY NAVIGATION (MATCH XUONGHANDMADE.LOCAL)
   - Collapsed: 60px wide, teal button at top, icons only
   - Expanded on hover: 275px wide, title + right chevron, teal accent
   - Dropdown: full-height, 420px mega menu html block
   ========================================================================== */
.wd-sticky-nav {
	position: fixed !important;
	inset-block: 0 !important;
	left: 0 !important;
	z-index: 393 !important;
	display: flex !important;
	flex-direction: column !important;
	width: var(--wd-sticky-nav-w, 60px) !important;
	border-right: 1px solid rgba(118, 118, 118, 0.12) !important;
	background-color: #ffffff !important;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.admin-bar .wd-sticky-nav {
	top: var(--wd-admin-bar-h, 0px) !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) {
	width: 275px !important;
}

/* Sidebar Menu Title Pill Button (Soft pink background, dark pink icon & text - matching Header Button) */
.wd-sticky-nav-title {
	display: flex !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 8px auto !important;
	padding: 0 !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 999px !important;
	background: rgba(250, 22, 103, 0.08) !important;
	background-color: rgba(250, 22, 103, 0.08) !important;
	border: 1.5px solid rgba(250, 22, 103, 0.35) !important;
	box-sizing: border-box !important;
	color: #fa1667 !important;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wd-sticky-nav-title:before {
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 20px !important;
	height: 20px !important;
	font-size: 17px !important;
	line-height: 1 !important;
	content: "\f15a" !important;
	font-family: "woodmart-font" !important;
	color: #fa1667 !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(1px) !important;
	transition: color 0.25s ease !important;
}

.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-sticky-nav-title {
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	margin: 8px auto !important;
	justify-content: center !important;
}

.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-sticky-nav-title span {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	opacity: 0 !important;
}

.wd-sticky-nav-title span {
	color: #fa1667 !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-weight: 700 !important;
	font-size: 14.5px !important;
	letter-spacing: 0.02em !important;
	margin-left: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 0;
	width: 0;
	opacity: 0;
	transition: opacity 0.25s ease 0.12s, width 0.3s ease !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title {
	width: auto !important;
	margin: 8px !important;
	justify-content: flex-start !important;
	padding: 0 16px !important;
	background: rgba(250, 22, 103, 0.08) !important;
	background-color: rgba(250, 22, 103, 0.08) !important;
	border-color: rgba(250, 22, 103, 0.45) !important;
	box-shadow: 0 2px 8px rgba(250, 22, 103, 0.1) !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title:hover {
	background: rgba(250, 22, 103, 0.12) !important;
	background-color: rgba(250, 22, 103, 0.12) !important;
	border-color: #fa1667 !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title:before {
	color: #fa1667 !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title span {
	display: inline-block !important;
	margin-left: 10px !important;
	max-width: none !important;
	width: auto !important;
	opacity: 1 !important;
	color: #fa1667 !important;
}

/* Sticky Navigation Menu Items */
.wd-nav-sticky {
	flex: 0 0 auto !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-nav-sticky {
	pointer-events: none !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky {
	pointer-events: auto !important;
}

.wd-nav-sticky > li {
	position: relative !important;
	list-style: none !important;
}

.wd-nav-sticky > li > a {
	display: flex !important;
	align-items: center !important;
	padding: 4px 18px !important;
	min-height: 44px !important;
	color: #333333 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

/* Centered icon in collapsed state */
.wd-nav-sticky > li > a .wd-nav-img {
	--nav-img-width: 20px !important;
	--nav-img-height: 20px !important;
	width: 20px !important;
	height: 20px !important;
	margin-inline-end: 0 !important;
	max-width: none !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
	object-fit: contain !important;
}

.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-nav-sticky > li > a {
	justify-content: center !important;
	padding: 4px 0 !important;
}

.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-nav-sticky > li > a .nav-link-text,
.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-nav-sticky > li > a:after,
.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-nav-sticky > li > a .menu-label {
	max-width: 0 !important;
	width: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	display: none !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a {
	justify-content: flex-start !important;
	padding: 4px 18px !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a .nav-link-text {
	display: inline-flex !important;
	align-items: center !important;
	height: 36px !important;
	margin-left: 12px !important;
	max-width: none !important;
	width: auto !important;
	opacity: 1 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #333333 !important;
	white-space: nowrap !important;
	transition: opacity 0.25s ease 0.12s, color 0.2s ease !important;
}

/* Right Chevron Arrow */
.wd-nav-vertical > li > a:after,
.wd-nav-sticky > li > a:after,
.wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li.menu-item-has-children > a:after {
	content: "\f113" !important;
	font-family: "woodmart-font" !important;
	margin-left: auto !important;
	font-size: 11px !important;
	color: #b0b0b0 !important;
	opacity: 1 !important;
	max-width: none !important;
	width: auto !important;
	display: inline-block !important;
	line-height: 1 !important;
	transition: color 0.2s ease !important;
}

.wd-sticky-nav:not(:hover):not(.wd-opened) .wd-nav-sticky > li > a:after {
	display: none !important;
	opacity: 0 !important;
	width: 0 !important;
}

/* Hover effect on menu items */
.wd-nav-sticky > li:is(.wd-opened, :hover) > a {
	color: #479B95 !important;
}

.wd-nav-sticky > li:is(.wd-opened, :hover) > a .nav-link-text {
	color: #479B95 !important;
}

.wd-nav-sticky > li:is(.wd-opened, :hover) > a:after {
	color: #479B95 !important;
}

/* Full height mega dropdown menu positioning */
.wd-nav-sticky .wd-dropdown-menu.wd-design-full-height {
	position: fixed !important;
	inset-block: var(--wd-admin-bar-h, 0px) 0 !important;
	inset-inline-start: 275px !important;
	max-width: calc(100vw - var(--wd-scroll-w, 0px) - 275px) !important;
	min-height: unset !important;
	max-height: var(--wd-dropdown-height, calc(100vh - var(--wd-admin-bar-h, 0px))) !important;
	--wd-dropdown-height: calc(100vh - var(--wd-admin-bar-h, 0px)) !important;
	box-shadow: 10px 0 30px rgba(0, 0, 0, 0.12) !important;
	border-left: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.wd-sticky-nav:not(:hover) .wd-dropdown {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.wd-sticky-nav:hover .wd-nav-sticky > li:hover > .wd-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

footer.wd-footer,
.wd-footer.footer-container {
	background-color: #1e293b !important;
	background-image: none !important;
	color: #cbd5e1 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Footer Content Container */
footer.wd-footer .main-footer {
	max-width: 1480px !important;
	margin: 0 auto !important;
	padding-top: 45px !important;
	padding-bottom: 25px !important;
	box-sizing: border-box !important;
}

/* Footer Headings & Text */
footer.wd-footer .wd-text-block,
footer.wd-footer .wd-text-block p,
footer.wd-footer p {
	color: #94a3b8 !important;
	line-height: 1.65 !important;
	font-size: 14.5px !important;
}

footer.wd-footer .wd-el-toggle-title,
footer.wd-footer .wd-title .title,
footer.wd-footer h4,
footer.wd-footer h5 {
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 17px !important;
	letter-spacing: 0.2px !important;
	margin-bottom: 12px !important;
}

/* Footer Navigation Links */
footer.wd-footer .wd-list li,
footer.wd-footer .wd-list li span,
footer.wd-footer .wd-list li a,
footer.wd-footer .menu li a,
footer.wd-footer a {
	color: #cbd5e1 !important;
	font-size: 14px !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
}

footer.wd-footer .wd-list li a:hover,
footer.wd-footer .menu li a:hover,
footer.wd-footer a:hover {
	color: var(--qth-primary-pink) !important;
}

/* Remove Newsletter section */
.elementor-element-741972e,
.elementor-element-e324480,
.elementor-element-1522f93 {
	display: none !important;
}

/* Bottom Policy & Hotline bar */
.elementor-element-fc3061d {
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding-top: 18px !important;
	margin-top: 15px !important;
}

.elementor-element-fc3061d p,
.elementor-element-fc3061d b {
	color: #ffffff !important;
}

/* Copyright section: Centered & Divider */
footer.wd-footer .wd-copyrights {
	background-color: #141c28 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 18px 0 !important;
	text-align: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

footer.wd-footer .wd-copyrights .container {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	margin: 0 auto !important;
}

footer.wd-footer .wd-copyrights .wd-col-start {
	width: 100% !important;
	text-align: center !important;
	color: #94a3b8 !important;
	font-size: 13.5px !important;
}

footer.wd-footer .wd-copyrights .wd-col-start a {
	color: #ffffff !important;
	text-decoration: none !important;
}

footer.wd-footer .wd-copyrights .wd-col-start a:hover {
	color: var(--qth-primary-pink) !important;
}

/* Remove payment card icons */
footer.wd-footer .wd-copyrights .wd-col-end {
	display: none !important;
}

/* ==========================================================================
   Top Header Bar Enhancements (Working hours, Address, Phone, Wishlist)
   ========================================================================== */

.whb-top-bar .wd-nav-secondary>li>a {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 13px !important;
}

.qth-topbar-icon {
	display: inline-block;
	vertical-align: -2px;
	margin-right: 6px;
	color: #64748b;
	flex-shrink: 0;
	transition: color 0.2s ease;
}

.whb-top-bar .wd-nav-secondary>li:hover .qth-topbar-icon {
	color: var(--wd-primary-color, #ff4c4c);
}

.qth-topbar-icon.qth-icon-clock {
	vertical-align: -1.5px;
}

/* Working hours menu item is informational only */
#menu-item-9391>a,
.menu-item-9391>a {
	cursor: default !important;
	pointer-events: none !important;
}

/* Header Wishlist Heart Icon: Brand Pink #fa1667 */
.whb-top-bar .wd-header-wishlist .wd-tools-icon:before,
.whb-header .wd-header-wishlist .wd-tools-icon:before,
.wd-header-wishlist .wd-tools-icon:before {
	color: #fa1667 !important; /* Brand Pink #fa1667 */
	font-size: 15px !important;
	transition: transform 0.2s ease, color 0.2s ease;
}

.whb-top-bar .wd-header-wishlist:hover .wd-tools-icon:before,
.wd-header-wishlist:hover .wd-tools-icon:before {
	color: #d60d54 !important;
	transform: scale(1.15);
}

.whb-top-bar .wd-header-wishlist .wd-tools-text,
.wd-header-wishlist .wd-tools-text {
	font-weight: 500;
	font-size: 13px !important;
}

/* ==========================================================================
   Product Single: Related & Upsell Products Price Styling
   ========================================================================== */

:is(.related,
	.related-products,
	.upsells,
	.up-sells,
	.upsells-products,
	.upsell-products,
	.related-and-upsells,
	.elementor-widget-wd_single_product_related,
	.elementor-widget-wd_single_product_upsell) :is(.price,
	.qth-normal-price,
	.qth-sale-price,
	.amount,
	.woocommerce-Price-amount,
	ins .amount,
	.price > span) {
	font-size: 18px !important;
	font-weight: 600 !important;
}

/* ==========================================================================
   Wishlist Page: Custom Social Share Integration
   ========================================================================== */

.wd-wishlist-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px 20px !important;
	padding-bottom: 12px !important;
	margin-bottom: 18px !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.wd-wishlist-head .title {
	margin: 0 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #1e293b !important;
	letter-spacing: -0.01em;
}

.wd-wishlist-head .qth-social-share-wrap {
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

.wd-wishlist-head .qth-share-heading {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	margin-right: 4px !important;
}

/* Match Footer Width with Site Content (1480px Container) */
.gftr-footer-wrapper .gftr-hero__container,
.gftr-footer-wrapper .gftr-benefits__container,
.gftr-footer-wrapper .gftr-bow-divider__container,
.gftr-footer-wrapper .gftr-main__container,
.gftr-footer-wrapper .gftr-legal__container,
.gftr-footer-wrapper .elementor-element-gftr_con_row_main > .e-con-inner,
.elementor-9393 .elementor-element-gftr_con_row_main > .e-con-inner,
.gftr-footer-wrapper > .elementor > .e-con-parent.e-con-boxed > .e-con-inner {
	width: 100% !important;
	max-width: var(--wd-container-w, 1480px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	box-sizing: border-box !important;
}

/* Ensure Footer Columns .e-con-inner stay strictly contained and do not expand to 1480px */
.gftr-footer-wrapper .elementor-element-gftr_col_1 > .e-con-inner,
.gftr-footer-wrapper .elementor-element-gftr_col_2 > .e-con-inner,
.gftr-footer-wrapper .elementor-element-gftr_col_3 > .e-con-inner,
.gftr-footer-wrapper .elementor-element-gftr_col_4 > .e-con-inner,
.elementor-9393 .elementor-element-gftr_col_1 > .e-con-inner,
.elementor-9393 .elementor-element-gftr_col_2 > .e-con-inner,
.elementor-9393 .elementor-element-gftr_col_3 > .e-con-inner,
.elementor-9393 .elementor-element-gftr_col_4 > .e-con-inner {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Footer Menu Link Click Target Fix - Ensure Full-Line Hover & Pointer Hit */
.gftr-footer-wrapper .elementor-element-gftr_col_1,
.elementor-9393 .elementor-element-gftr_col_1 {
	position: relative !important;
	z-index: 1 !important;
	overflow: hidden !important;
	min-width: 0 !important;
}

.gftr-footer-wrapper .elementor-element-gftr_col_2,
.gftr-footer-wrapper .elementor-element-gftr_col_3,
.gftr-footer-wrapper .elementor-element-gftr_col_4,
.elementor-9393 .elementor-element-gftr_col_2,
.elementor-9393 .elementor-element-gftr_col_3,
.elementor-9393 .elementor-element-gftr_col_4 {
	position: relative !important;
	z-index: 5 !important;
	min-width: 0 !important;
}

.gftr-footer-wrapper .gftr-menu,
.elementor-9393 .gftr-menu {
	position: relative !important;
	z-index: 10 !important;
	width: 100% !important;
}

.gftr-footer-wrapper .gftr-menu::before,
.elementor-9393 .gftr-menu::before {
	pointer-events: none !important;
}

.gftr-footer-wrapper .gftr-menu__list,
.elementor-9393 .gftr-menu__list {
	width: 100% !important;
}

.gftr-footer-wrapper .gftr-menu__item,
.elementor-9393 .gftr-menu__item {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
}

.gftr-footer-wrapper .gftr-menu__link,
.elementor-9393 .gftr-menu__link {
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	box-sizing: border-box !important;
}

.gftr-footer-wrapper .gftr-menu__text,
.elementor-9393 .gftr-menu__text {
	position: relative !important;
	z-index: 4 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	flex: 1 1 auto !important;
	display: inline-block !important;
}

.gftr-footer-wrapper .gftr-menu__chevron,
.elementor-9393 .gftr-menu__chevron {
	position: relative !important;
	z-index: 4 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	flex-shrink: 0 !important;
}

/* ==========================================================================
   Friendly & Modern 404 Error Page
   ========================================================================== */
.qth-404-container {
	padding: 50px 0 80px !important;
}

.qth-404-inner {
	max-width: 780px;
	margin: 0 auto;
	text-align: center;
}

.qth-404-hero {
	position: relative;
	margin-bottom: 25px;
}

.qth-404-number {
	font-size: clamp(90px, 16vw, 170px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.04em;
	color: #f1f5f9;
	user-select: none;
}

.qth-404-badge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	font-size: clamp(20px, 3.5vw, 34px);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fa1667;
	text-shadow: 0 2px 10px rgba(250, 22, 103, 0.15);
	white-space: nowrap;
}

.qth-404-title {
	font-size: clamp(20px, 2.5vw, 26px);
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 14px;
	line-height: 1.35;
}

.qth-404-desc {
	font-size: 15px;
	line-height: 1.65;
	color: #64748b;
	margin-bottom: 30px;
}

.qth-404-search {
	max-width: 520px;
	margin: 0 auto 35px;
}

.qth-404-search .searchform {
	display: flex !important;
	align-items: center;
	background: #ffffff;
	border: 2px solid #e2e8f0;
	border-radius: 40px;
	padding: 4px 6px 4px 20px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.qth-404-search .searchform:focus-within {
	border-color: #fa1667;
	box-shadow: 0 4px 20px rgba(250, 22, 103, 0.18);
}

.qth-404-search .searchform input.s {
	flex: 1;
	border: none !important;
	background: transparent !important;
	font-size: 15px !important;
	color: #1e293b !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 10px 0 !important;
}

.qth-404-search .searchform .searchsubmit {
	border-radius: 30px !important;
	background: linear-gradient(135deg, #ff3b7b 0%, #fa1667 100%) !important;
	color: #ffffff !important;
	border: none !important;
	padding: 11px 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.25s ease;
}

.qth-404-search .searchform .searchsubmit:hover {
	background: linear-gradient(135deg, #fa1667 0%, #d80b54 100%) !important;
	box-shadow: 0 4px 14px rgba(250, 22, 103, 0.4);
}

.qth-404-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.qth-404-actions .btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 26px !important;
	border-radius: 30px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	cursor: pointer;
}

.qth-btn-home {
	background: linear-gradient(135deg, #ff3b7b 0%, #fa1667 100%) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 4px 16px rgba(250, 22, 103, 0.35) !important;
}

.qth-btn-home:hover {
	background: linear-gradient(135deg, #fa1667 0%, #d80b54 100%) !important;
	box-shadow: 0 6px 20px rgba(250, 22, 103, 0.5) !important;
	transform: translateY(-2px);
	color: #ffffff !important;
}

.qth-btn-shop {
	background: #ffffff !important;
	color: #1e293b !important;
	border: 1.5px solid #cbd5e1 !important;
}

.qth-btn-shop:hover {
	border-color: #fa1667 !important;
	color: #fa1667 !important;
	transform: translateY(-2px);
}

.qth-404-actions .qth-btn-hotline {
	background: #ecfdf5 !important;
	color: #059669 !important;
	border: 1.5px solid #a7f3d0 !important;
}

.qth-404-actions .qth-btn-hotline:hover {
	background: #059669 !important;
	color: #ffffff !important;
	border-color: #059669 !important;
	transform: translateY(-2px);
}

.qth-404-suggestions {
	padding-top: 25px;
	border-top: 1px dashed #e2e8f0;
}

.qth-suggestions-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #64748b;
	margin-bottom: 12px;
}

.qth-suggestions-tags {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.qth-tag {
	display: inline-block;
	padding: 7px 16px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	color: #334155 !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.qth-tag:hover {
	background: #fff1f5;
	border-color: #fbcfe8;
	color: #fa1667 !important;
	transform: translateY(-1px);
}

/* Search results: Show all blog results button styling */
.wd-search-show-all .button {
	border-radius: 25px !important;
	padding: 10px 28px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #334155 !important;
	transition: all 0.25s ease !important;
}

.wd-search-show-all .button:hover {
	border-color: #fa1667 !important;
	color: #fa1667 !important;
	background: #ffffff !important;
}

/* ==========================================================================
   ABOUT US PAGE (VỀ QUÀ TẶNG HANDMADE - PAGE ID 15)
   - Tối ưu bố cục đoạn đầu: 1 bên Video, 1 bên Nội dung câu chuyện
   - Desktop: Cột video căn trên cùng, khung bo viền cao cấp, ghim trôi (sticky)
     đồng hành mượt mà khi cuộn đọc toàn bộ câu chuyện bên phải
   - Mobile & Tablet: Video đưa lên đầu trang (trước văn bản) với tỷ lệ chuẩn 16:9
     xem được ngay, không bị trôi xuống đáy trang
   - Giữ nguyên 100% cấu trúc Elementor, sửa chữ/video bằng Elementor bình thường
   ========================================================================== */

/* 1. Parent Container: Căn top (align-items: flex-start) loại bỏ khoảng trắng trống hoác */
.page-id-15 .elementor-element-5123e6c,
.elementor-15 .elementor-element-5123e6c {
	margin-top: 10px !important;
	margin-bottom: 50px !important;
}

.page-id-15 .elementor-element-5123e6c > .e-con-inner,
.elementor-15 .elementor-element-5123e6c > .e-con-inner {
	align-items: flex-start !important;
	overflow: visible !important;
}

/* 2. Desktop Layout: Sticky Video Column */
@media (min-width: 1025px) {
	.page-id-15 .elementor-element-5123e6c > .e-con-inner,
	.elementor-15 .elementor-element-5123e6c > .e-con-inner {
		display: flex !important;
		flex-direction: row !important;
		gap: 50px !important;
	}

	.page-id-15 .elementor-element-d96a18c,
	.elementor-15 .elementor-element-d96a18c {
		width: 46% !important;
		flex: 0 0 46% !important;
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 105px !important;
		align-self: flex-start !important;
		z-index: 10 !important;
	}

	.page-id-15 .elementor-element-cca9ce8,
	.elementor-15 .elementor-element-cca9ce8 {
		width: 54% !important;
		flex: 0 0 54% !important;
	}
}

/* 3. Video Showcase Card: Khung cao cấp, tỷ lệ vàng 16:9, đổ bóng sang trọng */
.page-id-15 .elementor-element-6b5e06d .wd-el-video,
.elementor-15 .elementor-element-6b5e06d .wd-el-video {
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	background: #0f172a !important;
	position: relative !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

.page-id-15 .elementor-element-6b5e06d .wd-el-video:hover,
.elementor-15 .elementor-element-6b5e06d .wd-el-video:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 24px 50px -10px rgba(250, 22, 103, 0.22), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.page-id-15 .elementor-element-6b5e06d video,
.elementor-15 .elementor-element-6b5e06d video {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 18px !important;
}

/* 4. Mobile & Tablet: Video luôn ở TRÊN, nội dung ở DƯỚI (không bị đẩy xuống đáy trang) */
@media (max-width: 1024px) {
	.page-id-15 .elementor-element-5123e6c > .e-con-inner,
	.elementor-15 .elementor-element-5123e6c > .e-con-inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
	}

	.page-id-15 .elementor-element-d96a18c,
	.elementor-15 .elementor-element-d96a18c {
		order: 1 !important;
		width: 100% !important;
		max-width: 640px !important;
		margin: 0 auto !important;
	}

	.page-id-15 .elementor-element-cca9ce8,
	.elementor-15 .elementor-element-cca9ce8 {
		order: 2 !important;
		width: 100% !important;
	}
}

/* 5. Typography & Story Styling: Tinh tế, thoáng đãng, dễ đọc */
.page-id-15 .elementor-element-c8aa6fe .wd-text-block h3,
.elementor-15 .elementor-element-c8aa6fe .wd-text-block h3 {
	color: #1e293b;
	font-size: 18.5px;
	font-weight: 700;
	margin-top: 28px;
	margin-bottom: 12px;
	line-height: 1.4;
	position: relative;
	padding-left: 14px;
}

.page-id-15 .elementor-element-c8aa6fe .wd-text-block h3::before,
.elementor-15 .elementor-element-c8aa6fe .wd-text-block h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	bottom: 3px;
	width: 3.5px;
	background: #fa1667;
	border-radius: 3px;
}

.page-id-15 .elementor-element-c8aa6fe .wd-text-block p,
.elementor-15 .elementor-element-c8aa6fe .wd-text-block p {
	font-size: 15px;
	line-height: 1.8;
	color: #475569;
	margin-bottom: 14px;
}

/* 6. Signature Infobox card: Card thông điệp cuối bài ấm cúng, sang trọng */
.page-id-15 .elementor-element-b7e9519,
.elementor-15 .elementor-element-b7e9519 {
	border-radius: 14px !important;
	border: 1px solid rgba(250, 22, 103, 0.18) !important;
	background: linear-gradient(135deg, rgba(250, 22, 103, 0.04) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
	margin-top: 25px !important;
}

/* ==========================================================================
   SEARCH RESULTS PAGE CUSTOMIZATIONS
   ========================================================================== */

/* 1. Search Results Page Title: font-size 20px, line-height 1.4 */
body.search-results .elementor-widget-wd_shop_archive_woocommerce_title .title,
body.search-results .wd-woo-page-title .entry-title.title,
body.search-results .elementor-element-e75f3d5 .title,
body.search-results .entry-title.title {
	font-size: 20px !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
	margin-bottom: 6px !important;
}

/* 2. Hide Categories Carousel Block on Search Page */
body.search-results .elementor-element-817bf6a,
body.search-results .elementor-widget-wd_product_categories {
	display: none !important;
}

/* Breadcrumb font size & spacing refinement on Search Page */
body.search-results .elementor-element-3d503f5 .wd-breadcrumbs {
	font-size: 13px !important;
	margin-bottom: 10px !important;
}

/* ==========================================================================
   MOBILE UX ENHANCEMENTS & CUSTOMIZATIONS
   ========================================================================== */

/* 1. Mobile Menu Sidebar Drawer:
      Strictly hidden on Desktop (> 1024px) so it never covers desktop content;
      On Mobile (<= 1024px), width is 360px (+20%), translated off-screen until opened. */
@media (min-width: 1025px) {
	.mobile-nav,
	.mobile-nav.wd-side-hidden,
	.wd-side-hidden-nav {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transform: translate3d(-100%, 0, 0) !important;
	}
}

@media (max-width: 1024px) {
	.mobile-nav.wd-side-hidden,
	.wd-side-hidden-nav {
		--wd-side-hidden-w: min(360px, 92vw) !important;
		width: min(360px, 92vw) !important;
		position: fixed !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: auto !important;
		z-index: 500 !important;
		-webkit-transform: translate3d(-100%, 0, 0) !important;
		transform: translate3d(-100%, 0, 0) !important;
		transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.mobile-nav.wd-side-hidden.wd-opened,
	.wd-side-hidden-nav.wd-opened {
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}
}

/* Touch & Click Accessibility for Mobile Menus & Toolbars on iOS Safari / Mobile */
.wd-header-mobile-nav,
.wd-header-mobile-nav > a,
.wd-toolbar .wd-header-mobile-nav,
.wd-toolbar .wd-header-mobile-nav > a,
.wd-toolbar-sidebar,
.wd-toolbar-sidebar > a,
.wd-show-sidebar-btn,
.wd-sidebar-opener {
	cursor: pointer !important;
	touch-action: manipulation !important;
	-webkit-tap-highlight-color: rgba(250, 22, 103, 0.15) !important;
}

.wd-header-mobile-nav .wd-tools-icon,
.wd-header-mobile-nav .wd-tools-icon:before,
.wd-header-mobile-nav .wd-tools-icon:after,
.wd-toolbar .wd-header-mobile-nav .wd-toolbar-label,
.wd-toolbar-sidebar .wd-tools-icon,
.wd-toolbar-sidebar .wd-toolbar-label {
	pointer-events: none !important;
}

/* 2. Mobile Wishlist Outline Heart Icon in Menu Drawer: Brand Pink #fa1667 */
.wd-nav-mobile .menu-item-wishlist > a:before,
.mobile-nav .menu-item-wishlist > a:before {
	color: #fa1667 !important;
}

/* 3. Mobile Hamburger 3-Line Icon (Header & Bottom Toolbar):
      Top bar: Pink (#fa1667), Middle bar: Teal (#20958f), Bottom bar: Pink (#fa1667) */
.wd-header-mobile-nav .wd-tools-icon {
	width: 20px !important;
	height: 14px !important;
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	pointer-events: none !important;
}

.wd-header-mobile-nav .wd-tools-icon:before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 20px !important;
	height: 2.2px !important;
	background-color: #fa1667 !important; /* Vạch trên: Hồng đậm */
	border-radius: 2px !important;
	font-family: inherit !important;
	font-size: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	box-shadow: 0 11.8px 0 0 #fa1667 !important; /* Vạch dưới: Hồng đậm */
	pointer-events: none !important;
}

.wd-header-mobile-nav .wd-tools-icon:after {
	content: "" !important;
	position: absolute !important;
	top: 5.9px !important;
	left: 0 !important;
	width: 20px !important;
	height: 2.2px !important;
	background-color: #20958f !important; /* Vạch giữa: Xanh logo */
	border-radius: 2px !important;
	margin: 0 !important;
	pointer-events: none !important;
}

/* 4. Bottom Toolbar Menu Label: "Sản phẩm & Dịch vụ" in Brand Pink #fa1667 */
.wd-toolbar .wd-header-mobile-nav .wd-toolbar-label {
	color: #fa1667 !important;
	font-weight: 700 !important;
	font-size: 10px !important;
	inset-inline: 0 !important;
	width: 100% !important;
	letter-spacing: -0.2px;
	padding: 1px 2px !important;
}

/* 5. Single Product Sidebar & Widget Mobile Visibility Rules */
body.single-product.qth-hide-single-sidebar-mobile .wd-toolbar-sidebar,
body.single-product.qth-hide-single-sidebar-mobile .wd-sidebar-opener,
body.single-product.qth-hide-single-sidebar-mobile .wd-show-sidebar-btn {
	display: none !important;
}

@media (max-width: 1024px) {
	body.single-product.qth-hide-single-sidebar-mobile .wd-sidebar,
	body.single-product.qth-hide-single-sidebar-mobile .sidebar-container,
	.qth-widget-hide-mobile {
		display: none !important;
	}
}

/* ==========================================================================
   HOMEPAGE MOBILE OPTIMIZATIONS & SLIDER ENHANCEMENTS
   ========================================================================== */

/* 1. Mobile Section Headers & "Xem tất cả sản phẩm" Button 2-Row Stacking */
@media (max-width: 768px) {
	.elementor-element-2ab2875,
	.elementor-element-cda72c5,
	.elementor-element-db98ead,
	.elementor-element-8dee023,
	.elementor-element-0689462,
	.elementor-element-b8b0342,
	.elementor-element-8732c6f,
	.home .e-con.e-child:has(> .e-con-inner > .elementor-widget-wd_title):has(> .e-con-inner > .elementor-widget-wd_button) {
		--flex-wrap: wrap !important;
		--flex-direction: column !important;
		--flex-align-items: flex-start !important;
		--flex-justify-content: flex-start !important;
		flex-wrap: wrap !important;
		flex-direction: column !important;
	}

	.elementor-element-2ab2875 > .e-con-inner,
	.elementor-element-cda72c5 > .e-con-inner,
	.elementor-element-db98ead > .e-con-inner,
	.elementor-element-8dee023 > .e-con-inner,
	.elementor-element-0689462 > .e-con-inner,
	.elementor-element-b8b0342 > .e-con-inner,
	.elementor-element-8732c6f > .e-con-inner,
	.home .e-con.e-child:has(> .e-con-inner > .elementor-widget-wd_title):has(> .e-con-inner > .elementor-widget-wd_button) > .e-con-inner {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		width: 100% !important;
	}

	/* Row 1: Section Title widget takes full width, no word squishing */
	.elementor-element-2ab2875 .elementor-widget-wd_title,
	.elementor-element-cda72c5 .elementor-widget-wd_title,
	.elementor-element-db98ead .elementor-widget-wd_title,
	.elementor-element-8dee023 .elementor-widget-wd_title,
	.elementor-element-0689462 .elementor-widget-wd_title,
	.elementor-element-b8b0342 .elementor-widget-wd_title,
	.elementor-element-8732c6f .elementor-widget-wd_title,
	.home .e-con.e-child > .e-con-inner > .elementor-widget-wd_title {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		margin-bottom: 0 !important;
	}

	.elementor-element-2ab2875 .woodmart-title-container.title,
	.elementor-element-cda72c5 .woodmart-title-container.title,
	.elementor-element-db98ead .woodmart-title-container.title,
	.elementor-element-8dee023 .woodmart-title-container.title,
	.elementor-element-0689462 .woodmart-title-container.title,
	.elementor-element-b8b0342 .woodmart-title-container.title,
	.elementor-element-8732c6f .woodmart-title-container.title {
		font-size: 20px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		word-break: normal !important;
	}

	/* Row 2: "Xem tất cả sản phẩm" button sits underneath, left-aligned */
	.elementor-element-2ab2875 .elementor-widget-wd_button,
	.elementor-element-cda72c5 .elementor-widget-wd_button,
	.elementor-element-db98ead .elementor-widget-wd_button,
	.elementor-element-8dee023 .elementor-widget-wd_button,
	.elementor-element-0689462 .elementor-widget-wd_button,
	.elementor-element-b8b0342 .elementor-widget-wd_button,
	.elementor-element-8732c6f .elementor-widget-wd_button,
	.home .e-con.e-child > .e-con-inner > .elementor-widget-wd_button {
		width: auto !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		align-self: flex-start !important;
		margin-top: 2px !important;
		margin-bottom: 6px !important;
	}
}

/* 2. Slider Arrows: Position & Visibility on Mobile */
.wd-slider .wd-slider-arrows .wd-btn-arrow {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

@media (max-width: 1024px) {
	.wd-slider .wd-slider-arrows,
	#slider-759 .wd-slider-arrows {
		--wd-arrow-offset-h: 8px !important;
		--wd-arrow-size: 32px !important;
		--wd-arrow-icon-size: 13px !important;
	}
	.wd-slider .wd-slider-arrows .wd-btn-arrow {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		z-index: 50 !important;
	}
	.wd-slider .wd-slider-arrows .wd-prev {
		left: 8px !important;
		right: auto !important;
		transform: none !important;
	}
	.wd-slider .wd-slider-arrows .wd-next {
		right: 8px !important;
		left: auto !important;
		transform: none !important;
	}
}

/* Slider Arrows Toggle: Hide on Mobile / Desktop */
@media (max-width: 1024px) {
	.qth-slider-hide-arrows-mobile,
	.wd-slider.qth-slider-hide-arrows-mobile .wd-slider-arrows,
	.wd-slider-arrows.qth-slider-hide-arrows-mobile,
	.qth-hide-slider-arrows-mobile .wd-slider-arrows {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.qth-slider-hide-arrows-desktop,
	.wd-slider.qth-slider-hide-arrows-desktop .wd-slider-arrows,
	.wd-slider-arrows.qth-slider-hide-arrows-desktop,
	.qth-hide-slider-arrows-desktop .wd-slider-arrows {
		display: none !important;
	}
}

/* 3. Global Pagination Dots: Active Pink #fa1667 across entire site */
:root {
	--wd-pagin-bg-act: #fa1667 !important;
	--wd-pagin-brd-color-act: #fa1667 !important;
}

.wd-nav-pagin-wrap li.wd-active span,
.wd-nav-pagin li.wd-active span,
.wd-slider-pagin li.wd-active span,
.wd-slider-pagin.wd-style-shape-3 li.wd-active span,
.wd-carousel-dots .wd-dot.wd-active,
.swiper-pagination-bullet-active,
.slick-dots li.slick-active button,
.owl-dot.active span,
.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
	background-color: #fa1667 !important;
	border-color: #fa1667 !important;
}

/* 4. Mobile Slider Height: 1/2 of Desktop (190px) */
@media (max-width: 767px) {
	.wd-slider,
	.wd-slider .wd-slide,
	.wd-slider .wd-slide-container,
	.wd-slider .wd-carousel-item,
	#slider-759,
	#slider-759 .wd-slide,
	#slider-759 .wd-slide-container {
		min-height: 190px !important;
		height: 190px !important;
		max-height: 190px !important;
	}

	.wd-slider .wd-slide-bg,
	#slider-759 .wd-slide-bg {
		background-size: cover !important;
		background-position: center center !important;
	}

	.wd-slider .wd-slider-pagin {
		margin-top: 6px !important;
	}
}

/* ==========================================================================
   SECURITY: REMOVE ALL AUTHOR METADATA, AVATARS & AUTHOR BIOS
   ========================================================================== */
.wd-post-author,
.wd-meta-author,
.meta-author,
.post-author,
.entry-meta .author,
.entry-meta [class*="author"],
.wd-entry-meta .author,
.wd-entry-meta [class*="author"],
.wd-post-meta .wd-post-author,
.wd-author-bio,
.author-bio {
	display: none !important;
}