/*
Theme Name: My Shopping
Theme URI: http://example.com/my-shopping
Author: Antigravity IDE
Author URI: http://example.com
Description: A premium luxury gift shop WooCommerce theme.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-shopping
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce
*/

/* ==========================================================================
   Luxury Theme Custom CSS Variables (Design Tokens)
   ========================================================================= */
:root {
	--luxury-primary: #1a1a2e;       /* Deep Navy-Black */
	--luxury-primary-light: #2c2c44;
	--luxury-secondary: #b76e79;     /* Rose Gold */
	--luxury-secondary-light: #d4a0a8;
	--luxury-accent: #c9a84c;        /* Gold */
	--luxury-accent-light: #e2cb7d;
	--luxury-bg-warm: #f7f5f0;       /* Curated Warm Linen */
	--luxury-text-primary: #1a1a2e;
	--luxury-text-secondary: #5e5e6e;
	--luxury-text-muted: #8e8e9e;
	--luxury-sale: #8b2d2d;
	--luxury-font-serif: 'Playfair Display', 'Plus Jakarta Sans', serif;
	--luxury-font-sans: 'Plus Jakarta Sans', 'Inter', sans-serif;
	
	--ease-luxury: cubic-bezier(0.23, 1, 0.32, 1);
}

/* ==========================================================================
   Hero Slider Core Structure & Guaranteed Dimensions
   ========================================================================= */
#hero-slider-wrap {
	position: relative !important;
	width: 100% !important;
	height: 85vh !important;
	min-height: 560px !important;
	max-height: 920px !important;
	background-color: #0e0c12 !important;
	overflow: hidden !important;
	display: block !important;
}

@media (max-width: 640px) {
	#hero-slider-wrap {
		height: 75vh !important;
		min-height: 480px !important;
	}
}

.hero-slide {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.hero-slide .slide-bg-wrap,
.hero-slide .slide-bg {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.slide-indicator.active {
	background-color: #e21e80 !important;
	width: 2.5rem !important;
}

/* Hero Dark Gradient Overlay */
.hero-gradient-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(90deg, rgba(14, 12, 18, 0.94) 0%, rgba(14, 12, 18, 0.85) 45%, rgba(14, 12, 18, 0.45) 72%, rgba(14, 12, 18, 0.2) 100%) !important;
	z-index: 10 !important;
	pointer-events: none !important;
}

@media (max-width: 768px) {
	.hero-gradient-overlay {
		background: linear-gradient(180deg, rgba(14, 12, 18, 0.85) 0%, rgba(14, 12, 18, 0.95) 100%) !important;
	}
}

/* Hero Badge Pill */
.hero-badge-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 18px !important;
	border-radius: 9999px !important;
	background: rgba(255, 255, 255, 0.14) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	color: #f7d070 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	margin-bottom: 22px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

/* Hero Headline */
.hero-headline {
	font-family: var(--luxury-font-serif) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: clamp(2rem, 5vw, 3.75rem) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.015em !important;
	margin-bottom: 20px !important;
	text-shadow: 0 3px 20px rgba(0, 0, 0, 0.75) !important;
}

/* Hero Description */
.hero-description {
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: clamp(0.875rem, 1.5vw, 1.05rem) !important;
	font-weight: 300 !important;
	line-height: 1.7 !important;
	margin-bottom: 32px !important;
	max-width: 540px !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

/* Hero Button Group */
.hero-btn-group {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 16px !important;
	margin-top: 12px !important;
}

/* Hero Primary Button */
.hero-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 16px 36px !important;
	border-radius: 10px !important;
	background-color: #ffffff !important;
	color: #1a1a2e !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.14em !important;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
	transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
	border: 1px solid #ffffff !important;
	cursor: pointer !important;
}

.hero-btn-primary:hover {
	background-color: #e21e80 !important;
	border-color: #e21e80 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 28px rgba(226, 30, 128, 0.4) !important;
}

/* Hero Secondary Button */
.hero-btn-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 15px 30px !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
	color: #ffffff !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.14em !important;
	text-decoration: none !important;
	transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
	cursor: pointer !important;
}

.hero-btn-secondary:hover {
	background: rgba(255, 255, 255, 0.25) !important;
	border-color: #ffffff !important;
	transform: translateY(-2px) !important;
	color: #ffffff !important;
}

/* ==========================================================================
   Continuous Running Marquee Tickers (Top Header & Below Hero)
   ========================================================================= */
@keyframes marqueeScroll {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

.marquee-container {
	width: 100% !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
}

.marquee-content {
	display: flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	width: max-content !important;
	animation: marqueeScroll 34s linear infinite !important;
	will-change: transform !important;
}

.marquee-container:hover .marquee-content {
	animation-play-state: paused !important;
}

.marquee-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 0 24px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}

.marquee-top-header {
	background: #120f14 !important;
	color: #faf8f5 !important;
	height: 38px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.marquee-top-header .marquee-item {
	color: #faf8f5 !important;
}

.marquee-top-header .marquee-bullet {
	color: #e89223 !important;
	font-size: 11px !important;
}

.marquee-hero-ticker {
	background: #bfa074 !important;
	color: #1e1b24 !important;
	height: 44px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.marquee-hero-ticker .marquee-item {
	color: #1e1b24 !important;
	font-weight: 800 !important;
	font-size: 11px !important;
}

.marquee-hero-ticker .marquee-bullet {
	color: #8b1e3f !important;
	font-size: 12px !important;
	font-weight: 900 !important;
}

/* --------------------------------------------------------------------------
   Full-Width Category Continuous Running Marquee
   -------------------------------------------------------------------------- */
@keyframes categoryInfiniteMarquee {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

#home-category-carousel {
	padding-top: 88px !important;
	padding-bottom: 96px !important;
	background-color: #FAF8F5 !important;
	position: relative !important;
	width: 100% !important;
	display: block !important;
}

@media (max-width: 640px) {
	#home-category-carousel {
		padding-top: 60px !important;
		padding-bottom: 64px !important;
	}
}

.category-marquee-container {
	width: 100% !important;
	overflow: hidden !important;
	position: relative !important;
	padding: 18px 0 36px 0 !important;
}

.category-marquee-track {
	display: flex !important;
	align-items: flex-start !important;
	gap: 32px !important;
	width: max-content !important;
	animation: categoryInfiniteMarquee 42s linear infinite !important;
	will-change: transform !important;
}

.category-marquee-container:hover .category-marquee-track {
	animation-play-state: paused !important;
}

.category-marquee-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-decoration: none !important;
	outline: none !important;
	flex-shrink: 0 !important;
	width: 170px !important;
	padding: 8px 10px !important;
	cursor: pointer !important;
}

