/**
 * Special Handcrafts - Mobile Homepage CSS
 * Enhanced Bright Pink Palette & Exact Layout Corrections
 */

:root {
	--shc-primary: #FF4F81;
	--shc-dark: #E91E63;
	--shc-light: #FFF0F5;
	--shc-accent: #FF80AB;
	--shc-text: #2B2527;
	--shc-white: #FFFFFF;
}

/* ==========================================================================
   TOP BAR ANNOUNCEMENT SLIDING TICKER (GLOBAL)
   ========================================================================== */
.shc-topbar-ticker-wrap {
	width: 100% !important;
	height: 32px !important;
	max-height: 32px !important;
	overflow: hidden !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto !important;
}

.shc-topbar-ticker-track {
	width: 100% !important;
	height: 32px !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.shc-ticker-item {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(100%) !important;
	transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.45s ease, visibility 0.45s !important;
	pointer-events: none !important;
	text-align: center !important;
}

.shc-ticker-item.active {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

.shc-ticker-item.prev {
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(-100%) !important;
	pointer-events: none !important;
}

.shc-ticker-link {
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.25px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	line-height: 32px !important;
	padding: 0 10px !important;
	max-width: 100% !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	transition: opacity 0.2s ease !important;
}

.shc-ticker-link:hover {
	opacity: 0.9 !important;
}

/* ==========================================================================
   DESKTOP VS MOBILE VISIBILITY
   ========================================================================== */
@media (min-width: 769px) {

	.shc-mobile-homepage,
	.shc-mobile-homepage-wrap,
	.shc-top-bar-announcement,
	.shc-sec-footer,
	.shc-global-mobile-footer-wrap {
		display: none !important;
	}
}

@media (max-width: 768px) {

	.shc-desktop-homepage,
	.shc-desktop-homepage-wrap,
	.shc-desktop-header-wrap,
	.shc-desktop-footer-wrap {
		display: none !important;
	}

	/* Base Mobile Body & Clearance for Fixed Bottom Navbar */
	body {
		background-color: #FFFFFF !important;
		color: var(--shc-text) !important;
		-webkit-tap-highlight-color: transparent;
	}

	body.sticky-toolbar-on {
		padding-bottom: 60px !important;
	}

	body:not(.sticky-toolbar-on) {
		padding-bottom: 0 !important;
	}

	/* Reset Negative Margins & Header Overlap across ALL Pages on Mobile */
	.main-page-wrapper {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.page-title {
		position: relative !important;
		margin-top: 0 !important;
		top: 0 !important;
	}

	/* Full-Width Base Container Reset on Mobile */
	.home .website-wrapper,
	.page-id-3262 .website-wrapper {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.home .main-page-wrapper,
	.page-id-3262 .main-page-wrapper {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home .main-page-wrapper>.container,
	.page-id-3262 .main-page-wrapper>.container,
	.home .main-page-wrapper .content-layout-wrapper,
	.page-id-3262 .main-page-wrapper .content-layout-wrapper,
	.home .site-content,
	.page-id-3262 .site-content,
	.home .site-content article,
	.page-id-3262 .site-content article,
	.home .entry-content,
	.page-id-3262 .entry-content,
	.home .shc-mobile-homepage-wrap,
	.page-id-3262 .shc-mobile-homepage-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Completely remove WoodMart prefooter, default footer, and desktop widgets on mobile across ALL pages */
	.woodmart-prefooter,
	.footer-container,
	.copyrights-wrapper,
	.home .page-title,
	.page-id-3262 .page-title,
	body.home .page-title,
	.home .woodmart-woo-breadcrumbs,
	.home .breadcrumbs,
	.home .yoast-breadcrumb,
	.page-id-3262 .breadcrumbs {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		visibility: hidden !important;
		overflow: hidden !important;
	}

	/* ==========================================================================
	   1. TOP ANNOUNCEMENT BAR — SLIDING TICKER
	   ========================================================================== */
	.whb-top-bar {
		background-color: var(--shc-dark) !important;
		/* #E91E63 */
		min-height: 32px !important;
		padding: 0 !important;
	}

	.whb-top-bar .whb-top-bar-inner {
		height: 32px !important;
		min-height: 32px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
	}

	.shc-topbar-ticker-wrap {
		width: 100% !important;
		height: 32px !important;
		max-height: 32px !important;
		overflow: hidden !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 auto !important;
	}

	.shc-topbar-ticker-track {
		width: 100% !important;
		height: 32px !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.shc-ticker-item {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 32px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(100%) !important;
		transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.45s ease, visibility 0.45s !important;
		pointer-events: none !important;
		text-align: center !important;
	}

	.shc-ticker-item.active {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0) !important;
		pointer-events: auto !important;
	}

	.shc-ticker-item.prev {
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(-100%) !important;
		pointer-events: none !important;
	}

	.shc-ticker-link {
		color: #FFFFFF !important;
		text-decoration: none !important;
		font-size: 11.5px !important;
		font-weight: 600 !important;
		letter-spacing: 0.25px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		line-height: 32px !important;
		padding: 0 10px !important;
		max-width: 100% !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		transition: opacity 0.2s ease !important;
	}

	.shc-ticker-link:hover {
		opacity: 0.9 !important;
	}

	.shc-top-bar-announcement {
		display: flex !important;
		align-items: center;
		justify-content: center;
		font-size: 11px !important;
		font-weight: 600 !important;
		color: #FFFFFF !important;
		letter-spacing: 0.01em;
		width: 100%;
		text-align: center;
		gap: 6px;
	}

	.shc-top-bar-announcement .shc-truck {
		font-size: 13px;
	}

	/* ==========================================================================
	   MAIN MOBILE HEADER
	   ========================================================================== */
	.whb-general-header {
		background-color: #FFFFFF !important;
		border-bottom: 1px solid #f6eff3 !important;
	}

	.whb-general-header .whb-general-header-inner {
		height: 52px !important;
		min-height: 52px !important;
		padding: 0 10px !important;
	}

	.whb-general-header .woodmart-logo img {
		max-height: 38px !important;
		width: auto !important;
	}

	.whb-general-header .wd-tools-element>a {
		color: var(--shc-text) !important;
	}

	.whb-general-header .woodmart-cart-subtotal,
	.whb-general-header .woodmart-cart-totals {
		display: none !important;
	}

	.whb-general-header .woodmart-cart-number {
		background-color: var(--shc-primary) !important;
		color: #FFFFFF !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		width: 18px !important;
		height: 18px !important;
		line-height: 18px !important;
		border-radius: 50% !important;
		top: -4px !important;
		right: -6px !important;
	}

	/* ==========================================================================
	   SEARCH BAR — PROPER VISUAL BREATHING SPACE
	   ========================================================================== */
	header.whb-header,
	.whb-header {
		margin-bottom: 0 !important;
	}

	.whb-header-bottom {
		background-color: #FFFFFF !important;
		padding: 6px 14px 6px 14px !important;
		border-bottom: none !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Search bar: ONLY show on Homepage on mobile, completely hide on all other pages */
	body:not(.home) .whb-header-bottom,
	body:not(.home) .whb-header-bottom .searchform,
	body:not(.home) .whb-bottom-bar {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		visibility: hidden !important;
		overflow: hidden !important;
	}

	.whb-header-bottom .whb-header-bottom-inner {
		height: auto !important;
		min-height: 42px !important;
	}

	.whb-header-bottom .searchform {
		border: 1.5px solid #f2d8e4 !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		background: #FFFFFF !important;
		display: flex !important;
		align-items: center !important;
		height: 42px !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
		padding: 0 4px !important;
		transition: border-color 0.2s ease;
	}

	.whb-header-bottom .searchform:focus-within {
		border-color: var(--shc-primary) !important;
	}

	.whb-header-bottom .searchform input[type="text"] {
		border: none !important;
		background: transparent !important;
		font-size: 12.5px !important;
		padding: 8px 12px !important;
		height: 42px !important;
		color: var(--shc-text) !important;
	}

	.whb-header-bottom .searchform input[type="text"]::placeholder {
		color: #8c8588 !important;
		font-size: 11.5px !important;
	}

	.whb-header-bottom .searchform button.searchsubmit {
		background: transparent !important;
		color: #888 !important;
		border: none !important;
		padding: 0 10px !important;
		height: 42px !important;
	}

	/* ==========================================================================
	   MAIN MOBILE HOMEPAGE CONTAINER
	   ========================================================================== */
	.shc-mobile-homepage {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		background: #FFFFFF;
		box-sizing: border-box;
	}

	.shc-mobile-homepage * {
		box-sizing: border-box;
	}

	/* Section Headings */
	.shc-sec-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 14px 8px 14px !important;
	}

	.shc-sec-title {
		font-size: 15.5px !important;
		font-weight: 700 !important;
		color: var(--shc-text) !important;
		margin: 0 !important;
		line-height: 1.2 !important;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.shc-title-heart {
		color: var(--shc-primary);
		font-size: 14px;
	}

	.shc-flame-icon {
		font-size: 15px;
	}

	.shc-sec-subtitle {
		display: block;
		font-size: 10px;
		color: #777;
		font-weight: 500;
		margin-top: 2px;
	}

	.shc-view-all {
		display: inline-flex;
		align-items: center;
		font-size: 10.5px !important;
		font-weight: 600 !important;
		color: var(--shc-primary) !important;
		border: 1px solid var(--shc-primary) !important;
		border-radius: 12px !important;
		padding: 2.5px 8px !important;
		text-decoration: none !important;
		white-space: nowrap;
		line-height: 1.2;
		background: #FFFFFF;
		transition: all 0.2s ease;
	}

	.shc-view-all:hover,
	.shc-view-all:active {
		background: var(--shc-primary) !important;
		color: #FFFFFF !important;
	}

	/* ==========================================================================
	   2. HERO BANNER SECTION — RESPONSIVE SLIDER
	   ========================================================================== */
	.shc-sec-hero {
		padding: 4px 14px 8px 14px !important;
	}

	.shc-hero-slider-wrap {
		width: 100% !important;
		max-width: 100% !important;
		position: relative !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	.shc-hero-slider-wrap .owl-carousel {
		width: 100% !important;
		position: relative !important;
		touch-action: pan-y !important;
	}

	/* Prevent vertical stacking on page refresh/load before Owl initializes */
	.shc-hero-slider-wrap .owl-carousel:not(.owl-loaded) {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow: hidden !important;
		border-radius: 14px !important;
		position: relative !important;
		width: 100% !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
	}

	.shc-hero-slider-wrap .owl-carousel:not(.owl-loaded)>div:nth-child(n+2),
	.shc-hero-slider-wrap .owl-carousel:not(.owl-loaded)>.shc-hero-slide-item:nth-child(n+2) {
		display: none !important;
	}

	.shc-hero-slider-wrap .owl-carousel:not(.owl-loaded)>div:first-child,
	.shc-hero-slider-wrap .owl-carousel:not(.owl-loaded)>.shc-hero-slide-item:first-child {
		display: block !important;
		width: 100% !important;
		min-width: 100% !important;
		flex: 0 0 100% !important;
	}

	.shc-hero-slider-wrap .owl-stage-outer {
		border-radius: 14px !important;
		overflow: hidden !important;
		width: 100% !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
	}

	.shc-hero-slide-item {
		width: 100% !important;
		box-sizing: border-box !important;
		border-radius: 14px !important;
		overflow: hidden !important;
	}

	.shc-hero-card-slide {
		display: block !important;
		width: 100% !important;
		border-radius: 14px !important;
		overflow: hidden !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		text-decoration: none !important;
		position: relative !important;
		box-sizing: border-box !important;
		height: 165px;
		transition: transform 0.2s ease;
	}

	@media (max-width: 360px) {
		.shc-hero-card-slide {
			height: 145px !important;
		}
	}

	@media (min-width: 361px) and (max-width: 389px) {
		.shc-hero-card-slide {
			height: 165px !important;
		}
	}

	@media (min-width: 390px) and (max-width: 575px) {
		.shc-hero-card-slide {
			height: 180px !important;
		}
	}

	@media (min-width: 576px) and (max-width: 768px) {
		.shc-hero-card-slide {
			height: 250px !important;
		}
	}

	/* Hide navigation arrows on mobile hero */
	#shc-mobile-hero-slider .owl-nav,
	#shc-mobile-hero-slider .owl-nav>div,
	#shc-mobile-hero-slider .owl-prev,
	#shc-mobile-hero-slider .owl-next,
	.shc-sec-hero .owl-nav,
	.shc-sec-hero .owl-prev,
	.shc-sec-hero .owl-next {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* Hero Slide Inner Content (if any text/buttons added in WP Admin) */
	.shc-hero-slide-item .shc-hero-content {
		position: absolute;
		bottom: 12px;
		left: 12px;
		right: 12px;
		z-index: 2;
	}

	/* Hero Dots — Positioned cleanly BELOW the banner, syncs with active slide */
	.shc-hero-slider-wrap .owl-dots {
		position: static !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 5px !important;
		margin-top: 8px !important;
		margin-bottom: 2px !important;
		width: 100% !important;
		z-index: 10 !important;
	}

	.shc-hero-slider-wrap .owl-dots .owl-dot {
		background: none !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		outline: none !important;
		display: inline-block !important;
		box-shadow: none !important;
	}

	.shc-hero-slider-wrap .owl-dots .owl-dot span {
		width: 6px !important;
		height: 6px !important;
		background: #ffd0dc !important;
		border-radius: 50% !important;
		display: block !important;
		margin: 0 !important;
		border: none !important;
		opacity: 1 !important;
		transition: all 0.25s ease !important;
	}

	.shc-hero-slider-wrap .owl-dots .owl-dot.active span {
		width: 16px !important;
		height: 6px !important;
		background: var(--shc-primary, #FF4F81) !important;
		border-radius: 3px !important;
		opacity: 1 !important;
	}

	/* ==========================================================================
	   4. SHOP BY CATEGORY SECTION — CLEAN SPACING BELOW HERO
	   ========================================================================== */
	.shc-sec-categories {
		margin-top: 18px !important;
		padding-bottom: 8px !important;
	}

	.shc-categories-row {
		display: flex;
		gap: 8px;
		padding: 0 14px !important;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.shc-categories-row::-webkit-scrollbar {
		display: none;
	}

	.shc-cat-card {
		flex: 0 0 22.8%;
		min-width: 68px;
		max-width: 82px;
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		text-decoration: none !important;
	}

	.shc-cat-img-box {
		width: 100%;
		aspect-ratio: 1;
		background: #FFFFFF;
		border: 1px solid #f0e2ea;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
		transition: transform 0.2s ease;
	}

	.shc-cat-card:active .shc-cat-img-box {
		transform: scale(0.96);
	}

	.shc-cat-img-box img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		border-radius: 8px;
	}

	.shc-cat-title {
		margin-top: 5px;
		font-size: 10px;
		font-weight: 600;
		color: var(--shc-text);
		line-height: 1.15;
	}

	/* ==========================================================================
	   5 & 8. PRODUCT CAROUSELS (NEW ARRIVALS & BEST SELLERS) — BRIGHT PINK ACCENTS
	   ========================================================================== */
	.shc-sec-products {
		padding-top: 2px;
		padding-bottom: 8px;
	}

	.shc-products-scroll {
		display: flex;
		gap: 8px;
		padding: 0 14px 6px 14px !important;
		scroll-padding: 0 14px !important;
		scroll-padding-left: 14px !important;
		scroll-padding-right: 14px !important;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.shc-products-scroll::-webkit-scrollbar {
		display: none;
	}

	.shc-prod-card {
		flex: 0 0 31.2%;
		min-width: 100px;
		max-width: 120px;
		background: #FFFFFF;
		border: 1px solid #f0e4ea;
		border-radius: 10px !important;
		overflow: hidden !important;
		display: flex;
		flex-direction: column;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
		position: relative;
	}

	.shc-prod-thumb-wrap {
		position: relative !important;
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
		border-top-left-radius: 9px !important;
		border-top-right-radius: 9px !important;
		background: transparent !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.shc-prod-link {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.shc-prod-thumb {
		width: 100% !important;
		height: 100% !important;
		min-width: 100% !important;
		min-height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	.shc-badge-sale {
		position: absolute;
		top: 5px;
		left: 5px;
		background: var(--shc-primary) !important;
		color: #FFFFFF;
		font-size: 8px;
		font-weight: 700;
		padding: 1.5px 4.5px;
		border-radius: 3px;
		z-index: 2;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.shc-wishlist-btn {
		position: absolute;
		top: 6px;
		right: 6px;
		width: 30px;
		height: 30px;
		background: rgba(255, 255, 255, 0.94);
		border: 1px solid #ffd4de;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		cursor: pointer;
		z-index: 2;
		outline: none;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	}

	.shc-wishlist-btn svg {
		width: 18px;
		height: 18px;
	}

	.shc-prod-info {
		padding: 6px 5px 6px 5px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		justify-content: space-between;
	}

	.shc-prod-name {
		font-size: 10.5px !important;
		font-weight: 600 !important;
		color: var(--shc-text) !important;
		text-decoration: none !important;
		line-height: 1.25;
		height: 26px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-bottom: 2px;
	}

	.shc-prod-rating {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 3px;
		font-size: 8.5px;
		margin-bottom: 4px;
		white-space: nowrap;
	}

	.shc-prod-rating .shc-stars-row {
		gap: 1px;
	}

	.shc-prod-rating .shc-star-svg {
		width: 9px;
		height: 9px;
	}

	.shc-stars {
		color: #ffaa00;
		letter-spacing: 0.5px;
	}

	.shc-rating-score {
		color: #777;
		font-size: 8px;
		font-weight: 500;
		white-space: nowrap;
		line-height: 1;
	}

	.shc-prod-price {
		display: flex;
		align-items: baseline;
		gap: 3px;
		margin-bottom: 6px;
	}

	.shc-current-price {
		font-size: 11.5px;
		font-weight: 700;
		color: var(--shc-primary) !important;
	}

	.shc-reg-price {
		font-size: 9px;
		color: #999;
		text-decoration: line-through;
	}

	.shc-cart-wrap {
		width: 100%;
	}

	/* Bright Pink Add to Cart Buttons */
	.shc-add-cart-btn {
		display: block !important;
		width: 100% !important;
		background: var(--shc-primary) !important;
		/* #FF4F81 */
		color: #FFFFFF !important;
		font-size: 9.5px !important;
		font-weight: 700 !important;
		text-align: center !important;
		padding: 6px 2px !important;
		border-radius: 5px !important;
		border: none !important;
		text-decoration: none !important;
		line-height: 1.1 !important;
		transition: background 0.2s ease;
	}

	.shc-add-cart-btn:hover,
	.shc-add-cart-btn:active {
		background: var(--shc-dark) !important;
		/* #E91E63 */
	}

	.shc-add-cart-btn:before,
	.shc-add-cart-btn:after {
		display: none !important;
		content: none !important;
	}

	/* ==========================================================================
	   6. TRENDING NOW SECTION
	   ========================================================================== */
	.shc-sec-trending {
		padding-bottom: 4px !important;
		margin-bottom: 0 !important;
	}

	.shc-trending-row {
		display: flex !important;
		gap: 12px !important;
		padding: 0 14px 8px 14px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x proximity;
	}

	.shc-trending-row::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	.shc-trending-item {
		flex: 0 0 74px !important;
		width: 74px !important;
		min-width: 74px !important;
		max-width: 74px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		text-decoration: none !important;
		scroll-snap-align: start;
	}

	.shc-trending-circle {
		width: 62px;
		height: 62px;
		border-radius: 50%;
		border: 2px solid #ffd4e0;
		overflow: hidden;
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
		padding: 2px;
		background: #FFFFFF;
	}

	.shc-trending-circle img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}

	.shc-trending-label {
		margin-top: 5px;
		font-size: 10px;
		font-weight: 600;
		color: var(--shc-text);
		line-height: 1.15;
	}

	/* ==========================================================================
	   7. FESTIVAL OFFERS BANNER — FULL IMAGE BANNER
	   ========================================================================== */
	.shc-sec-banner {
		padding: 8px 14px 10px 14px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.shc-festival-banner-card {
		display: block !important;
		position: relative;
		width: 100% !important;
		height: auto !important;
		border-radius: 14px;
		overflow: hidden;
		text-decoration: none !important;
		box-shadow: 0 4px 16px rgba(233, 30, 99, 0.22);
		background-color: transparent !important;
		line-height: 0;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}

	.shc-festival-banner-card:active {
		transform: scale(0.985);
	}

	.shc-fest-banner-img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		border-radius: 14px;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* ==========================================================================
	   9. CUSTOMIZED GIFTS BANNER SECTION — DARK PINK BANNER TREATMENT
	   ========================================================================== */
	.shc-customized-banner-card {
		background-color: #880E4F !important;
		background-size: cover !important;
		background-position: center right !important;
		background-repeat: no-repeat !important;
		border-radius: 12px;
		border: none !important;
		padding: 14px 12px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		overflow: hidden;
		min-height: 135px;
		box-shadow: 0 4px 14px rgba(136, 14, 79, 0.28);
	}

	.shc-customized-banner-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(90deg, rgba(100, 10, 50, 0.85) 0%, rgba(136, 14, 79, 0.45) 55%, rgba(100, 10, 50, 0.65) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.shc-customized-left {
		flex: 0 0 60%;
		z-index: 2;
		position: relative;
	}

	.shc-customized-heading {
		font-size: 16px !important;
		font-weight: 800 !important;
		color: #FFFFFF !important;
		margin: 0 0 2px 0 !important;
		line-height: 1.2 !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	.shc-customized-sub {
		display: block;
		font-size: 10.5px;
		font-weight: 700;
		color: #FFE4EC !important;
		margin-bottom: 4px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	}

	.shc-customized-tags {
		font-size: 8.5px;
		color: #FFD0E0 !important;
		margin: 0 0 8px 0;
		font-weight: 500;
		opacity: 0.95;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	}

	.shc-customized-btn {
		display: inline-block;
		background: #FFFFFF !important;
		color: #880E4F !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		padding: 6px 14px !important;
		border-radius: 16px !important;
		text-decoration: none !important;
		line-height: 1;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
		transition: transform 0.2s ease, background 0.2s ease;
	}

	.shc-customized-btn:hover,
	.shc-customized-btn:active {
		background: #FFE4EC !important;
		transform: scale(0.97);
	}

	.shc-customized-right {
		flex: 0 0 38%;
		z-index: 2;
		position: relative;
		display: flex;
		justify-content: center;
	}

	.shc-customized-img-box {
		position: relative;
		width: 100px;
		height: 80px;
	}

	.shc-customized-frame {
		position: absolute;
		left: 0;
		top: 5px;
		width: 62px;
		height: 62px;
		object-fit: cover;
		border-radius: 8px;
		border: 2px solid rgba(255, 255, 255, 0.9);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	}

	.shc-customized-mug {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 56px;
		height: 56px;
		object-fit: contain;
		filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.35));
	}

	/* ==========================================================================
	   10. WHY CHOOSE SPECIAL HANDCRAFTS SECTION
	   ========================================================================== */
	.shc-sec-why-choose {
		padding: 8px 14px 12px 14px !important;
	}

	.shc-why-title {
		text-align: left;
		margin-bottom: 8px !important;
	}

	.shc-why-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 6px;
	}

	.shc-why-card {
		background: #FFFFFF;
		border: 1px solid #f2e2eb;
		border-radius: 8px;
		padding: 8px 3px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	}

	.shc-why-icon {
		margin-bottom: 4px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.shc-why-icon svg {
		width: 22px;
		height: 22px;
	}

	.shc-why-text {
		font-size: 8.5px;
		font-weight: 600;
		color: var(--shc-text);
		line-height: 1.15;
	}

	/* ==========================================================================
	   11. HAPPY CUSTOMERS / TESTIMONIALS SECTION
	   ========================================================================== */
	.shc-sec-testimonials {
		padding-bottom: 8px;
	}

	/* Google Trust Bar */
	.shc-google-trust-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #FFF5F8;
		border: 1px solid #FFE4ED;
		border-radius: 8px;
		padding: 5px 10px;
		margin: 0 14px 8px 14px;
	}

	.shc-google-pill {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		font-size: 10px;
		color: #2B2527;
	}

	.shc-google-pill-icon {
		display: inline-flex;
		align-items: center;
	}

	.shc-google-pill-score {
		font-size: 11px;
		font-weight: 800;
		color: #2B2527;
	}

	.shc-google-pill-stars {
		color: #FFB300;
		font-size: 10px;
		letter-spacing: 0.5px;
	}

	.shc-google-pill-label {
		font-size: 9px;
		color: #777;
		font-weight: 500;
	}

	.shc-write-review-link {
		font-size: 9.5px;
		font-weight: 700;
		color: #E91E63;
		text-decoration: none !important;
		letter-spacing: 0.01em;
	}

	.shc-verified-text {
		font-size: 8.5px;
		color: #4285F4;
		font-weight: 600;
		line-height: 1;
	}

	.shc-testimonial-slider-wrap {
		padding: 0 14px !important;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.shc-slider-nav {
		background: #FFFFFF;
		border: 1px solid #e8dbe2;
		border-radius: 50%;
		width: 26px;
		height: 26px;
		font-size: 16px;
		color: #777;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		cursor: pointer;
		flex-shrink: 0;
	}

	.shc-testimonial-cards-viewport {
		flex: 1;
		position: relative;
		overflow: hidden;
		width: 100%;
		border-radius: 12px;
	}

	.shc-testimonial-track {
		display: flex;
		align-items: stretch;
		width: 100%;
		transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
		will-change: transform;
	}

	.shc-testimonial-card {
		background: #FFFFFF;
		border: 1px solid #f0e2eb;
		border-radius: 12px;
		padding: 10px 14px;
		flex: 0 0 100%;
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
	}

	.shc-test-top-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	.shc-test-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.shc-test-name-row {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.shc-google-verified-badge {
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}

	.shc-google-g-mini {
		display: inline-flex;
		align-items: center;
		margin-left: 4px;
		vertical-align: middle;
	}

	.shc-test-name {
		font-size: 11.5px;
		font-weight: 700;
		color: var(--shc-text);
	}

	.shc-test-stars {
		color: #ffaa00;
		font-size: 10px;
		margin: 0;
		display: flex;
		align-items: center;
		gap: 3px;
	}

	.shc-test-quote {
		font-size: 10.5px;
		color: #3f3538;
		margin: 2px 0 0 0;
		line-height: 1.35;
		font-style: normal;
	}

	.shc-google-reviews-plugin-wrap {
		width: 100%;
		overflow: hidden;
		padding: 4px 14px;
	}

	/* ==========================================================================
	   12. NEWSLETTER SECTION — DARK PINK BANNER IMAGE TREATMENT
	   ========================================================================== */
	.shc-sec-newsletter {
		padding: 4px 14px 10px 14px !important;
	}

	.shc-newsletter-card {
		background-color: #880E4F !important;
		background-size: cover !important;
		background-position: center right !important;
		background-repeat: no-repeat !important;
		border-radius: 12px;
		padding: 14px 12px;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		position: relative;
		overflow: hidden;
		box-shadow: 0 4px 14px rgba(136, 14, 79, 0.28);
	}

	.shc-newsletter-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(90deg, rgba(110, 10, 60, 0.82) 0%, rgba(136, 14, 79, 0.45) 55%, rgba(110, 10, 60, 0.72) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.shc-nl-content {
		flex: 1 1 100%;
		max-width: 100%;
		position: relative;
		z-index: 2;
	}

	.shc-nl-title {
		font-size: 13.5px !important;
		font-weight: 800 !important;
		color: #FFFFFF !important;
		margin: 0 0 2px 0 !important;
		line-height: 1.25 !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	}

	.shc-nl-sub {
		font-size: 9px;
		color: #FFE4EC !important;
		margin: 0 0 8px 0;
		line-height: 1.2;
		opacity: 0.95;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	}

	.shc-nl-form {
		display: flex;
		gap: 6px;
		align-items: center;
		width: 100%;
	}

	.shc-nl-input-wrap {
		flex: 1;
		background: #FFFFFF;
		border-radius: 5px;
		display: flex;
		align-items: center;
		padding: 0 7px;
		height: 30px;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	}

	.shc-nl-icon {
		color: #888;
		font-size: 11px;
		margin-right: 4px;
	}

	.shc-nl-input-wrap input {
		border: none !important;
		background: transparent !important;
		font-size: 10px !important;
		padding: 0 !important;
		width: 100% !important;
		height: 100% !important;
		color: #333 !important;
	}

	.shc-nl-input-wrap input::placeholder {
		color: #888 !important;
		font-size: 9.5px !important;
	}

	/* Subscribe Button: White background with dark pink text */
	.shc-nl-btn {
		background: #FFFFFF !important;
		color: #880E4F !important;
		/* Luxury Dark Pink */
		font-size: 10px !important;
		font-weight: 800 !important;
		border: none !important;
		border-radius: 5px !important;
		padding: 0 12px !important;
		height: 30px !important;
		cursor: pointer;
		white-space: nowrap;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
		transition: transform 0.2s ease;
	}

	.shc-nl-btn:active {
		transform: scale(0.96);
	}

	.shc-nl-decor {
		display: none !important;
	}

	/* ==========================================================================
	   13. FOOTER — FULL-WIDTH EDGE-TO-EDGE & COMPACT BALANCED SPACING
	   ========================================================================== */
	.shc-sec-footer {
		width: 100% !important;
		max-width: 100% !important;
		margin: 15px 0 0 0 !important;
		padding: 24px 16px 36px 16px !important;
		background: #20040d !important;
		color: #FFFFFF !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
	}

	.shc-footer-logo-wrap {
		margin-bottom: 8px !important;
	}

	.shc-footer-logo-badge {
		display: inline-block;
		background: #FFFFFF;
		padding: 8px 24px;
		border-radius: 28px;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
	}

	.shc-footer-logo-badge img {
		height: 44px;
		width: auto;
		max-width: 220px;
		display: block;
		object-fit: contain;
	}

	.shc-footer-tagline {
		font-size: 12.5px !important;
		color: #ffccd8 !important;
		margin: 6px 0 16px 0 !important;
		font-style: italic !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		max-width: 320px !important;
	}

	.shc-footer-contact-box {
		width: 100% !important;
		max-width: 345px !important;
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		border-radius: 12px !important;
		padding: 12px 14px !important;
		margin-bottom: 16px !important;
		box-sizing: border-box !important;
		text-align: left !important;
	}

	.shc-contact-item {
		display: flex !important;
		align-items: flex-start !important;
		gap: 8px !important;
		font-size: 11.5px !important;
		line-height: 1.4 !important;
		color: #FFFFFF !important;
	}

	.shc-contact-addr {
		margin-bottom: 10px !important;
		padding-bottom: 10px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	}

	.shc-contact-addr .shc-contact-text strong {
		display: block !important;
		color: #FFFFFF !important;
		font-size: 12px !important;
		margin-bottom: 2px !important;
	}

	.shc-contact-addr .shc-contact-text span {
		color: #ffdce6 !important;
		font-size: 11px !important;
		line-height: 1.4 !important;
		display: block !important;
	}

	.shc-contact-row-two {
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
	}

	.shc-contact-link {
		color: #FFFFFF !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 11.5px !important;
		transition: opacity 0.2s ease !important;
	}

	.shc-contact-link:hover {
		opacity: 0.85 !important;
	}

	.shc-contact-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 22px !important;
		height: 22px !important;
		background: rgba(255, 255, 255, 0.12) !important;
		border-radius: 50% !important;
		flex-shrink: 0 !important;
	}

	.shc-footer-socials {
		display: flex !important;
		justify-content: center !important;
		gap: 8px !important;
		margin-bottom: 10px !important;
	}

	.shc-soc-btn {
		width: 26px;
		height: 26px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none !important;
	}

	.shc-soc-fb {
		background: #1877F2;
	}

	.shc-soc-ig {
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	}

	.shc-soc-yt {
		background: #CD201F;
	}

	.shc-soc-wa {
		background: #25D366;
	}

	.shc-soc-pin {
		background: #BD081C;
	}

	.shc-footer-nav {
		font-size: 9.5px !important;
		line-height: 1.6 !important;
		margin-bottom: 10px !important;
		width: 100% !important;
	}

	.shc-footer-nav a {
		color: #ffd0dc !important;
		text-decoration: none !important;
	}

	.shc-nav-sep {
		color: #7b1236;
		margin: 0 4px;
	}

	.shc-footer-payments {
		display: flex !important;
		justify-content: center !important;
		gap: 6px !important;
		margin-bottom: 8px !important;
	}

	.shc-pay-badge {
		background: #FFFFFF;
		color: #1a1a1a;
		font-size: 8px;
		font-weight: 800;
		padding: 2px 6px;
		border-radius: 3px;
		display: inline-flex;
		align-items: center;
		height: 16px;
	}

	.shc-pay-visa {
		color: #1a1f71;
	}

	.shc-pay-paytm {
		color: #002970;
	}

	.shc-pay-upi {
		color: #000;
		letter-spacing: 0.5px;
	}

	.shc-pay-mc {
		display: inline-flex;
		align-items: center;
		position: relative;
		width: 18px;
		height: 11px;
	}

	.mc-c1,
	.mc-c2 {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		position: absolute;
	}

	.mc-c1 {
		background: #eb001b;
		left: 0;
	}

	.mc-c2 {
		background: #f79e1b;
		right: 0;
		opacity: 0.85;
	}

	.shc-footer-copyright {
		font-size: 8.5px !important;
		color: #997b84 !important;
		margin: 0 !important;
	}

	/* ==========================================================================
	   14. MOBILE BOTTOM NAVBAR (WOODMART STICKY TOOLBAR)
	   ========================================================================== */
	.woodmart-toolbar {
		background-color: #FFFFFF !important;
		border-top: 1px solid #f0e2ea !important;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.04) !important;
		height: 52px !important;
		display: flex !important;
		z-index: 99999 !important;
	}

	.woodmart-toolbar .woodmart-toolbar-item a {
		color: var(--shc-text) !important;
		font-size: 9.5px !important;
		font-weight: 600 !important;
	}

	.woodmart-toolbar .woodmart-toolbar-item.current-item a,
	.woodmart-toolbar .woodmart-toolbar-item:hover a,
	.woodmart-toolbar .woodmart-toolbar-item.active a {
		color: var(--shc-primary) !important;
	}

	.woodmart-toolbar .wd-tools-icon {
		color: inherit !important;
	}

	.woodmart-toolbar .woodmart-toolbar-item a:hover .wd-tools-icon,
	.woodmart-toolbar .woodmart-toolbar-item.current-item a .wd-tools-icon {
		color: var(--shc-primary) !important;
	}

	/* ==========================================================================
	   ALL OTHER PAGES MOBILE DESIGN & LAYOUT HARMONIZATION
	   (Shop, Category Archives, Single Product, Cart, Checkout, Wishlist, Account)
	   ========================================================================== */

	/* 1. Global Page Title Banner on Mobile across All Pages (Except Homepage) */
	body:not(.home).post-type-archive-product .page-title,
	body:not(.home).tax-product_cat .page-title,
	body:not(.home).tax-product_tag .page-title,
	body:not(.home).woocommerce-page .page-title,
	body:not(.home).page:not(.page-id-3262) .page-title {
		position: relative !important;
		margin-top: 0 !important;
		top: 0 !important;
		background: linear-gradient(135deg, #FF4F81 0%, #E91E63 100%) !important;
		padding: 16px 14px 14px 14px !important;
		margin-bottom: 12px !important;
		text-align: center !important;
		border-radius: 0 0 14px 14px !important;
		box-shadow: 0 3px 10px rgba(233, 30, 99, 0.15) !important;
		min-height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.page-title .shop-title-wrapper {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		margin-bottom: 3px !important;
	}

	.page-title .woodmart-back-btn {
		color: #FFFFFF !important;
		font-size: 16px !important;
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
	}

	.page-title .entry-title,
	body.post-type-archive-product .page-title .entry-title,
	body.tax-product_cat .page-title .entry-title,
	body.tax-product_tag .page-title .entry-title,
	body.woocommerce-page .page-title .entry-title {
		font-size: 19px !important;
		font-weight: 700 !important;
		color: #FFFFFF !important;
		line-height: 1.25 !important;
		margin: 0 !important;
		text-align: center !important;
		display: inline-block !important;
		letter-spacing: -0.2px !important;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
		text-transform: capitalize !important;
	}

	.page-title .breadcrumbs,
	.page-title .yoast-breadcrumb,
	body.post-type-archive-product .page-title .breadcrumbs,
	body.tax-product_cat .page-title .breadcrumbs {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 4px !important;
		font-size: 11px !important;
		color: rgba(255, 255, 255, 0.9) !important;
		margin-top: 4px !important;
		margin-bottom: 0 !important;
		line-height: 1.3 !important;
	}

	.page-title .breadcrumbs a,
	.page-title .yoast-breadcrumb a,
	.page-title .breadcrumbs span,
	.page-title .yoast-breadcrumb span {
		color: rgba(255, 255, 255, 0.95) !important;
		text-decoration: none !important;
		font-weight: 500 !important;
	}

	/* Hide broken accordion categories toggle on page title banner */
	.page-title .woodmart-show-categories,
	.page-title .woodmart-product-categories,
	.page-title .category-nav-link,
	.page-title .category-products-count,
	.page-title .more-products,
	.shop-title-wrapper+.woodmart-product-categories {
		display: none !important;
	}

	/* 2. Shop, Catalog & Category Archive Pages */
	.post-type-archive-product .main-page-wrapper,
	.tax-product_cat .main-page-wrapper,
	.tax-product_tag .main-page-wrapper,
	.woocommerce-shop .main-page-wrapper {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.post-type-archive-product .container,
	.tax-product_cat .container,
	.tax-product_tag .container,
	.woocommerce-shop .container {
		padding-left: 8px !important;
		padding-right: 8px !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.post-type-archive-product .site-content,
	.tax-product_cat .site-content,
	.tax-product_tag .site-content,
	.woocommerce-shop .site-content {
		margin-bottom: 20px !important;
	}

	.shop-loop-head {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		margin-top: 6px !important;
		margin-bottom: 12px !important;
		padding: 0 4px !important;
	}

	/* Hide breadcrumbs on mobile shop & category loops so they never overlap banner */
	.woodmart-woo-breadcrumbs,
	.shop-loop-head .woodmart-woo-breadcrumbs,
	.woocommerce-breadcrumb {
		display: none !important;
	}

	/* Keep only SHOW SIDEBAR button, hide all other controls */
	.woodmart-shop-tools {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
	}

	.woodmart-shop-tools>*:not(.woodmart-show-sidebar-btn) {
		display: none !important;
	}

	.woodmart-show-sidebar-btn {
		background: #FFF0F5 !important;
		border: 1px solid #FFE4EC !important;
		color: #E91E63 !important;
		border-radius: 8px !important;
		padding: 7px 12px !important;
		font-size: 11.5px !important;
		font-weight: 600 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		box-shadow: 0 1px 4px rgba(233, 30, 99, 0.08) !important;
	}

	.woodmart-show-sidebar-btn:before {
		color: #E91E63 !important;
	}

	/* Hide broken ordering box (letter "D" glyph) & view switchers on mobile */
	.woocommerce-ordering,
	.woocommerce-ordering:after,
	.shop-loop-head .woocommerce-ordering,
	.woodmart-products-shop-view,
	.woodmart-products-per-page,
	.shop-view,
	.per-row-list,
	.per-row-2,
	.per-row-3,
	.per-row-4 {
		display: none !important;
		content: none !important;
		width: 0 !important;
		height: 0 !important;
		visibility: hidden !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 3. Products Grid & Card Styling on Mobile (Strictly Matching Homepage Cards) */
	.products.elements-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		margin-left: -4px !important;
		margin-right: -4px !important;
	}

	.product-grid-item,
	.products.elements-grid .product-grid-item,
	.woodmart-hover-base {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		width: 50% !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		margin-bottom: 12px !important;
		box-sizing: border-box !important;
	}

	/* Carousel / Slider Products (Single Product Related Products, Upsells, Cross-sells, Product Carousels) */
	.owl-carousel .product-grid-item,
	.owl-carousel .woodmart-hover-base,
	.owl-item .product-grid-item,
	.owl-item .woodmart-hover-base,
	.slide-product .product-grid-item,
	.slide-product .woodmart-hover-base,
	.woodmart-carousel-container .product-grid-item,
	.woodmart-carousel-container .woodmart-hover-base,
	.related-products .product-grid-item,
	.related-products .woodmart-hover-base,
	.related.products .product-grid-item,
	.related.products .woodmart-hover-base,
	.upsells.products .product-grid-item,
	.upsells.products .woodmart-hover-base,
	.cross-sells.products .product-grid-item,
	.cross-sells.products .woodmart-hover-base {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		margin-bottom: 0 !important;
		box-sizing: border-box !important;
	}

	.owl-carousel .slide-product,
	.owl-item .slide-product {
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.related-products,
	.related.products,
	.upsells.products {
		padding-left: 8px !important;
		padding-right: 8px !important;
		margin-top: 25px !important;
		margin-bottom: 25px !important;
		clear: both !important;
	}

	.related-products .title.slider-title,
	.related.products .title.slider-title {
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #1a1a1a !important;
		margin-bottom: 12px !important;
		text-align: left !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
	}

	.related-products .owl-nav,
	.upsells.products .owl-nav {
		opacity: 1 !important;
		visibility: visible !important;
	}

	.related-products .owl-nav>div,
	.upsells.products .owl-nav>div {
		visibility: visible !important;
		opacity: 0.85 !important;
		width: 32px !important;
		height: 32px !important;
		line-height: 32px !important;
		background: rgba(255, 255, 255, 0.95) !important;
		border: 1px solid #ffd4de !important;
		border-radius: 50% !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
		color: var(--shc-primary) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.related-products .owl-nav>div[class*="prev"] {
		left: -6px !important;
	}

	.related-products .owl-nav>div[class*="next"] {
		right: -6px !important;
	}

	/* Prevent Carousel Jumping / Giant Image expansion before Owl initializes on Mobile */
	.woodmart-carousel-container .owl-carousel:not(.owl-loaded),
	.related-products .owl-carousel:not(.owl-loaded),
	.upsells.products .owl-carousel:not(.owl-loaded) {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow: hidden !important;
		width: 100% !important;
		gap: 12px !important;
	}
	.woodmart-carousel-container .owl-carousel:not(.owl-loaded) > div,
	.related-products .owl-carousel:not(.owl-loaded) > div,
	.upsells.products .owl-carousel:not(.owl-loaded) > div,
	.woodmart-carousel-container .owl-carousel:not(.owl-loaded) > .slide-product,
	.related-products .owl-carousel:not(.owl-loaded) > .slide-product,
	.upsells.products .owl-carousel:not(.owl-loaded) > .slide-product {
		width: calc((100% - 12px) / 2) !important;
		max-width: calc((100% - 12px) / 2) !important;
		min-width: calc((100% - 12px) / 2) !important;
		flex: 0 0 calc((100% - 12px) / 2) !important;
		display: flex !important;
		flex-direction: column !important;
		box-sizing: border-box !important;
	}
	.woodmart-carousel-container .owl-carousel:not(.owl-loaded) > div:nth-child(n+3),
	.related-products .owl-carousel:not(.owl-loaded) > div:nth-child(n+3),
	.upsells.products .owl-carousel:not(.owl-loaded) > div:nth-child(n+3) {
		display: none !important;
	}

	/* Ensure Carousel action buttons (.woodmart-buttons.wd-pos-r-t) stay at BOTTOM of card, NOT top of image */
	.owl-carousel .woodmart-buttons.wd-pos-r-t,
	.owl-carousel .woodmart-buttons[class*="wd-pos-r"],
	.related-products .woodmart-buttons.wd-pos-r-t,
	.related-products .woodmart-buttons[class*="wd-pos-r"],
	.related.products .woodmart-buttons.wd-pos-r-t,
	.related.products .woodmart-buttons[class*="wd-pos-r"],
	.upsells.products .woodmart-buttons.wd-pos-r-t,
	.upsells.products .woodmart-buttons[class*="wd-pos-r"],
	.woodmart-carousel-container .woodmart-buttons.wd-pos-r-t,
	.woodmart-carousel-container .woodmart-buttons[class*="wd-pos-r"],
	.product-in-carousel .woodmart-buttons.wd-pos-r-t,
	.product-in-carousel .woodmart-buttons[class*="wd-pos-r"] {
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		display: block !important;
		width: 100% !important;
		margin-top: 6px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	.owl-carousel .wrap-quickview-button,
	.related-products .wrap-quickview-button,
	.upsells.products .wrap-quickview-button {
		display: none !important;
	}

	/* In Carousels, wishlist stays top-right alone */
	.owl-carousel .wrap-wishlist-button,
	.related-products .wrap-wishlist-button,
	.upsells.products .wrap-wishlist-button {
		position: absolute !important;
		top: 6px !important;
		right: 6px !important;
		z-index: 10 !important;
		display: block !important;
	}

	/* In Carousels, add-to-cart stays full-width at the bottom */
	.owl-carousel .woodmart-add-btn,
	.related-products .woodmart-add-btn,
	.upsells.products .woodmart-add-btn,
	.product-in-carousel .woodmart-add-btn {
		position: static !important;
		display: block !important;
		width: 100% !important;
		margin-top: 6px !important;
		padding: 0 !important;
	}

	.owl-carousel .woodmart-add-btn>a.button,
	.related-products .woodmart-add-btn>a.button,
	.upsells.products .woodmart-add-btn>a.button,
	.product-in-carousel .woodmart-add-btn>a.button {
		display: block !important;
		width: 100% !important;
		background: var(--shc-primary) !important;
		color: #FFFFFF !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		padding: 8px 4px !important;
		border-radius: 6px !important;
		border: none !important;
		text-align: center !important;
		box-shadow: 0 2px 6px rgba(255, 79, 129, 0.25) !important;
		text-decoration: none !important;
		text-transform: capitalize !important;
		box-sizing: border-box !important;
		position: relative !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.owl-carousel .woodmart-add-btn>a.button span,
	.related-products .woodmart-add-btn>a.button span,
	.upsells.products .woodmart-add-btn>a.button span {
		display: inline !important;
		color: #FFFFFF !important;
		font-weight: 700 !important;
		font-size: 11px !important;
		opacity: 1 !important;
	}

	.owl-carousel .woodmart-add-btn>a.button:before,
	.related-products .woodmart-add-btn>a.button:before,
	.upsells.products .woodmart-add-btn>a.button:before {
		display: none !important;
		content: none !important;
	}

	.product-grid-item .product-wrapper,
	.woodmart-hover-base .product-wrapper {
		background: #FFFFFF !important;
		border: 1px solid #FFE4EC !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		position: relative !important;
		padding: 0 0 8px 0 !important;
		box-sizing: border-box !important;
	}

	.product-grid-item .product-element-top,
	.woodmart-hover-base .product-element-top {
		position: relative !important;
		border-radius: 11px 11px 0 0 !important;
		overflow: hidden !important;
		background: #FFF0F5 !important;
		margin: 0 !important;
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
	}

	.product-grid-item .product-image-link,
	.woodmart-hover-base .product-image-link {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 11px 11px 0 0 !important;
		overflow: hidden !important;
	}

	.product-grid-item .product-image-link img,
	.woodmart-hover-base .product-image-link img {
		width: 100% !important;
		height: 100% !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
		object-position: center !important;
		display: block !important;
		border-radius: 11px 11px 0 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Modern Discount Pill Badge on Mobile */
	.product-grid-item .product-labels,
	.woodmart-hover-base .product-labels,
	.product-labels.labels-rounded,
	.product-labels {
		position: absolute !important;
		top: 6px !important;
		left: 6px !important;
		z-index: 8 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
	}

	.product-grid-item .product-labels .product-label,
	.woodmart-hover-base .product-labels .product-label,
	.labels-rounded .product-label,
	.product-label.onsale,
	.onsale.product-label,
	.onsale {
		display: inline-block !important;
		min-height: 0 !important;
		min-width: 0 !important;
		height: auto !important;
		width: auto !important;
		max-width: none !important;
		background-color: var(--shc-primary) !important;
		/* #FF4F81 */
		color: #FFFFFF !important;
		font-size: 9.5px !important;
		font-weight: 700 !important;
		padding: 2.5px 6px !important;
		border-radius: 4px !important;
		line-height: 1.2 !important;
		box-shadow: 0 2px 5px rgba(255, 79, 129, 0.3) !important;
		text-transform: uppercase !important;
		letter-spacing: 0.3px !important;
		text-align: center !important;
		margin: 0 !important;
	}

	/* Wishlist Button at Top-Right of Product Card Image */
	.product-grid-item .wrap-wishlist-button,
	.woodmart-hover-base .wrap-wishlist-button {
		position: absolute !important;
		top: 6px !important;
		right: 6px !important;
		z-index: 10 !important;
		display: block !important;
		width: 34px !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.product-grid-item .wrap-wishlist-button .woodmart-wishlist-btn,
	.woodmart-hover-base .wrap-wishlist-button .woodmart-wishlist-btn,
	.product-grid-item .wrap-wishlist-button .wd-wishlist-btn,
	.woodmart-hover-base .wrap-wishlist-button .wd-wishlist-btn {
		position: static !important;
		width: 34px !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
	}

	.product-grid-item .wrap-wishlist-button a,
	.woodmart-hover-base .wrap-wishlist-button a,
	.product-grid-item .woodmart-wishlist-btn > a,
	.woodmart-hover-base .woodmart-wishlist-btn > a,
	.product-grid-item .wd-wishlist-btn > a,
	.woodmart-hover-base .wd-wishlist-btn > a {
		width: 34px !important;
		height: 34px !important;
		background: rgba(255, 255, 255, 0.95) !important;
		border: 1px solid #ffd4de !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
		color: var(--shc-primary) !important;
		text-decoration: none !important;
		padding: 0 !important;
		margin: 0 !important;
		transition: transform 0.2s ease, background-color 0.2s ease !important;
	}

	.product-grid-item .wrap-wishlist-button a:before,
	.woodmart-hover-base .wrap-wishlist-button a:before,
	.product-grid-item .woodmart-wishlist-btn > a:before,
	.woodmart-hover-base .woodmart-wishlist-btn > a:before,
	.product-grid-item .wd-wishlist-btn > a:before,
	.woodmart-hover-base .wd-wishlist-btn > a:before {
		content: "\f108" !important;
		font-family: "woodmart-font" !important;
		color: var(--shc-primary) !important;
		font-size: 17px !important;
		line-height: 1 !important;
	}

	/* Active Wishlist State (Item Added) - Solid Theme Pink & Filled Heart */
	.product-grid-item .wrap-wishlist-button a.added,
	.woodmart-hover-base .wrap-wishlist-button a.added,
	.product-grid-item .woodmart-wishlist-btn > a.added,
	.woodmart-hover-base .woodmart-wishlist-btn > a.added,
	.product-grid-item .wd-wishlist-btn > a.added,
	.woodmart-hover-base .wd-wishlist-btn > a.added {
		background: #FF4F81 !important;
		border-color: #FF4F81 !important;
		box-shadow: 0 3px 8px rgba(255, 79, 129, 0.4) !important;
	}

	.product-grid-item .wrap-wishlist-button a.added:before,
	.woodmart-hover-base .wrap-wishlist-button a.added:before,
	.product-grid-item .woodmart-wishlist-btn > a.added:before,
	.woodmart-hover-base .woodmart-wishlist-btn > a.added:before,
	.product-grid-item .wd-wishlist-btn > a.added:before,
	.woodmart-hover-base .wd-wishlist-btn > a.added:before {
		content: "\f109" !important;
		font-family: "woodmart-font" !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
	}

	/* Reset ancestors to static so wishlist aligns to top-right of product-wrapper (product image) */
	.product-grid-item .product-information,
	.woodmart-hover-base .product-information,
	.product-grid-item .fade-in-block,
	.woodmart-hover-base .fade-in-block,
	.product-grid-item .wd-bottom-actions,
	.woodmart-hover-base .wd-bottom-actions {
		position: static !important;
	}

	/* Product Information Container */
	.product-grid-item .product-information,
	.woodmart-hover-base .product-information {
		padding: 8px 8px 0 8px !important;
		display: flex !important;
		flex-direction: column !important;
		flex-grow: 1 !important;
		background: #FFFFFF !important;
		box-sizing: border-box !important;
	}

	.title-line-one .product-grid-item .product-title,
	.title-line-two .product-grid-item .product-title,
	.title-line-one .product-grid-item.col-6 .product-title,
	.title-line-two .product-grid-item.col-6 .product-title,
	.product-grid-item.col-6 .product-title,
	.product-grid-item .product-title,
	.product-grid-item .woodmart-product-title,
	.product-grid-item .woocommerce-loop-product__title {
		font-size: 11.5px !important;
		font-weight: 600 !important;
		line-height: 16px !important;
		color: #2B2527 !important;
		margin: 0 0 3px 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		max-height: 34px !important;
		height: 32px !important;
		text-align: left !important;
		white-space: normal !important;
	}

	.product-grid-item .product-title a,
	.product-grid-item .woodmart-product-title a {
		color: #2B2527 !important;
		text-decoration: none !important;
	}

	.product-grid-item .star-rating {
		font-size: 10px !important;
		margin: 2px 0 4px 0 !important;
		color: #FFA41C !important;
		display: block !important;
	}

	.product-grid-item .price {
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		margin-top: 2px !important;
		margin-bottom: 4px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		text-align: left !important;
	}

	.product-grid-item .price .amount,
	.product-grid-item .price ins .amount {
		color: var(--shc-primary) !important;
		/* #FF4F81 */
		font-weight: 700 !important;
		font-size: 13px !important;
	}

	.product-grid-item .price del,
	.product-grid-item .price del .amount {
		color: #999999 !important;
		font-size: 10px !important;
		font-weight: 400 !important;
		text-decoration: line-through !important;
	}

	/* Force Reveal the Hidden Actions Block on Mobile Touchscreens */
	.product-grid-item .fade-in-block,
	.woodmart-hover-base .fade-in-block {
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
		display: block !important;
		padding: 0 !important;
		margin-top: 4px !important;
		transform: none !important;
	}

	/* Hide desktop hover description & quickview on mobile */
	.product-grid-item .hover-content,
	.product-grid-item .woodmart-more-desc,
	.product-grid-item .wrap-quickview-button,
	.product-grid-item .content-product-imagin {
		display: none !important;
	}

	/* Bright Pink Add to Cart Button (Homepage Style) */
	.product-grid-item .woodmart-add-btn,
	.woodmart-hover-base .woodmart-add-btn {
		display: block !important;
		width: 100% !important;
		margin-top: 4px !important;
		padding: 0 !important;
	}

	.product-grid-item .woodmart-add-btn a.button,
	.product-grid-item .woodmart-add-btn .add-to-cart-loop,
	.woodmart-hover-base .woodmart-add-btn a.button {
		display: block !important;
		width: 100% !important;
		background: var(--shc-primary) !important;
		/* #FF4F81 */
		color: #FFFFFF !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 8px 4px !important;
		border-radius: 6px !important;
		border: none !important;
		text-align: center !important;
		line-height: 1.2 !important;
		box-shadow: 0 2px 6px rgba(255, 79, 129, 0.25) !important;
		text-decoration: none !important;
		text-transform: capitalize !important;
		box-sizing: border-box !important;
		position: relative !important;
		height: auto !important;
		min-height: 0 !important;
		transition: background 0.2s ease !important;
	}

	.product-grid-item .woodmart-add-btn a.button:hover,
	.product-grid-item .woodmart-add-btn a.button:active,
	.woodmart-hover-base .woodmart-add-btn a.button:hover {
		background: var(--shc-dark) !important;
		/* #E91E63 */
	}

	.product-grid-item .woodmart-add-btn a.button span,
	.woodmart-hover-base .woodmart-add-btn a.button span {
		display: inline !important;
		color: #FFFFFF !important;
		font-weight: 700 !important;
		font-size: 11px !important;
		transform: none !important;
		opacity: 1 !important;
	}

	/* Remove absolute positioned icon that covered button text */
	.product-grid-item .woodmart-add-btn a.button:before,
	.woodmart-hover-base .woodmart-add-btn a.button:before,
	.product-grid-item .add-to-cart-loop:before {
		display: none !important;
		content: none !important;
	}

	/* 4. Single Product Page on Mobile - Clean 6px Top Gap & Tight Thumbnail Gap */
	.single-product .main-page-wrapper {
		margin-top: 0 !important;
		padding-top: 35px !important;
	}

	.single-product .product-image-summary {
		padding: 0 15px !important;
	}

	.single-product .product-images {
		margin-top: 0 !important;
		margin-bottom: 10px !important;
	}

	.single-product .product-images .product-images-inner {
		padding-top: 0 !important;
	}

	/* Single Product Main Image & Gallery - Rounded Corners */
	.single-product .woocommerce-product-gallery,
	.single-product .woocommerce-product-gallery__wrapper,
	.single-product .woocommerce-product-gallery .product-image-wrap,
	.single-product .product-images .product-image-wrap,
	.single-product .product-images .woocommerce-product-gallery__image,
	.single-product .product-images .owl-stage-outer,
	.single-product .product-images .owl-item {
		border-radius: 14px !important;
		overflow: hidden !important;
	}

	.single-product .woocommerce-product-gallery__wrapper {
		margin-bottom: 4px !important;
	}

	.single-product .woocommerce-product-gallery img,
	.single-product .product-images .product-image-wrap img,
	.single-product .product-images .woocommerce-product-gallery__image img,
	.single-product .product-images .wp-post-image {
		border-radius: 14px !important;
	}

	/* Single Product Thumbnails - Compact & Tight Gap under Main Image */
	.single-product .product-images .thumbnails,
	.single-product .thumbnails {
		margin-top: 0 !important;
		padding: 0 !important;
	}

	.single-product .thumbnails .owl-stage-outer {
		padding: 0 !important;
	}

	.single-product .thumbnails .owl-item,
	.single-product .thumbnails .product-image-wrap,
	.single-product .thumbnails .thumbnail-item,
	.single-product .thumbnails img {
		border-radius: 10px !important;
		overflow: hidden !important;
	}

	.single-product .thumbnails .owl-item.active-thumb .product-image-wrap,
	.single-product .thumbnails .thumbnail-item.active,
	.single-product .thumbnails .active-thumb img {
		border-radius: 10px !important;
	}

	.single-product .entry-title.product_title {
		font-size: 19px !important;
		font-weight: 700 !important;
		color: #2B2527 !important;
		line-height: 1.3 !important;
		margin-bottom: 8px !important;
	}

	.single-product .price,
	.single-product p.price,
	.single-product .summary-inner>.price {
		font-size: 18px !important;
		font-weight: 700 !important;
		color: var(--shc-primary) !important;
		margin-bottom: 12px !important;
	}

	.single-product .single_add_to_cart_button {
		background: var(--shc-primary) !important;
		border-radius: 25px !important;
		color: #FFFFFF !important;
		font-weight: 700 !important;
		font-size: 14px !important;
		height: 44px !important;
		box-shadow: 0 4px 12px rgba(255, 79, 129, 0.25) !important;
		border: none !important;
	}

	.single-product .single_add_to_cart_button:hover {
		background: var(--shc-dark) !important;
	}

	.single-product .woocommerce-tabs {
		margin-top: 20px !important;
		padding: 0 10px !important;
	}

	.single-product .woocommerce-tabs .wc-tabs li a {
		font-size: 13px !important;
		font-weight: 600 !important;
		padding: 8px 12px !important;
	}

	.single-product .woocommerce-tabs .wc-tabs li.active a {
		color: var(--shc-primary) !important;
		border-bottom: 2px solid var(--shc-primary) !important;
	}

	/* 5. Cart & Checkout Pages on Mobile */
	.woocommerce-cart .main-page-wrapper,
	.woocommerce-checkout .main-page-wrapper {
		margin-top: 0 !important;
		padding: 10px 10px 30px 10px !important;
	}

	.woocommerce-cart .cart_totals,
	.woocommerce-cart .woocommerce-cart-form,
	.woocommerce-checkout #customer_details,
	.woocommerce-checkout #order_review {
		background: #FFFFFF !important;
		border: 1px solid #FFE4EC !important;
		border-radius: 12px !important;
		padding: 14px !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
		margin-bottom: 15px !important;
	}

	.checkout-button,
	#place_order,
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
		background: var(--shc-primary) !important;
		color: #FFFFFF !important;
		border-radius: 25px !important;
		font-weight: 700 !important;
		font-size: 15px !important;
		padding: 12px 20px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		box-shadow: 0 4px 14px rgba(255, 79, 129, 0.3) !important;
		border: none !important;
	}

	.checkout-button:hover,
	#place_order:hover {
		background: var(--shc-dark) !important;
	}

	/* Classic WooCommerce input fields */
	.woocommerce-checkout form:not(.wc-block-checkout__form) input[type="text"],
	.woocommerce-checkout form:not(.wc-block-checkout__form) input[type="email"],
	.woocommerce-checkout form:not(.wc-block-checkout__form) input[type="tel"],
	.woocommerce-checkout form:not(.wc-block-checkout__form) select,
	.woocommerce-checkout form:not(.wc-block-checkout__form) textarea,
	.woocommerce-cart input[type="text"],
	.woocommerce-account input[type="text"],
	.woocommerce-account input[type="email"],
	.woocommerce-account input[type="password"] {
		border: 1.5px solid #f2d8e4 !important;
		border-radius: 8px !important;
		padding: 8px 12px !important;
		font-size: 13px !important;
		height: 42px !important;
	}

	.woocommerce-checkout form:not(.wc-block-checkout__form) input:focus,
	.woocommerce-checkout form:not(.wc-block-checkout__form) select:focus,
	.woocommerce-checkout form:not(.wc-block-checkout__form) textarea:focus {
		border-color: var(--shc-primary) !important;
		outline: none !important;
	}

	/* 5.1 WooCommerce Blocks Checkout Floating Label & Input Alignment Fix */
	.wc-block-components-text-input,
	.wc-block-components-combobox {
		margin-top: 14px !important;
		margin-bottom: 8px !important;
		position: relative !important;
		display: block !important;
	}

	.wc-block-components-text-input input[type="text"],
	.wc-block-components-text-input input[type="email"],
	.wc-block-components-text-input input[type="tel"],
	.wc-block-components-text-input input[type="number"],
	.wc-block-components-combobox input[type="text"],
	.wc-block-components-combobox input {
		height: 52px !important;
		min-height: 52px !important;
		border: 1.5px solid #E2D9E0 !important;
		border-radius: 8px !important;
		background: #FFFFFF !important;
		font-size: 14px !important;
		color: #1A1A1A !important;
		transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	/* Default empty/unfocused state - Label centered vertically */
	.wc-block-components-text-input:not(.is-active) label,
	.wc-block-components-combobox:not(.is-active) label {
		top: 26px !important;
		left: 14px !important;
		font-size: 13.5px !important;
		color: #7A7A7A !important;
		transform: translateY(-50%) !important;
		pointer-events: none !important;
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
		line-height: 1 !important;
		z-index: 1 !important;
	}

	.wc-block-components-text-input:not(.is-active) input,
	.wc-block-components-combobox:not(.is-active) input {
		padding: 14px 14px !important;
	}

	/* Active / Focused / Filled state - Label floats neatly to the top, text has clear room below */
	.wc-block-components-text-input.is-active label,
	.wc-block-components-text-input:focus-within label,
	.wc-block-components-text-input input:-webkit-autofill + label,
	.wc-block-components-combobox.is-active label,
	.wc-block-components-combobox:focus-within label {
		top: 7px !important;
		left: 14px !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		color: #888888 !important;
		transform: none !important;
		line-height: 12px !important;
		pointer-events: none !important;
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
		z-index: 2 !important;
	}

	.wc-block-components-text-input.is-active input,
	.wc-block-components-text-input:focus-within input,
	.wc-block-components-text-input input:-webkit-autofill,
	.wc-block-components-combobox.is-active input,
	.wc-block-components-combobox:focus-within input {
		padding-top: 22px !important;
		padding-bottom: 6px !important;
		padding-left: 14px !important;
		padding-right: 36px !important;
		line-height: 20px !important;
		font-size: 14px !important;
	}

	/* Focused state highlight with Theme Pink */
	.wc-block-components-text-input:focus-within input,
	.wc-block-components-combobox:focus-within input {
		border-color: #FF4F81 !important;
		box-shadow: 0 0 0 2px rgba(255, 79, 129, 0.15) !important;
		outline: none !important;
	}

	.wc-block-components-text-input:focus-within label,
	.wc-block-components-combobox:focus-within label {
		color: #FF4F81 !important;
	}

	/* Combobox clear & dropdown arrow buttons */
	.wc-block-components-combobox .wc-block-components-combobox__controls {
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: flex !important;
		align-items: center !important;
	}

	/* Checkbox and toggle alignment */
	.wc-block-components-checkbox {
		margin-top: 12px !important;
		margin-bottom: 8px !important;
	}

	.wc-block-components-checkbox .wc-block-components-checkbox__input {
		border-radius: 4px !important;
		border-color: #FF4F81 !important;
		accent-color: #FF4F81 !important;
	}

	.wc-block-components-checkbox .wc-block-components-checkbox__label {
		font-size: 13.5px !important;
		color: #333333 !important;
		line-height: 1.4 !important;
	}

	/* 6. Wishlist & My Account Pages on Mobile */
	.woocommerce-account .main-page-wrapper,
	.woocommerce-wishlist .main-page-wrapper,
	.page-id-267 .main-page-wrapper {
		margin-top: 0 !important;
		padding: 10px 10px 30px 10px !important;
	}

	/* On Mobile Wishlist page, hide redundant My Account sidebar so products display immediately */
	.page-id-267 .woodmart-my-account-sidebar,
	.woocommerce-wishlist .woodmart-my-account-sidebar {
		display: none !important;
	}

	.page-id-267 .woocommerce-my-account-wrapper,
	.woocommerce-wishlist .woocommerce-my-account-wrapper {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
	}

	.page-id-267 .woocommerce-MyAccount-content,
	.woocommerce-wishlist .woocommerce-MyAccount-content {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	/* Wishlist Heading & Share */
	.woodmart-wishlist-heading-wrapper {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 12px 14px !important;
		margin-bottom: 14px !important;
		background: #FFFFFF !important;
		border-radius: 12px !important;
		border: 1px solid #FFE4EC !important;
		box-shadow: 0 2px 8px rgba(255, 79, 129, 0.04) !important;
	}

	.woodmart-wishlist-title {
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #2B2527 !important;
		margin: 0 !important;
		text-transform: capitalize !important;
	}

	.woodmart-wishlist-share {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		color: #7A6F73 !important;
	}

	/* Wishlist Products Grid on Mobile (2 Columns) */
	.woodmart-wishlist-content .products.elements-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		margin: 0 -5px !important;
	}

	.woodmart-wishlist-content .products.elements-grid .product-grid-item,
	.woodmart-wishlist-content .product-grid-item {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding: 0 5px !important;
		margin-bottom: 14px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		position: relative !important;
	}

	/* On Wishlist page, hide redundant "Add to Wishlist" heart button so it never collides with Remove */
	.woodmart-wishlist-content .wrap-wishlist-button,
	.woodmart-wishlist-content .woodmart-wishlist-btn,
	.woodmart-wishlist-content .wd-wishlist-btn {
		display: none !important;
	}

	.woodmart-wishlist-content .product-wrapper {
		background: #FFFFFF !important;
		border: 1px solid #FFE4EC !important;
		border-radius: 12px !important;
		padding: 10px !important;
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		height: 100% !important;
		position: relative !important;
		box-sizing: border-box !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
	}

	/* Mobile Wishlist Remove Button - Perfect Centered White Circle with Crisp Pink X */
	.woodmart-wishlist-content .woodmart-button-remove-wrap {
		position: absolute !important;
		top: 8px !important;
		right: 13px !important;
		z-index: 25 !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		transform: none !important;
		pointer-events: auto !important;
		cursor: pointer !important;
	}

	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove {
		width: 28px !important;
		height: 28px !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.96) !important;
		border: 1px solid #FFE4EC !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		position: relative !important;
		text-decoration: none !important;
		font-size: 0 !important;
		transition: all 0.2s ease !important;
		pointer-events: auto !important;
		cursor: pointer !important;
	}

	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove::before,
	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove::after {
		content: "" !important;
		position: absolute !important;
		width: 12px !important;
		height: 2px !important;
		background-color: #FF4F81 !important;
		border-radius: 2px !important;
		top: 50% !important;
		left: 50% !important;
		margin: 0 !important;
		transition: background-color 0.2s ease !important;
		pointer-events: none !important;
	}

	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove::before {
		transform: translate(-50%, -50%) rotate(45deg) !important;
	}

	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove::after {
		transform: translate(-50%, -50%) rotate(-45deg) !important;
	}

	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove:hover {
		background: #FF4F81 !important;
		border-color: #FF4F81 !important;
		transform: scale(1.08) !important;
	}

	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove:hover::before,
	.woodmart-wishlist-content .woodmart-button-remove-wrap .woodmart-wishlist-remove:hover::after {
		background-color: #FFFFFF !important;
	}

	/* Mobile Wishlist Action Buttons (Full-width Pink Pill) */
	.woodmart-wishlist-content .woodmart-add-btn {
		width: 100% !important;
		display: block !important;
		margin-top: 8px !important;
		position: static !important;
	}

	.woodmart-wishlist-content .woodmart-add-btn a.button {
		width: 100% !important;
		height: 36px !important;
		line-height: 36px !important;
		border-radius: 18px !important;
		background: #FF4F81 !important;
		color: #FFFFFF !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		text-align: center !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 10px !important;
		border: none !important;
		box-shadow: 0 2px 8px rgba(255, 79, 129, 0.22) !important;
		text-transform: none !important;
		box-sizing: border-box !important;
	}

	.woodmart-wishlist-content .woodmart-add-btn a.button span {
		color: #FFFFFF !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		display: inline-block !important;
	}

	.woodmart-wishlist-content .woodmart-add-btn a.button:hover {
		background: #E91E63 !important;
	}

	/* Empty Wishlist State */
	.woodmart-wishlist-content .woodmart-empty-wishlist {
		font-size: 20px !important;
		color: #2B2527 !important;
		font-weight: 700 !important;
		margin-top: 25px !important;
		margin-bottom: 8px !important;
	}

	.woodmart-wishlist-content .woodmart-empty-page:before {
		font-size: 64px !important;
		line-height: 64px !important;
		color: #FFE4EC !important;
		margin-bottom: 12px !important;
	}

	.woodmart-wishlist-content .woodmart-empty-page-text {
		font-size: 13px !important;
		color: #7A6F73 !important;
		line-height: 1.5 !important;
		margin-bottom: 20px !important;
	}

	.woodmart-wishlist-content .return-to-shop .button {
		background: #FF4F81 !important;
		color: #FFFFFF !important;
		border-radius: 20px !important;
		padding: 10px 24px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		box-shadow: 0 3px 10px rgba(255, 79, 129, 0.25) !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
		padding: 0 !important;
		margin-bottom: 20px !important;
		list-style: none !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		background: #FFF0F5 !important;
		color: #2B2527 !important;
		border: 1px solid #FFE4EC !important;
		border-radius: 20px !important;
		padding: 6px 14px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		display: inline-block !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
		background: var(--shc-primary) !important;
		color: #FFFFFF !important;
		border-color: var(--shc-primary) !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		background: #FFFFFF !important;
		border: 1px solid #FFE4EC !important;
		border-radius: 12px !important;
		padding: 15px !important;
	}

	.woocommerce-account .woocommerce-button,
	.woocommerce-account button.button {
		background: var(--shc-primary) !important;
		color: #FFFFFF !important;
		border-radius: 20px !important;
		font-weight: 600 !important;
		border: none !important;
		padding: 10px 18px !important;
	}

	/* 7. General Content & Blog Pages on Mobile */
	.page:not(.home) .main-page-wrapper,
	.single-post .main-page-wrapper,
	.blog .main-page-wrapper {
		margin-top: 0 !important;
		padding-top: 10px !important;
	}

	.page:not(.home) .container,
	.single-post .container,
	.blog .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 100% !important;
	}
}

/* Width Adaptations for 320px */
@media (max-width: 340px) {
	.shc-prod-card {
		flex: 0 0 32% !important;
		min-width: 94px !important;
	}

	.shc-cat-card {
		flex: 0 0 22% !important;
		min-width: 62px !important;
	}

	.shc-trending-item {
		flex: 0 0 66px !important;
		width: 66px !important;
		min-width: 66px !important;
		max-width: 66px !important;
	}

	.shc-trending-circle {
		width: 54px !important;
		height: 54px !important;
	}

	.shc-why-text {
		font-size: 7.5px !important;
	}
}

/* ==========================================================================
   FLOATING WHATSAPP BUTTON (DESKTOP & MOBILE)
   ========================================================================== */
.shc-floating-whatsapp-wrap {
	position: fixed;
	z-index: 99998;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Left Position (Default) */
.shc-floating-whatsapp-wrap.shc-wa-pos-left {
	bottom: 30px;
	left: 30px;
}

/* Right Position */
.shc-floating-whatsapp-wrap.shc-wa-pos-right {
	bottom: 30px;
	right: 30px;
}

.shc-floating-wa-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 16px 6px 6px;
	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
	color: #ffffff !important;
	border-radius: 50px;
	text-decoration: none !important;
	box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45), 0 2px 6px rgba(0, 0, 0, 0.15);
	position: relative;
	cursor: pointer;
	user-select: none;
	transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease;
}

.shc-floating-wa-btn:hover {
	transform: scale(1.06) translateY(-2px);
	box-shadow: 0 8px 24px rgba(37, 211, 102, 0.58), 0 3px 8px rgba(0, 0, 0, 0.2);
	color: #ffffff !important;
}

.shc-wa-btn-icon {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.shc-wa-btn-icon svg {
	width: 25px;
	height: 25px;
	display: block;
	fill: #ffffff;
}

.shc-floating-wa-label {
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #ffffff;
	white-space: nowrap;
	font-family: inherit;
	line-height: 1;
}

/* Pulse Animation Ring */
.shc-wa-pulse-ring {
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 50px;
	border: 2px solid rgba(37, 211, 102, 0.65);
	animation: shc-wa-pulse 2.2s infinite ease-out;
	pointer-events: none;
}

@keyframes shc-wa-pulse {
	0% {
		transform: scale(0.96);
		opacity: 0.9;
	}

	70% {
		transform: scale(1.18);
		opacity: 0;
	}

	100% {
		transform: scale(1.22);
		opacity: 0;
	}
}

/* Mobile-Specific Adaptations */
@media (max-width: 768px) {

	/* Avoid bottom sticky toolbar and scroll-to-top */
	.shc-floating-whatsapp-wrap.shc-wa-pos-left {
		bottom: 72px;
		left: 15px;
	}

	.shc-floating-whatsapp-wrap.shc-wa-pos-right {
		bottom: 125px;
		/* Sits nicely above .scrollToTop on the right */
		right: 15px;
	}

	/* Circular button on mobile */
	.shc-floating-wa-btn {
		padding: 0;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		justify-content: center;
	}

	.shc-wa-btn-icon {
		width: 50px;
		height: 50px;
		background: transparent;
	}

	.shc-wa-btn-icon svg {
		width: 28px;
		height: 28px;
	}

	.shc-floating-wa-label {
		display: none !important;
	}

	.shc-wa-pulse-ring {
		border-radius: 50%;
	}

	/* ----------------------------------------------------
	   WoodMart Sticky Notifications (Add to Cart Success Message, Errors, Alerts)
	   Position neatly above Mobile Sticky Toolbar (bottom: 55px) with top z-index
	---------------------------------------------------- */
	.notifications-sticky div.wpcf7-response-output,
	.notifications-sticky .mc4wp-alert,
	.notifications-sticky .woocommerce-error,
	.notifications-sticky .woocommerce-message,
	.notifications-sticky .woocommerce-info,
	body.sticky-toolbar-on .notifications-sticky div.wpcf7-response-output,
	body.sticky-toolbar-on .notifications-sticky .mc4wp-alert,
	body.sticky-toolbar-on .notifications-sticky .woocommerce-error,
	body.sticky-toolbar-on .notifications-sticky .woocommerce-message,
	body.sticky-toolbar-on .notifications-sticky .woocommerce-info,
	body.notifications-sticky .woocommerce-message,
	body.notifications-sticky .woocommerce-info,
	body.notifications-sticky .woocommerce-error {
		position: fixed !important;
		bottom: 55px !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		z-index: 999999 !important;
		margin: 0 !important;
		min-height: 48px !important;
		padding: 10px 52px 10px 48px !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
		box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.22) !important;
		box-sizing: border-box !important;
		background-color: #2E7D32 !important;
	}

	.notifications-sticky .woocommerce-message:before,
	body.notifications-sticky .woocommerce-message:before,
	.notifications-sticky .woocommerce-info:before,
	.notifications-sticky .woocommerce-error:before {
		left: 16px !important;
		font-size: 17px !important;
		line-height: 17px !important;
	}

	.notifications-sticky .woocommerce-message:after,
	body.notifications-sticky .woocommerce-message:after,
	.notifications-sticky .woocommerce-info:after,
	.notifications-sticky .woocommerce-error:after {
		width: 44px !important;
		font-size: 16px !important;
	}

	.notifications-sticky .woocommerce-message a.button,
	.notifications-sticky .woocommerce-message a.wc-forward,
	body.notifications-sticky .woocommerce-message a.button,
	body.notifications-sticky .woocommerce-message a.wc-forward {
		display: inline-block !important;
		margin-left: 8px !important;
		margin-top: 2px !important;
		padding: 4px 10px !important;
		background: #FFFFFF !important;
		color: #2E7D32 !important;
		font-size: 10.5px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		border-radius: 4px !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
		text-decoration: none !important;
		opacity: 1 !important;
	}

	.notifications-sticky .hidden-notice.woocommerce-message,
	.notifications-sticky .hidden-notice.woocommerce-info,
	.notifications-sticky .hidden-notice.woocommerce-error {
		bottom: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* ----------------------------------------------------
	   SIDE CART (MINI-CART OFF-CANVAS DRAWER) ON MOBILE
	   Ensure it sits ABOVE bottom navbar & WhatsApp button with full height
	---------------------------------------------------- */
	.woodmart-close-side {
		z-index: 999990 !important;
	}

	.cart-widget-side,
	.login-form-side,
	.mobile-nav {
		z-index: 1000000 !important;
		bottom: 0 !important;
	}

	.cart-widget-side.woodmart-cart-opened {
		z-index: 1000000 !important;
	}

	.cart-widget-side .widget_shopping_cart {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
	}

	.cart-widget-side .widget_shopping_cart_content {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		justify-content: space-between !important;
	}

	.cart-widget-side .widget_shopping_cart .woodmart-scroll-content {
		flex: 1 1 auto !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		max-height: calc(100vh - 210px) !important;
	}

	.cart-widget-side .shopping-cart-widget-footer {
		flex: 0 0 auto !important;
		padding: 12px 15px 25px 15px !important;
		background: #FFFFFF !important;
		border-top: 1px solid #f0e6ec !important;
		box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.05) !important;
	}

	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__total {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		margin-bottom: 12px !important;
		padding: 0 !important;
		border: none !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		color: #2B2527 !important;
	}

	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__total .amount {
		color: var(--shc-primary) !important;
		font-size: 15px !important;
		font-weight: 800 !important;
	}

	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__buttons {
		display: flex !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__buttons a.button {
		flex: 1 1 50% !important;
		margin: 0 !important;
		padding: 0 8px !important;
		height: 42px !important;
		line-height: 42px !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		text-align: center !important;
		border-radius: 6px !important;
		text-transform: uppercase !important;
		box-sizing: border-box !important;
		display: block !important;
	}

	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__buttons a.button:first-child,
	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__buttons a.btn-cart {
		background: #F7F5F7 !important;
		color: #333333 !important;
		border: 1px solid #e0d6dc !important;
	}

	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__buttons a.button.checkout,
	.cart-widget-side .shopping-cart-widget-footer .woocommerce-mini-cart__buttons a.checkout {
		background: var(--shc-primary) !important;
		color: #FFFFFF !important;
		border: none !important;
		box-shadow: 0 2px 8px rgba(255, 79, 129, 0.3) !important;
	}
}

/* ==========================================================================
   PHOTO UPLOAD BOX & CUSTOMIZATION UI (Single Product & Loops)
   ========================================================================== */
.wau_upload_wrapper {
	background: #FFF5F8 !important;
	border: 1.5px dashed #FF4F81 !important;
	border-radius: 14px !important;
	padding: 16px 18px !important;
	margin: 18px 0 !important;
	box-shadow: 0 4px 16px rgba(255, 79, 129, 0.08) !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
	position: relative !important;
	box-sizing: border-box !important;
}

.wau_upload_wrapper.shc-upload-error-pulse {
	border-color: #E11D48 !important;
	box-shadow: 0 0 0 4px rgba(225, 29, 72, 0.2), 0 6px 20px rgba(225, 29, 72, 0.15) !important;
	animation: shcUploadShake 0.45s ease-in-out !important;
}

@keyframes shcUploadShake {

	0%,
	100% {
		transform: translateX(0);
	}

	20%,
	60% {
		transform: translateX(-6px);
	}

	40%,
	80% {
		transform: translateX(6px);
	}
}

.shc-upload-badge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 700;
	color: #9D174D;
	margin-bottom: 4px;
}

.shc-upload-badge .shc-badge-icon {
	font-size: 17px;
	line-height: 1;
}

.shc-upload-badge .shc-req-tag {
	font-size: 11px;
	font-weight: 800;
	color: #E11D48;
	background: #FFE4E6;
	padding: 2px 7px;
	border-radius: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.shc-upload-hint {
	font-size: 12px;
	color: #6B7280;
	margin: 0 0 12px 0 !important;
	line-height: 1.4;
}

.wau_upload_wrapper>p {
	font-weight: 600;
	font-size: 13px;
	color: #374151;
	margin-bottom: 8px !important;
}

.wau_upload_wrapper input[type="file"].wau-files {
	display: block !important;
	width: 100% !important;
	padding: 9px 12px !important;
	background: #FFFFFF !important;
	border: 1px solid #FBCFE8 !important;
	border-radius: 8px !important;
	font-size: 12.5px !important;
	color: #374151 !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease !important;
}

.wau_upload_wrapper input[type="file"].wau-files:hover,
.wau_upload_wrapper input[type="file"].wau-files:focus {
	border-color: #FF4F81 !important;
	outline: none !important;
}

.wau-file-preview,
.file-container img {
	max-width: 120px !important;
	max-height: 120px !important;
	border-radius: 10px !important;
	border: 2px solid #FF4F81 !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important;
	margin: 10px 0 6px !important;
	display: block !important;
	object-fit: cover !important;
}

.shc-upload-status {
	margin-top: 10px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 6px;
	line-height: 1.35;
}

.shc-upload-status.is-error {
	background: #FEE2E2 !important;
	color: #991B1B !important;
	border: 1px solid #FCA5A5 !important;
}

.shc-upload-status.is-success {
	background: #DCFCE7 !important;
	color: #166534 !important;
	border: 1px solid #86EFAC !important;
}

/* Loop Select Options button styling */
.shc-select-options-btn {
	background: var(--shc-primary) !important;
	color: #FFFFFF !important;
	display: block !important;
	text-align: center !important;
	text-decoration: none !important;
}

.shc-select-options-btn:hover {
	background: var(--shc-dark) !important;
	color: #FFFFFF !important;
}

/* Single Product Page Image & Thumbnails Rounded Corners (Global) */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .product-image-wrap,
.single-product .product-images .product-image-wrap,
.single-product .product-images .woocommerce-product-gallery__image img,
.single-product .product-images .wp-post-image {
	border-radius: 14px !important;
}

.single-product .thumbnails .product-image-wrap,
.single-product .thumbnails .thumbnail-item,
.single-product .thumbnails img {
	border-radius: 10px !important;
}

/* ==========================================================================
   Photo Upload Validation Error Modal Popup Redesign (WAU Pro)
   ========================================================================== */
#wau_error_container.wau-modal {
	display: none;
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	z-index: 9999999 !important;
	background-color: rgba(15, 23, 42, 0.55) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	overflow-y: auto !important;
}

#wau_error_container.wau-modal[style*="display: block"] {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#wau_error_container .wau-modal-contents {
	position: relative !important;
	background: #FFFFFF !important;
	margin: auto !important;
	padding: 28px 22px 24px !important;
	border: 1px solid rgba(255, 79, 129, 0.15) !important;
	border-radius: 24px !important;
	width: 90% !important;
	max-width: 360px !important;
	box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 79, 129, 0.1) !important;
	text-align: center !important;
	animation: shcModalPop 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
	box-sizing: border-box !important;
}

/* Modal Top Badge Icon */
#wau_error_container .wau-modal-contents::before {
	content: "📸" !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 56px !important;
	height: 56px !important;
	margin: 0 auto 14px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #FFF0F5 0%, #FFE4EC 100%) !important;
	font-size: 26px !important;
	box-shadow: 0 8px 18px rgba(255, 79, 129, 0.18) !important;
	border: 2px solid #FFFFFF !important;
}

/* Modal Header */
#wau_error_container .wau-header {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	display: block !important;
	position: relative !important;
	margin-bottom: 6px !important;
}

#wau_error_container .wau-header-title {
	width: 100% !important;
	float: none !important;
	text-align: center !important;
}

#wau_error_container .wau-header-title h4 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #1F2937 !important;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: -0.2px !important;
	line-height: 1.3 !important;
	font-family: inherit !important;
}

/* Close Icon Button */
#wau_error_container .wau-header-close {
	position: absolute !important;
	top: -16px !important;
	right: -10px !important;
	width: 32px !important;
	height: 32px !important;
	float: none !important;
	border-radius: 50% !important;
	background: #F3F4F6 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

#wau_error_container .wau-header-close:hover {
	background: #FFE4EC !important;
	transform: scale(1.08) !important;
}

#wau_error_container .wau-header-close::before {
	content: "\00d7" !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-size: 22px !important;
	line-height: 1 !important;
	color: #6B7280 !important;
	font-weight: 300 !important;
}

#wau_error_container .wau-header-close:hover::before {
	color: #FF4F81 !important;
}

/* Modal Body / Error Message */
#wau_error_container .modal-body {
	padding: 6px 8px 18px !important;
}

#wau_error_container #wau_error_message {
	font-size: 14.5px !important;
	font-weight: 500 !important;
	color: #4B5563 !important;
	line-height: 1.55 !important;
	margin: 0 !important;
	word-break: break-word !important;
}

/* Modal Footer & Action Button */
#wau_error_container .modal-footer {
	padding: 0 !important;
	border: none !important;
	display: flex !important;
	justify-content: center !important;
	background: transparent !important;
}

#wau_error_container #cancel_modal.wau_modal_button_class {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 200px !important;
	height: 42px !important;
	line-height: 42px !important;
	margin: 0 !important;
	padding: 0 24px !important;
	background: linear-gradient(135deg, #FF4F81 0%, #FF6584 100%) !important;
	color: #FFFFFF !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	border: none !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 18px rgba(255, 79, 129, 0.35) !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	outline: none !important;
}

#wau_error_container #cancel_modal.wau_modal_button_class:hover,
#wau_error_container #cancel_modal.wau_modal_button_class:active {
	background: linear-gradient(135deg, #E03E6E 0%, #FF4F81 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 9px 22px rgba(255, 79, 129, 0.45) !important;
}

@keyframes shcModalPop {
	0% {
		opacity: 0;
		transform: scale(0.85) translateY(15px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

@media (max-width: 600px) {
	#wau_error_container .wau-modal-contents {
		width: 92% !important;
		max-width: 340px !important;
		padding: 24px 18px 20px !important;
	}
}

/* ==========================================================================
   Photo Upload Validation Error Modal Popup Redesign (WAU Pro)
   ========================================================================== */
#wau_error_container.wau-modal {
	display: none;
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	z-index: 9999999 !important;
	background-color: rgba(15, 23, 42, 0.55) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	overflow-y: auto !important;
}

#wau_error_container.wau-modal[style*="display: block"] {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#wau_error_container .wau-modal-contents {
	position: relative !important;
	background: #FFFFFF !important;
	margin: auto !important;
	padding: 28px 22px 24px !important;
	border: 1px solid rgba(255, 79, 129, 0.15) !important;
	border-radius: 24px !important;
	width: 90% !important;
	max-width: 360px !important;
	box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 79, 129, 0.1) !important;
	text-align: center !important;
	animation: shcModalPop 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
	box-sizing: border-box !important;
}

/* Modal Top Badge Icon */
#wau_error_container .wau-modal-contents::before {
	content: "📸" !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 56px !important;
	height: 56px !important;
	margin: 0 auto 14px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #FFF0F5 0%, #FFE4EC 100%) !important;
	font-size: 26px !important;
	box-shadow: 0 8px 18px rgba(255, 79, 129, 0.18) !important;
	border: 2px solid #FFFFFF !important;
}

/* Modal Header */
#wau_error_container .wau-header {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	display: block !important;
	position: relative !important;
	margin-bottom: 6px !important;
}

#wau_error_container .wau-header-title {
	width: 100% !important;
	float: none !important;
	text-align: center !important;
}

#wau_error_container .wau-header-title h4 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #1F2937 !important;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: -0.2px !important;
	line-height: 1.3 !important;
	font-family: inherit !important;
}

/* Close Icon Button */
#wau_error_container .wau-header-close {
	position: absolute !important;
	top: -16px !important;
	right: -10px !important;
	width: 32px !important;
	height: 32px !important;
	float: none !important;
	border-radius: 50% !important;
	background: #F3F4F6 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

#wau_error_container .wau-header-close:hover {
	background: #FFE4EC !important;
	transform: scale(1.08) !important;
}

#wau_error_container .wau-header-close::before {
	content: "\00d7" !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-size: 22px !important;
	line-height: 1 !important;
	color: #6B7280 !important;
	font-weight: 300 !important;
}

#wau_error_container .wau-header-close:hover::before {
	color: #FF4F81 !important;
}