.category-circle-wrapper {
	width: 152px !important;
	height: 152px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	position: relative !important;
	background: #FFFFFF !important;
	border: 3.5px solid #EDE6DD !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07) !important;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.category-circle-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 50% !important;
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.category-circle-title {
	display: block !important;
	margin-top: 14px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #152A20 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	max-width: 155px !important;
	word-break: break-word !important;
	transition: color 0.3s ease !important;
}

.category-marquee-card:hover .category-circle-wrapper {
	transform: translateY(-8px) scale(1.06) !important;
	border-color: #BA9B76 !important;
	box-shadow: 0 18px 38px rgba(186, 155, 118, 0.32), 0 0 0 3px #BA9B76 !important;
}

.category-marquee-card:hover .category-circle-image {
	transform: scale(1.12) !important;
}

.category-marquee-card:hover .category-circle-title {
	color: #BA9B76 !important;
}

@media (max-width: 640px) {
	.category-marquee-card {
		width: 136px !important;
		padding: 4px 6px !important;
	}
	.category-circle-wrapper {
		width: 124px !important;
		height: 124px !important;
		border-width: 3px !important;
	}
	.category-circle-title {
		font-size: 12.5px !important;
		max-width: 125px !important;
		margin-top: 10px !important;
	}
	.category-marquee-track {
		gap: 20px !important;
		animation-duration: 32s !important;
	}
}

/* ==========================================================================
   Responsive Product Grid & Mobile 2-Column Display
   ========================================================================= */
.shop-product-grid,
.home-featured-section .shop-product-grid,
.home-featured-section .grid,
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

@media (min-width: 768px) {
	.shop-product-grid,
	.home-featured-section .shop-product-grid,
	.home-featured-section .grid,
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 20px !important;
	}
}

@media (min-width: 1024px) {
	.shop-product-grid,
	.home-featured-section .shop-product-grid,
	.home-featured-section .grid,
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 24px !important;
	}
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

/* Optimized Product Card styling for 2-column mobile screens */
@media (max-width: 640px) {
	.ms-product-card {
		border-radius: 10px !important;
	}
	.mspc-details {
		padding: 10px 10px 14px !important;
		gap: 3px !important;
	}
	.mspc-category {
		font-size: 8.5px !important;
		letter-spacing: .12em !important;
	}
	.mspc-name {
		font-size: 13px !important;
		line-height: 1.3 !important;
		-webkit-line-clamp: 2 !important;
	}
	.mspc-description-small {
		display: none !important;
	}
	.mspc-price-row {
		gap: 4px !important;
		margin-top: 4px !important;
		flex-wrap: wrap !important;
	}
	.mspc-price-sale,
	.mspc-price-regular {
		font-size: 14px !important;
	}
	.mspc-price-original {
		font-size: 11px !important;
	}
	.mspc-discount-pill {
		font-size: 8px !important;
		padding: 1px 4px !important;
	}
	.mspc-actions-row {
		margin-top: 8px !important;
		gap: 4px !important;
	}
	.mspc-btn-add-cart-text {
		padding: 8px 0 !important;
		font-size: 10px !important;
		letter-spacing: .04em !important;
		border-radius: 6px !important;
	}
	.mspc-wishlist {
		width: 28px !important;
		height: 28px !important;
		top: 6px !important;
		right: 6px !important;
	}
	.mspc-wishlist svg {
		width: 13px !important;
		height: 13px !important;
	}
	.mspc-badges {
		top: 6px !important;
		left: 6px !important;
		gap: 3px !important;
	}
	.mspc-badge {
		font-size: 8px !important;
		padding: 2px 5px !important;
	}
}

/* ==========================================================================
   WooCommerce UI Override Core Reset & Scopes
   ========================================================================= */

/* 1. Global typography overrides within WooCommerce wrapper */
.woocommerce, 
.woocommerce-page,
.woocommerce-account,
.woocommerce-checkout {
	font-family: var(--luxury-font-sans) !important;
	color: var(--luxury-text-primary) !important;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4 {
	font-family: var(--luxury-font-serif) !important;
	color: var(--luxury-text-primary) !important;
	font-weight: 600 !important;
}

/* 2. Premium Buttons Override (Primary / Alt / Default) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single_add_to_cart_button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
	background-color: var(--luxury-primary) !important;
	color: #ffffff !important;
	font-family: var(--luxury-font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	padding: 14px 32px !important;
	border-radius: 6px !important;
	border: 1px solid var(--luxury-primary) !important;
	cursor: pointer !important;
	transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1), border-color 200ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 160ms cubic-bezier(0.23, 1, 0.32, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	line-height: 1.2 !important;
	box-shadow: 0 4px 12px rgba(26, 26, 46, 0.05) !important;
}

@media (hover: hover) and (pointer: fine) {
	.woocommerce a.button:hover,
	.woocommerce button.button:hover,
	.woocommerce input.button:hover,
	.woocommerce #respond input#submit:hover,
	.woocommerce-button:hover,
	.woocommerce a.button.alt:hover,
	.woocommerce button.button.alt:hover,
	.woocommerce input.button.alt:hover,
	.woocommerce #respond input#submit.alt:hover,
	.single_add_to_cart_button:hover,
	.woocommerce-form-login__submit:hover,
	.woocommerce-form-register__submit:hover {
		background-color: var(--luxury-secondary) !important;
		border-color: var(--luxury-secondary) !important;
		color: #ffffff !important;
		box-shadow: 0 8px 24px rgba(183, 110, 121, 0.2) !important;
		transform: translateY(-1px) !important;
	}
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active,
.woocommerce-button:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit.alt:active,
.single_add_to_cart_button:active,
.woocommerce-form-login__submit:active,
.woocommerce-form-register__submit:active {
	transform: scale(0.97) !important;
}

/* Secondary outline style option */
.woocommerce a.button.button-secondary,
.woocommerce button.button.button-secondary,
.button-outline {
	background-color: transparent !important;
	color: var(--luxury-primary) !important;
	border: 1px solid var(--luxury-primary) !important;
}

.woocommerce a.button.button-secondary:hover,
.woocommerce button.button.button-secondary:hover,
.button-outline:hover {
	background-color: var(--luxury-primary) !important;
	color: #ffffff !important;
	border-color: var(--luxury-primary) !important;
}

/* 3. Quantity Selectors styling */
.woocommerce .quantity {
	display: inline-flex !important;
	align-items: center !important;
	border: 1px solid rgba(26, 26, 46, 0.1) !important;
	border-radius: 4px !important;
	background-color: #ffffff !important;
	overflow: hidden !important;
	height: 42px !important;
	margin-right: 12px !important;
}

.woocommerce .quantity .qty {
	width: 50px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	outline: none !important;
	font-size: 13px !important;
	padding: 0 !important;
}

/* 4. Elegant Inputs & Form fields */
.woocommerce-Input,
.woocommerce-Input--text,
.woocommerce-Input--email,
.woocommerce-Input--password,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
	width: 100% !important;
	padding: 12px 16px !important;
	font-size: 13px !important;
	color: var(--luxury-text-primary) !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 4px !important;
	outline: none !important;
	transition: all 0.2s var(--ease-luxury) !important;
	font-family: var(--luxury-font-sans) !important;
}

.woocommerce-Input:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
select:focus,
input[type="text"]:focus,
textarea:focus {
	border-color: var(--luxury-secondary) !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.08) !important;
}

/* 5. Custom Select dropdown design */
.select2-container--default .select2-selection--single {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 4px !important;
	height: 44px !important;
	padding: 8px 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px !important;
}

/* 6. Notices and luxury alerts */
.woocommerce-error, .woocommerce-message, .woocommerce-info {
	list-style: none !important;
	margin: 0 0 24px 0 !important;
	padding: 14px 20px !important;
	border-radius: 4px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	border-left-width: 4px !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}

.woocommerce-error {
	background-color: #fffafb !important;
	border: 1px solid #fbd5d5 !important;
	border-left: 4px solid var(--luxury-sale) !important;
	color: var(--luxury-sale) !important;
}

.woocommerce-message {
	background-color: #f8fcf9 !important;
	border: 1px solid #def7ec !important;
	border-left: 4px solid var(--color-success-elegant) !important;
	color: var(--color-success-elegant) !important;
}

.woocommerce-info {
	background-color: #f9fbfd !important;
	border: 1px solid #e1effe !important;
	border-left: 4px solid var(--luxury-secondary) !important;
	color: var(--luxury-text-primary) !important;
}

/* 7. Cart & Checkout Details overrides */
.woocommerce-billing-fields h3, 
.woocommerce-shipping-fields h3, 
#order_review_heading {
	font-family: var(--luxury-font-serif) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding-bottom: 10px !important;
	margin-bottom: 24px !important;
	letter-spacing: -0.01em !important;
}

.woocommerce form .form-row label {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: var(--luxury-text-primary) !important;
	margin-bottom: 6px !important;
}

/* 8. My Account Custom styling */
.woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	background-color: #ffffff !important;
	overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block !important;
	padding: 12px 18px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: var(--luxury-text-primary) !important;
	transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
	background-color: var(--luxury-secondary) !important;
	color: #ffffff !important;
	padding-left: 22px !important;
}

.woocommerce-MyAccount-content {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 30px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}

/* My Account - Improved Address and Edit Account styling */
.woocommerce-MyAccount-content h3 {
	font-family: var(--luxury-font-serif) !important;
	color: var(--luxury-primary) !important;
	font-size: 22px !important;
	margin-bottom: 20px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}

.woocommerce-MyAccount-content fieldset {
	background-color: var(--luxury-bg-warm) !important;
	padding: 30px !important;
	border-radius: 8px !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.woocommerce-MyAccount-content fieldset legend {
	font-family: var(--luxury-font-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--luxury-primary) !important;
	padding: 0 12px !important;
}

.woocommerce-Address {
	background-color: var(--luxury-bg-warm) !important;
	padding: 30px !important;
	border-radius: 8px !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	margin-bottom: 30px !important;
}

.woocommerce-Address-title a.edit {
	float: right;
	font-size: 12px !important;
	color: var(--luxury-secondary) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-weight: bold !important;
}

.woocommerce-MyAccount-content form p.form-row {
	margin-bottom: 20px !important;
}

.woocommerce-EditAccountForm button.woocommerce-Button,
.woocommerce-address-fields button.button {
	background-color: var(--luxury-secondary) !important;
	border-color: var(--luxury-secondary) !important;
	color: #ffffff !important;
	margin-top: 20px !important;
}

/* 9. Star Rating styling */
.woocommerce .star-rating, 
.woocommerce-page .star-rating {
	color: var(--luxury-accent) !important;
}

/* 10. Swiper Custom styles */
.swiper-button-prev,
.swiper-button-next {
	color: var(--luxury-primary) !important;
	background: rgba(255, 255, 255, 0.9) !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	transition: all 0.3s ease !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 14px !important;
	font-weight: bold !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background: var(--luxury-primary) !important;
	color: #ffffff !important;
}

.swiper-pagination-bullet-active {
	background: var(--luxury-secondary) !important;
}

/* ==========================================================================
   Luxury WooCommerce Cart Page & Table Styles
   ========================================================================= */
.woocommerce-cart-form {
	margin-top: 2rem;
}
.woocommerce table.shop_table {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	text-align: left !important;
	margin-bottom: 2rem !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}
.woocommerce table.shop_table th {
	background-color: #ffffff !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding: 16px 20px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: var(--luxury-text-primary) !important;
}
.woocommerce table.shop_table td {
	padding: 20px !important;
	vertical-align: middle !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}
.woocommerce table.shop_table tr:last-child td {
	border-bottom: none !important;
}
.woocommerce table.shop_table td.product-thumbnail img {
	width: 70px !important;
	height: 70px !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	background-color: var(--luxury-bg-warm) !important;
}
.woocommerce table.shop_table td.product-name a {
	font-family: var(--luxury-font-sans) !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	transition: color 0.3s ease !important;
}
.woocommerce table.shop_table td.product-name a:hover {
	color: var(--luxury-secondary) !important;
}
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal {
	font-family: var(--luxury-font-sans) !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
}
.woocommerce table.shop_table td.product-subtotal {
	color: var(--luxury-primary) !important;
}

/* Cart Collaterals & Totals Section */
.cart-collaterals {
	margin-top: 3rem !important;
}
.cart-collaterals .cart_totals {
	float: none !important;
	width: 100% !important;
	background: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 24px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}
.cart-collaterals .cart_totals h2 {
	font-family: var(--luxury-font-serif) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding-bottom: 12px !important;
	margin-bottom: 20px !important;
}
.cart-collaterals .cart_totals table.shop_table {
	border: none !important;
	margin-bottom: 1.5rem !important;
}
.cart-collaterals .cart_totals table.shop_table tr td,
.cart-collaterals .cart_totals table.shop_table tr th {
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	background: transparent !important;
}
.cart-collaterals .cart_totals table.shop_table tr.order-total td,
.cart-collaterals .cart_totals table.shop_table tr.order-total th {
	border-bottom: none !important;
	padding-top: 18px !important;
}
.cart-collaterals .cart_totals table.shop_table tr.order-total td span {
	font-size: 1.15rem !important;
	color: var(--luxury-primary) !important;
	font-weight: 700 !important;
}

/* ==========================================================================
   Luxury WooCommerce Checkout Page Styles
   ========================================================================= */
.woocommerce-checkout-review-order-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-bottom: 1.5rem !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	text-align: left !important;
}
.woocommerce-checkout-review-order-table th {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
}
.woocommerce-checkout-review-order-table td.product-name {
	font-size: 13px !important;
	font-weight: 500 !important;
}
.woocommerce-checkout-review-order-table td.product-total {
	font-weight: 600 !important;
	text-align: right !important;
}
.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout-review-order-table tr.shipping td {
	font-size: 12px !important;
}
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
	border-bottom: none !important;
	padding-top: 16px !important;
}
.woocommerce-checkout-review-order-table tr.order-total td {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: var(--luxury-primary) !important;
	text-align: right !important;
}

/* Premium Checkout Input Sizing & Select2 Dropdown Alignment Fixes */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
	width: 100% !important;
	height: 48px !important;
	background-color: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 8px !important;
	padding: 0 16px !important;
	font-size: 13px !important;
	color: var(--luxury-text-primary) !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}
.woocommerce-checkout textarea {
	height: auto !important;
	padding: 12px 16px !important;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
	border-color: var(--luxury-accent) !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.1) !important;
}