/* Modal Body / Error Message */
#wau_error_container .modal-body {
	padding: 6px 8px 18px !important;
}

#wau_error_container #wau_error_message {
	font-size: 14.5px !important;
	font-weight: 500 !important;
	color: #4B5563 !important;
	line-height: 1.55 !important;
	margin: 0 !important;
	word-break: break-word !important;
}

/* Modal Footer & Action Button */
#wau_error_container .modal-footer {
	padding: 0 !important;
	border: none !important;
	display: flex !important;
	justify-content: center !important;
	background: transparent !important;
}

#wau_error_container #cancel_modal.wau_modal_button_class {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 200px !important;
	height: 42px !important;
	line-height: 42px !important;
	margin: 0 !important;
	padding: 0 24px !important;
	background: linear-gradient(135deg, #FF4F81 0%, #FF6584 100%) !important;
	color: #FFFFFF !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	border: none !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 18px rgba(255, 79, 129, 0.35) !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	outline: none !important;
}

#wau_error_container #cancel_modal.wau_modal_button_class:hover,
#wau_error_container #cancel_modal.wau_modal_button_class:active {
	background: linear-gradient(135deg, #E03E6E 0%, #FF4F81 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 9px 22px rgba(255, 79, 129, 0.45) !important;
}

@keyframes shcModalPop {
	0% {
		opacity: 0;
		transform: scale(0.85) translateY(15px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

@media (max-width: 600px) {
	#wau_error_container .wau-modal-contents {
		width: 92% !important;
		max-width: 340px !important;
		padding: 24px 18px 20px !important;
	}
}