/* WooCommerce CPT Form Row CSS Grid Reset */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 16px !important;
}
@media (min-width: 640px) {
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper,
	.woocommerce-address-fields__field-wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
.woocommerce-checkout .form-row-wide {
	grid-column: span 2 !important;
}
@media (max-width: 639px) {
	.woocommerce-checkout .form-row-wide {
		grid-column: span 1 !important;
	}
}
.woocommerce-checkout .form-row {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}
.woocommerce-checkout label {
	font-family: var(--luxury-font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: var(--luxury-text-secondary) !important;
	margin-bottom: 2px !important;
}
.woocommerce-checkout label .required {
	color: #ef4444 !important;
	text-decoration: none !important;
	margin-left: 2px !important;
}

/* Select2 Dropdown Alignments */
.select2-container--default .select2-selection--single {
	height: 48px !important;
	background-color: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px !important;
	color: var(--luxury-text-primary) !important;
	font-size: 13px !important;
	padding-left: 4px !important;
	padding-right: 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px !important;
	right: 12px !important;
	display: flex !important;
	align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--luxury-text-primary) transparent transparent transparent !important;
	border-width: 5px 4px 0 4px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--luxury-text-primary) transparent !important;
	border-width: 0 4px 5px 4px !important;
}
.select2-dropdown {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	z-index: 9999 !important;
	padding: 4px !important;
}
.select2-results__option {
	padding: 8px 12px !important;
	font-size: 13px !important;
	border-radius: 4px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--luxury-secondary) !important;
	color: #ffffff !important;
}

/* Payment Gateways / Methods selection block */
#payment {
	background: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 12px !important;
	padding: 20px !important;
	margin-top: 1.5rem !important;
}
#payment ul.payment_methods {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}
#payment ul.payment_methods li {
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.03) !important;
}
#payment ul.payment_methods li:last-child {
	border-bottom: none !important;
	padding-bottom: 20px !important;
}
#payment ul.payment_methods li input {
	margin-right: 10px !important;
	accent-color: var(--luxury-primary) !important;
}
#payment ul.payment_methods li label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
	display: inline-block !important;
}
#payment ul.payment_methods li .payment_box {
	background: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
	margin-top: 8px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: var(--luxury-text-secondary) !important;
}
#payment ul.payment_methods li .payment_box::before {
	display: none !important;
}
#payment #place_order {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 14px 24px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	border-radius: 9999px !important;
	transition: background-color 0.2s ease, transform 0.1s ease !important;
	border: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
}
#payment #place_order:hover {
	background-color: #1f2937 !important;
}
#payment #place_order:active {
	transform: scale(0.98) !important;
}

/* ==========================================================================
   Luxury Gutenberg Block Checkout & Cart Style Overrides
   ========================================================================= */

/* 1. Force professional serif/sans typography onto Block components */
.wc-block-checkout,
.wc-block-cart,
.wc-block-checkout__section,
.wc-block-components-address-form,
.wc-block-components-checkout-step,
.wc-block-components-sidebar,
.wc-block-components-order-summary {
	font-family: var(--luxury-font-sans) !important;
}

.wc-block-checkout h1,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout h4,
.wc-block-checkout__section-title,
.wc-block-components-order-summary-title,
.wc-block-cart h1,
.wc-block-cart h2,
.wc-block-cart h3,
.wc-block-cart h4,
.wc-block-components-title,
.wc-block-components-order-summary__button-text,
.wc-block-components-totals-item__label,
.wc-block-components-checkout-step__title {
	font-family: var(--luxury-font-serif) !important;
	color: var(--luxury-text-primary) !important;
	font-weight: 600 !important;
}

/* 2. Inherit professional font inside interactive inputs */
.wc-block-checkout input,
.wc-block-checkout select,
.wc-block-checkout textarea,
.wc-block-checkout button,
.wc-block-cart input,
.wc-block-cart select,
.wc-block-cart textarea,
.wc-block-cart button {
	font-family: var(--luxury-font-sans) !important;
}

/* 3. Stack labels on top of input fields with floating animations */
.wc-block-components-text-input,
.wc-block-components-select-input,
.wc-block-components-combobox {
	position: relative !important;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	display: block !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.wc-block-components-text-input label,
.wc-block-components-text-input__label,
.wc-block-components-select-input label,
.wc-block-components-select-input__label,
.wc-block-components-combobox label {
	position: absolute !important;
	left: 14px !important;
	top: 30% !important;
	transform: translateY(-50%) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--luxury-text-secondary) !important;
	pointer-events: none !important;
	transition: all 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
	transform-origin: left center !important;
	z-index: 10 !important;
	background: transparent !important;
	padding: 0 !important;
}

/* Floating State: Focus or Has Value - Overlap the top border */
.wc-block-components-text-input:focus-within label,
.wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input.is-active .wc-block-components-text-input__label,
.wc-block-components-text-input:has(input:not(:placeholder-shown)) label,
.wc-block-components-text-input:has(input:not(:placeholder-shown)) .wc-block-components-text-input__label,
.wc-block-components-text-input[data-has-value="true"] label,
.wc-block-components-text-input[data-has-value="true"] .wc-block-components-text-input__label,
.wc-block-components-select-input.is-active label,
.wc-block-components-select-input:focus-within label,
.wc-block-components-combobox label,
.wc-block-components-combobox:focus-within label {
	top: -12px !important;
	transform: translateY(0) scale(0.85) !important;
	left: 10px !important;
	color: var(--luxury-text-secondary) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	background: #ffffff !important;
	padding: 0 6px !important;
	z-index: 20 !important;
}

.wc-block-components-text-input:focus-within label,
.wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
.wc-block-components-select-input:focus-within label,
.wc-block-components-select-input:focus-within .wc-block-components-select-input__label,
.wc-block-components-combobox:focus-within label {
	color: var(--luxury-secondary) !important;
}

/* Base Input Styles */
.wc-block-components-text-input__input,
.wc-block-components-select-input__select,
.wc-block-components-text-input input,
.wc-block-components-select-input select,
.wc-block-components-combobox .select2-container,
.wc-block-components-combobox-control input,
body .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input {
	position: relative !important;
	width: 100% !important;
	padding: 16px 14px 8px 14px !important;
	font-size: 14px !important;
	color: var(--luxury-text-primary) !important;
	background-color: #f9fafb !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 6px !important;
	outline: none !important;
	height: 52px !important;
	margin-top: 0 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01) !important;
	transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1) !important;
	appearance: none !important;
}

/* Remove default WooCommerce wrapper borders */
.wc-block-components-combobox-control {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.wc-block-components-text-input::before,
.wc-block-components-text-input::after,
.wc-block-components-select-input::before,
.wc-block-components-select-input::after,
.wc-block-components-combobox::before,
.wc-block-components-combobox::after,
.wc-block-components-combobox-control::before,
.wc-block-components-combobox-control::after {
	display: none !important;
}

@media (hover: hover) and (pointer: fine) {
	.wc-block-components-text-input__input:hover,
	.wc-block-components-select-input__select:hover,
	.wc-block-components-text-input input:hover,
	.wc-block-components-select-input select:hover {
		border-color: rgba(26, 26, 46, 0.15) !important;
		background-color: #f3f4f6 !important;
	}
}

.wc-block-components-text-input__input:focus,
.wc-block-components-select-input__select:focus,
.wc-block-components-text-input input:focus,
.wc-block-components-select-input select:focus,
.wc-block-components-combobox input:focus {
	background-color: #ffffff !important;
	border-color: var(--luxury-secondary) !important;
	box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.12) !important;
}

/* 4. Contact/Billing sections as spacious luxury cards */
.wc-block-checkout__contact-fields,
.wc-block-checkout__billing-address,
.wc-block-checkout__shipping-address,
.wc-block-checkout__payment-options,
.wc-block-checkout__gifting-options {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: var(--shadow-card) !important;
}

/* Spacing fix for guest checkout subtext */
.wc-block-checkout__contact-fields .wc-block-checkout__guest-checkout-text {
	margin-top: 12px !important;
	font-size: 11px !important;
	color: var(--luxury-text-secondary) !important;
	line-height: 1.5 !important;
}

/* 5. Custom Elegant styling for Cash on Delivery */
.wc-block-components-radio-control-item {
	position: relative !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 16px 20px !important;
	background-color: #ffffff !important;
	margin-bottom: 12px !important;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
	cursor: pointer !important;
}

.wc-block-components-radio-control-item:hover {
	border-color: var(--luxury-secondary) !important;
	background-color: rgba(183, 110, 121, 0.02) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(183, 110, 121, 0.05) !important;
}

.wc-block-components-radio-control-item label {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	color: var(--luxury-text-primary) !important;
	cursor: pointer !important;
}

/* Inject Cash on Delivery Icon Emojis directly into labels */
.wc-block-components-radio-control-item[value="cod"] label::before,
.payment_method_cod label::before {
	content: '💵' !important;
	font-size: 16px !important;
}

/* 6. Clean rendering for Indian Rupee symbol glyph */
.woocommerce-Price-currencySymbol,
.wc-block-components-formatted-money .woocommerce-Price-currencySymbol,
.wc-block-components-totals-item__value bdi,
.wc-block-components-product-price__value bdi,
.wc-block-components-totals-item__value span,
.wc-block-components-product-price__value span {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 500 !important;
}

/* 7. Hover animation transitions for cart and checkout item rows */
.wc-block-cart-items__row,
.woocommerce-cart-form tr.cart_item {
	transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
	.wc-block-cart-items__row:hover,
	.woocommerce-cart-form tr.cart_item:hover {
		background-color: rgba(183, 110, 121, 0.01) !important;
		transform: translateX(6px) !important;
	}
}

/* 8. Micro-interactive quantity press scaling */
.quantity-minus,
.quantity-plus,
.quantity button {
	transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.quantity-minus:active,
.quantity-plus:active,
.quantity button:active {
	transform: scale(0.8) !important;
}

/* ==========================================================================
   Premium Cart UI Overrides (Tailwind-Free Custom Styling)
   ========================================================================= */
/* Warm body background for cart pages */
body.woocommerce-cart {
	background-color: #FAF8F5 !important;
}

/* Quantity Pill layout styles */
.quantity-pill-wrap {
	display: flex !important;
	align-items: center !important;
	background-color: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 9999px !important;
	height: 36px !important;
	overflow: hidden !important;
}
.quantity-pill-wrap .quantity {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.quantity-pill-wrap .quantity input.qty {
	width: 32px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	appearance: textfield !important;
	-moz-appearance: textfield !important;
}
.quantity-pill-wrap .quantity input.qty::-webkit-outer-spin-button,
.quantity-pill-wrap .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

/* Hide default cart totals tables and render as clean flex-row items */
.woocommerce-cart-totals {
	width: 100% !important;
}
.woocommerce-cart-totals table.shop_table {
	display: block !important;
	width: 100% !important;
	border: none !important;
	margin-bottom: 0 !important;
	background: transparent !important;
}
.woocommerce-cart-totals table.shop_table tbody {
	display: block !important;
	width: 100% !important;
}
.woocommerce-cart-totals table.shop_table tr {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	background: transparent !important;
}
.woocommerce-cart-totals table.shop_table tr:last-child {
	border-bottom: none !important;
}
/* Remove bottom border from last menu item */
.mobile-menu-item:last-child {
	border-bottom: none;
}

/* Coupon Form Alignment & Button Styling */
.wc-block-components-totals-coupon__form {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input {
	margin: 0 !important;
	flex-grow: 1 !important;
	
}

body .woocommerce-checkout .wc-block-components-totals-coupon__form button,
body .woocommerce-checkout .wc-block-components-totals-coupon button,
body .woocommerce-checkout .wc-block-components-totals-coupon .components-button,
body .woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-button,
.wc-block-components-totals-coupon__form button,
.wc-block-components-totals-coupon button,
.wc-block-components-totals-coupon .components-button,
.wc-block-components-totals-coupon .wc-block-components-button,
.wc-block-components-totals-coupon__button {
	background-color: var(--luxury-primary) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	height: 52px !important;
	padding: 0 24px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	border: none !important;
	margin: 0 !important;
	transition: all 0.3s ease !important;
}

body .woocommerce-checkout .wc-block-components-totals-coupon__form button:hover,
body .woocommerce-checkout .wc-block-components-totals-coupon button:hover,
.wc-block-components-totals-coupon__form button:hover,
.wc-block-components-totals-coupon button:hover,
.wc-block-components-totals-coupon__button:hover {
	background-color: var(--luxury-primary-light) !important;
}

/* 
 * ULTIMATE COMBOBOX OVERRIDE
 * Targets WordPress core component classes used by WooCommerce Blocks 
 */
.wc-block-components-combobox,
.components-combobox-control {
	position: relative !important;
	margin-top: 16px !important;
}

.wc-block-components-combobox input.components-combobox-control__input,
.components-combobox-control input.components-combobox-control__input {
	height: 52px !important;
	padding: 16px 14px 8px 14px !important;
	font-size: 14px !important;
	color: var(--luxury-text-primary) !important;
	background-color: #f9fafb !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 6px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wc-block-components-combobox input.components-combobox-control__input:focus,
.components-combobox-control input.components-combobox-control__input:focus {
	border-color: var(--luxury-primary) !important;
	box-shadow: 0 0 0 1px var(--luxury-primary) !important;
}

.wc-block-components-combobox label.components-combobox-control__label,
.components-combobox-control label.components-combobox-control__label,
label.components-combobox-control__label,
.wc-block-components-combobox label {
	display: none !important;
}

.wc-block-components-combobox:focus-within label.components-combobox-control__label {
	color: var(--luxury-primary) !important;
}

.woocommerce-cart-totals table.shop_table th {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	font-family: var(--luxury-font-sans) !important;
	font-size: 14px !important;
	color: #6b7280 !important; /* Muted gray label */
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.woocommerce-cart-totals table.shop_table td {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	text-align: right !important;
	font-family: var(--luxury-font-sans) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #111827 !important; /* Bold content */
}
.woocommerce-cart-totals table.shop_table tr.order-total {
	border-top: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding-top: 18px !important;
	margin-top: 4px !important;
}
.woocommerce-cart-totals table.shop_table tr.order-total th {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #111827 !important;
}
.woocommerce-cart-totals table.shop_table tr.order-total td span.amount {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #000000 !important;
}

/* Proceed to Checkout Solid Black Button */
.wc-proceed-to-checkout a.checkout-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 14px 24px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	border-radius: 9999px !important;
	transition: background-color 0.2s ease, transform 0.1s ease !important;
	box-shadow: none !important;
	border: none !important;
}
.wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #1f2937 !important;
}
.wc-proceed-to-checkout a.checkout-button:active {
	transform: scale(0.98) !important;
}
.wc-proceed-to-checkout a.checkout-button::after {
	content: ' \2192' !important; /* Arrow pointing right */
	margin-left: 8px !important;
	font-weight: bold !important;
}

/* Fix discount coupons label/amounts */
.woocommerce-cart-totals tr.cart-discount th,
.woocommerce-cart-totals tr.cart-discount td {
	color: #ef4444 !important;
}

/* Bento Grid Item Height & Aspect Fallbacks to prevent height collapse */
.bento-item {
	display: block !important;
	aspect-ratio: 4/5 !important;
	min-height: 380px !important;
	position: relative !important;
}

/* Testimonial slider transitions styling */
.testimonial-card {
	transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.testimonial-card.opacity-0 {
	opacity: 0 !important;
	pointer-events: none !important;
}
.testimonial-card.opacity-100 {
	opacity: 1 !important;
	pointer-events: auto !important;
}
.testimonial-card.scale-95 {
	transform: scale(0.95) !important;
}
.testimonial-card.scale-100 {
	transform: scale(1) !important;
}

/* Force Full Width Site Layout Reset */
html, body {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #FAF8F5 !important;
}
#page, .site {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
}

/* Force Homepage Sections Padding, Grid, and Spacing Fallbacks */
.home-categories-section,
.home-featured-section,
.testimonials-section,
.home-newsletter-section {
	display: block !important;
	padding: 80px 4% !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

/* Make inner content blocks max-width 1280px and centered */
.home-categories-section > div,
.home-featured-section > div,
.testimonials-section > div,
.home-newsletter-section > div {
	max-width: 1280px !important;
	margin: 0 auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Category Bento Grid Layout */
.category-bento-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 40px auto 0 auto !important;
	width: 100% !important;
}

/* Featured Products Grid Layout */
.home-featured-section .grid,
.home-featured-section .shop-product-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 40px auto 0 auto !important;
	width: 100% !important;
}

/* Category grid items aspect ratio and padding */
.bento-item {
	aspect-ratio: 4/5 !important;
	min-height: 380px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	position: relative !important;
}

/* Spacing and margins on titles */
.home-categories-section .text-center,
.home-featured-section .flex,
.testimonials-section .text-center {
	margin-bottom: 40px !important;
}

/* Ensure text colors on titles are readable */
.home-categories-section h2,
.home-featured-section h2,
.testimonials-section h2 {
	color: #1a1a2e !important;
	font-weight: 700 !important;
	margin-bottom: 12px !important;
}
.home-categories-section p,
.home-featured-section p,
.testimonials-section p {
	color: #5e5e6e !important;
}

/* Media Queries for responsive columns */
@media (max-width: 1024px) {
	.category-bento-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.home-featured-section .grid,
	.home-featured-section .shop-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 20px !important;
	}
}
@media (max-width: 768px) {
	.home-featured-section .grid,
	.home-featured-section .shop-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
}
@media (max-width: 640px) {
	.category-bento-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
	/* Strict 2-column mobile layout for homepage products, matching shop page */
	.home-featured-section .grid,
	.home-featured-section .shop-product-grid,
	.shop-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
	.home-categories-section,
	.home-featured-section,
	.testimonials-section,
	.home-newsletter-section {
		padding: 48px 3% !important;
	}
}

/* ==========================================================================
   WooCommerce Variations & Swatches Luxury Styling
   ========================================================================== */
.woocommerce div.product form.cart .variations,
table.variations {
	width: 100% !important;
	border: 0 !important;
	border-collapse: separate !important;
	margin-bottom: 1.25rem !important;
}
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
table.variations tbody,
table.variations tr {
	display: block !important;
	width: 100% !important;
	border: none !important;
	margin-bottom: 1rem !important;
}
.woocommerce div.product form.cart .variations tr:last-child,
table.variations tr:last-child {
	margin-bottom: 0 !important;
}
.woocommerce div.product form.cart .variations th.label,
table.variations th.label {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	padding: 0 0 6px 0 !important;
	border: none !important;
	text-align: left !important;
}
.woocommerce div.product form.cart .variations th.label label,
table.variations th.label label {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: var(--luxury-text-primary, #1a1a2e) !important;
	margin: 0 !important;
}

/* Hide printed variation name text next to label (e.g. : red, : blue) */
.woo-selected-variation-item-name,
.tawcvs-selected-value,
.wvs-selected-item-value,
.wvs-selected-item,
.woo-variation-swatches .selected-variation-item-name,
.variations th.label .selected-variation-item-name,
.variations th.label .selected-item-name,
.variations th.label span[class*="selected"],
.variations th.label .woo-selected-variation-item-name,
.variations th.label span.woo-selected-variation-item-name {
	display: none !important;
}

.woocommerce div.product form.cart .variations td.value,
table.variations td.value {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	border: none !important;
}

/* Reset Variations (Clear) Button */
.woocommerce div.product form.cart .reset_variations,
a.reset_variations {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: #E21E80 !important;
	background-color: rgba(226, 30, 128, 0.06) !important;
	border: 1px solid rgba(226, 30, 128, 0.15) !important;
	padding: 3px 10px !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	margin-top: 8px !important;
	margin-bottom: 6px !important;
	transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important;
	cursor: pointer !important;
}
.woocommerce div.product form.cart .reset_variations:hover,
a.reset_variations:hover {
	background-color: rgba(226, 30, 128, 0.15) !important;
	border-color: rgba(226, 30, 128, 0.35) !important;
	color: #c0186b !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 2px 8px rgba(226, 30, 128, 0.15) !important;
}

/* Plugin Swatches Container & Items (Variation Swatches and Gallery for WooCommerce, WooSwatches, etc.) */
.woo-variation-swatches .variable-items-wrapper,
.tawcvs-swatches,
.wvs-pro-product-variable-wrapper,
.wvs-style-squared,
.wvs-style-rounded,
.variations td.value .variable-items-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	align-items: center !important;
	margin: 4px 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.variable-item,
.tawcvs-swatch,
.swatch-item,
.woo-variation-swatches .variable-item {
	border-radius: 8px !important;
	border: 1.5px solid rgba(26, 26, 46, 0.12) !important;
	padding: 2px !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important;
	background-color: #ffffff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.variable-item:hover,
.tawcvs-swatch:hover,
.swatch-item:hover {
	border-color: rgba(226, 30, 128, 0.5) !important;
	transform: translateY(-2px) scale(1.04) !important;
	box-shadow: 0 4px 12px rgba(226, 30, 128, 0.15) !important;
}

.variable-item.selected,
.variable-item.active,
.tawcvs-swatch.selected,
.swatch-item.selected,
.woo-variation-swatches .variable-item.selected {
	border-color: #E21E80 !important;
	box-shadow: 0 0 0 2px rgba(226, 30, 128, 0.25), 0 4px 12px rgba(226, 30, 128, 0.15) !important;
	transform: scale(1.04) !important;
}

/* Select Dropdown Fallback for standard variations */
.woocommerce div.product form.cart .variations select {
	width: 100% !important;
	padding: 10px 14px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--luxury-text-primary, #1a1a2e) !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.1) !important;
	border-radius: 6px !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	cursor: pointer !important;
}
.woocommerce div.product form.cart .variations select:focus {
	border-color: #E21E80 !important;
	box-shadow: 0 0 0 3px rgba(226, 30, 128, 0.1) !important;
}

/* Single Variation Details Area */
.single_variation_wrap {
	margin-top: 1rem !important;
}
.woocommerce-variation.single_variation {
	margin-bottom: 0.75rem !important;
}

/* Variation Description Box */
.woocommerce-variation-description {
	background-color: #fcfbfa !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-left: 3px solid #E21E80 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	margin: 12px 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: var(--luxury-text-secondary, #5e5e6e) !important;
	animation: fadeInVariation 0.3s ease-out !important;
}
.woocommerce-variation-description:empty {
	display: none !important;
}
.woocommerce-variation-description p {
	margin: 0 !important;
}

/* Hide redundant raw variation price inside form since top hero price is synchronized */
.single_variation .woocommerce-variation-price {
	display: none !important;
}

/* Variation Availability / Stock badge */
.woocommerce-variation-availability p.stock {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 6px 0 !important;
}
.woocommerce-variation-availability p.stock.in-stock {
	color: #4a7c59 !important;
}
.woocommerce-variation-availability p.stock.out-of-stock {
	color: #8b2d2d !important;
}

/* Add to Cart button and Quantity wrapper alignment */
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart .variations_button {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 12px !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity,
.woocommerce div.product form.cart .variations_button .quantity {
	margin-right: 0 !important;
	flex-shrink: 0 !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
.woocommerce div.product form.cart .variations_button button.single_add_to_cart_button {
	flex: 1 1 200px !important;
	min-height: 44px !important;
}

/* Price Styling Enhancements on Single Product */
.product-main-price ins {
	text-decoration: none !important;
	color: var(--luxury-sale, #8b2d2d) !important;
	font-weight: 700 !important;
}
.product-main-price del {
	color: var(--luxury-text-muted, #8e8e9e) !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	margin-right: 6px !important;
}

@keyframes fadeInVariation {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   WooCommerce Page-Level Styles (Cart, Checkout, Account, Order Tracking)
   Applied consistently when woocommerce.php renders the outer container.
   ========================================================================= */

/* Empty cart state styling */
.woocommerce .cart-empty,
.cart-empty {
	text-align: center;
	padding: 48px 16px;
	font-family: var(--font-serif, 'Playfair Display', serif);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--luxury-text-primary);
}

.woocommerce .return-to-shop,
.return-to-shop {
	text-align: center;
	margin-top: 24px;
}

.woocommerce .return-to-shop .button,
.woocommerce .return-to-shop a.button,
.return-to-shop .button,
.return-to-shop a.button {
	display: inline-block;
	background-color: var(--luxury-primary, #1a1a2e);
	color: #ffffff !important;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 14px 32px;
	border-radius: 9999px;
	border: none;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
}

.woocommerce .return-to-shop .button:hover,
.woocommerce .return-to-shop a.button:hover,
.return-to-shop .button:hover,
.return-to-shop a.button:hover {
	background-color: var(--luxury-primary-light, #2c2c44);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(26, 26, 46, 0.15);
}

/* Ensure WooCommerce notices render correctly on all pages */
.woocommerce-notices-wrapper {
	margin-bottom: 16px;
}

/* My Account page improvements */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
	color: var(--luxury-secondary, #b76e79) !important;
	background-color: rgba(183, 110, 121, 0.05);
}

/* WooCommerce order-details and order-tracking consistent styling */
.woocommerce-order-details,
.woocommerce-customer-details {
	margin-top: 24px;
}

.woocommerce-order-details table.shop_table,
.woocommerce-customer-details table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8125rem;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td,
.woocommerce-customer-details table th,
.woocommerce-customer-details table td {
	padding: 12px 16px;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05);
	text-align: left;
	color: var(--luxury-text-secondary, #6b6b7b);
}

.woocommerce-order-details table.shop_table th,
.woocommerce-customer-details table th {
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--luxury-text-muted, #8e8e9e);
}

/* WooCommerce generic button override (place order, update account, etc.) */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit {
	background-color: var(--luxury-primary, #1a1a2e) !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	padding: 12px 28px !important;
	border-radius: 9999px !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-decoration: none !important;
	display: inline-block !important;
	line-height: 1.5 !important;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--luxury-primary-light, #2c2c44) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 16px rgba(26, 26, 46, 0.15) !important;
}

.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.alt,
.woocommerce #place_order {
	background-color: var(--luxury-secondary, #b76e79) !important;
}

.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #place_order:hover {
	background-color: var(--luxury-secondary-light, #d4a0a8) !important;
}

/* ==========================================================================
   WooCommerce Pagination Luxury Styling
   ========================================================================== */
.woocommerce-pagination {
	margin-top: 48px !important;
	margin-bottom: 48px !important;
	text-align: center !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	clear: both !important;
}

.woocommerce-pagination ul.page-numbers {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	list-style: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.woocommerce-pagination ul.page-numbers li {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-pagination ul.page-numbers li span.page-numbers,
.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 16px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	border: 1px solid rgba(226, 30, 128, 0.15) !important;
	background: #ffffff !important;
	color: #1a1a2e !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce-pagination span.current {
	background: #E21E80 !important;
	color: #ffffff !important;
	border-color: #E21E80 !important;
	box-shadow: 0 4px 12px rgba(226, 30, 128, 0.25) !important;
	font-weight: 800 !important;
}

.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover {
	background: rgba(226, 30, 128, 0.08) !important;
	color: #E21E80 !important;
	border-color: rgba(226, 30, 128, 0.3) !important;
	transform: translateY(-1px) !important;
}

.woocommerce-pagination .prev.page-numbers,
.woocommerce-pagination .next.page-numbers {
	font-weight: 800 !important;
	font-size: 13px !important;
	padding: 0 20px !important;
}

/* ==========================================================================
   Closing Trust Section - Ample Spacing, Grid & Balanced Trust Cards
   ========================================================================== */
.gg-closing-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-bottom: 56px !important;
}

@media (max-width: 640px) {
	.gg-closing-actions {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 40px !important;
	}
}

.gg-closing-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	align-items: stretch;
	text-align: left;
	padding-top: 56px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 992px) {
	.gg-closing-trust-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-top: 36px !important;
	}
}

.gg-closing-trust-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 22px 24px !important;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	height: 100%;
	box-sizing: border-box;
}

@media (max-width: 640px) {
	.gg-closing-trust-card {
		padding: 16px 18px !important;
		gap: 14px;
	}
}

.gg-closing-trust-card:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.2);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.gg-trust-icon-box {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	max-width: 48px !important;
	max-height: 48px !important;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-sizing: border-box;
}

/* ==========================================================================
   Animated About Page - Luxury Visual Design & Micro-Interactions
   ========================================================================== */

/* Keyframe Animations */
@keyframes gg-float {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
	}
	50% {
		transform: translateY(-10px) rotate(1deg);
	}
}

@keyframes gg-float-reverse {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
	}
	50% {
		transform: translateY(10px) rotate(-1deg);
	}
}

@keyframes gg-pulse-glow {
	0%, 100% {
		box-shadow: 0 0 20px rgba(201, 168, 76, 0.25);
	}
	50% {
		box-shadow: 0 0 35px rgba(201, 168, 76, 0.55);
	}
}

@keyframes gg-orb-drift {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	33% {
		transform: translate(35px, -25px) scale(1.1);
	}
	66% {
		transform: translate(-25px, 20px) scale(0.92);
	}
}

@keyframes gg-shimmer-sweep {
	0% {
		background-position: -200% 0;
	}
	100% {
		background-position: 200% 0;
	}
}

.gg-float-slow {
	animation: gg-float 6s ease-in-out infinite;
}

.gg-float-reverse {
	animation: gg-float-reverse 7s ease-in-out infinite;
}

.gg-orb-1 {
	animation: gg-orb-drift 14s ease-in-out infinite;
}

.gg-orb-2 {
	animation: gg-orb-drift 18s ease-in-out infinite reverse;
}

/* About Hero */
.gg-about-hero {
	position: relative;
	min-height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background-color: #120F14;
	color: #ffffff;
}

@media (min-width: 768px) {
	.gg-about-hero {
		min-height: 600px;
	}
}

.gg-about-hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
	transform: scale(1.05);
	transition: transform 12s cubic-bezier(0.16, 1, 0.3, 1);
}

.gg-about-hero:hover .gg-about-hero-bg {
	transform: scale(1.08);
}

.gg-about-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(18, 15, 20, 0.4) 0%, rgba(18, 15, 20, 0.75) 50%, #120F14 100%);
	z-index: 1;
}

/* Glass Floating Chips */
.gg-about-glass-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.gg-about-glass-chip:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.35);
	transform: translateY(-2px);
}

/* Stats Counter Ribbon */
.gg-about-stats-bar {
	background: #1a1a2e;
	border-radius: 20px;
	padding: 32px 28px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 24px 60px rgba(26, 26, 46, 0.25);
	position: relative;
	z-index: 10;
	margin-top: -60px;
}

@media (max-width: 640px) {
	.gg-about-stats-bar {
		margin-top: -30px;
		padding: 24px 16px;
	}
}

.gg-stat-item {
	text-align: center;
	padding: 12px 8px;
	position: relative;
	transition: transform 0.3s ease;
}

.gg-stat-item:hover {
	transform: translateY(-3px);
}

.gg-stat-number {
	font-family: var(--font-serif);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.1;
	color: #ffffff;
	background: linear-gradient(135deg, #ffffff 0%, #e2cb7d 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 6px;
}

@media (min-width: 768px) {
	.gg-stat-number {
		font-size: 2.75rem;
	}
}

.gg-stat-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 600;
}

/* Image Frames & Floating Cards */
.gg-image-luxury-frame {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(26, 26, 46, 0.15);
	border: 1px solid rgba(26, 26, 46, 0.08);
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
	background-color: #f7f5f0;
}

.gg-image-luxury-frame:hover {
	transform: scale(1.015);
	box-shadow: 0 30px 70px rgba(26, 26, 46, 0.22);
}

.gg-image-luxury-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.gg-image-luxury-frame:hover img {
	transform: scale(1.04);
}

.gg-floating-glass-card {
	position: absolute;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 18px;
	padding: 16px 20px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
	z-index: 5;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.gg-floating-glass-card:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}

/* Interactive Process Step Cards */
.gg-step-card {
	background: #ffffff;
	border: 1px solid rgba(26, 26, 46, 0.08);
	border-radius: 20px;
	padding: 28px 24px;
	position: relative;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.gg-step-card:hover {
	transform: translateY(-6px);
	border-color: rgba(201, 168, 76, 0.5);
	box-shadow: 0 18px 40px rgba(201, 168, 76, 0.12);
}

.gg-step-number {
	font-family: var(--font-serif);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1;
	background: linear-gradient(135deg, #c9a84c 0%, #e2cb7d 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 12px;
}

/* Interactive Value / Bento Cards */
.gg-value-card {
	background: #ffffff;
	border: 1px solid rgba(26, 26, 46, 0.08);
	border-radius: 20px;
	padding: 32px 26px;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.gg-value-card:hover {
	transform: translateY(-6px);
	border-color: rgba(183, 110, 121, 0.4);
	box-shadow: 0 20px 45px rgba(26, 26, 46, 0.08);
}

.gg-value-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	font-size: 24px;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.gg-value-card:hover .gg-value-icon {
	transform: scale(1.12) rotate(3deg);
}

/* Physical Store Showcase Section */
.gg-store-showcase {
	background: #ffffff;
	border-radius: 24px;
	border: 1px solid rgba(26, 26, 46, 0.08);
	box-shadow: 0 20px 60px rgba(26, 26, 46, 0.06);
	overflow: hidden;
}

.gg-store-info-box {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px;
	background: #f7f5f0;
	border-radius: 14px;
	border: 1px solid rgba(26, 26, 46, 0.05);
	transition: background-color 0.25s ease;
}

.gg-store-info-box:hover {
	background: #eeebe3;
}

/* Final Animated Closing Banner on About Page */
.gg-about-cta-banner {
	position: relative;
	border-radius: 28px;
	background: radial-gradient(circle at 80% 20%, #2c2c44 0%, #1a1a2e 60%, #120F14 100%);
	color: #ffffff;
	padding: 56px 36px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(26, 26, 46, 0.3);
}

@media (min-width: 768px) {
	.gg-about-cta-banner {
		padding: 72px 56px;
	}
}
/* Floating Glass Badges on Artisan Image - Explicit Positioning, Zero Collision */
.gg-badge-top-right {
	position: absolute;
	top: 20px;
	right: 20px;
	background: rgba(18, 15, 20, 0.88);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 14px;
	padding: 12px 16px;
	color: #ffffff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
	z-index: 10;
	max-width: 210px;
	pointer-events: auto;
}

.gg-badge-bottom-left {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 14px;
	padding: 12px 16px;
	color: #1a1a2e;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
	z-index: 10;
	max-width: 220px;
	pointer-events: auto;
}

@media (max-width: 640px) {
	.gg-badge-top-right {
		top: 12px;
		right: 12px;
		padding: 8px 12px;
		max-width: 170px;
	}
	.gg-badge-bottom-left {
		bottom: 12px;
		left: 12px;
		padding: 8px 12px;
		max-width: 180px;
	}
}

/* About Story Grid */
.gg-about-story-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 48px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 992px) {
	.gg-about-story-grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}
}

/* Feature Pills 3-column Grid */
.gg-feature-pills-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.gg-feature-pills-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

/* 4-Step Journey Grid */
.gg-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	align-items: stretch;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 1024px) {
	.gg-steps-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 640px) {
	.gg-steps-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* Physical Store Showcase 2-Column Grid (Fixes 1-word-per-line squeeze!) */
.gg-store-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 992px) {
	.gg-store-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

.gg-store-image-col,
.gg-store-details-col {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Core Values 4-Column Grid */
.gg-values-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	align-items: stretch;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 1024px) {
	.gg-values-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 640px) {
	.gg-values-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* ==========================================================================
   Brand Logo - Header & Footer Sizing
   ========================================================================== */
.gg-header-logo {
	height: 48px;
	width: auto;
	max-height: 56px;
	object-fit: contain;
	display: block;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 640px) {
	.gg-header-logo {
		height: 54px;
	}
}

@media (min-width: 768px) {
	.gg-header-logo {
		height: 58px;
	}
}

.gg-footer-logo {
	height: 64px;
	width: auto;
	max-height: 80px;
	object-fit: contain;
	display: block;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 640px) {
	.gg-footer-logo {
		height: 72px;
	}
}