/**
 * Dizi Tools Pro - E-Commerce Store & Mobile App UI Stylesheet
 * 
 * Includes:
 * 1. Top Header Announcement Bar
 * 2. Instant 3-Character AJAX Live Product Search & Results Dropdown
 * 3. Header Live Cart & Wishlist Controls
 * 4. Touch-Friendly Hero Carousel / Editable Slider
 * 5. Features & Trust Strip
 * 6. Native App-Style Horizontal Category Filter Chips
 * 7. Mobile App 2-Column Product Grid & Desktop 4-Column Grid
 * 8. Single Product Page Enhancements (Digital vs Physical Badges, Buy Now, Delivery Box)
 * 9. Mobile Bottom Navigation Dock Styling
 * 10. Dark Mode Overrides
 */

/* ==========================================================================
   1. HEADER TOP BAR (CONTACT, PROMO TICKER & UTILITIES)
   ========================================================================== */
/* Wishlist and Cart Count Badges Safeguard */
#diziWishlistCountBadge:empty,
#diziWishlistCountBadge[data-count="0"],
#diziWishlistCountBadge[style*="display: none"],
.dizi-wishlist-badge-count:empty,
.dizi-wishlist-badge-count[data-count="0"],
.dizi-fav-badge-count:empty,
.dizi-fav-badge-count[data-count="0"],
.dizi-cart-badge-count:empty,
.dizi-cart-badge-count[data-count="0"],
.dizi-bnav-cart-badge:empty,
.dizi-bnav-cart-badge[data-count="0"] {
	display: none !important;
}

.dizi-header-top-bar {
	background: var(--tb-bg, #0f172a);
	color: var(--tb-text, #cbd5e1);
	font-size: var(--tb-font-size, 12px);
	min-height: var(--tb-height, 38px);
	font-weight: 500;
	border-bottom: 1px solid var(--tb-border, #1e293b);
	position: relative;
	z-index: 1002;
	line-height: 1.5;
	display: flex;
	align-items: center;
	transition: background-color 0.2s ease, color 0.2s ease, min-height 0.2s ease;
}

[data-theme="dark"] .dizi-header-top-bar {
	border-color: rgba(255, 255, 255, 0.08);
}

.dizi-top-bar-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	min-height: var(--tb-height, 38px);
	padding-top: var(--tb-padding, 0.4rem);
	padding-bottom: var(--tb-padding, 0.4rem);
}


.dizi-top-bar-left,
.dizi-top-bar-right {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.dizi-tb-item,
.dizi-tb-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: var(--tb-text, #cbd5e1);
	text-decoration: none !important;
	transition: color 0.2s ease, opacity 0.2s ease;
	white-space: nowrap;
}

.dizi-tb-item:hover,
.dizi-tb-link:hover {
	color: var(--tb-hover, #818cf8);
}

.dizi-tb-wa {
	color: #34d399 !important;
	font-weight: 600;
}

.dizi-tb-wa:hover {
	color: #6ee7b7 !important;
}

.dizi-tb-delivery-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: var(--tb-text, #cbd5e1);
	font-weight: 500;
	opacity: 0.9;
	white-space: nowrap;
}

.dizi-tb-app-link {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background: rgba(255, 255, 255, 0.1);
	padding: 0.12rem 0.55rem;
	border-radius: 9999px;
	color: var(--tb-text, #cbd5e1);
	font-weight: 600;
	transition: all 0.2s ease;
}

.dizi-tb-app-link:hover {
	background: rgba(255, 255, 255, 0.2);
	color: var(--tb-hover, #818cf8);
}

.dizi-tb-icon {
	font-size: 0.85rem;
	display: inline-block;
}

/* Center Promo Pill */
.dizi-top-bar-center {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.dizi-tb-promo-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--tb-promo-bg, #1e1b4b);
	border: 1px solid rgba(255, 255, 255, 0.15);
	padding: 0.2rem 0.75rem;
	border-radius: 9999px;
	color: var(--tb-promo-text, #ffffff);
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.dizi-tb-promo-text {
	color: var(--tb-promo-text, #ffffff);
}

.dizi-tb-promo-link {
	color: var(--tb-hover, #818cf8);
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 700;
	transition: color 0.2s;
}

.dizi-tb-promo-link:hover {
	color: #ffffff;
}

.dizi-tb-app-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 2px 10px;
	border-radius: 9999px;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(168, 85, 247, 0.25));
	border: 1px solid rgba(129, 140, 248, 0.35);
	color: #ffffff !important;
	cursor: pointer;
	font-size: var(--tb-font-size, 12px);
	font-weight: 600;
	transition: all 0.2s ease;
	line-height: 1.4;
}

.dizi-tb-app-btn:hover {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.45), rgba(168, 85, 247, 0.45));
	border-color: rgba(129, 140, 248, 0.6);
	transform: translateY(-1px);
	color: #ffffff !important;
}

.dizi-tb-app-badge {
	display: inline-block;
	padding: 1px 5px;
	border-radius: 9999px;
	background: #10b981;
	color: #ffffff;
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1;
}

.dizi-tb-account {
	font-weight: 600;
	color: var(--tb-text, #cbd5e1);
}
.dizi-tb-account:hover {
	color: var(--tb-hover, #818cf8);
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
	.dizi-tb-hide-md {
		display: none !important;
	}
	.dizi-top-bar-container {
		justify-content: space-between;
	}
}

@media (max-width: 640px) {
	.dizi-tb-hide-sm {
		display: none !important;
	}
	.dizi-top-bar-left {
		display: none !important;
	}
	.dizi-top-bar-center {
		justify-content: flex-start;
		font-size: 0.725rem;
	}
	.dizi-tb-promo-pill {
		padding: 0.15rem 0.5rem;
	}
}

/* ==========================================================================
   2. HEADER LIVE PRODUCT SEARCH (EXPANDS TO LEFT ON CLICK)
   ========================================================================== */
.dizi-header-search-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin: 0;
	z-index: 1010;
}

/* 40x40 Search Toggle Icon Button (exact match with Cart / Action button) */
.dizi-search-toggle-btn {
	cursor: pointer;
	position: relative;
	transition: all 0.25s ease;
}

.dizi-search-toggle-btn:hover,
.dizi-header-search-wrap.active .dizi-search-toggle-btn {
	background: rgba(99, 102, 241, 0.15) !important;
	border-color: #6366f1 !important;
	color: #6366f1 !important;
}

[data-theme="dark"] .dizi-search-toggle-btn:hover,
[data-theme="dark"] .dizi-header-search-wrap.active .dizi-search-toggle-btn {
	background: rgba(129, 140, 248, 0.2) !important;
	border-color: #818cf8 !important;
	color: #818cf8 !important;
}

/* Expandable Box - Anchored to the Right of Search Button (Expands to Left!) */
.dizi-search-expandable-box {
	position: absolute;
	right: calc(100% + 8px);
	top: 50%;
	transform: translateY(-50%) scaleX(0.92);
	transform-origin: right center;
	width: 0;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: width 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.22s ease, transform 0.25s ease, visibility 0.3s;
	display: flex;
	flex-direction: column;
	z-index: 1020;
}

/* Active State: Opens smoothly towards Left */
.dizi-header-search-wrap.active .dizi-search-expandable-box {
	width: 380px;
	max-width: calc(100vw - 140px);
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transform: translateY(-50%) scaleX(1);
}

@media (max-width: 640px) {
	.dizi-header-search-wrap.active .dizi-search-expandable-box {
		width: calc(100vw - 90px);
		max-width: 320px;
	}
}

.dizi-search-input-box {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #ffffff;
	border: 1.5px solid #6366f1;
	border-radius: 9999px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 0 0 3px rgba(99, 102, 241, 0.15);
	box-sizing: border-box;
	transition: all 0.2s ease;
}

[data-theme="dark"] .dizi-search-input-box {
	background: #1e293b;
	border-color: #818cf8;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(129, 140, 248, 0.2);
}

.dizi-search-field {
	width: 100%;
	height: 100%;
	padding: 0 3.8rem 0 2.4rem;
	border-radius: 9999px;
	border: none;
	background: transparent;
	color: #0f172a;
	font-size: 0.875rem;
	font-family: inherit;
	outline: none;
	box-sizing: border-box;
}

[data-theme="dark"] .dizi-search-field {
	color: #f8fafc;
}

[data-theme="dark"] .dizi-search-field::placeholder {
	color: #94a3b8;
}

.dizi-search-icon-left {
	position: absolute;
	left: 0.85rem;
	color: #6366f1;
	pointer-events: none;
	width: 17px;
	height: 17px;
}

[data-theme="dark"] .dizi-search-icon-left {
	color: #818cf8;
}

.dizi-search-clear-btn {
	position: absolute;
	right: 2.2rem;
	background: transparent;
	border: none;
	color: #94a3b8;
	cursor: pointer;
	padding: 4px;
	font-size: 1.15rem;
	line-height: 1;
	display: none;
}

.dizi-search-clear-btn:hover {
	color: #ef4444;
}

.dizi-search-close-btn {
	position: absolute;
	right: 0.45rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(148, 163, 184, 0.15);
	border: none;
	color: #64748b;
	cursor: pointer;
	transition: all 0.15s ease;
	padding: 0;
}

.dizi-search-close-btn:hover {
	background: rgba(239, 68, 68, 0.15);
	color: #ef4444;
	transform: scale(1.08);
}

[data-theme="dark"] .dizi-search-close-btn {
	background: rgba(255, 255, 255, 0.1);
	color: #cbd5e1;
}

[data-theme="dark"] .dizi-search-close-btn:hover {
	background: rgba(239, 68, 68, 0.25);
	color: #f87171;
}

/* Live Search Dropdown */
.dizi-live-search-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 440px;
	max-width: calc(100vw - 24px);
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2), 0 10px 20px -5px rgba(0, 0, 0, 0.1);
	z-index: 1030;
	overflow-x: hidden !important;
	overflow-y: hidden;
	display: none;
	animation: diziFadeSlide 0.2s ease-out;
}

[data-theme="dark"] .dizi-live-search-dropdown {
	background: #1e293b;
	border-color: #334155;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75);
}

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

.dizi-search-status-bar {
	padding: 0.75rem 1.15rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: #64748b;
	background: rgba(248, 250, 252, 0.85);
	border-bottom: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

[data-theme="dark"] .dizi-search-status-bar {
	background: rgba(15, 23, 42, 0.6);
	border-bottom-color: #334155;
	color: #94a3b8;
}

.dizi-search-results-list {
	max-height: 380px;
	overflow-y: auto;
	overflow-x: hidden !important;
	margin: 0;
	padding: 0.35rem 0;
	list-style: none;
}

.dizi-search-results-list::-webkit-scrollbar {
	width: 6px;
}

.dizi-search-results-list::-webkit-scrollbar-track {
	background: transparent;
}

.dizi-search-results-list::-webkit-scrollbar-thumb {
	background: rgba(148, 163, 184, 0.35);
	border-radius: 6px;
}

.dizi-search-results-list::-webkit-scrollbar-thumb:hover {
	background: rgba(148, 163, 184, 0.6);
}

.dizi-search-result-item {
	display: flex;
	align-items: center;
	padding: 0.75rem 1.15rem;
	gap: 0.875rem;
	text-decoration: none;
	color: inherit;
	transition: background 0.15s ease;
	border-bottom: 1px solid rgba(226, 232, 240, 0.7);
	width: 100%;
	box-sizing: border-box;
}

[data-theme="dark"] .dizi-search-result-item {
	border-bottom: 1px solid rgba(51, 65, 85, 0.6);
}

.dizi-search-result-item:last-child {
	border-bottom: none;
}

.dizi-search-result-item:hover {
	background: rgba(99, 102, 241, 0.08);
}

[data-theme="dark"] .dizi-search-result-item:hover {
	background: rgba(99, 102, 241, 0.18);
}

.dizi-search-thumb {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	object-fit: cover;
	background: #f1f5f9;
	flex-shrink: 0;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .dizi-search-thumb {
	border-color: rgba(255, 255, 255, 0.08);
}

.dizi-search-details {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.dizi-search-title {
	font-size: 0.92rem;
	font-weight: 600;
	color: #0f172a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
}

[data-theme="dark"] .dizi-search-title {
	color: #f8fafc;
}

.dizi-search-meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.dizi-badge-mini {
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	border-radius: 9999px;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	white-space: nowrap;
	flex-shrink: 0;
}

.badge-digital {
	background: #eff6ff;
	color: #2563eb;
	border: 1px solid #bfdbfe;
}

[data-theme="dark"] .badge-digital {
	background: rgba(37, 99, 235, 0.2);
	color: #60a5fa;
	border-color: rgba(96, 165, 250, 0.3);
}

.badge-physical {
	background: #ecfdf5;
	color: #059669;
	border: 1px solid #a7f3d0;
}

[data-theme="dark"] .badge-physical {
	background: rgba(5, 150, 105, 0.2);
	color: #34d399;
	border-color: rgba(52, 211, 153, 0.3);
}

.dizi-search-right {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-left: auto;
	flex-shrink: 0;
	text-align: right;
}

.dizi-search-price {
	font-weight: 700;
	font-size: 0.95rem;
	color: #10b981;
	white-space: nowrap;
}

[data-theme="dark"] .dizi-search-price {
	color: #34d399;
}

.dizi-search-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	transition: transform 0.15s ease, color 0.15s ease;
}

.dizi-search-result-item:hover .dizi-search-arrow {
	color: #6366f1;
	transform: translateX(3px);
}

[data-theme="dark"] .dizi-search-result-item:hover .dizi-search-arrow {
	color: #818cf8;
}

/* ==========================================================================
   3. HEADER CART & WISHLIST BUTTONS
   ========================================================================== */
.dizi-cart-btn-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.dizi-cart-badge-count {
	position: absolute;
	top: -4px;
	right: -4px;
	background: #ef4444;
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: 700;
	min-width: 19px;
	height: 19px;
	border-radius: 9999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	border: 2px solid var(--card-bg, #ffffff);
	box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);
}

/* ==========================================================================
   3.5 TOP ADVERTISE BANNER (DIRECTLY ABOVE HERO SLIDER)
   ========================================================================== */
.dizi-hero-ad-banner-wrap {
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
	position: relative;
	z-index: 5;
}

.dizi-ad-banner-box {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.dizi-ad-compliance-tag {
	position: absolute;
	top: 8px;
	right: 12px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	padding: 2px 8px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	z-index: 2;
	pointer-events: none;
}

[data-theme="dark"] .dizi-ad-compliance-tag {
	background: rgba(15, 23, 42, 0.8);
	color: #94a3b8;
	border-color: rgba(255, 255, 255, 0.1);
}

/* Mode 1: Image Banner */
.dizi-ad-banner-image-mode {
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.04);
	display: flex;
	justify-content: center;
	align-items: center;
}

.dizi-ad-img-link {
	display: block;
	width: 100%;
	text-align: center;
}

.dizi-ad-banner-img {
	width: 100%;
	max-height: 120px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.dizi-ad-banner-image-mode:hover .dizi-ad-banner-img {
	transform: scale(1.015);
}

/* Mode 2: Custom Code / AdSense */
.dizi-ad-banner-code-mode {
	background: var(--card-bg, #ffffff);
	border: 1px dashed var(--border-color, #cbd5e1);
	padding: 1.5rem 1rem 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 90px;
}

.dizi-ad-code-content {
	width: 100%;
	text-align: center;
}

/* Mode 3: Rich Promo Card */
.dizi-ad-banner-rich-mode {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(236, 72, 153, 0.08) 50%, rgba(245, 158, 11, 0.06) 100%);
	border: 1px solid rgba(99, 102, 241, 0.2);
	box-shadow: 0 4px 20px -2px rgba(99, 102, 241, 0.08);
	padding: 1rem 1.5rem;
}

[data-theme="dark"] .dizi-ad-banner-rich-mode {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(236, 72, 153, 0.12) 50%, rgba(245, 158, 11, 0.1) 100%);
	border-color: rgba(99, 102, 241, 0.3);
	box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.3);
}

.dizi-ad-banner-rich-mode:hover {
	border-color: #6366f1;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px -4px rgba(99, 102, 241, 0.16);
}

.dizi-ad-rich-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-right: 7rem;
}

.dizi-ad-rich-text {
	flex: 1;
}

.dizi-ad-rich-title {
	display: block;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
	margin-bottom: 0.2rem;
	letter-spacing: -0.01em;
}

[data-theme="dark"] .dizi-ad-rich-title {
	color: #f8fafc;
}

.dizi-ad-rich-desc {
	font-size: 0.85rem;
	color: #64748b;
	margin: 0;
	line-height: 1.45;
}

[data-theme="dark"] .dizi-ad-rich-desc {
	color: #94a3b8;
}

.dizi-ad-rich-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
	color: #ffffff !important;
	font-size: 0.85rem;
	font-weight: 700;
	padding: 0.65rem 1.35rem;
	border-radius: 9999px;
	white-space: nowrap;
	box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);
	transition: all 0.25s ease;
	text-decoration: none !important;
	flex-shrink: 0;
}

.dizi-ad-rich-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(79, 70, 229, 0.45);
	background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);
}

@media (max-width: 768px) {
	.dizi-ad-rich-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.875rem;
		padding-right: 0;
		padding-top: 1.25rem;
	}
	.dizi-ad-rich-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   4. TOUCH-FRIENDLY HERO CAROUSEL / EDITABLE SLIDER
   ========================================================================== */
.dizi-home-slider-section {
	padding: 1.25rem 0 2rem;
	background: transparent;
	position: relative;
}

.dizi-slider-container {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
	.dizi-slider-container {
		border-radius: 16px;
	}
}

.dizi-slider-track {
	display: flex;
	transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
	width: 100%;
}

.dizi-slide-item {
	min-width: 100%;
	width: 100%;
	flex-shrink: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 3.75rem 5.5rem;
	position: relative;
	background-size: cover;
	background-position: center;
}

.dizi-slide-item.has-slide-image {
	justify-content: space-between;
	gap: 2.5rem;
	padding: 3.75rem 5.5rem;
}

.dizi-slide-item.has-slide-image .dizi-slide-content {
	flex: 1 1 58%;
	max-width: 580px;
}

.dizi-slide-media-wrap {
	flex: 0 1 42%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.dizi-slide-product-img {
	max-width: 100%;
	max-height: 320px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.45));
	border-radius: 14px;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
	animation: diziSlideImgFloat 5s ease-in-out infinite alternate;
}

.dizi-slide-item:hover .dizi-slide-product-img {
	transform: scale(1.03) translateY(-4px);
	filter: drop-shadow(0 20px 35px rgba(0, 0, 0, 0.55));
}

@keyframes diziSlideImgFloat {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-8px);
	}
}

@media (max-width: 991px) {
	.dizi-slide-item.has-slide-image {
		gap: 1.5rem;
		padding: 2.75rem 2rem;
	}
	.dizi-slide-product-img {
		max-height: 240px;
	}
}

@media (max-width: 768px) {
	.dizi-slide-item {
		padding: 2.25rem 1.5rem;
		min-height: 320px;
	}
	.dizi-slide-item.has-slide-image {
		flex-direction: column-reverse;
		text-align: center;
		padding: 2rem 1.25rem;
		gap: 1.25rem;
	}
	.dizi-slide-item.has-slide-image .dizi-slide-content {
		flex: 1 1 100%;
		max-width: 100%;
	}
	.dizi-slide-item.has-slide-image .dizi-slide-actions {
		justify-content: center;
	}
	.dizi-slide-media-wrap {
		flex: 0 1 auto;
		width: 100%;
	}
	.dizi-slide-product-img {
		max-height: 180px;
		animation: none;
	}
}

/* Slide Gradients */
.slide-theme-digital {
	background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);
	color: #ffffff;
}

.slide-theme-physical {
	background: linear-gradient(135deg, #064e3b 0%, #065f46 50%, #047857 100%);
	color: #ffffff;
}

.slide-theme-tools {
	background: linear-gradient(135deg, #4c0519 0%, #881337 50%, #be123c 100%);
	color: #ffffff;
}

.dizi-slide-content {
	max-width: 620px;
	position: relative;
	z-index: 2;
}

.dizi-slide-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(8px);
	padding: 0.35rem 0.85rem;
	border-radius: 9999px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.dizi-slide-title {
	font-size: 2.25rem;
	line-height: 1.15;
	font-weight: 800;
	margin-bottom: 0.75rem;
	color: #ffffff;
}

@media (max-width: 768px) {
	.dizi-slide-title {
		font-size: 1.25rem;
		line-height: 1.22;
		margin-bottom: 0.4rem;
	}
}

@media (max-width: 480px) {
	.dizi-slide-title {
		font-size: 1.15rem;
	}
}

.dizi-slide-desc {
	font-size: 1rem;
	line-height: 1.5;
	opacity: 0.9;
	margin-bottom: 1.5rem;
	color: #f1f5f9;
}

@media (max-width: 768px) {
	.dizi-slide-desc {
		font-size: 0.8rem;
		line-height: 1.4;
		margin-bottom: 0.85rem;
	}
}

.dizi-slide-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.dizi-slide-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #ffffff;
	color: #0f172a;
	font-weight: 700;
	font-size: 0.95rem;
	padding: 0.75rem 1.75rem;
	border-radius: 9999px;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
}

.dizi-slide-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.dizi-slide-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
	font-weight: 600;
	font-size: 0.95rem;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.3);
	transition: background 0.2s;
}

.dizi-slide-btn-secondary:hover {
	background: rgba(255, 255, 255, 0.25);
}

@media (max-width: 768px) {
	.dizi-slide-actions {
		gap: 0.5rem;
	}

	.dizi-slide-btn-primary {
		padding: 0.5rem 1.15rem;
		font-size: 0.8rem;
		height: 36px;
		box-sizing: border-box;
	}

	.dizi-slide-btn-secondary {
		padding: 0.5rem 1rem;
		font-size: 0.8rem;
		height: 36px;
		box-sizing: border-box;
	}
}

/* Slider Controls */
.dizi-slider-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1.5px solid rgba(255, 255, 255, 0.35);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	padding: 0;
	user-select: none;
}

.dizi-slider-nav-btn svg {
	width: 22px;
	height: 22px;
	stroke: #ffffff;
	transition: stroke 0.2s ease, transform 0.2s ease;
	display: block;
	pointer-events: none;
}

.dizi-slider-nav-btn:hover {
	background: #ffffff;
	border-color: #ffffff;
	color: #0f172a;
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.dizi-slider-nav-btn:hover svg {
	stroke: #0f172a;
}

.dizi-slider-prev {
	left: 1.5rem;
}

.dizi-slider-prev:hover svg {
	transform: translateX(-2px);
}

.dizi-slider-next {
	right: 1.5rem;
}

.dizi-slider-next:hover svg {
	transform: translateX(2px);
}

.dizi-slider-nav-btn:active {
	transform: translateY(-50%) scale(0.95);
}

@media (max-width: 991px) {
	.dizi-slide-item,
	.dizi-slide-item.has-slide-image {
		padding: 3rem 4.25rem;
	}
	.dizi-slider-nav-btn {
		width: 42px;
		height: 42px;
	}
	.dizi-slider-nav-btn svg {
		width: 19px;
		height: 19px;
	}
	.dizi-slider-prev { left: 0.75rem; }
	.dizi-slider-next { right: 0.75rem; }
}

@media (max-width: 768px) {
	.dizi-slide-item,
	.dizi-slide-item.has-slide-image {
		padding: 2.25rem 1.25rem 3.5rem;
	}
	.dizi-slider-nav-btn {
		width: 38px;
		height: 38px;
		background: rgba(15, 23, 42, 0.65);
	}
	.dizi-slider-nav-btn svg {
		width: 16px;
		height: 16px;
	}
	.dizi-slider-prev { left: 0.5rem; }
	.dizi-slider-next { right: 0.5rem; }
}

.dizi-slider-dots {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 0.5rem;
	z-index: 10;
}

.dizi-slider-dot {
	width: 10px;
	height: 10px;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.4);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
}

.dizi-slider-dot.active {
	background: #ffffff;
	width: 26px;
}

/* ==========================================================================
   5. FEATURES & TRUST STRIP
   ========================================================================== */
.dizi-features-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.125rem;
	margin: 1.75rem auto 2.5rem;
	max-width: 1280px;
	padding: 0 1rem;
	box-sizing: border-box;
}

.dizi-features-strip .dizi-feature-card {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	background: var(--card-bg, #ffffff);
	padding: 1rem 1.25rem;
	border-radius: 16px;
	border: 1px solid var(--border-color, #e2e8f0);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	min-width: 0;
	box-sizing: border-box;
}

.dizi-features-strip .dizi-feature-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07);
}

[data-theme="dark"] .dizi-features-strip .dizi-feature-card {
	background: #1e293b;
	border-color: #334155;
}

[data-theme="dark"] .dizi-features-strip .dizi-feature-card:hover {
	border-color: #475569;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}

.dizi-features-strip .dizi-fc-icon-wrap {
	font-size: 1.75rem;
	line-height: 1;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

.dizi-features-strip .dizi-fc-icon-wrap svg {
	width: 28px;
	height: 28px;
	stroke: currentColor;
	display: block;
}

.dizi-features-strip .dizi-fc-icon-wrap img {
	width: 32px;
	height: 32px;
	object-fit: contain;
	display: block;
}

.dizi-features-strip .dizi-fc-text {
	min-width: 0;
	flex: 1 1 auto;
}

.dizi-features-strip .dizi-fc-text strong {
	display: block;
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
	margin-bottom: 0.2rem;
	line-height: 1.25;
}

[data-theme="dark"] .dizi-features-strip .dizi-fc-text strong {
	color: #f8fafc;
}

.dizi-features-strip .dizi-fc-text small {
	display: block;
	font-size: 0.775rem;
	color: #64748b;
	line-height: 1.35;
}

[data-theme="dark"] .dizi-features-strip .dizi-fc-text small {
	color: #94a3b8;
}

/* Tablet: 2x2 Grid with horizontal card layout */
@media (max-width: 991px) and (min-width: 769px) {
	.dizi-features-strip {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.875rem;
		margin: 1.25rem auto 2rem;
		padding: 0 1rem;
	}

	.dizi-features-strip .dizi-feature-card {
		padding: 0.95rem 1.15rem;
	}
}

/* Mobile: 2x2 App-style Feature Tiles (Icon on Top, Full Width Text) */
@media (max-width: 768px) {
	.dizi-features-strip {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.625rem !important;
		margin: 0.85rem auto 1.5rem !important;
		padding: 0 0.5rem !important;
	}

	.dizi-features-strip .dizi-feature-card {
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		text-align: left !important;
		padding: 0.85rem 0.85rem !important;
		border-radius: 14px !important;
		gap: 0.45rem !important;
		min-height: 100% !important;
		box-sizing: border-box !important;
		background: var(--card-bg, #ffffff) !important;
		border: 1px solid var(--border-color, #e2e8f0) !important;
	}

	[data-theme="dark"] .dizi-features-strip .dizi-feature-card {
		background: #1e293b !important;
		border-color: #334155 !important;
	}

	.dizi-features-strip .dizi-fc-icon-wrap {
		font-size: 1.55rem !important;
		line-height: 1 !important;
		margin-bottom: 0.15rem !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
	}

	.dizi-features-strip .dizi-fc-text {
		width: 100% !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	.dizi-features-strip .dizi-fc-text strong {
		display: block !important;
		font-size: 0.82rem !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		margin-bottom: 0.2rem !important;
		color: var(--text-color, #0f172a) !important;
		word-break: normal !important;
		white-space: normal !important;
	}

	[data-theme="dark"] .dizi-features-strip .dizi-fc-text strong {
		color: #f8fafc !important;
	}

	.dizi-features-strip .dizi-fc-text small {
		display: block !important;
		font-size: 0.70rem !important;
		line-height: 1.35 !important;
		color: #64748b !important;
		word-break: normal !important;
		white-space: normal !important;
	}

	[data-theme="dark"] .dizi-features-strip .dizi-fc-text small {
		color: #94a3b8 !important;
	}
}

/* Small Mobile Screens (< 380px) */
@media (max-width: 380px) {
	.dizi-features-strip {
		gap: 0.45rem !important;
		padding: 0 0.25rem !important;
	}

	.dizi-features-strip .dizi-feature-card {
		padding: 0.75rem 0.65rem !important;
		border-radius: 12px !important;
		gap: 0.35rem !important;
	}

	.dizi-features-strip .dizi-fc-icon-wrap {
		font-size: 1.35rem !important;
	}

	.dizi-features-strip .dizi-fc-text strong {
		font-size: 0.76rem !important;
		line-height: 1.2 !important;
	}

	.dizi-features-strip .dizi-fc-text small {
		font-size: 0.66rem !important;
		line-height: 1.25 !important;
	}
}

/* ==========================================================================
   6. HORIZONTAL CATEGORY / FILTER CHIPS (APP-STYLE)
   ========================================================================== */
.dizi-store-filter-bar {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	overflow-x: auto;
	padding: 0.5rem 0.25rem 1rem;
	margin-bottom: 1.5rem;
	scrollbar-width: none; /* Firefox */
	-webkit-overflow-scrolling: touch;
}

.dizi-store-filter-bar::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Edge */
}

.dizi-chip-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.55rem 1.15rem;
	border-radius: 9999px;
	background: var(--card-bg, #ffffff);
	border: 1.5px solid var(--border-color, #e2e8f0);
	color: var(--text-color, #334155);
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

[data-theme="dark"] .dizi-chip-btn {
	background: #1e293b;
	border-color: #334155;
	color: #cbd5e1;
}

.dizi-chip-btn:hover {
	border-color: #6366f1;
	color: #4f46e5;
}

.dizi-chip-btn.active {
	background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
	border-color: #4f46e5;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.35);
}

.dizi-cat-icon-img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	border-radius: 2px;
	flex-shrink: 0;
}

.dizi-cat-icon-emoji {
	display: inline-block;
	font-size: 1.05rem;
	line-height: 1;
	vertical-align: middle;
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.dizi-store-filter-bar {
		gap: 6px;
		padding: 4px 0 10px;
		margin-bottom: 14px;
	}

	.dizi-chip-btn {
		padding: 6px 12px;
		font-size: 0.78rem;
		height: 32px;
		border-radius: 9999px;
		gap: 4px;
	}
}

/* ==========================================================================
   7. APP-STYLE 2-COLUMN MOBILE & 4-COLUMN DESKTOP PRODUCT GRID
   ========================================================================== */
.dizi-products-grid {
	display: grid;
	grid-template-columns: repeat(var(--store-cols, 4), 1fr);
	gap: 1.25rem;
	margin-bottom: 2rem;
}

.dizi-products-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.dizi-products-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.dizi-products-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.dizi-products-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
.dizi-products-grid.cols-6 { grid-template-columns: repeat(6, 1fr); }

@media (max-width: 1200px) {
	.dizi-products-grid.cols-5,
	.dizi-products-grid.cols-6 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1024px) {
	.dizi-products-grid,
	.dizi-products-grid.cols-4,
	.dizi-products-grid.cols-5,
	.dizi-products-grid.cols-6 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.dizi-products-grid,
	.dizi-products-grid.cols-2,
	.dizi-products-grid.cols-3,
	.dizi-products-grid.cols-4,
	.dizi-products-grid.cols-5,
	.dizi-products-grid.cols-6 {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.625rem; /* 10px gap for sleek app look */
	}
}

@media (max-width: 480px) {
	.dizi-products-grid {
		gap: 0.5rem; /* 8px gap on smaller phones */
	}
}

/* ==========================================================================
   Show More Products Button
   ========================================================================== */
.dizi-store-show-more-wrap {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 2.5rem 0 3.5rem 0 !important;
	width: 100% !important;
	clear: both !important;
}

.dizi-btn-show-more {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	padding: 12px 28px !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	color: #ffffff !important;
	text-decoration: none !important;
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 9999px !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px -4px rgba(99, 102, 241, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
	transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
	position: relative !important;
	outline: none !important;
	user-select: none !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
}

.dizi-btn-show-more:hover {
	transform: translateY(-2px) scale(1.02) !important;
	background: linear-gradient(135deg, #4f46e5 0%, #4338ca 50%, #3730a3 100%) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	box-shadow: 0 12px 32px -4px rgba(99, 102, 241, 0.6), 0 0 20px rgba(99, 102, 241, 0.35) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

.dizi-btn-show-more:active {
	transform: translateY(0) scale(0.99) !important;
}

/* Hard reset for nested text/label inside Show More button */
.dizi-btn-show-more .dizi-btn-text,
.dizi-btn-show-more .dizi-btn-label {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.01em !important;
	transform: none !important;
	display: inline-block !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

/* Lightning Icon (Left Badge) */
.dizi-btn-show-more .dizi-btn-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.14) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	font-size: 0.95rem !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	color: #fbbf24 !important;
	transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

.dizi-btn-show-more .dizi-btn-icon svg {
	width: 16px !important;
	height: 16px !important;
	display: block !important;
	fill: #fbbf24 !important;
	color: #fbbf24 !important;
}

.dizi-btn-show-more:hover .dizi-btn-icon {
	transform: rotate(-12deg) scale(1.12) !important;
	background: rgba(251, 191, 36, 0.25) !important;
	border-color: rgba(251, 191, 36, 0.45) !important;
}

/* Arrow Icon (Right Badge) */
.dizi-btn-show-more .dizi-btn-arrow {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	min-width: 26px !important;
	min-height: 26px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.14) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	font-size: 0.95rem !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	color: #ffffff !important;
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), background 0.28s ease !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	margin: 0 !important;
}

.dizi-btn-show-more .dizi-btn-arrow svg {
	width: 14px !important;
	height: 14px !important;
	display: block !important;
	color: #ffffff !important;
	stroke-width: 2.5 !important;
}

.dizi-btn-show-more:hover .dizi-btn-arrow {
	transform: translate(3px, -3px) !important;
	background: rgba(255, 255, 255, 0.28) !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="light"] .dizi-btn-show-more {
	background: linear-gradient(135deg, #4f46e5 0%, #4338ca 50%, #3730a3 100%) !important;
	box-shadow: 0 6px 20px rgba(79, 70, 229, 0.3) !important;
}

@media (max-width: 640px) {
	.dizi-store-show-more-wrap {
		margin: 1.5rem 0 2.5rem 0 !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
	}

	.dizi-btn-show-more {
		width: 100% !important;
		max-width: 360px !important;
		padding: 11px 20px !important;
		font-size: 0.92rem !important;
	}

	.dizi-btn-show-more .dizi-btn-text,
	.dizi-btn-show-more .dizi-btn-label {
		font-size: 0.92rem !important;
		white-space: normal !important;
		text-align: center !important;
	}
}

.dizi-product-card {
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: all 0.25s ease;
}

[data-theme="dark"] .dizi-product-card {
	background: #182234;
	border-color: #27364b;
}

.dizi-product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.12);
}

/* Card Image Wrapper */
.dizi-card-media {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #ffffff;
}

[data-theme="dark"] .dizi-card-media {
	background: #ffffff;
}

.dizi-card-media > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #ffffff;
}

.dizi-product-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: none;
	transform-origin: center center;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.dizi-product-card:hover .dizi-product-img {
	transform: scale(1.04);
}

/* Floating Badges */
.dizi-card-badge-top {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
}

.dizi-card-badge-top .dizi-badge-mini {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 2.5px 7px;
	border-radius: 6px;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dizi-card-badge-top .badge-digital {
	background: rgba(15, 23, 42, 0.85) !important;
	color: #60a5fa !important;
	border: 1px solid rgba(96, 165, 250, 0.4) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.dizi-card-badge-top .badge-physical {
	background: rgba(15, 23, 42, 0.85) !important;
	color: #34d399 !important;
	border: 1px solid rgba(52, 211, 153, 0.4) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.dizi-card-sale-badge {
	position: absolute;
	bottom: 8px;
	left: 8px;
	background: #ef4444;
	color: #ffffff;
	font-size: 0.65rem;
	font-weight: 800;
	padding: 2px 6px;
	border-radius: 5px;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.35);
}

.dizi-card-wishlist-btn {
	position: absolute;
	top: 8px;
	right: 8px;
	background: rgba(15, 23, 42, 0.72) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #cbd5e1 !important;
	z-index: 2;
	transition: all 0.2s ease;
}

.dizi-card-wishlist-btn svg {
	width: 14px;
	height: 14px;
}

.dizi-card-wishlist-btn:hover,
.dizi-card-wishlist-btn.active {
	color: #ef4444 !important;
	background: rgba(239, 68, 68, 0.2) !important;
	border-color: rgba(239, 68, 68, 0.45) !important;
	transform: scale(1.08);
}

.dizi-card-wishlist-btn.active svg {
	fill: #ef4444;
}

/* Card Body */
.dizi-card-body {
	padding: 0.8rem 0.95rem 1rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.dizi-card-title {
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.32;
	color: var(--text-color, #0f172a);
	margin-bottom: 0.3rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none;
	min-height: 2.4em;
	transition: color 0.15s ease;
}

[data-theme="dark"] .dizi-card-title {
	color: #f1f5f9;
}

.dizi-card-title:hover {
	color: #6366f1;
}

/* Ratings */
.dizi-card-rating {
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 0.74rem;
	color: #f59e0b;
	margin-bottom: 0.4rem;
	line-height: 1;
}

.dizi-card-rating strong {
	font-weight: 700;
	color: #f59e0b;
}

[data-theme="dark"] .dizi-card-rating strong {
	color: #fbbf24;
}

.dizi-rating-count {
	color: #94a3b8;
	font-size: 0.7rem;
	font-weight: normal;
}

/* Price Block */
.dizi-card-price-block {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 6px;
	margin-top: auto;
	margin-bottom: 0.65rem;
	line-height: 1.15;
}

.dizi-card-price-block .woocommerce-Price-amount,
.dizi-card-price-block ins .woocommerce-Price-amount,
.dizi-card-price-block .dizi-price-current {
	font-size: 1.08rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
	letter-spacing: -0.02em;
}

[data-theme="dark"] .dizi-card-price-block .woocommerce-Price-amount,
[data-theme="dark"] .dizi-card-price-block ins .woocommerce-Price-amount,
[data-theme="dark"] .dizi-card-price-block .dizi-price-current {
	color: #f8fafc;
}

.dizi-card-price-block del,
.dizi-card-price-block del .woocommerce-Price-amount,
.dizi-card-price-block .dizi-price-old {
	font-size: 0.74rem;
	color: #94a3b8;
	text-decoration: line-through;
	font-weight: 500;
}

.dizi-card-price-block ins {
	text-decoration: none;
}

.dizi-price-off {
	font-size: 0.7rem;
	font-weight: 800;
	color: #10b981;
	background: rgba(16, 185, 129, 0.12);
	padding: 1px 4px;
	border-radius: 4px;
}

/* 1-Tap Add to Cart Button */
.dizi-card-add-btn {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background: #f1f5f9;
	color: #1e293b;
	border: 1px solid #e2e8f0;
	border-radius: 9px;
	padding: 0 10px;
	height: 35px;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
}

[data-theme="dark"] .dizi-card-add-btn {
	background: #243042;
	border-color: #33445b;
	color: #f1f5f9;
}

.dizi-card-add-btn:hover {
	background: #6366f1;
	border-color: #6366f1;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.dizi-card-add-btn:active {
	transform: scale(0.97);
}

.dizi-card-add-btn span:first-child {
	font-size: 0.88rem;
	line-height: 1;
}

.dizi-card-add-btn.loading {
	opacity: 0.7;
	pointer-events: none;
}

/* ==========================================================================
   MOBILE PRODUCT CARD OVERRIDES (Screen width <= 768px & <= 480px)
   ========================================================================== */
@media (max-width: 768px) {
	.dizi-product-card {
		border-radius: 14px;
	}

	.dizi-card-media {
		aspect-ratio: 1 / 1;
	}

	.dizi-card-media > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #ffffff;
	}

	.dizi-product-img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		transform: none;
		transform-origin: center center;
	}

	.dizi-card-badge-top {
		top: 5px;
		left: 5px;
	}

	.dizi-card-badge-top .dizi-badge-mini {
		padding: 2px 5px;
		font-size: 0.58rem;
		border-radius: 4px;
	}

	.dizi-card-sale-badge {
		bottom: 5px;
		left: 5px;
		font-size: 0.58rem;
		padding: 2px 5px;
		border-radius: 4px;
	}

	.dizi-card-wishlist-btn {
		top: 5px;
		right: 5px;
		width: 26px;
		height: 26px;
	}

	.dizi-card-wishlist-btn svg {
		width: 12px;
		height: 12px;
	}

	.dizi-card-body {
		padding: 8px 9px 10px;
	}

	.dizi-card-title {
		font-size: 0.82rem;
		line-height: 1.25;
		min-height: 2.05rem;
		max-height: 2.05rem;
		margin-bottom: 3px;
		font-weight: 600;
		letter-spacing: -0.01em;
	}

	.dizi-card-rating {
		font-size: 0.70rem;
		gap: 3px;
		margin-bottom: 4px;
	}

	.dizi-card-rating strong {
		font-size: 0.72rem;
	}

	.dizi-rating-count {
		font-size: 0.65rem;
	}

	.dizi-card-price-block {
		gap: 3px 5px;
		margin-bottom: 6px;
	}

	.dizi-card-price-block .woocommerce-Price-amount,
	.dizi-card-price-block ins .woocommerce-Price-amount,
	.dizi-card-price-block .dizi-price-current {
		font-size: 0.98rem;
	}

	.dizi-card-price-block del,
	.dizi-card-price-block del .woocommerce-Price-amount,
	.dizi-card-price-block .dizi-price-old {
		font-size: 0.70rem;
	}

	.dizi-card-add-btn {
		height: 33px;
		padding: 0 8px;
		font-size: 0.76rem;
		border-radius: 8px;
		gap: 3px;
	}
}

@media (max-width: 480px) {
	.dizi-shop-home .dizi-container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.dizi-product-img {
		transform: none;
	}

	.dizi-card-body {
		padding: 7px 8px 9px;
	}

	.dizi-card-title {
		font-size: 0.78rem;
		min-height: 1.95rem;
		max-height: 1.95rem;
	}

	.dizi-card-price-block .woocommerce-Price-amount,
	.dizi-card-price-block ins .woocommerce-Price-amount,
	.dizi-card-price-block .dizi-price-current {
		font-size: 0.92rem;
	}

	.dizi-card-add-btn {
		height: 31px;
		font-size: 0.73rem;
		border-radius: 7px;
	}
}

/* ==========================================================================
   8. SPECIAL PROMO COUPON BANNER STRIP
   ========================================================================== */
.dizi-promo-coupon-strip {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
	color: #ffffff;
	border-radius: 20px;
	padding: 2rem 2.5rem;
	margin: 2rem auto 3.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.4);
}

@media (max-width: 768px) {
	.dizi-promo-coupon-strip {
		flex-direction: column;
		padding: 1.25rem 1rem;
		border-radius: 16px;
		text-align: center;
		margin: 1.5rem auto 2.25rem;
		gap: 0.85rem;
	}

	.dizi-promo-text h3 {
		font-size: 1.15rem;
		line-height: 1.25;
		margin-bottom: 0.25rem;
	}

	.dizi-promo-text p {
		font-size: 0.78rem;
		line-height: 1.4;
	}

	.dizi-promo-action {
		padding: 3px 3px 3px 10px;
		gap: 0.5rem;
	}

	.dizi-coupon-code {
		font-size: 0.95rem;
	}

	.dizi-btn-copy-code {
		padding: 5px 12px;
		font-size: 0.76rem;
		height: 32px;
	}
}

.dizi-promo-text h3 {
	font-size: 1.5rem;
	font-weight: 800;
	margin-bottom: 0.35rem;
	color: #ffffff;
}

.dizi-promo-text p {
	font-size: 0.95rem;
	opacity: 0.9;
	margin: 0;
}

.dizi-promo-action {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	padding: 0.5rem 0.5rem 0.5rem 1.25rem;
	border-radius: 9999px;
	border: 1px dashed rgba(255, 255, 255, 0.5);
}

.dizi-coupon-code {
	font-family: monospace;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	color: #fef08a;
}

.dizi-btn-copy-code {
	background: #ffffff;
	color: #4f46e5;
	border: none;
	border-radius: 9999px;
	padding: 0.5rem 1.15rem;
	font-weight: 700;
	font-size: 0.85rem;
	cursor: pointer;
	transition: transform 0.2s;
}

.dizi-btn-copy-code:hover {
	transform: scale(1.05);
}

/* ==========================================================================
   9. "EXPLORE FREE TOOLS" SHOWCASE SECTION
   ========================================================================== */
.dizi-tools-showcase-section {
	padding: 3rem 0;
	border-top: 1px solid var(--border-color, #e2e8f0);
}

.dizi-section-header {
	text-align: center;
	margin-bottom: 2rem;
	position: relative;
}

/* WordPress Customizer Pencil Shortcut Icon Visibility */
.customize-partial-edit-shortcut {
	z-index: 99999 !important;
}

#diziHeaderTopBar .customize-partial-edit-shortcut,
#diziHeaderTopBar > .customize-partial-edit-shortcut,
.customize-partial-edit-shortcut-dizi_top_banner_partial {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	left: max(16px, calc((100% - 1280px) / 2 - 32px)) !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 99999 !important;
}

#diziHeaderTopBar .customize-partial-edit-shortcut button,
#diziHeaderTopBar > .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut-dizi_top_banner_partial button,
#diziHeaderTopBar .customize-partial-edit-shortcut-button {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: none !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	border-radius: 50% !important;
	background: #0073aa !important;
	color: #ffffff !important;
	border: 1.5px solid #ffffff !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	z-index: 99999 !important;
	line-height: 1 !important;
	transition: transform 0.15s ease, background-color 0.15s ease !important;
}

#diziHeaderTopBar .customize-partial-edit-shortcut button:hover,
#diziHeaderTopBar > .customize-partial-edit-shortcut button:hover,
.customize-partial-edit-shortcut-dizi_top_banner_partial button:hover,
#diziHeaderTopBar .customize-partial-edit-shortcut-button:hover {
	background: #005177 !important;
	transform: scale(1.15) !important;
}

#diziHeaderTopBar .customize-partial-edit-shortcut button svg,
#diziHeaderTopBar > .customize-partial-edit-shortcut button svg,
.customize-partial-edit-shortcut-dizi_top_banner_partial button svg,
#diziHeaderTopBar .customize-partial-edit-shortcut-button svg {
	width: 13px !important;
	height: 13px !important;
	min-width: 13px !important;
	min-height: 13px !important;
	fill: #ffffff !important;
	margin: auto !important;
}

#diziTopAnnouncement .customize-partial-edit-shortcut {
	position: relative !important;
	display: inline-flex !important;
	margin-left: 8px !important;
	z-index: 99999 !important;
}

.dizi-section-badge-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	background: rgba(99, 102, 241, 0.1);
	color: #4f46e5;
	padding: 0.3rem 0.85rem;
	border-radius: 9999px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

[data-theme="dark"] .dizi-section-badge-pill {
	background: rgba(99, 102, 241, 0.18);
	color: #a5b4fc;
}

.dizi-section-heading {
	font-size: 1.85rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
	margin-bottom: 0.5rem;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

[data-theme="dark"] .dizi-section-heading {
	color: #f8fafc;
}

.dizi-section-subtitle {
	font-size: 0.95rem;
	color: #64748b;
	line-height: 1.5;
}

[data-theme="dark"] .dizi-section-subtitle {
	color: #94a3b8;
}

@media (max-width: 768px) {
	.dizi-section-header {
		margin-bottom: 1.25rem;
		text-align: center;
	}

	.dizi-section-badge-pill {
		font-size: 0.68rem;
		padding: 3px 9px;
		margin-bottom: 0.35rem;
	}

	.dizi-section-heading {
		font-size: 1.28rem;
		line-height: 1.25;
		margin-bottom: 0.35rem;
	}

	.dizi-section-subtitle {
		font-size: 0.82rem;
		line-height: 1.4;
		max-width: 92%;
		margin: 0 auto;
	}
}

@media (max-width: 480px) {
	.dizi-section-heading {
		font-size: 1.18rem;
	}

	.dizi-section-subtitle {
		font-size: 0.78rem;
	}
}

.dizi-tools-cards-row {
	display: grid;
	grid-template-columns: repeat(var(--tools-cols, 4), 1fr);
	gap: 1.25rem;
	margin-bottom: 2rem;
}

.dizi-tools-cards-row.cols-2 { grid-template-columns: repeat(2, 1fr); }
.dizi-tools-cards-row.cols-3 { grid-template-columns: repeat(3, 1fr); }
.dizi-tools-cards-row.cols-4 { grid-template-columns: repeat(4, 1fr); }
.dizi-tools-cards-row.cols-5 { grid-template-columns: repeat(5, 1fr); }
.dizi-tools-cards-row.cols-6 { grid-template-columns: repeat(6, 1fr); }

.dizi-tools-cards-row.cols-5 .dizi-tool-preview-card,
.dizi-tools-cards-row.cols-6 .dizi-tool-preview-card {
	padding: 1.15rem 1rem;
}

.dizi-tools-cards-row.cols-5 .dizi-tpc-icon-wrap,
.dizi-tools-cards-row.cols-6 .dizi-tpc-icon-wrap {
	width: 42px;
	height: 42px;
	font-size: 1.3rem;
	margin-bottom: 0.75rem;
}

.dizi-tools-cards-row.cols-5 .dizi-tpc-title,
.dizi-tools-cards-row.cols-6 .dizi-tpc-title {
	font-size: 0.92rem;
}

.dizi-tools-cards-row.cols-5 .dizi-tpc-desc,
.dizi-tools-cards-row.cols-6 .dizi-tpc-desc {
	font-size: 0.78rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.dizi-tools-cards-row.cols-5,
	.dizi-tools-cards-row.cols-6 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 991px) {
	.dizi-tools-cards-row,
	.dizi-tools-cards-row.cols-2,
	.dizi-tools-cards-row.cols-3,
	.dizi-tools-cards-row.cols-4,
	.dizi-tools-cards-row.cols-5,
	.dizi-tools-cards-row.cols-6 {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}

@media (max-width: 768px) {
	.dizi-tools-showcase-section {
		padding: 2rem 0;
	}

	.dizi-tools-cards-row {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-bottom: 1.5rem;
	}

	.dizi-tool-preview-card {
		padding: 12px;
		border-radius: 14px;
	}

	.dizi-tpc-icon-wrap {
		width: 38px;
		height: 38px;
		font-size: 1.25rem;
		border-radius: 10px;
		margin-bottom: 8px;
	}

	.dizi-tpc-title {
		font-size: 0.85rem;
		margin-bottom: 3px;
		line-height: 1.25;
	}

	.dizi-tpc-desc {
		font-size: 0.72rem;
		line-height: 1.35;
		margin-bottom: 8px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.dizi-tpc-link-text {
		font-size: 0.72rem;
		font-weight: 700;
	}

	.dizi-btn-all-tools {
		height: 38px;
		padding: 0 16px;
		font-size: 0.82rem;
	}
}

@media (max-width: 480px) {
	.dizi-tools-cards-row {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

.dizi-tool-preview-card {
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 16px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease;
}

[data-theme="dark"] .dizi-tool-preview-card {
	background: #1e293b;
	border-color: #334155;
}

.dizi-tool-preview-card:hover {
	border-color: #6366f1;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px -5px rgba(99, 102, 241, 0.15);
}

.dizi-tpc-icon-wrap {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(99, 102, 241, 0.1);
	color: #4f46e5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.dizi-tpc-title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
	margin-bottom: 0.4rem;
}

[data-theme="dark"] .dizi-tpc-title {
	color: #f8fafc;
}

.dizi-tpc-desc {
	font-size: 0.825rem;
	color: #64748b;
	line-height: 1.45;
	margin-bottom: 1rem;
}

.dizi-tpc-link-text {
	margin-top: auto;
	font-size: 0.825rem;
	font-weight: 700;
	color: #4f46e5;
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.dizi-tools-explore-cta {
	text-align: center;
}

.dizi-btn-all-tools {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
	color: #ffffff;
	font-weight: 700;
	font-size: 0.95rem;
	padding: 0.85rem 2rem;
	border-radius: 9999px;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);
	transition: all 0.2s ease;
}

.dizi-btn-all-tools:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(79, 70, 229, 0.45);
}

/* ==========================================================================
   10. SINGLE PRODUCT PAGE ENHANCEMENTS
   ========================================================================== */
.dizi-product-feature-box {
	margin: 1.5rem 0;
	padding: 1.25rem;
	border-radius: 14px;
	border: 1.5px solid;
}

.is-digital-box {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1e3a8a;
}

[data-theme="dark"] .is-digital-box {
	background: rgba(30, 58, 138, 0.2);
	border-color: rgba(96, 165, 250, 0.3);
	color: #93c5fd;
}

.is-physical-box {
	background: #ecfdf5;
	border-color: #a7f3d0;
	color: #064e3b;
}

[data-theme="dark"] .is-physical-box {
	background: rgba(6, 78, 59, 0.2);
	border-color: rgba(52, 211, 153, 0.3);
	color: #6ee7b7;
}

.dizi-feature-highlight {
	display: flex;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.dizi-fh-icon {
	font-size: 1.5rem;
	line-height: 1;
}

.dizi-fh-info strong {
	display: block;
	font-size: 0.95rem;
	margin-bottom: 0.2rem;
}

.dizi-fh-info p {
	font-size: 0.825rem;
	margin: 0;
	line-height: 1.45;
	opacity: 0.9;
}

.dizi-digital-specs-pills,
.dizi-physical-specs-pills {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.dizi-spec-pill {
	background: rgba(255, 255, 255, 0.7);
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 700;
}

[data-theme="dark"] .dizi-spec-pill {
	background: rgba(0, 0, 0, 0.3);
}

.dizi-btn-buy-now {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
	color: #ffffff !important;
	font-weight: 800;
	font-size: 1rem;
	padding: 0.85rem 1.5rem;
	border-radius: 12px;
	text-decoration: none;
	margin-top: 0.75rem;
	box-shadow: 0 4px 15px rgba(234, 88, 12, 0.35);
	transition: all 0.2s ease;
}

.dizi-btn-buy-now:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(234, 88, 12, 0.5);
}

.dizi-store-trust-strip {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--border-color, #e2e8f0);
	font-size: 0.825rem;
	color: #64748b;
}

.dizi-trust-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.dizi-whatsapp-help-link {
	color: #16a34a;
	text-decoration: none;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.dizi-whatsapp-help-link:hover {
	text-decoration: underline;
}

/* ==========================================================================
   11. TOAST NOTIFICATION POPUP
   ========================================================================== */
.dizi-shop-toast {
	position: fixed;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	background: #0f172a;
	color: #ffffff;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	font-size: 0.875rem;
	font-weight: 600;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.dizi-shop-toast.show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* ==========================================================================
   12. CUSTOMER REVIEWS & TESTIMONIALS SECTION
   ========================================================================== */
.dizi-reviews-section {
	padding: 3.5rem 0 2rem;
	border-top: 1px solid var(--border-color, #e2e8f0);
	position: relative;
}

.dizi-reviews-summary-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	flex-wrap: wrap;
	margin-bottom: 2.5rem;
	background: rgba(99, 102, 241, 0.05);
	border: 1px solid rgba(99, 102, 241, 0.15);
	border-radius: 16px;
	padding: 1rem 1.75rem;
	text-align: center;
}

[data-theme="dark"] .dizi-reviews-summary-bar {
	background: rgba(99, 102, 241, 0.1);
	border-color: rgba(99, 102, 241, 0.25);
}

.dizi-summary-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: var(--text-color, #1e293b);
	font-weight: 600;
}

[data-theme="dark"] .dizi-summary-item {
	color: #f1f5f9;
}

.dizi-summary-num {
	font-size: 1.25rem;
	font-weight: 800;
	color: #4f46e5;
}

[data-theme="dark"] .dizi-summary-num {
	color: #818cf8;
}

@media (max-width: 768px) {
	.dizi-reviews-summary-bar {
		gap: 0.6rem 1rem;
		padding: 0.75rem 1rem;
		margin-bottom: 1.5rem;
		border-radius: 12px;
	}

	.dizi-summary-item {
		font-size: 0.74rem;
		gap: 4px;
	}

	.dizi-summary-num {
		font-size: 1rem;
	}
}

.dizi-reviews-section-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	text-align: left;
	margin-bottom: 2rem;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.dizi-reviews-section-header .dizi-header-text-group {
	max-width: 680px;
	flex: 1;
}

.dizi-reviews-nav-controls {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.5rem;
}

.dizi-rev-nav-btn {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	color: var(--text-color, #0f172a);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.dizi-rev-nav-btn svg {
	width: 20px;
	height: 20px;
	transition: transform 0.2s ease;
}

.dizi-rev-nav-btn:hover {
	background: #4f46e5;
	color: #ffffff;
	border-color: #4f46e5;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(79, 70, 229, 0.25);
}

.dizi-rev-nav-btn:active {
	transform: translateY(0);
}

[data-theme="dark"] .dizi-rev-nav-btn {
	background: #1e293b;
	border-color: #334155;
	color: #f1f5f9;
}

[data-theme="dark"] .dizi-rev-nav-btn:hover {
	background: #6366f1;
	border-color: #6366f1;
	color: #ffffff;
}

/* Reviews Slider Wrapper & Viewport */
.dizi-reviews-slider-wrap {
	position: relative;
	margin-bottom: 2rem;
	user-select: none;
}

.dizi-reviews-slider-viewport {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 0.5rem 0.25rem 1rem;
}

.dizi-reviews-track {
	display: flex;
	gap: 1.5rem;
	transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform;
}

.dizi-reviews-track.no-transition {
	transition: none !important;
}

.dizi-reviews-track.grabbing {
	cursor: grabbing;
}

.dizi-reviews-track .dizi-review-card {
	flex: 0 0 calc(33.333% - 1rem);
	max-width: calc(33.333% - 1rem);
	min-width: 0;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.dizi-reviews-track .dizi-review-card {
		flex: 0 0 calc(50% - 0.75rem);
		max-width: calc(50% - 0.75rem);
	}
}

@media (max-width: 640px) {
	.dizi-reviews-track .dizi-review-card {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.dizi-reviews-nav-controls {
		display: none;
	}
	.dizi-reviews-section-header {
		text-align: center;
	}
	.dizi-reviews-section-header .dizi-header-text-group {
		width: 100%;
	}
}

/* Dots Indicator */
.dizi-reviews-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 1.25rem;
}

.dizi-rev-dot {
	width: 10px;
	height: 10px;
	border-radius: 9999px;
	background: #cbd5e1;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.dizi-rev-dot.active {
	width: 28px;
	background: #4f46e5;
	border-radius: 9999px;
}

[data-theme="dark"] .dizi-rev-dot {
	background: #475569;
}

[data-theme="dark"] .dizi-rev-dot.active {
	background: #818cf8;
}

.dizi-reviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.dizi-review-card {
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 20px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	position: relative;
	box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.04);
	transition: all 0.25s ease;
}

[data-theme="dark"] .dizi-review-card {
	background: #1e293b;
	border-color: #334155;
	box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.3);
}

.dizi-review-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 25px -4px rgba(0, 0, 0, 0.08);
	border-color: #6366f1;
}

.dizi-review-header {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	margin-bottom: 1rem;
}

.dizi-reviewer-avatar {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
	color: #ffffff;
	font-weight: 800;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 4px 10px rgba(79, 70, 229, 0.3);
}

.dizi-reviewer-meta strong {
	display: block;
	font-size: 0.95rem;
	color: var(--text-color, #0f172a);
	margin-bottom: 0.15rem;
}

[data-theme="dark"] .dizi-reviewer-meta strong {
	color: #f8fafc;
}

.dizi-reviewer-meta small {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.75rem;
	color: #16a34a;
	font-weight: 600;
}

.dizi-review-stars {
	color: #f59e0b;
	font-size: 1rem;
	letter-spacing: 2px;
	margin-bottom: 0.75rem;
}

.dizi-review-text {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--text-color, #334155);
	margin-bottom: 1.25rem;
	flex: 1;
}

[data-theme="dark"] .dizi-review-text {
	color: #cbd5e1;
}

.dizi-review-footer {
	margin-top: auto;
	padding-top: 0.875rem;
	border-top: 1px solid var(--border-color, #f1f5f9);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.75rem;
	color: #64748b;
}

[data-theme="dark"] .dizi-review-footer {
	border-color: #334155;
	color: #94a3b8;
}

.dizi-review-product-tag {
	background: rgba(99, 102, 241, 0.08);
	color: #4f46e5;
	padding: 2px 8px;
	border-radius: 6px;
	font-weight: 700;
}

[data-theme="dark"] .dizi-review-product-tag {
	background: rgba(99, 102, 241, 0.2);
	color: #a5b4fc;
}

@media (max-width: 768px) {
	.dizi-review-card {
		padding: 1rem 1.15rem;
		border-radius: 16px;
	}

	.dizi-reviewer-avatar {
		width: 38px;
		height: 38px;
		font-size: 0.95rem;
	}

	.dizi-reviewer-meta strong {
		font-size: 0.85rem;
	}

	.dizi-reviewer-meta small {
		font-size: 0.7rem;
	}

	.dizi-review-stars {
		font-size: 0.85rem;
		margin-bottom: 0.5rem;
	}

	.dizi-review-text {
		font-size: 0.8rem;
		line-height: 1.45;
		margin-bottom: 0.85rem;
	}

	.dizi-review-footer {
		padding-top: 0.65rem;
		font-size: 0.7rem;
	}
}

/* Review Card Product Photo Box */
.dizi-review-product-box {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background: var(--bg-surface, #f8fafc);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 14px;
	padding: 0.6rem 0.75rem;
	margin-bottom: 1rem;
	transition: all 0.2s ease;
}

[data-theme="dark"] .dizi-review-product-box {
	background: #0f172a;
	border-color: #334155;
}

.dizi-review-product-box:hover {
	border-color: #6366f1;
	background: rgba(99, 102, 241, 0.04);
}

.dizi-rp-img-wrap {
	width: 52px;
	height: 52px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	background: #e2e8f0;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .dizi-rp-img-wrap {
	background: #1e293b;
	border-color: rgba(255, 255, 255, 0.1);
}

.dizi-rp-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.25s ease;
}

.dizi-review-product-box:hover .dizi-rp-thumb {
	transform: scale(1.08);
}

.dizi-rp-info {
	flex: 1;
	min-width: 0;
}

.dizi-rp-label {
	display: block;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #94a3b8;
	margin-bottom: 0.15rem;
}

.dizi-rp-name {
	display: block;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.25rem;
}

[data-theme="dark"] .dizi-rp-name {
	color: #f8fafc;
}

.dizi-rp-type-pill {
	display: inline-block;
	font-size: 0.675rem;
	font-weight: 700;
	padding: 1px 6px;
	border-radius: 4px;
	background: rgba(99, 102, 241, 0.1);
	color: #4f46e5;
}

[data-theme="dark"] .dizi-rp-type-pill {
	background: rgba(99, 102, 241, 0.2);
	color: #a5b4fc;
}

/* ==========================================================================
   SLIDE-OVER SHOPPING CART DRAWER (RIGHT-SIDE FLYOUT)
   ========================================================================== */
.dizi-cart-drawer {
	position: fixed;
	inset: 0;
	z-index: 100000;
	visibility: hidden;
	transition: visibility 0.28s ease;
}

.dizi-cart-drawer.active {
	visibility: visible;
}

.dizi-cart-drawer .dizi-drawer-overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.65);
	backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity 0.28s ease;
	will-change: opacity;
}

.dizi-cart-drawer.active .dizi-drawer-overlay {
	opacity: 1;
}

.dizi-cart-drawer-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 440px;
	background: var(--card-bg, #ffffff);
	box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
	display: flex;
	flex-direction: column;
	transform: translate3d(100%, 0, 0);
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 2;
	will-change: transform;
	backface-visibility: hidden;
}

.dizi-cart-drawer.active .dizi-cart-drawer-container {
	transform: translate3d(0, 0, 0);
}

.dizi-cart-drawer-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 22px;
	border-bottom: 1px solid var(--border-color, #e2e8f0);
	background: var(--card-bg, #ffffff);
}

.dizi-cart-title-group {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dizi-cart-title-icon {
	font-size: 1.3rem;
	line-height: 1;
}

.dizi-cart-drawer-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
	margin: 0;
}

.dizi-cart-counter-badge {
	background: #ef4444;
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 9999px;
}

.dizi-drawer-close {
	background: transparent;
	border: none;
	cursor: pointer;
	color: var(--muted-color, #64748b);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	transition: all 0.2s ease;
	font-size: 1.3rem;
}

.dizi-drawer-close:hover {
	background: rgba(0, 0, 0, 0.06);
	color: var(--text-color, #0f172a);
}

[data-theme="dark"] .dizi-drawer-close:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}

.dizi-cart-drawer-banner {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.1));
	border-bottom: 1px solid rgba(99, 102, 241, 0.15);
	padding: 8px 18px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #6366f1;
	text-align: center;
}

[data-theme="dark"] .dizi-cart-drawer-banner {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.2));
	color: #a5b4fc;
}

.dizi-cart-drawer-content {
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

/* Empty State */
.dizi-cart-empty-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 24px;
	text-align: center;
	margin: auto 0;
}

.dizi-cart-empty-icon-wrap {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(99, 102, 241, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: #6366f1;
}

.dizi-cart-empty-svg {
	width: 40px;
	height: 40px;
}

.dizi-cart-empty-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
	margin: 0 0 8px;
}

.dizi-cart-empty-desc {
	font-size: 0.9rem;
	color: var(--muted-color, #64748b);
	margin: 0 0 24px;
	max-width: 280px;
	line-height: 1.5;
}

/* Items List */
.dizi-cart-items-scroll-wrap {
	flex: 1;
	overflow-y: auto;
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.dizi-cart-item-card {
	display: flex;
	gap: 14px;
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 12px;
	padding: 12px;
	position: relative;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dizi-cart-item-card.dizi-item-optimistic-card {
	border-color: #6366f1 !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.12) !important;
	animation: diziItemPop 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes diziItemPop {
	0% {
		opacity: 0;
		transform: translateY(-8px) scale(0.98);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.dizi-cart-item-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.dizi-cart-item-thumb {
	width: 68px;
	height: 68px;
	border-radius: 8px;
	overflow: hidden;
	background: #f1f5f9;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dizi-cart-item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dizi-cart-item-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dizi-cart-item-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}

.dizi-cart-item-title {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
	margin: 0;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dizi-cart-item-title a {
	color: inherit;
	text-decoration: none;
}

.dizi-cart-item-title a:hover {
	color: #6366f1;
}

.dizi-cart-item-remove-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	color: #94a3b8;
	font-size: 1.25rem;
	line-height: 1;
	padding: 0;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: all 0.15s ease;
	flex-shrink: 0;
}

.dizi-cart-item-remove-btn:hover {
	color: #ef4444;
	background: rgba(239, 68, 68, 0.1);
}

.dizi-cart-item-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 8px;
	font-size: 0.775rem;
}

.dizi-cart-item-badge {
	font-weight: 700;
	color: #6366f1;
}

.dizi-cart-item-unit-price {
	color: var(--muted-color, #64748b);
	font-weight: 600;
}

.dizi-tier-active-rate {
	font-weight: 800;
	color: #10b981;
}

.dizi-tier-strike-rate {
	font-size: 0.72rem;
	color: var(--muted-color, #94a3b8);
	text-decoration: line-through;
	margin-left: 4px;
}

.dizi-cart-tier-status-banner {
	margin-top: 3px;
	margin-bottom: 6px;
}

.dizi-tier-active-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.7rem;
	font-weight: 700;
	color: #065f46;
	background: #d1fae5;
	padding: 2px 7px;
	border-radius: 999px;
	border: 1px solid rgba(16, 185, 129, 0.3);
}

[data-theme="dark"] .dizi-tier-active-pill {
	color: #6ee7b7;
	background: rgba(16, 185, 129, 0.15);
	border-color: rgba(16, 185, 129, 0.3);
}

.dizi-tier-hint-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.7rem;
	font-weight: 600;
	color: #92400e;
	background: #fef3c7;
	padding: 2px 7px;
	border-radius: 999px;
	border: 1px solid rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .dizi-tier-hint-pill {
	color: #fde68a;
	background: rgba(245, 158, 11, 0.15);
	border-color: rgba(245, 158, 11, 0.3);
}

/* Bulk Tier Table on Single Product Page */
.dizi-bulk-tier-box {
	margin: 18px 0;
	padding: 16px 18px;
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .dizi-bulk-tier-box {
	background: #182234;
	border-color: #334155;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.dizi-tier-box-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.dizi-tier-box-head h4 {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
}

[data-theme="dark"] .dizi-tier-box-head h4 {
	color: #f8fafc;
}

.dizi-tier-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 10px;
}

.dizi-tier-card {
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid var(--border-color, #e2e8f0);
	background: var(--bg-color, #f8fafc);
	cursor: pointer;
	text-align: center;
	transition: all 0.2s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
}

[data-theme="dark"] .dizi-tier-card {
	background: #0f172a;
	border-color: #334155;
}

.dizi-tier-card:hover,
.dizi-tier-card.is-selected {
	border-color: var(--primary-color, #6366f1);
	box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
	transform: translateY(-2px);
}

.dizi-tier-card-qty {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--muted-color, #64748b);
	text-transform: uppercase;
}

[data-theme="dark"] .dizi-tier-card-qty {
	color: #94a3b8;
}

.dizi-tier-card-price {
	font-size: 1rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
}

[data-theme="dark"] .dizi-tier-card-price {
	color: #f8fafc;
}

.dizi-tier-card-save {
	font-size: 0.7rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 4px;
}

.dizi-tier-card-save.badge-regular {
	background: rgba(100, 116, 139, 0.1);
	color: var(--muted-color, #64748b);
}

.dizi-tier-card-save.badge-save {
	background: rgba(16, 185, 129, 0.15);
	color: #10b981;
}

.dizi-tier-click-tip {
	margin: 10px 0 0;
	font-size: 0.75rem;
	color: var(--muted-color, #64748b);
	text-align: center;
}

.dizi-cart-item-action-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dizi-qty-stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--border-color, #cbd5e1);
	border-radius: 6px;
	background: var(--bg-color, #f8fafc);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dizi-qty-stepper.is-syncing {
	border-color: var(--primary-color, #6366f1);
	box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

.dizi-qty-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
	transition: background 0.12s ease, transform 0.1s ease;
	touch-action: manipulation;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.dizi-qty-btn:hover {
	background: rgba(0, 0, 0, 0.08);
}

.dizi-qty-btn:active {
	transform: scale(0.85);
	background: rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] .dizi-qty-btn:hover {
	background: rgba(255, 255, 255, 0.1);
}

.dizi-qty-number {
	font-size: 0.88rem;
	font-weight: 700;
	min-width: 26px;
	text-align: center;
	color: var(--text-color, #0f172a);
	display: inline-block;
	transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.15s ease;
	user-select: none;
}

.dizi-qty-number.dizi-qty-bump {
	transform: scale(1.3);
	color: var(--primary-color, #6366f1);
}

.dizi-cart-item-total {
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--text-color, #0f172a);
	transition: color 0.15s ease;
}

.dizi-cart-item-remove-btn {
	touch-action: manipulation;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: transform 0.12s ease, color 0.15s ease, opacity 0.15s ease;
}

.dizi-cart-item-remove-btn:active {
	transform: scale(0.82);
}

/* Drawer Bottom Summary & Actions */
.dizi-cart-drawer-summary {
	padding: 18px 22px;
	border-top: 1px solid var(--border-color, #e2e8f0);
	background: var(--card-bg, #ffffff);
	box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.03);
}

.dizi-cart-subtotal-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.dizi-cart-subtotal-label {
	font-size: 1rem;
	font-weight: 700;
	color: var(--text-color, #0f172a);
}

.dizi-cart-subtotal-amount {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--dizi-primary, #4f46e5);
}

.dizi-cart-tax-notice {
	font-size: 0.75rem;
	color: var(--muted-color, #64748b);
	margin: 0 0 14px;
}

.dizi-cart-drawer-buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dizi-btn-checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
	color: #ffffff !important;
	text-decoration: none;
	font-size: 0.95rem;
	font-weight: 700;
	padding: 12px 18px;
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
	transition: all 0.2s ease;
}

.dizi-btn-checkout:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45);
}

.dizi-btn-view-cart {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-color, #f1f5f9);
	color: var(--text-color, #0f172a) !important;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 10px 16px;
	border-radius: 10px;
	border: 1px solid var(--border-color, #e2e8f0);
	transition: all 0.2s ease;
}

.dizi-btn-view-cart:hover {
	background: rgba(0, 0, 0, 0.05);
}

.dizi-cart-guarantees {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 14px;
	font-size: 0.75rem;
	color: var(--muted-color, #64748b);
	font-weight: 600;
}

/* ==========================================================================
   WISHLIST PAGE STYLES (/wishlist/ & My Account Wishlist Tab)
   ========================================================================== */
.dizi-wishlist-page-container {
	padding: 10px 0 48px;
	width: 100%;
	box-sizing: border-box;
}

/* Header Banner */
.dizi-wishlist-header-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.85) 100%);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	padding: 22px 28px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	margin-bottom: 26px;
	position: relative;
	overflow: hidden;
}

.dizi-wishlist-header-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #ec4899, #f43f5e, #6366f1);
}

.dizi-wishlist-heading-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1 1 300px;
}

.dizi-wishlist-icon-pill {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(244, 63, 94, 0.2), rgba(236, 72, 153, 0.15));
	border: 1px solid rgba(244, 63, 94, 0.3);
	color: #fb7185;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dizi-wishlist-icon-pill svg {
	width: 22px;
	height: 22px;
}

.dizi-wishlist-heading-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.dizi-wishlist-title {
	font-size: 1.4rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
}

.dizi-wishlist-desc {
	font-size: 0.88rem !important;
	color: #94a3b8 !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

.dizi-wishlist-header-actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dizi-wishlist-page-count {
	font-size: 0.82rem;
	font-weight: 700;
	background: rgba(244, 63, 94, 0.15);
	color: #fb7185;
	border: 1px solid rgba(244, 63, 94, 0.3);
	padding: 7px 14px;
	border-radius: 9999px;
	letter-spacing: 0.02em;
}

.dizi-wishlist-btn-share {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgba(99, 102, 241, 0.16);
	border: 1px solid rgba(99, 102, 241, 0.35);
	color: #a5b4fc !important;
	padding: 8px 16px;
	border-radius: 9999px;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.25s ease;
	text-decoration: none;
}

.dizi-wishlist-btn-share:hover {
	background: #6366f1;
	border-color: #6366f1;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.45);
}

.dizi-wishlist-btn-clear {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.25);
	color: #f87171 !important;
	padding: 8px 14px;
	border-radius: 9999px;
	font-size: 0.82rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.dizi-wishlist-btn-clear:hover {
	background: #ef4444;
	border-color: #ef4444;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);
}

/* Shared Wishlist Notice Banner */
.dizi-wishlist-shared-notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.16) 0%, rgba(168, 85, 247, 0.14) 100%);
	border: 1px solid rgba(99, 102, 241, 0.35);
	border-radius: 16px;
	padding: 18px 24px;
	margin-bottom: 26px;
	box-shadow: 0 4px 20px rgba(99, 102, 241, 0.15);
}

.dizi-shared-notice-content {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1 1 300px;
}

.dizi-shared-notice-icon {
	font-size: 1.8rem;
}

.dizi-shared-notice-text h4 {
	font-size: 1.05rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 4px;
}

.dizi-shared-notice-text p {
	font-size: 0.88rem;
	color: #cbd5e1;
	margin: 0;
	line-height: 1.4;
}

.dizi-shared-notice-actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dizi-shared-btn-save {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
	color: #ffffff !important;
	border: none;
	border-radius: 9999px;
	padding: 9px 18px;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4);
	transition: all 0.2s ease;
}

.dizi-shared-btn-save:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.55);
}

.dizi-shared-btn-cart {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(16, 185, 129, 0.18);
	border: 1px solid rgba(16, 185, 129, 0.35);
	color: #34d399 !important;
	border-radius: 9999px;
	padding: 9px 18px;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
}

.dizi-shared-btn-cart:hover {
	background: #10b981;
	color: #ffffff !important;
	border-color: #10b981;
	transform: translateY(-1px);
}

/* Share Wishlist Modal Dialog */
.dizi-wishlist-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: rgba(5, 8, 16, 0.78);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}

.dizi-wishlist-modal-dialog {
	position: relative;
	background: #0f172a;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 22px;
	padding: 28px;
	max-width: 480px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 35px rgba(99, 102, 241, 0.2);
	animation: diziModalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes diziModalPop {
	from {
		opacity: 0;
		transform: scale(0.94) translateY(8px);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.dizi-wishlist-modal-close {
	position: absolute;
	top: 22px;
	right: 22px;
	width: 36px;
	height: 36px;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #94a3b8;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 10;
}

.dizi-wishlist-modal-close svg {
	display: block;
	margin: auto;
	pointer-events: none;
	transition: transform 0.25s ease;
}

.dizi-wishlist-modal-close:hover {
	background: #ef4444 !important;
	border-color: #ef4444 !important;
	color: #ffffff !important;
	transform: scale(1.06);
	box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);
}

.dizi-wishlist-modal-close:hover svg {
	transform: rotate(90deg);
}

.dizi-wishlist-modal-header {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
	padding-right: 30px;
}

.dizi-modal-icon-pill {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: rgba(99, 102, 241, 0.18);
	border: 1px solid rgba(99, 102, 241, 0.35);
	color: #818cf8;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dizi-modal-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 4px !important;
}

.dizi-modal-desc {
	font-size: 0.85rem !important;
	color: #94a3b8 !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

.dizi-share-input-group {
	display: flex;
	align-items: stretch;
	margin-bottom: 22px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.04);
}

.dizi-share-input {
	flex: 1;
	background: transparent !important;
	border: none !important;
	color: #f1f5f9 !important;
	font-size: 0.88rem !important;
	padding: 12px 14px !important;
	outline: none !important;
	text-overflow: ellipsis;
}

.dizi-share-copy-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border: none !important;
	padding: 0 18px !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.dizi-share-copy-btn:hover {
	opacity: 0.95;
	filter: brightness(1.1);
}

.dizi-share-social-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.dizi-social-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 44px;
	border-radius: 12px;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.dizi-social-share-btn.share-whatsapp {
	background: rgba(37, 211, 102, 0.14);
	border: 1px solid rgba(37, 211, 102, 0.35);
	color: #25d366 !important;
}

.dizi-social-share-btn.share-whatsapp:hover {
	background: #25d366;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
	transform: translateY(-1px);
}

.dizi-social-share-btn.share-telegram {
	background: rgba(34, 158, 217, 0.14);
	border: 1px solid rgba(34, 158, 217, 0.35);
	color: #38bdf8 !important;
}

.dizi-social-share-btn.share-telegram:hover {
	background: #229ed9;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(34, 158, 217, 0.4);
	transform: translateY(-1px);
}

.dizi-social-share-btn.share-facebook {
	background: rgba(24, 119, 242, 0.14);
	border: 1px solid rgba(24, 119, 242, 0.35);
	color: #3b82f6 !important;
}

.dizi-social-share-btn.share-facebook:hover {
	background: #1877f2;
	color: #ffffff !important;
	border-color: #1877f2;
	box-shadow: 0 4px 16px rgba(24, 119, 242, 0.45);
	transform: translateY(-1px);
}

.dizi-social-share-btn.share-twitter {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #ffffff !important;
}

.dizi-social-share-btn.share-twitter:hover {
	background: #000000;
	border-color: #6366f1;
	transform: translateY(-1px);
}

.dizi-social-share-btn.share-email {
	background: rgba(99, 102, 241, 0.14);
	border: 1px solid rgba(99, 102, 241, 0.35);
	color: #a5b4fc !important;
}

.dizi-social-share-btn.share-email:hover {
	background: #6366f1;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
	transform: translateY(-1px);
}

/* Loading State */
.dizi-wishlist-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 70px 20px;
	gap: 14px;
	color: #94a3b8;
	font-weight: 600;
	font-size: 0.95rem;
}

/* Product Grid */
.dizi-wishlist-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
	width: 100%;
	box-sizing: border-box;
}

/* Product Card */
.dizi-wishlist-item-card {
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.9) 100%);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.dizi-wishlist-item-card:hover {
	transform: translateY(-4px);
	border-color: rgba(99, 102, 241, 0.4);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 25px rgba(99, 102, 241, 0.15);
}

.dizi-wishlist-card-media {
	position: relative;
	height: 200px;
	background: #090d16;
	overflow: hidden;
}

.dizi-wishlist-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
	display: block;
}

.dizi-wishlist-item-card:hover .dizi-wishlist-card-img {
	transform: scale(1.06);
}

.dizi-wishlist-media-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	z-index: 2;
}

.dizi-wishlist-card-badge {
	font-size: 0.72rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 6px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
}

.dizi-wishlist-card-badge.type-badge {
	background: rgba(15, 23, 42, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

.dizi-wishlist-card-badge.discount-badge {
	background: linear-gradient(135deg, #ef4444, #f43f5e);
	color: #ffffff;
	box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
}

/* Card Top Actions (Corner Share & Remove) */
.dizi-wishlist-card-top-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	gap: 6px;
	z-index: 5;
}

.dizi-wishlist-card-share-corner,
.dizi-wishlist-card-remove {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(15, 23, 42, 0.85);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #cbd5e1;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none;
	transition: all 0.25s ease;
}

.dizi-wishlist-card-share-corner {
	color: #a5b4fc;
}

.dizi-wishlist-card-share-corner:hover {
	background: #4f46e5;
	color: #ffffff !important;
	border-color: #6366f1;
	transform: scale(1.12);
	box-shadow: 0 4px 14px rgba(79, 70, 229, 0.5);
}

.dizi-wishlist-card-remove {
	color: #f87171;
}

.dizi-wishlist-card-remove:hover {
	background: #ef4444;
	color: #ffffff !important;
	border-color: #ef4444;
	transform: scale(1.12);
	box-shadow: 0 4px 14px rgba(239, 68, 68, 0.5);
}

.dizi-wishlist-card-body {
	padding: 18px 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
}

.dizi-wishlist-card-cat {
	font-size: 0.72rem;
	font-weight: 700;
	color: #818cf8;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.dizi-wishlist-card-title {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dizi-wishlist-card-title a {
	color: inherit !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.dizi-wishlist-card-title a:hover {
	color: #818cf8 !important;
}

.dizi-wishlist-card-desc {
	font-size: 0.84rem;
	color: #94a3b8;
	margin: 0;
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dizi-wishlist-card-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px dashed rgba(255, 255, 255, 0.08);
}

.dizi-wishlist-card-price {
	font-size: 1.15rem;
	font-weight: 800;
	color: #ffffff;
}

.dizi-wishlist-card-price del {
	font-size: 0.85rem;
	color: #64748b;
	margin-right: 6px;
	font-weight: 500;
}

.dizi-wishlist-card-price ins {
	text-decoration: none;
	color: #34d399;
}

.dizi-wishlist-stock-pill {
	font-size: 0.72rem;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 9999px;
	letter-spacing: 0.02em;
}

.dizi-wishlist-stock-pill.in-stock {
	background: rgba(16, 185, 129, 0.15);
	color: #34d399;
	border: 1px solid rgba(16, 185, 129, 0.3);
}

.dizi-wishlist-stock-pill.out-of-stock {
	background: rgba(239, 68, 68, 0.15);
	color: #f87171;
	border: 1px solid rgba(239, 68, 68, 0.3);
}

.dizi-wishlist-card-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 6px;
}

.dizi-wishlist-primary-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.dizi-wishlist-add-cart-btn {
	flex: 1;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
	color: #ffffff !important;
	border: none;
	border-radius: 10px;
	padding: 0 12px;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.25s ease;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
	white-space: nowrap;
}

.dizi-wishlist-add-cart-btn:hover:not(:disabled) {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.55);
}

.dizi-wishlist-add-cart-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: #334155;
	box-shadow: none;
}

.dizi-wishlist-buy-now-btn {
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 14px;
	border-radius: 10px;
	background: rgba(6, 182, 212, 0.15);
	border: 1px solid rgba(6, 182, 212, 0.35);
	color: #22d3ee !important;
	font-weight: 700;
	font-size: 0.8rem;
	text-decoration: none !important;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.dizi-wishlist-buy-now-btn:hover:not(.disabled) {
	background: #06b6d4;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(6, 182, 212, 0.4);
}

.dizi-wishlist-card-sub-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.dizi-wishlist-share-action-btn,
.dizi-wishlist-delete-btn {
	flex: 1;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0 10px;
	border-radius: 9px;
	font-weight: 600;
	font-size: 0.78rem;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.dizi-wishlist-share-action-btn {
	background: rgba(99, 102, 241, 0.12);
	border: 1px solid rgba(99, 102, 241, 0.3);
	color: #a5b4fc !important;
}

.dizi-wishlist-share-action-btn:hover {
	background: #4f46e5;
	color: #ffffff !important;
	border-color: #4f46e5;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
}

.dizi-wishlist-delete-btn {
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.25);
	color: #f87171 !important;
}

.dizi-wishlist-delete-btn:hover {
	background: #ef4444;
	color: #ffffff !important;
	border-color: #ef4444;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}
	box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);
}

/* Empty State */
.dizi-wishlist-empty-state {
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.6) 0%, rgba(15, 23, 42, 0.8) 100%);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	padding: 60px 24px;
	text-align: center;
	max-width: 520px;
	margin: 20px auto 40px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.dizi-wishlist-empty-icon {
	color: #f43f5e;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dizi-wishlist-empty-state h3 {
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 10px !important;
}

.dizi-wishlist-empty-state p {
	font-size: 0.95rem !important;
	color: #94a3b8 !important;
	margin: 0 0 26px !important;
	line-height: 1.6 !important;
}

/* Light Mode Overrides for Wishlist Page */
:root:not([data-theme="dark"]) .dizi-wishlist-header-banner,
[data-theme="light"] .dizi-wishlist-header-banner {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-title,
[data-theme="light"] .dizi-wishlist-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-desc,
[data-theme="light"] .dizi-wishlist-desc {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-item-card,
[data-theme="light"] .dizi-wishlist-item-card {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-item-card:hover,
[data-theme="light"] .dizi-wishlist-item-card:hover {
	border-color: #818cf8 !important;
	box-shadow: 0 14px 30px rgba(99, 102, 241, 0.12) !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-card-media,
[data-theme="light"] .dizi-wishlist-card-media {
	background: #f8fafc !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-card-title,
[data-theme="light"] .dizi-wishlist-card-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-card-desc,
[data-theme="light"] .dizi-wishlist-card-desc {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-card-meta-row,
[data-theme="light"] .dizi-wishlist-card-meta-row {
	border-top-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-card-price,
[data-theme="light"] .dizi-wishlist-card-price {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-empty-state,
[data-theme="light"] .dizi-wishlist-empty-state {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-empty-state h3,
[data-theme="light"] .dizi-wishlist-empty-state h3 {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-empty-state p,
[data-theme="light"] .dizi-wishlist-empty-state p {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-modal-dialog,
[data-theme="light"] .dizi-wishlist-modal-dialog {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}

:root:not([data-theme="dark"]) .dizi-modal-title,
[data-theme="light"] .dizi-modal-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-share-input-group,
[data-theme="light"] .dizi-share-input-group {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-modal-close,
[data-theme="light"] .dizi-wishlist-modal-close {
	background: #f1f5f9 !important;
	border-color: #e2e8f0 !important;
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-wishlist-modal-close:hover,
[data-theme="light"] .dizi-wishlist-modal-close:hover {
	background: #ef4444 !important;
	border-color: #ef4444 !important;
	color: #ffffff !important;
}

:root:not([data-theme="dark"]) .dizi-share-input,
[data-theme="light"] .dizi-share-input {
	color: #0f172a !important;
}

/* ==========================================================================
   THEME-AWARE DARK MODE OVERRIDES (CART DRAWER & WISHLIST)
   ========================================================================== */
[data-theme="dark"] .dizi-cart-drawer-container {
	background: #0b1120 !important;
	border-left: 1px solid #1e293b !important;
	color: #f8fafc !important;
	box-shadow: -10px 0 35px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .dizi-cart-drawer-head {
	background: #0f172a !important;
	border-bottom: 1px solid #1e293b !important;
}

[data-theme="dark"] .dizi-cart-drawer-title {
	color: #ffffff !important;
}

[data-theme="dark"] .dizi-drawer-close {
	color: #94a3b8 !important;
}

[data-theme="dark"] .dizi-drawer-close:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
}

[data-theme="dark"] .dizi-cart-drawer-banner {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.22), rgba(168, 85, 247, 0.22)) !important;
	border-bottom: 1px solid rgba(99, 102, 241, 0.3) !important;
	color: #c7d2fe !important;
}

[data-theme="dark"] .dizi-cart-item-card {
	background: #111827 !important;
	border: 1px solid #1f2937 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .dizi-cart-item-card:hover {
	border-color: #374151 !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .dizi-cart-item-thumb {
	background: #1f2937 !important;
	border: 1px solid #374151 !important;
}

[data-theme="dark"] .dizi-cart-item-title,
[data-theme="dark"] .dizi-cart-item-title a {
	color: #f9fafb !important;
}

[data-theme="dark"] .dizi-cart-item-title a:hover {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-cart-item-remove-btn {
	color: #9ca3af !important;
}

[data-theme="dark"] .dizi-cart-item-remove-btn:hover {
	color: #ef4444 !important;
	background: rgba(239, 68, 68, 0.15) !important;
}

[data-theme="dark"] .dizi-cart-item-badge {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-cart-item-unit-price {
	color: #9ca3af !important;
}

[data-theme="dark"] .dizi-qty-stepper {
	background: #1f2937 !important;
	border: 1px solid #374151 !important;
}

[data-theme="dark"] .dizi-qty-btn {
	color: #f3f4f6 !important;
}

[data-theme="dark"] .dizi-qty-btn:hover {
	background: #374151 !important;
	color: #ffffff !important;
}

[data-theme="dark"] .dizi-qty-number {
	color: #ffffff !important;
}

[data-theme="dark"] .dizi-cart-item-total,
[data-theme="dark"] .dizi-cart-item-total .amount,
[data-theme="dark"] .dizi-cart-item-total bdi {
	color: #f9fafb !important;
}

[data-theme="dark"] .dizi-cart-drawer-summary {
	background: #0f172a !important;
	border-top: 1px solid #1e293b !important;
	box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .dizi-cart-subtotal-label {
	color: #f3f4f6 !important;
}

[data-theme="dark"] .dizi-cart-subtotal-amount,
[data-theme="dark"] .dizi-cart-subtotal-amount .amount,
[data-theme="dark"] .dizi-cart-subtotal-amount bdi {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-cart-tax-notice {
	color: #9ca3af !important;
}

[data-theme="dark"] .dizi-btn-checkout {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4) !important;
}

[data-theme="dark"] .dizi-btn-view-cart {
	background: #1f2937 !important;
	border: 1px solid #374151 !important;
	color: #f9fafb !important;
}

[data-theme="dark"] .dizi-btn-view-cart:hover {
	background: #374151 !important;
	border-color: #4b5563 !important;
	color: #ffffff !important;
}

[data-theme="dark"] .dizi-cart-guarantees span {
	color: #9ca3af !important;
}

[data-theme="dark"] .dizi-cart-empty-title {
	color: #f9fafb !important;
}

[data-theme="dark"] .dizi-cart-empty-desc {
	color: #9ca3af !important;
}

[data-theme="dark"] .dizi-cart-empty-icon-wrap {
	background: rgba(99, 102, 241, 0.18) !important;
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-wishlist-header-banner,
[data-theme="dark"] .dizi-wishlist-item-card,
[data-theme="dark"] .dizi-wishlist-empty-state {
	background: #111827 !important;
	border-color: #1f2937 !important;
}

[data-theme="dark"] .dizi-wishlist-card-media {
	background: #1f2937 !important;
}

[data-theme="dark"] .dizi-wishlist-card-title,
[data-theme="dark"] .dizi-wishlist-card-title a {
	color: #f9fafb !important;
}

[data-theme="dark"] .dizi-wishlist-card-title a:hover {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-wishlist-card-price,
[data-theme="dark"] .dizi-wishlist-card-price .amount,
[data-theme="dark"] .dizi-wishlist-card-price bdi {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-wishlist-card-remove {
	background: rgba(31, 41, 55, 0.9) !important;
	color: #9ca3af !important;
}

/* Single Product Page Add to Cart Button Loading & Success States */
.single_add_to_cart_button.button {
	position: relative;
	transition: all 0.25s ease;
}

.single_add_to_cart_button.loading {
	opacity: 0.75;
	pointer-events: none;
	cursor: wait;
}

/* ==========================================================================
   13. THEME-WIDE MOBILE SCREEN PERFECTION (<= 768px & <= 480px)
   ========================================================================== */

/* Floating Back-to-Top Button Mobile Fix */
@media (max-width: 768px) {
	.dizi-back-to-top {
		bottom: 74px !important;
		right: 12px !important;
		width: 34px !important;
		height: 34px !important;
		border-radius: 50% !important;
		background: rgba(99, 102, 241, 0.88) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
		z-index: 90 !important;
	}

	.dizi-back-icon {
		width: 14px !important;
		height: 14px !important;
	}

	/* Top Advertisement Banner */
	.dizi-hero-ad-banner-wrap {
		margin-bottom: 12px;
	}

	.dizi-ad-banner-box {
		padding: 10px 14px;
		border-radius: 14px;
	}

	.dizi-ad-compliance-tag {
		font-size: 0.6rem;
		padding: 1px 6px;
	}

	.dizi-ad-rich-title {
		font-size: 0.88rem;
		line-height: 1.25;
	}

	.dizi-ad-rich-desc {
		font-size: 0.75rem;
		line-height: 1.35;
	}

	.dizi-ad-rich-btn {
		height: 32px;
		padding: 0 12px;
		font-size: 0.76rem;
		border-radius: 999px;
	}

	/* General Section Titles & Headings Across Theme */
	.dizi-section-title,
	.dizi-tool-main-title {
		font-size: 1.25rem !important;
		line-height: 1.25 !important;
	}

	.dizi-section-desc,
	.dizi-tool-main-desc {
		font-size: 0.82rem !important;
		line-height: 1.4 !important;
	}

	/* Single Product Page Typography & Buttons */
	.product_title {
		font-size: 1.35rem !important;
		line-height: 1.25 !important;
	}

	.woocommerce-variation-price .price,
	.summary .price {
		font-size: 1.25rem !important;
		font-weight: 800 !important;
	}

	.single_add_to_cart_button.button {
		height: 42px !important;
		font-size: 0.9rem !important;
		font-weight: 700 !important;
		border-radius: 10px !important;
	}

	.dizi-btn-buy-now {
		padding: 0.7rem 1.25rem;
		font-size: 0.92rem;
		border-radius: 10px;
	}

	/* Bulk Tier Box on Mobile Single Product */
	.dizi-bulk-tier-box {
		padding: 12px 14px;
		margin: 14px 0;
		border-radius: 10px;
	}

	.dizi-tier-box-head h4 {
		font-size: 0.86rem;
	}

	.dizi-tier-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	.dizi-tier-card {
		padding: 8px 10px;
	}

	.dizi-tier-card-qty {
		font-size: 0.7rem;
	}

	.dizi-tier-card-price {
		font-size: 0.9rem;
	}

	.dizi-tier-card-save {
		font-size: 0.65rem;
	}
}

@media (max-width: 480px) {
	.dizi-back-to-top {
		bottom: 72px !important;
		right: 8px !important;
		width: 32px !important;
		height: 32px !important;
	}

	.dizi-back-icon {
		width: 13px !important;
		height: 13px !important;
	}

	.product_title {
		font-size: 1.22rem !important;
	}

	.single_add_to_cart_button.button {
		height: 38px !important;
		font-size: 0.85rem !important;
	}
}





/* ==========================================================================
   WooCommerce Default Shop / Archive Grid Override
   Fixes: Product cards too large, image overflow, proper column layout
   ========================================================================== */

/* ---- Shop Page Wrapper ---- */
/* CRITICAL FIX: Eliminate WooCommerce clearfix pseudo-elements so they do not occupy grid cells */
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after,
ul.dizi-products-grid::before,
ul.dizi-products-grid::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce ul.products li.first,
body.woocommerce-page ul.products li.first,
ul.dizi-products-grid li.first {
	clear: none !important;
}


.woocommerce-page .woocommerce ul.products,
.woocommerce .woocommerce-notices-wrapper + ul.products,
body.woocommerce ul.products,
body.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 1.25rem !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 1.5rem 0 2rem !important;
	width: 100% !important;
	float: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 1rem !important;
	}
}

/* Mobile */
@media (max-width: 768px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.75rem !important;
	}
}

/* Small Phone */
@media (max-width: 420px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.5rem !important;
	}
}

/* ---- Individual Product / Category Card ---- */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 14px;
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.woocommerce ul.products li.product:hover,
body.woocommerce-page ul.products li.product:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.12);
}

/* ---- Product Image / Category Thumbnail ---- */
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img,
body.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
body.woocommerce-page ul.products li.product .attachment-woocommerce_thumbnail {
	width: 100% !important;
	height: 180px !important;
	object-fit: cover !important;
	display: block !important;
	margin: 0 !important;
	transition: transform 0.3s ease;
}

body.woocommerce ul.products li.product:hover a img {
	transform: scale(1.04);
}

/* Desktop - slightly taller image */
@media (min-width: 1025px) {
	body.woocommerce ul.products li.product a img,
	body.woocommerce-page ul.products li.product a img {
		height: 200px !important;
	}
}

/* Mobile - compact image */
@media (max-width: 768px) {
	body.woocommerce ul.products li.product a img,
	body.woocommerce-page ul.products li.product a img {
		height: 140px !important;
	}
}

@media (max-width: 420px) {
	body.woocommerce ul.products li.product a img,
	body.woocommerce-page ul.products li.product a img {
		height: 120px !important;
	}
}

/* ---- Product / Category Title ---- */
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product h2,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product h2 {
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	padding: 10px 12px 4px !important;
	margin: 0 !important;
	color: var(--text-color, #0f172a);
}

@media (max-width: 768px) {
	body.woocommerce ul.products li.product .woocommerce-loop-product__title,
	body.woocommerce ul.products li.product h2,
	body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	body.woocommerce-page ul.products li.product h2 {
		font-size: 0.8rem !important;
		padding: 8px 10px 4px !important;
	}
}

/* ---- Price ---- */
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
	font-size: 0.92rem !important;
	font-weight: 800 !important;
	padding: 0 12px 8px !important;
	display: block;
	color: var(--dizi-primary, #6366f1);
}

@media (max-width: 768px) {
	body.woocommerce ul.products li.product .price,
	body.woocommerce-page ul.products li.product .price {
		font-size: 0.82rem !important;
		padding: 0 10px 6px !important;
	}
}

/* ---- Category Count Badge ---- */
body.woocommerce ul.products li.product-category .count {
	display: inline-block;
	background: rgba(99, 102, 241, 0.12);
	color: var(--dizi-primary, #6366f1);
	font-size: 0.7rem;
	font-weight: 700;
	padding: 1px 7px;
	border-radius: 9999px;
	margin-left: 4px;
}

/* ---- Add to Cart Button ---- */
body.woocommerce ul.products li.product a.button,
body.woocommerce-page ul.products li.product a.button {
	display: block !important;
	width: calc(100% - 24px) !important;
	margin: 4px 12px 12px !important;
	padding: 8px 12px !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	text-align: center !important;
	background: var(--dizi-primary, #6366f1) !important;
	color: #fff !important;
	border: none !important;
	transition: opacity 0.2s ease !important;
}

body.woocommerce ul.products li.product a.button:hover,
body.woocommerce-page ul.products li.product a.button:hover {
	opacity: 0.88 !important;
}

@media (max-width: 768px) {
	body.woocommerce ul.products li.product a.button,
	body.woocommerce-page ul.products li.product a.button {
		padding: 7px 10px !important;
		font-size: 0.75rem !important;
		width: calc(100% - 20px) !important;
		margin: 4px 10px 10px !important;
	}
}

/* ---- WooCommerce Shop/Archive Page Layout ---- */
.woocommerce-page .woocommerce-ordering,
.woocommerce .woocommerce-ordering {
	margin-bottom: 1rem;
}

.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-result-count {
	font-size: 0.85rem;
	color: var(--dizi-text-muted, #64748b);
	margin-bottom: 0.5rem;
}

/* Dark mode support */
[data-theme="dark"] body.woocommerce ul.products li.product,
[data-theme="dark"] body.woocommerce-page ul.products li.product {
	background: #182234 !important;
	border-color: #27364b !important;
}

[data-theme="dark"] body.woocommerce ul.products li.product .woocommerce-loop-product__title,
[data-theme="dark"] body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	color: #f8fafc !important;
}




/* ==========================================================================
   Dizi Tools Pro - Complete WooCommerce Shop Archive & Category Styling
   ========================================================================== */

/* Outer Wrap */
.dizi-shop-archive-wrap {
	background: var(--dizi-bg, #f8fafc);
	min-height: 80vh;
	padding-bottom: 4rem;
}

[data-theme="dark"] .dizi-shop-archive-wrap {
	background: #0b1120;
}

/* Breadcrumb Bar */
.dizi-shop-breadcrumb-bar {
	padding: 1.15rem 0 0.5rem;
}

.dizi-shop-breadcrumb-bar .dizi-breadcrumbs {
	padding: 0;
	margin: 0;
}

/* Store Hero Banner */
.dizi-shop-hero {
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.08) 0%, rgba(6, 182, 212, 0.08) 50%, rgba(245, 158, 11, 0.05) 100%);
	border-top: 1px solid rgba(79, 70, 229, 0.1);
	border-bottom: 1px solid rgba(79, 70, 229, 0.1);
	padding: 3rem 0 3.25rem;
	text-align: center;
	position: relative;
	overflow: hidden;
}

[data-theme="dark"] .dizi-shop-hero {
	background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.95) 100%);
	border-color: rgba(255, 255, 255, 0.07);
}

.dizi-shop-hero-inner {
	max-width: 760px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.dizi-shop-hero-badge {
	margin-bottom: 0.85rem;
}

.dizi-shop-badge-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 14px;
	border-radius: 9999px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	background: rgba(79, 70, 229, 0.12);
	color: var(--dizi-primary, #4f46e5);
	border: 1px solid rgba(79, 70, 229, 0.2);
}

[data-theme="dark"] .dizi-shop-badge-pill {
	background: rgba(99, 102, 241, 0.2);
	color: #818cf8;
	border-color: rgba(99, 102, 241, 0.35);
}

.dizi-shop-hero-title {
	font-size: 2.35rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--dizi-text-main, #0f172a);
	margin: 0 0 0.75rem;
	letter-spacing: -0.02em;
}

[data-theme="dark"] .dizi-shop-hero-title {
	color: #f8fafc;
}

.dizi-shop-hero-desc {
	font-size: 1.02rem;
	line-height: 1.55;
	color: var(--dizi-text-muted, #64748b);
	margin: 0 auto 1.75rem;
	max-width: 620px;
}

[data-theme="dark"] .dizi-shop-hero-desc {
	color: #94a3b8;
}

/* Quick Shop Search */
.dizi-shop-search-box {
	max-width: 580px;
	margin: 0 auto;
}

.dizi-shop-search-input-wrap {
	display: flex;
	align-items: center;
	background: var(--dizi-card-bg, #ffffff);
	border: 2px solid var(--dizi-border, #cbd5e1);
	border-radius: 14px;
	padding: 5px 6px 5px 16px;
	box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.08);
	transition: all 0.2s ease;
}

.dizi-shop-search-input-wrap:focus-within {
	border-color: var(--dizi-primary, #4f46e5);
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15), 0 10px 25px -4px rgba(0, 0, 0, 0.12);
}

[data-theme="dark"] .dizi-shop-search-input-wrap {
	background: #1e293b;
	border-color: #334155;
	box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .dizi-shop-search-input-wrap:focus-within {
	border-color: #6366f1;
}

.dizi-shop-search-icon {
	width: 20px;
	height: 20px;
	color: #94a3b8;
	flex-shrink: 0;
	margin-right: 10px;
}

.dizi-shop-search-input {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	font-size: 0.95rem;
	color: var(--dizi-text-main, #0f172a);
	font-family: inherit;
	padding: 8px 0;
}

[data-theme="dark"] .dizi-shop-search-input {
	color: #f1f5f9;
}

.dizi-shop-search-input::placeholder {
	color: #94a3b8;
}

.dizi-shop-search-submit {
	background: var(--dizi-primary, #4f46e5);
	color: #ffffff;
	border: none;
	border-radius: 10px;
	padding: 9px 20px;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: inherit;
}

.dizi-shop-search-submit:hover {
	background: var(--dizi-primary-hover, #4338ca);
	transform: translateY(-1px);
}

/* Main Shop Section & 2-Column Layout Grid */
.dizi-shop-main-section {
	padding: 2.25rem 0 3.5rem;
}

.dizi-shop-layout-grid {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}

@media (max-width: 1024px) {
	.dizi-shop-layout-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

/* Sidebar Styling */
.dizi-shop-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

@media (max-width: 1024px) {
	.dizi-shop-sidebar {
		display: none;
	}
}

.dizi-shop-sidebar-card {
	background: var(--dizi-card-bg, #ffffff);
	border: 1px solid var(--dizi-border, #e2e8f0);
	border-radius: 16px;
	padding: 1.35rem 1.25rem;
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .dizi-shop-sidebar-card {
	background: #182234;
	border-color: #27364b;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.dizi-sidebar-card-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 1.1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--dizi-border, #e2e8f0);
}

[data-theme="dark"] .dizi-sidebar-card-header {
	border-color: #27364b;
}

.dizi-sidebar-icon {
	width: 18px;
	height: 18px;
	color: var(--dizi-primary, #4f46e5);
}

.dizi-sidebar-title {
	font-size: 0.95rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--dizi-text-main, #0f172a);
	margin: 0;
}

[data-theme="dark"] .dizi-sidebar-title {
	color: #f1f5f9;
}

/* Sidebar Category List */
.dizi-sidebar-cat-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.dizi-sidebar-cat-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.86rem;
	font-weight: 600;
	color: var(--dizi-text-muted, #475569);
	transition: all 0.2s ease;
}

[data-theme="dark"] .dizi-sidebar-cat-list li a {
	color: #94a3b8;
}

.dizi-sidebar-cat-list li a:hover,
.dizi-sidebar-cat-list li.is-active a {
	background: var(--dizi-primary-light, #eef2ff);
	color: var(--dizi-primary, #4f46e5);
	padding-left: 14px;
}

[data-theme="dark"] .dizi-sidebar-cat-list li a:hover,
[data-theme="dark"] .dizi-sidebar-cat-list li.is-active a {
	background: rgba(99, 102, 241, 0.15);
	color: #818cf8;
}

.dizi-cat-bullet {
	margin-right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dizi-cat-text {
	flex: 1;
}

.dizi-cat-badge {
	font-size: 0.72rem;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 9999px;
	background: #f1f5f9;
	color: #64748b;
}

[data-theme="dark"] .dizi-cat-badge {
	background: #1e293b;
	color: #94a3b8;
}

.dizi-sidebar-cat-list li.is-active .dizi-cat-badge {
	background: var(--dizi-primary, #4f46e5);
	color: #ffffff;
}

/* Sidebar Type Filter Chips */
.dizi-sidebar-type-filters {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.dizi-sidebar-type-filters .dizi-chip-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	text-align: left;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 0.84rem;
	font-weight: 600;
	background: var(--dizi-bg, #f8fafc);
	border: 1px solid var(--dizi-border, #e2e8f0);
	color: var(--dizi-text-main, #334155);
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: inherit;
}

[data-theme="dark"] .dizi-sidebar-type-filters .dizi-chip-btn {
	background: #1e293b;
	border-color: #334155;
	color: #cbd5e1;
}

.dizi-sidebar-type-filters .dizi-chip-btn:hover {
	border-color: var(--dizi-primary, #4f46e5);
	background: var(--dizi-primary-light, #eef2ff);
	color: var(--dizi-primary, #4f46e5);
}

.dizi-sidebar-type-filters .dizi-chip-btn.active {
	background: var(--dizi-primary, #4f46e5);
	border-color: var(--dizi-primary, #4f46e5);
	color: #ffffff;
}

/* Sidebar Trust Items */
.dizi-sidebar-trust-box {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

.dizi-trust-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.dizi-trust-icon-box {
	font-size: 1.25rem;
	line-height: 1;
	flex-shrink: 0;
	margin-top: 2px;
}

.dizi-trust-info h4 {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--dizi-text-main, #0f172a);
	margin: 0 0 2px;
}

[data-theme="dark"] .dizi-trust-info h4 {
	color: #f1f5f9;
}

.dizi-trust-info p {
	font-size: 0.76rem;
	line-height: 1.4;
	color: var(--dizi-text-muted, #64748b);
	margin: 0;
}

/* Controls Bar (Results Count & Ordering) */
.dizi-shop-controls-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 0.85rem 1.25rem;
	background: var(--dizi-card-bg, #ffffff);
	border: 1px solid var(--dizi-border, #e2e8f0);
	border-radius: 14px;
	margin-bottom: 1.75rem;
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .dizi-shop-controls-bar {
	background: #182234;
	border-color: #27364b;
}

.dizi-shop-result-count-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--dizi-text-muted, #64748b);
}

.dizi-shop-result-count-wrap p.woocommerce-result-count {
	margin: 0 !important;
	padding: 0 !important;
	color: inherit;
	font-size: inherit;
}

.dizi-active-filter-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	background: var(--dizi-primary-light, #eef2ff);
	color: var(--dizi-primary, #4f46e5);
	font-size: 0.78rem;
	font-weight: 700;
	border-radius: 9999px;
}

[data-theme="dark"] .dizi-active-filter-tag {
	background: rgba(99, 102, 241, 0.2);
	color: #818cf8;
}

.dizi-clear-tag {
	text-decoration: none;
	color: inherit;
	font-weight: 800;
	font-size: 1rem;
	line-height: 1;
}

/* Catalog Ordering Dropdown Styling */
.dizi-shop-ordering-wrap .woocommerce-ordering {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

.dizi-shop-ordering-wrap select.orderby {
	background: var(--dizi-bg, #f8fafc) !important;
	color: var(--dizi-text-main, #0f172a) !important;
	border: 1px solid var(--dizi-border, #cbd5e1) !important;
	border-radius: 10px !important;
	padding: 7px 32px 7px 12px !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	outline: none !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 14px !important;
	transition: all 0.2s ease !important;
}

[data-theme="dark"] .dizi-shop-ordering-wrap select.orderby {
	background-color: #1e293b !important;
	color: #f1f5f9 !important;
	border-color: #334155 !important;
}

/* Product Grid */
ul.dizi-products-grid.products::before,
ul.dizi-products-grid.products::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

body.woocommerce .dizi-products-grid.products,
body.woocommerce-page .dizi-products-grid.products,
ul.dizi-products-grid.products {
	display: grid !important;
	grid-template-columns: repeat(var(--shop-columns, 3), minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 2.5rem !important;
	width: 100% !important;
	float: none !important;
}

ul.dizi-products-grid.products.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
ul.dizi-products-grid.products.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
ul.dizi-products-grid.products.columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
ul.dizi-products-grid.products.columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
ul.dizi-products-grid.products.columns-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

@media (max-width: 1200px) {
	ul.dizi-products-grid.products {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
		gap: 1.25rem !important;
	}
}

@media (max-width: 640px) {
	ul.dizi-products-grid.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.75rem !important;
	}
}

@media (max-width: 400px) {
	ul.dizi-products-grid.products {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}
}

/* Product Item Wrap in WooCommerce Loop */
li.dizi-product-card-wrap {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

[data-theme="dark"] li.dizi-product-card-wrap {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

li.dizi-product-card-wrap .dizi-product-card {
	width: 100% !important;
}

/* Floating Badges Hierarchy */
.dizi-card-badge-top {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
}

.dizi-card-badge-top .dizi-badge-mini {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 6px;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dizi-card-sale-badge {
	position: absolute;
	top: 36px;
	left: 8px;
	z-index: 2;
	background: #ef4444;
	color: #ffffff;
	font-size: 0.65rem;
	font-weight: 800;
	padding: 2.5px 7px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* Star rating on card */
.dizi-card-rating {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 0.8rem;
	margin-bottom: 6px;
	padding: 0 14px;
}

.dizi-star-icon {
	color: #f59e0b;
	font-size: 0.88rem;
}

.dizi-rating-count {
	color: var(--dizi-text-muted, #64748b);
	font-size: 0.75rem;
}

/* Price Block */
.dizi-card-price-block {
	padding: 0 14px 10px;
	font-size: 0.98rem;
	font-weight: 800;
	color: var(--dizi-primary, #4f46e5);
}

[data-theme="dark"] .dizi-card-price-block {
	color: #818cf8;
}

.dizi-card-price-block del {
	font-size: 0.82rem;
	font-weight: 500;
	color: #94a3b8;
	margin-right: 6px;
}

.dizi-card-price-block ins {
	text-decoration: none;
	font-weight: 800;
}

/* Action button */
.dizi-card-add-btn.dizi-card-view-btn {
	background: var(--dizi-bg, #f1f5f9) !important;
	color: var(--dizi-text-main, #334155) !important;
	border: 1px solid var(--dizi-border, #cbd5e1) !important;
}

[data-theme="dark"] .dizi-card-add-btn.dizi-card-view-btn {
	background: #1e293b !important;
	color: #e2e8f0 !important;
	border-color: #334155 !important;
}

.dizi-card-add-btn.dizi-card-view-btn:hover {
	background: var(--dizi-primary, #4f46e5) !important;
	color: #ffffff !important;
	border-color: var(--dizi-primary, #4f46e5) !important;
}

/* DiziShop.in Direct Buy Now Card Button */
.dizi-card-add-btn.dizi-card-external-buy-btn {
	background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%) !important;
	border-color: #ea580c !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	box-shadow: 0 3px 10px rgba(234, 88, 12, 0.28) !important;
}

[data-theme="dark"] .dizi-card-add-btn.dizi-card-external-buy-btn {
	background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%) !important;
	border-color: #ea580c !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(234, 88, 12, 0.38) !important;
}

.dizi-card-add-btn.dizi-card-external-buy-btn:hover {
	background: linear-gradient(135deg, #fbbf24 0%, #f97316 100%) !important;
	border-color: #f97316 !important;
	box-shadow: 0 5px 16px rgba(234, 88, 12, 0.45) !important;
	transform: translateY(-1px) !important;
	color: #ffffff !important;
}

/* Disable / Hide Local Add to Cart when DiziShop External Checkout is active */
body.has-dizi-external-checkout .single_add_to_cart_button,
body.has-dizi-external-checkout button[name="add-to-cart"],
body.has-dizi-external-checkout .dizi-single-summary-card form.cart button.single_add_to_cart_button,
body.has-dizi-external-checkout form.cart .single_add_to_cart_button,
body.has-dizi-external-checkout .cart button.button.alt {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.has-dizi-external-checkout form.cart {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

body.has-dizi-external-checkout .dizi-btn-buy-now {
	margin-top: 0 !important;
	flex: 1 1 200px !important;
	width: 100% !important;
	justify-content: center !important;
}

/* Empty State Message */
.dizi-no-products-box {
	text-align: center;
	padding: 4rem 2rem;
	background: var(--dizi-card-bg, #ffffff);
	border: 2px dashed var(--dizi-border, #cbd5e1);
	border-radius: 20px;
	margin: 1.5rem 0;
}

[data-theme="dark"] .dizi-no-products-box {
	background: #182234;
	border-color: #27364b;
}

.dizi-no-prod-icon {
	color: var(--dizi-primary, #4f46e5);
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
}

.dizi-no-products-box h3 {
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--dizi-text-main, #0f172a);
	margin: 0 0 0.5rem;
}

[data-theme="dark"] .dizi-no-products-box h3 {
	color: #f1f5f9;
}

.dizi-no-products-box p {
	font-size: 0.95rem;
	color: var(--dizi-text-muted, #64748b);
	margin: 0 0 1.5rem;
}

.dizi-btn-reset-filters,
.dizi-btn-return-shop {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--dizi-primary, #4f46e5);
	color: #ffffff;
	padding: 10px 24px;
	border-radius: 12px;
	font-size: 0.9rem;
	font-weight: 700;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.dizi-btn-reset-filters:hover,
.dizi-btn-return-shop:hover {
	background: var(--dizi-primary-hover, #4338ca);
	transform: translateY(-2px);
}

/* Pagination */
.dizi-shop-pagination-wrap {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
}

.dizi-shop-pagination-wrap .woocommerce-pagination {
	text-align: center;
}

.dizi-shop-pagination-wrap ul.page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: none !important;
}

.dizi-shop-pagination-wrap ul.page-numbers li {
	margin: 0;
	padding: 0;
	display: inline-block;
	border: none !important;
}

.dizi-shop-pagination-wrap ul.page-numbers li a.page-numbers,
.dizi-shop-pagination-wrap ul.page-numbers li span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 14px;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	background: var(--dizi-card-bg, #ffffff);
	color: var(--dizi-text-main, #334155);
	border: 1px solid var(--dizi-border, #e2e8f0);
	transition: all 0.2s ease;
}

[data-theme="dark"] .dizi-shop-pagination-wrap ul.page-numbers li a.page-numbers,
[data-theme="dark"] .dizi-shop-pagination-wrap ul.page-numbers li span.page-numbers {
	background: #182234;
	color: #cbd5e1;
	border-color: #27364b;
}

.dizi-shop-pagination-wrap ul.page-numbers li a.page-numbers:hover {
	background: var(--dizi-primary-light, #eef2ff);
	color: var(--dizi-primary, #4f46e5);
	border-color: rgba(79, 70, 229, 0.3);
}

.dizi-shop-pagination-wrap ul.page-numbers li span.page-numbers.current {
	background: var(--dizi-primary, #4f46e5) !important;
	color: #ffffff !important;
	border-color: var(--dizi-primary, #4f46e5) !important;
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
	.dizi-shop-hero {
		padding: 2rem 0 2.25rem;
	}
	.dizi-shop-hero-title {
		font-size: 1.65rem;
	}
	.dizi-shop-hero-desc {
		font-size: 0.88rem;
		margin-bottom: 1.25rem;
	}
	.dizi-shop-search-submit {
		padding: 8px 14px;
		font-size: 0.82rem;
	}
	.dizi-shop-controls-bar {
		padding: 0.65rem 0.85rem;
		flex-direction: column;
		align-items: stretch;
	}
	.dizi-shop-ordering-wrap select.orderby {
		width: 100% !important;
	}
}



/* Floating Stacked Badges */
.dizi-card-badge-top {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	pointer-events: none;
}

.dizi-card-badge-top .dizi-badge-mini {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 6px;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	line-height: 1;
}

.dizi-card-sale-badge,
.dizi-card-badge-top .dizi-card-sale-badge {
	position: static !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	width: auto !important;
	height: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ef4444 !important;
	color: #ffffff !important;
	font-size: 0.65rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	padding: 3px 7px !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
}

/* ==========================================================================
   MODERN HIGH-CONVERTING SINGLE PRODUCT PAGE STYLES
   ========================================================================== */

/* Page Wrapper & Breadcrumbs Bar */
.dizi-single-product-page-wrap {
	background: var(--dizi-page-bg, #f8fafc);
	min-height: 80vh;
	padding-bottom: 4rem;
}

[data-theme="dark"] .dizi-single-product-page-wrap {
	background: #0b1120;
}

.dizi-single-breadcrumb-bar {
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border-color, #e2e8f0);
	padding: 0.85rem 0;
	margin-bottom: 1.5rem;
}

[data-theme="dark"] .dizi-single-breadcrumb-bar {
	background: rgba(15, 23, 42, 0.85);
	border-color: #1e293b;
}

.dizi-breadcrumb-inner {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	font-size: 0.875rem;
}

.dizi-bc-icon {
	display: inline-flex;
	align-items: center;
	color: #6366f1;
}

.dizi-single-breadcrumb-bar .woocommerce-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 !important;
	padding: 0 !important;
	color: #64748b;
	font-size: 0.875rem;
	line-height: 1.4;
}

.dizi-single-breadcrumb-bar .woocommerce-breadcrumb a {
	color: #6366f1;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s ease;
}

.dizi-single-breadcrumb-bar .woocommerce-breadcrumb a:hover {
	color: #4f46e5;
	text-decoration: underline;
}

[data-theme="dark"] .dizi-single-breadcrumb-bar .woocommerce-breadcrumb {
	color: #94a3b8;
}

[data-theme="dark"] .dizi-single-breadcrumb-bar .woocommerce-breadcrumb a {
	color: #818cf8;
}

/* Single Product 2-Column Grid */
.dizi-single-product-grid {
	display: grid;
	grid-template-columns: 520px minmax(0, 1fr);
	gap: 2.5rem;
	align-items: start;
	margin-bottom: 3.5rem;
}

@media (max-width: 1100px) {
	.dizi-single-product-grid {
		grid-template-columns: 440px minmax(0, 1fr);
		gap: 2rem;
	}
}

@media (max-width: 900px) {
	.dizi-single-product-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

/* Left Column: Gallery Card */
.dizi-single-gallery-card {
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 24px;
	padding: 2rem;
	position: relative;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[data-theme="dark"] .dizi-single-gallery-card {
	background: #182234;
	border-color: #27364b;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* Hide legacy WooCommerce sale bubble in favor of modern floating badge */
.dizi-single-gallery-card span.onsale {
	display: none !important;
}

/* Floating Top-Left Badges */
.dizi-single-floating-badges {
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	z-index: 10;
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	pointer-events: none;
}

.dizi-single-sale-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
	color: #ffffff;
	font-weight: 800;
	font-size: 0.75rem;
	padding: 0.35rem 0.85rem;
	border-radius: 9999px;
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.dizi-single-type-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-weight: 700;
	font-size: 0.75rem;
	padding: 0.35rem 0.85rem;
	border-radius: 9999px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.dizi-single-type-badge.badge-physical {
	background: #0284c7;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35);
}

.dizi-single-type-badge.badge-digital {
	background: #6366f1;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
}

/* Image Showcase */
.woocommerce-product-gallery {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
	width: 100% !important;
	height: auto !important;
	max-height: 480px !important;
	object-fit: contain !important;
	border-radius: 16px;
	display: block;
	margin: 0 auto;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce-product-gallery__trigger {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	z-index: 10;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: #0f172a;
	text-decoration: none !important;
	transition: transform 0.2s, background 0.2s;
}

.woocommerce-product-gallery__trigger:hover {
	transform: scale(1.08);
	background: #ffffff;
	color: #6366f1;
}

[data-theme="dark"] .woocommerce-product-gallery__trigger {
	background: rgba(30, 41, 59, 0.9);
	border-color: rgba(255, 255, 255, 0.15);
	color: #f1f5f9;
}

/* Gallery Thumbnails Carousel */
.woocommerce-product-gallery .flex-control-thumbs {
	display: flex !important;
	gap: 12px !important;
	margin: 1.5rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	overflow-x: auto;
}

.woocommerce-product-gallery .flex-control-thumbs li {
	flex: 0 0 80px !important;
	width: 80px !important;
	height: 80px !important;
	border-radius: 12px !important;
	overflow: hidden;
	border: 2px solid transparent !important;
	background: rgba(0, 0, 0, 0.02) !important;
	cursor: pointer;
	transition: all 0.2s ease !important;
}

[data-theme="dark"] .woocommerce-product-gallery .flex-control-thumbs li {
	background: rgba(0, 0, 0, 0.2) !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	display: block;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li:hover {
	border-color: #6366f1 !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
}

/* Right Column: Product Summary Card */
.dizi-single-summary-card {
	background: var(--card-bg, #ffffff);
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: 24px;
	padding: 2.25rem;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
	margin: 0 !important;
	float: none !important;
	width: 100% !important;
}

[data-theme="dark"] .dizi-single-summary-card {
	background: #182234;
	border-color: #27364b;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* Top Meta Header Bar */
.dizi-single-meta-topbar {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.dizi-cat-tag {
	display: inline-block;
	background: rgba(99, 102, 241, 0.1);
	color: #6366f1;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.3rem 0.85rem;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: background 0.2s, color 0.2s;
}

.dizi-cat-tag:hover {
	background: #6366f1;
	color: #ffffff;
}

.dizi-single-rating-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background: rgba(245, 158, 11, 0.12);
	color: #d97706;
	padding: 0.25rem 0.65rem;
	border-radius: 9999px;
	font-size: 0.8rem;
	font-weight: 700;
}

.dizi-single-rating-pill .dizi-stars {
	color: #f59e0b;
	font-size: 0.95rem;
}

.dizi-single-rating-pill .dizi-rating-count {
	opacity: 0.8;
	font-weight: 500;
}

.dizi-single-stock-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.25rem 0.85rem;
	border-radius: 9999px;
	font-size: 0.8rem;
	font-weight: 600;
}

.dizi-single-stock-pill.in-stock {
	background: rgba(16, 185, 129, 0.12);
	color: #10b981;
}

.dizi-single-stock-pill.out-of-stock {
	background: rgba(239, 68, 68, 0.12);
	color: #ef4444;
}

.dizi-pulse-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	animation: diziStockPulse 2s infinite;
}

@keyframes diziStockPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	}
	70% {
		box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
	}
}

/* Product Title */
.dizi-single-summary-card h1.product_title.entry-title {
	font-size: 2.15rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 1rem !important;
}

[data-theme="dark"] .dizi-single-summary-card h1.product_title.entry-title {
	color: #f8fafc !important;
}

/* Price Block */
.dizi-single-summary-card p.price {
	display: flex !important;
	align-items: baseline !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
	margin: 0 0 1.25rem !important;
	padding-bottom: 1.25rem !important;
	border-bottom: 1px solid var(--border-color, #e2e8f0) !important;
}

[data-theme="dark"] .dizi-single-summary-card p.price {
	border-color: #27364b !important;
}

.dizi-single-summary-card p.price del,
.dizi-single-summary-card p.price del .woocommerce-Price-amount {
	font-size: 1.25rem !important;
	color: #94a3b8 !important;
	font-weight: 500 !important;
	text-decoration: line-through !important;
	opacity: 0.85 !important;
}

.dizi-single-summary-card p.price ins,
.dizi-single-summary-card p.price ins .woocommerce-Price-amount,
.dizi-single-summary-card p.price > .woocommerce-Price-amount {
	font-size: 2.25rem !important;
	font-weight: 900 !important;
	color: #10b981 !important;
	text-decoration: none !important;
	letter-spacing: -0.02em !important;
}

.dizi-single-summary-card p.price small.woocommerce-price-suffix {
	font-size: 0.85rem !important;
	color: #64748b !important;
	font-weight: 600 !important;
}

[data-theme="dark"] .dizi-single-summary-card p.price small.woocommerce-price-suffix {
	color: #94a3b8 !important;
}

/* Hide duplicate WooCommerce rating/stock lines if redundant */
.dizi-single-summary-card > .woocommerce-product-rating,
.dizi-single-summary-card > p.stock {
	display: none !important;
}

/* Product Short Description */
.dizi-single-summary-card .woocommerce-product-details__short-description {
	font-size: 0.95rem;
	line-height: 1.65;
	color: #475569;
	margin-bottom: 1.5rem;
}

[data-theme="dark"] .dizi-single-summary-card .woocommerce-product-details__short-description {
	color: #94a3b8;
}

/* Feature & Delivery Box */
.dizi-product-feature-box {
	margin: 1.25rem 0 !important;
	padding: 1.25rem !important;
	border-radius: 16px !important;
	border: 1.5px solid !important;
}

.dizi-product-feature-box.is-physical-box {
	background: rgba(14, 165, 233, 0.05) !important;
	border-color: rgba(14, 165, 233, 0.25) !important;
	color: #0369a1 !important;
}

.dizi-product-feature-box.is-digital-box {
	background: rgba(99, 102, 241, 0.05) !important;
	border-color: rgba(99, 102, 241, 0.25) !important;
	color: #4338ca !important;
}

[data-theme="dark"] .dizi-product-feature-box.is-physical-box {
	background: rgba(14, 165, 233, 0.1) !important;
	border-color: rgba(14, 165, 233, 0.3) !important;
	color: #38bdf8 !important;
}

[data-theme="dark"] .dizi-product-feature-box.is-digital-box {
	background: rgba(99, 102, 241, 0.1) !important;
	border-color: rgba(99, 102, 241, 0.3) !important;
	color: #a5b4fc !important;
}

.dizi-feature-highlight {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	margin-bottom: 0.85rem;
}

.dizi-fh-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .dizi-fh-icon {
	background: rgba(15, 23, 42, 0.7);
}

.dizi-fh-info strong {
	font-size: 0.95rem;
	font-weight: 800;
	display: block;
	margin-bottom: 0.2rem;
}

.dizi-fh-info p {
	font-size: 0.825rem;
	line-height: 1.5;
	margin: 0;
	opacity: 0.9;
}

.dizi-digital-specs-pills,
.dizi-physical-specs-pills {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.dizi-spec-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(0, 0, 0, 0.05);
	padding: 0.35rem 0.75rem;
	border-radius: 8px;
	font-size: 0.75rem;
	font-weight: 700;
}

[data-theme="dark"] .dizi-spec-pill {
	background: rgba(15, 23, 42, 0.65);
	border-color: rgba(255, 255, 255, 0.08);
}

/* Add to Cart & Buy Now Form */
.dizi-single-summary-card form.cart {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 1rem !important;
	margin: 1.75rem 0 !important;
	padding: 0 !important;
}

/* Quantity Box */
.dizi-single-summary-card form.cart .quantity {
	display: inline-flex !important;
	align-items: center !important;
	height: 52px !important;
	background: #f1f5f9 !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 14px !important;
	padding: 0 8px !important;
	margin: 0 !important;
	float: none !important;
}

[data-theme="dark"] .dizi-single-summary-card form.cart .quantity {
	background: #0f172a !important;
	border-color: #334155 !important;
}

.dizi-single-summary-card form.cart .quantity input.qty {
	width: 55px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	color: inherit !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	-moz-appearance: textfield !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

/* Remove default browser up/down number spinner arrows */
.dizi-single-summary-card form.cart .quantity input.qty::-webkit-outer-spin-button,
.dizi-single-summary-card form.cart .quantity input.qty::-webkit-inner-spin-button,
form.cart .quantity input.qty::-webkit-outer-spin-button,
form.cart .quantity input.qty::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	margin: 0 !important;
	display: none !important;
}

form.cart .quantity input.qty,
.quantity input[type="number"] {
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

/* Add to Cart Button */
.dizi-single-summary-card form.cart button.single_add_to_cart_button {
	flex: 1 1 200px !important;
	height: 52px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 1rem !important;
	border: none !important;
	border-radius: 14px !important;
	cursor: pointer !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35) !important;
	padding: 0 1.5rem !important;
	margin: 0 !important;
	float: none !important;
}

.dizi-single-summary-card form.cart button.single_add_to_cart_button:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 25px rgba(99, 102, 241, 0.5) !important;
}

/* Buy Now Button */
.dizi-btn-buy-now {
	flex: 1 1 100% !important;
	height: 52px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 1.05rem !important;
	border-radius: 14px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 15px rgba(234, 88, 12, 0.35) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	margin: 0 !important;
}

.dizi-btn-buy-now:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 25px rgba(234, 88, 12, 0.55) !important;
	color: #ffffff !important;
}

/* Trust Badges Strip */
.dizi-store-trust-strip {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.75rem !important;
	margin-top: 1.75rem !important;
	padding-top: 1.5rem !important;
	border-top: 1px solid var(--border-color, #e2e8f0) !important;
}

[data-theme="dark"] .dizi-store-trust-strip {
	border-color: #27364b !important;
}

.dizi-trust-item {
	display: flex !important;
	align-items: center !important;
	gap: 0.65rem !important;
	font-size: 0.85rem !important;
	font-weight: 500 !important;
	color: #64748b !important;
}

[data-theme="dark"] .dizi-trust-item {
	color: #94a3b8 !important;
}

.dizi-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dizi-whatsapp-help-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	background: rgba(34, 197, 94, 0.1) !important;
	color: #16a34a !important;
	padding: 0.5rem 1rem !important;
	border-radius: 9999px !important;
	font-weight: 700 !important;
	font-size: 0.85rem !important;
	border: 1px solid rgba(34, 197, 94, 0.25) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.dizi-whatsapp-help-link:hover {
	background: #16a34a !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

/* Product Meta (SKU, Categories, Tags) */
.dizi-single-summary-card .product_meta {
	margin-top: 1.5rem !important;
	padding-top: 1.25rem !important;
	border-top: 1px dashed var(--border-color, #e2e8f0) !important;
	font-size: 0.825rem !important;
	color: #64748b !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.35rem !important;
}

[data-theme="dark"] .dizi-single-summary-card .product_meta {
	border-color: #27364b !important;
	color: #94a3b8 !important;
}

.dizi-single-summary-card .product_meta a {
	color: #6366f1 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
}

.dizi-single-summary-card .product_meta a:hover {
	text-decoration: underline !important;
}

/* ==========================================================================
   PRODUCT DATA TABS ENHANCEMENT
   ========================================================================== */
.woocommerce-tabs.wc-tabs-wrapper {
	background: var(--card-bg, #ffffff) !important;
	border: 1px solid var(--border-color, #e2e8f0) !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	margin: 3.5rem 0 !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="dark"] .woocommerce-tabs.wc-tabs-wrapper {
	background: #182234 !important;
	border-color: #27364b !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
}

/* Tabs Navigation Bar (Modern Pill / Segmented Bar) */
.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs.wc-tabs {
	display: flex !important;
	align-items: center !important;
	gap: 0.6rem !important;
	padding: 0.85rem 1.25rem !important;
	margin: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid var(--border-color, #e2e8f0) !important;
	background: rgba(15, 23, 42, 0.02) !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
}

[data-theme="dark"] .woocommerce-tabs ul.tabs,
[data-theme="dark"] .woocommerce-tabs ul.tabs.wc-tabs {
	border-color: #27364b !important;
	background: rgba(11, 17, 32, 0.5) !important;
}

/* KILLS DEFAULT WOOCOMMERCE TAB PSEUDO-ELEMENTS / POINTY CORNERS */
.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after,
.woocommerce-tabs ul.tabs.wc-tabs::before,
.woocommerce-tabs ul.tabs.wc-tabs::after,
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after,
.woocommerce-tabs ul.tabs.wc-tabs li::before,
.woocommerce-tabs ul.tabs.wc-tabs li::after {
	display: none !important;
	content: none !important;
	border: none !important;
	box-shadow: none !important;
	background: none !important;
	width: 0 !important;
	height: 0 !important;
}

.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs.wc-tabs li {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	position: static !important;
}

/* The Tab Buttons */
.woocommerce-tabs ul.tabs li a,
.woocommerce-tabs ul.tabs.wc-tabs li a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 0.65rem 1.35rem !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	color: #64748b !important;
	text-decoration: none !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	border-radius: 12px !important;
	transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
	cursor: pointer !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
}

[data-theme="dark"] .woocommerce-tabs ul.tabs li a,
[data-theme="dark"] .woocommerce-tabs ul.tabs.wc-tabs li a {
	color: #94a3b8 !important;
}

/* Inactive Tab Hover */
.woocommerce-tabs ul.tabs li:not(.active) a:hover,
.woocommerce-tabs ul.tabs.wc-tabs li:not(.active) a:hover {
	color: #4f46e5 !important;
	background: rgba(99, 102, 241, 0.08) !important;
	border-color: rgba(99, 102, 241, 0.2) !important;
}

[data-theme="dark"] .woocommerce-tabs ul.tabs li:not(.active) a:hover,
[data-theme="dark"] .woocommerce-tabs ul.tabs.wc-tabs li:not(.active) a:hover {
	color: #c7d2fe !important;
	background: rgba(99, 102, 241, 0.15) !important;
	border-color: rgba(99, 102, 241, 0.35) !important;
}

/* Active Tab Button */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs.wc-tabs li.active a {
	color: #ffffff !important;
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
	border-color: #6366f1 !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4) !important;
	transform: translateY(-1px) !important;
}

[data-theme="dark"] .woocommerce-tabs ul.tabs li.active a,
[data-theme="dark"] .woocommerce-tabs ul.tabs.wc-tabs li.active a {
	color: #ffffff !important;
	background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%) !important;
	border-color: #818cf8 !important;
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.45) !important;
}

/* Tab Content Panels */
.woocommerce-tabs .woocommerce-Tabs-panel {
	padding: 2.25rem 2.5rem !important;
	font-size: 0.95rem !important;
	line-height: 1.7 !important;
	color: var(--dizi-text-main, #334155) !important;
}

[data-theme="dark"] .woocommerce-tabs .woocommerce-Tabs-panel {
	color: #cbd5e1 !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel h2 {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	margin: 0 0 1.25rem !important;
	color: var(--dizi-text-main, #0f172a) !important;
}

[data-theme="dark"] .woocommerce-tabs .woocommerce-Tabs-panel h2 {
	color: #f8fafc !important;
}

/* ==========================================================================
   REVIEWS & COMMENT FORM MODERN STYLING
   ========================================================================== */
#reviews #comments h2.woocommerce-Reviews-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	margin: 0 0 1.5rem !important;
}

[data-theme="dark"] #reviews #comments h2.woocommerce-Reviews-title {
	color: #f8fafc !important;
}

/* Review List Items */
#reviews ol.commentlist {
	padding: 0 !important;
	margin: 1.5rem 0 2.5rem !important;
	list-style: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 1.25rem !important;
}

#reviews ol.commentlist li {
	margin: 0 !important;
	padding: 0 !important;
}

#reviews ol.commentlist li .comment_container {
	padding: 1.35rem 1.6rem !important;
	border-radius: 16px !important;
	background: #f8fafc !important;
	border: 1px solid var(--border-color, #e2e8f0) !important;
	display: flex !important;
	gap: 1.25rem !important;
	align-items: flex-start !important;
	transition: all 0.2s ease !important;
}

[data-theme="dark"] #reviews ol.commentlist li .comment_container {
	background: #0f172a !important;
	border-color: #27364b !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

#reviews ol.commentlist li img.avatar {
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	border: 2px solid #6366f1 !important;
	padding: 2px !important;
	background: #ffffff !important;
	float: none !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

[data-theme="dark"] #reviews ol.commentlist li img.avatar {
	background: #1e293b !important;
	border-color: #818cf8 !important;
}

#reviews ol.commentlist li .comment-text {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	flex: 1 !important;
}

#reviews ol.commentlist li .comment-text .meta {
	font-size: 0.9rem !important;
	color: #64748b !important;
	margin-bottom: 0.5rem !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 0.5rem !important;
}

[data-theme="dark"] #reviews ol.commentlist li .comment-text .meta {
	color: #94a3b8 !important;
}

#reviews ol.commentlist li .comment-text .meta strong {
	color: #0f172a !important;
	font-weight: 700 !important;
	font-size: 0.98rem !important;
}

[data-theme="dark"] #reviews ol.commentlist li .comment-text .meta strong {
	color: #f8fafc !important;
}

#reviews ol.commentlist li .comment-text .description {
	font-size: 0.95rem !important;
	line-height: 1.65 !important;
	color: #334155 !important;
}

[data-theme="dark"] #reviews ol.commentlist li .comment-text .description {
	color: #cbd5e1 !important;
}

/* Star Rating Display */
.woocommerce-Tabs-panel .star-rating,
#reviews .star-rating {
	color: #f59e0b !important;
	font-size: 0.95rem !important;
	float: right !important;
	margin: 0 !important;
}

/* Review Form Wrapper */
#review_form_wrapper {
	padding-top: 1.5rem !important;
	border-top: 1px dashed var(--border-color, #e2e8f0) !important;
}

[data-theme="dark"] #review_form_wrapper {
	border-color: #27364b !important;
}

#review_form .comment-reply-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	margin-bottom: 1.25rem !important;
	display: block !important;
}

[data-theme="dark"] #review_form .comment-reply-title {
	color: #f8fafc !important;
}

/* Rating Selector in Form */
.comment-form-rating {
	margin-bottom: 1.25rem !important;
}

.comment-form-rating label {
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	display: block !important;
	margin-bottom: 0.4rem !important;
}

[data-theme="dark"] .comment-form-rating label {
	color: #e2e8f0 !important;
}

.comment-form-rating .stars a {
	color: #f59e0b !important;
	font-size: 1.15rem !important;
	margin-right: 0.25rem !important;
}

.comment-form-rating select#rating {
	background: #f8fafc !important;
	color: #0f172a !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
	padding: 0.5rem 1rem !important;
	font-size: 0.92rem !important;
	outline: none !important;
}

[data-theme="dark"] .comment-form-rating select#rating {
	background: #0f172a !important;
	color: #f8fafc !important;
	border-color: #27364b !important;
}

/* Review Textarea Input Box (Clean Dark/Light Mode) */
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	display: block !important;
	margin-bottom: 0.5rem !important;
}

[data-theme="dark"] .comment-form-comment label,
[data-theme="dark"] .comment-form-author label,
[data-theme="dark"] .comment-form-email label {
	color: #e2e8f0 !important;
}

#review_form #comment,
.woocommerce-Reviews #comment,
#commentform textarea#comment {
	width: 100% !important;
	min-height: 130px !important;
	border-radius: 14px !important;
	padding: 1rem 1.25rem !important;
	font-size: 0.95rem !important;
	line-height: 1.6 !important;
	font-family: inherit !important;
	box-sizing: border-box !important;
	transition: all 0.22s ease !important;
	resize: vertical !important;
	background: #f8fafc !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="dark"] #review_form #comment,
[data-theme="dark"] .woocommerce-Reviews #comment,
[data-theme="dark"] #commentform textarea#comment {
	background: #0f172a !important;
	border: 1.5px solid #27364b !important;
	color: #f8fafc !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25) !important;
}

#review_form #comment:focus,
.woocommerce-Reviews #comment:focus,
#commentform textarea#comment:focus {
	outline: none !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
}

/* Author and Email Inputs */
#review_form input[type="text"],
#review_form input[type="email"],
#commentform input#author,
#commentform input#email {
	width: 100% !important;
	max-width: 440px !important;
	border-radius: 12px !important;
	padding: 0.75rem 1.1rem !important;
	font-size: 0.95rem !important;
	font-family: inherit !important;
	box-sizing: border-box !important;
	transition: all 0.22s ease !important;
	background: #f8fafc !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
}

[data-theme="dark"] #review_form input[type="text"],
[data-theme="dark"] #review_form input[type="email"],
[data-theme="dark"] #commentform input#author,
[data-theme="dark"] #commentform input#email {
	background: #0f172a !important;
	border-color: #27364b !important;
	color: #f8fafc !important;
}

#review_form input[type="text"]:focus,
#review_form input[type="email"]:focus,
#commentform input#author:focus,
#commentform input#email:focus {
	outline: none !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
}

/* Submit Review Button */
#review_form #submit,
#commentform input#submit,
.woocommerce-Reviews #respond input#submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.8rem 2.25rem !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
	border: none !important;
	border-radius: 12px !important;
	cursor: pointer !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4) !important;
	transition: all 0.22s ease !important;
	text-transform: none !important;
	margin-top: 0.5rem !important;
}

#review_form #submit:hover,
#commentform input#submit:hover,
.woocommerce-Reviews #respond input#submit:hover {
	background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
	box-shadow: 0 6px 20px rgba(99, 102, 241, 0.55) !important;
	transform: translateY(-2px) !important;
	filter: brightness(1.06) !important;
}

#review_form #submit:active,
#commentform input#submit:active,
.woocommerce-Reviews #respond input#submit:active {
	transform: translateY(0) !important;
	box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35) !important;
}

/* Attributes Table in Additional Information Tab */
table.shop_attributes {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid var(--border-color, #e2e8f0) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	margin: 1.5rem 0 !important;
}

[data-theme="dark"] table.shop_attributes {
	border-color: #27364b !important;
}

table.shop_attributes th,
table.shop_attributes td {
	padding: 1rem 1.25rem !important;
	font-size: 0.9rem !important;
	border-bottom: 1px solid var(--border-color, #e2e8f0) !important;
}

[data-theme="dark"] table.shop_attributes th,
[data-theme="dark"] table.shop_attributes td {
	border-color: #27364b !important;
}

table.shop_attributes tr:last-child th,
table.shop_attributes tr:last-child td {
	border-bottom: none !important;
}

table.shop_attributes th {
	background: rgba(0, 0, 0, 0.02) !important;
	font-weight: 700 !important;
	width: 32% !important;
	color: var(--dizi-text-main, #0f172a) !important;
}

[data-theme="dark"] table.shop_attributes th {
	background: rgba(0, 0, 0, 0.2) !important;
	color: #f1f5f9 !important;
}

/* ==========================================================================
   SINGLE PRODUCT FAQ SECTION & PRODUCT TAB
   ========================================================================== */
.dizi-single-product-faq-section {
	margin: 3.5rem auto 2.5rem !important;
	max-width: 860px !important;
	padding: 0 1rem !important;
}

.woocommerce-Tabs-panel--dizi_faq_tab {
	padding: 2.25rem 2.5rem !important;
}

.dizi-single-tab-faq-wrapper {
	max-width: 860px !important;
	margin: 0 auto !important;
}

.dizi-single-faq-header {
	text-align: center !important;
	margin-bottom: 2rem !important;
}

.dizi-single-faq-header .dizi-section-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.45rem !important;
	background: rgba(99, 102, 241, 0.1) !important;
	color: #6366f1 !important;
	border-radius: 9999px !important;
	padding: 0.35rem 0.95rem !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 0.75rem !important;
}

[data-theme="dark"] .dizi-single-faq-header .dizi-section-badge {
	background: rgba(99, 102, 241, 0.2) !important;
	color: #a5b4fc !important;
}

.dizi-single-faq-title {
	font-size: 1.85rem !important;
	font-weight: 800 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 0.5rem !important;
	line-height: 1.3 !important;
}

.woocommerce-Tabs-panel--dizi_faq_tab .dizi-single-faq-title {
	font-size: 1.55rem !important;
}

[data-theme="dark"] .dizi-single-faq-title {
	color: #f8fafc !important;
}

.dizi-single-faq-desc {
	font-size: 0.95rem !important;
	color: #64748b !important;
	max-width: 620px !important;
	margin: 0 auto !important;
	line-height: 1.6 !important;
}

[data-theme="dark"] .dizi-single-faq-desc {
	color: #94a3b8 !important;
}

.dizi-single-product-faq-section .dizi-faq-accordion,
.dizi-single-tab-faq-wrapper .dizi-faq-accordion {
	max-width: 860px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.dizi-single-product-faq-section .dizi-faq-item,
.dizi-single-tab-faq-wrapper .dizi-faq-item {
	background: var(--card-bg, #ffffff) !important;
	border: 1.5px solid var(--border-color, #e2e8f0) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	transition: all 0.22s ease !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.dizi-single-product-faq-section .dizi-faq-item:hover,
.dizi-single-tab-faq-wrapper .dizi-faq-item:hover {
	border-color: #cbd5e1 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
}

.dizi-single-product-faq-section .dizi-faq-item.active,
.dizi-single-tab-faq-wrapper .dizi-faq-item.active {
	border-color: #6366f1 !important;
	box-shadow: 0 8px 24px -4px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-item,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-item {
	background: #182234 !important;
	border-color: #27364b !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-item:hover,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-item:hover {
	border-color: #3b82f6 !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-item.active,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-item.active {
	border-color: #818cf8 !important;
	box-shadow: 0 8px 25px rgba(99, 102, 241, 0.2) !important;
}

.dizi-single-product-faq-section .dizi-faq-question,
.dizi-single-tab-faq-wrapper .dizi-faq-question {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 1.15rem 1.4rem !important;
	background: none !important;
	border: none !important;
	font-size: 1.02rem !important;
	font-weight: 700 !important;
	color: var(--dizi-text-main, #0f172a) !important;
	text-align: left !important;
	cursor: pointer !important;
	gap: 1rem !important;
	transition: color 0.2s ease !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-question,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-question {
	color: #f1f5f9 !important;
}

.dizi-single-product-faq-section .dizi-faq-question:hover,
.dizi-single-product-faq-section .dizi-faq-item.active .dizi-faq-question,
.dizi-single-tab-faq-wrapper .dizi-faq-question:hover,
.dizi-single-tab-faq-wrapper .dizi-faq-item.active .dizi-faq-question {
	color: #6366f1 !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-question:hover,
[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-item.active .dizi-faq-question,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-question:hover,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-item.active .dizi-faq-question {
	color: #a5b4fc !important;
}

.dizi-single-product-faq-section .dizi-faq-chevron,
.dizi-single-tab-faq-wrapper .dizi-faq-chevron {
	width: 18px !important;
	height: 18px !important;
	color: #94a3b8 !important;
	transition: transform 0.25s ease, color 0.2s ease !important;
	flex-shrink: 0 !important;
}

.dizi-single-product-faq-section .dizi-faq-item.active .dizi-faq-chevron,
.dizi-single-tab-faq-wrapper .dizi-faq-item.active .dizi-faq-chevron {
	transform: rotate(180deg) !important;
	color: #6366f1 !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-item.active .dizi-faq-chevron,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-item.active .dizi-faq-chevron {
	color: #818cf8 !important;
}

.dizi-single-product-faq-section .dizi-faq-answer,
.dizi-single-tab-faq-wrapper .dizi-faq-answer {
	display: none !important;
	padding: 0 1.4rem 1.35rem !important;
	color: #475569 !important;
	font-size: 0.94rem !important;
	line-height: 1.65 !important;
	border-top: 1px dashed rgba(226, 232, 240, 0.7) !important;
	padding-top: 0.85rem !important;
}

[data-theme="dark"] .dizi-single-product-faq-section .dizi-faq-answer,
[data-theme="dark"] .dizi-single-tab-faq-wrapper .dizi-faq-answer {
	color: #cbd5e1 !important;
	border-top-color: #27364b !important;
}

.dizi-single-product-faq-section .dizi-faq-item.active .dizi-faq-answer,
.dizi-single-tab-faq-wrapper .dizi-faq-item.active .dizi-faq-answer {
	display: block !important;
}

/* Related Products Section */
section.related.products {
	margin: 3.5rem 0 !important;
}

section.related.products h2 {
	font-size: 1.65rem !important;
	font-weight: 800 !important;
	margin-bottom: 1.75rem !important;
	color: var(--dizi-text-main, #0f172a) !important;
	position: relative;
	display: inline-block;
}

[data-theme="dark"] section.related.products h2 {
	color: #f8fafc !important;
}

section.related.products h2::after {
	content: '';
	display: block;
	width: 48px;
	height: 3.5px;
	background: linear-gradient(90deg, #6366f1, #38bdf8);
	border-radius: 4px;
	margin-top: 6px;
}

/* Refined Quantity Stepper & Gallery Thumbnails */
.dizi-single-summary-card form.cart .quantity {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: 52px !important;
	background: #f1f5f9 !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 14px !important;
	padding: 4px 6px !important;
	box-sizing: border-box !important;
}

.dizi-single-summary-card form.cart .quantity input.qty {
	width: 50px !important;
	min-width: 40px !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-weight: 800 !important;
	-moz-appearance: textfield !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dizi-single-summary-card form.cart .quantity input.qty::-webkit-outer-spin-button,
.dizi-single-summary-card form.cart .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
	display: none !important;
}

.dizi-qty-btn {
	width: 36px !important;
	height: 36px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	user-select: none !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06) !important;
}

.dizi-qty-btn:hover {
	background: #6366f1 !important;
	color: #ffffff !important;
	transform: scale(1.05) !important;
}

[data-theme="dark"] .dizi-qty-btn {
	background: #1e293b !important;
	color: #f1f5f9 !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .dizi-qty-btn:hover {
	background: #6366f1 !important;
	color: #ffffff !important;
}

.dizi-single-gallery-card .flex-viewport {
	border-radius: 18px !important;
	background: #f8fafc !important;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	padding: 0.5rem 0 !important;
}

[data-theme="dark"] .dizi-single-gallery-card .flex-viewport {
	background: rgba(15, 23, 42, 0.45) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin: 1.25rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
	flex: 0 0 74px !important;
	width: 74px !important;
	height: 74px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	border: 2px solid var(--border-color, #e2e8f0) !important;
	background: #ffffff !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 3px !important;
	box-sizing: border-box !important;
}

[data-theme="dark"] .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
	background: #1e293b !important;
	border-color: #27364b !important;
}

.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	border-radius: 8px !important;
	display: block !important;
}

.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li:hover {
	border-color: #6366f1 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4) !important;
}


/* ==========================================================================
   DIZI TOOLS PRO - MODERN PRODUCT GALLERY (LARGE IMAGE + INTERACTIVE ZOOM + VIDEO)
   ========================================================================== */

/* 1. Large 2-Column Showcase Layout */
.dizi-single-product-grid {
	display: grid !important;
	grid-template-columns: 580px minmax(0, 1fr) !important;
	gap: 2.5rem !important;
	align-items: start !important;
	margin-bottom: 3.5rem !important;
}

@media (max-width: 1240px) {
	.dizi-single-product-grid {
		grid-template-columns: 520px minmax(0, 1fr) !important;
		gap: 2rem !important;
	}
}

@media (max-width: 960px) {
	.dizi-single-product-grid {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
}

/* 2. Eliminate WooCommerce Float & 48% Width Bug */
.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page #content div.product div.images,
.dizi-single-gallery-card .woocommerce-product-gallery,
.dizi-single-gallery-card .images {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
	opacity: 1 !important;
	display: block !important;
}

/* 3. Gallery Card Container */
.dizi-single-gallery-card {
	background: var(--card-bg, #ffffff) !important;
	border: 1px solid var(--border-color, #e2e8f0) !important;
	border-radius: 24px !important;
	padding: 1.25rem !important;
	position: relative !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

[data-theme="dark"] .dizi-single-gallery-card {
	background: #182234 !important;
	border-color: #27364b !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

/* 4. Floating Badges (Properly Cleared from Left Thumbnails) */
.dizi-single-floating-badges {
	position: absolute !important;
	top: 1.6rem !important;
	left: 7.25rem !important;
	z-index: 10 !important;
	display: flex !important;
	gap: 0.5rem !important;
	flex-wrap: wrap !important;
	pointer-events: none !important;
}

.dizi-single-gallery-card:has(.single-media) .dizi-single-floating-badges {
	left: 1.6rem !important;
}

/* 5. Product Gallery Flex Wrapper (Thumbnails on LEFT, Main Image on RIGHT) */
.dizi-product-gallery-wrapper {
	display: flex !important;
	flex-direction: row !important;
	gap: 1.25rem !important;
	align-items: flex-start !important;
	width: 100% !important;
	position: relative !important;
	box-sizing: border-box !important;
}

.dizi-product-gallery-wrapper.single-media {
	gap: 0 !important;
}

/* 6. Left Column: Vertical Thumbnails Strip */
.dizi-gallery-thumbnails-col {
	width: 76px !important;
	flex-shrink: 0 !important;
}

.dizi-gallery-thumbs-track {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	max-height: 520px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 2px 4px 2px 2px !important;
	scrollbar-width: thin !important;
	scrollbar-color: rgba(99, 102, 241, 0.35) transparent !important;
}

.dizi-gallery-thumbs-track::-webkit-scrollbar {
	width: 4px;
}

.dizi-gallery-thumbs-track::-webkit-scrollbar-thumb {
	background: rgba(99, 102, 241, 0.35);
	border-radius: 999px;
}

.dizi-gallery-thumb-btn {
	width: 72px !important;
	height: 72px !important;
	padding: 4px !important;
	border-radius: 14px !important;
	border: 2px solid var(--border-color, #e2e8f0) !important;
	background: #ffffff !important;
	cursor: pointer !important;
	position: relative !important;
	outline: none !important;
	transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-sizing: border-box !important;
	display: block !important;
	margin: 0 !important;
}

[data-theme="dark"] .dizi-gallery-thumb-btn {
	background: #0f172a !important;
	border-color: #27364b !important;
}

.dizi-gallery-thumb-btn:hover {
	border-color: #818cf8 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2) !important;
}

.dizi-gallery-thumb-btn.is-active {
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.35), 0 4px 12px rgba(99, 102, 241, 0.25) !important;
	transform: translateY(-2px) !important;
}

.dizi-thumb-inner {
	width: 100% !important;
	height: 100% !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	position: relative !important;
	background: #f8fafc !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

[data-theme="dark"] .dizi-thumb-inner {
	background: #111827 !important;
}

.dizi-thumb-inner img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 !important;
	border-radius: 8px !important;
}

/* Video Thumbnail Badge */
.dizi-thumb-video-badge {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2px !important;
	background: rgba(15, 23, 42, 0.65) !important;
	backdrop-filter: blur(2px) !important;
	-webkit-backdrop-filter: blur(2px) !important;
	border-radius: 10px !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 0.625rem !important;
	letter-spacing: 0.06em !important;
	transition: background 0.2s !important;
}

.dizi-thumb-video-badge svg {
	fill: #ffffff !important;
	color: #ffffff !important;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)) !important;
}

.dizi-gallery-thumb-btn:hover .dizi-thumb-video-badge,
.dizi-gallery-thumb-btn.is-active .dizi-thumb-video-badge {
	background: rgba(99, 102, 241, 0.85) !important;
}

/* 7. Right Column: Large Main Showcase Stage */
.dizi-gallery-main-stage {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	position: relative !important;
	background: #ffffff !important;
	border: 1px solid var(--border-color, #e2e8f0) !important;
	border-radius: 20px !important;
	padding: 1.25rem !important;
	min-height: 520px !important;
	max-height: 560px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

[data-theme="dark"] .dizi-gallery-main-stage {
	background: #0f172a !important;
	border-color: #27364b !important;
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

/* Image Viewport with Pan-Zoom */
.dizi-gallery-image-viewport {
	width: 100% !important;
	height: 100% !important;
	min-height: 500px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	overflow: hidden !important;
	cursor: crosshair !important;
	border-radius: 14px !important;
}

.dizi-gallery-image-viewport.is-hidden {
	display: none !important;
}

/* Large Main Image */
.dizi-main-product-img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 500px !important;
	object-fit: contain !important;
	border-radius: 12px !important;
	display: block !important;
	margin: 0 auto !important;
	transition: transform 0.18s ease-out, opacity 0.2s ease !important;
	pointer-events: none !important;
	user-select: none !important;
}

.dizi-main-product-img.is-zooming {
	transition: none !important;
}

/* Modern Pill Zoom Button */
.dizi-gallery-zoom-btn {
	position: absolute !important;
	top: 1rem !important;
	right: 1rem !important;
	z-index: 10 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 14px !important;
	border-radius: 9999px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
	color: #0f172a !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all 0.22s ease !important;
	outline: none !important;
}

[data-theme="dark"] .dizi-gallery-zoom-btn {
	background: rgba(30, 41, 59, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	color: #f1f5f9 !important;
}

.dizi-gallery-zoom-btn:hover {
	transform: translateY(-2px) scale(1.05) !important;
	background: #6366f1 !important;
	color: #ffffff !important;
	border-color: #6366f1 !important;
	box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4) !important;
}

.dizi-gallery-zoom-btn svg {
	transition: transform 0.2s ease !important;
}

.dizi-gallery-zoom-btn:hover svg {
	transform: scale(1.15) !important;
}

/* Bottom Zoom Hint Pill */
.dizi-gallery-zoom-hint {
	position: absolute !important;
	bottom: 0.85rem !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background: rgba(15, 23, 42, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	color: #ffffff !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	padding: 5px 14px !important;
	border-radius: 9999px !important;
	pointer-events: none !important;
	z-index: 5 !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	letter-spacing: 0.02em !important;
}

.dizi-gallery-zoom-hint.is-active {
	background: rgba(99, 102, 241, 0.92) !important;
	box-shadow: 0 4px 18px rgba(99, 102, 241, 0.45) !important;
	transform: translateX(-50%) scale(1.05) !important;
}

/* Video Stage Viewport */
.dizi-gallery-video-viewport {
	width: 100% !important;
	height: 100% !important;
	min-height: 500px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: #000000 !important;
	display: none;
	align-items: center !important;
	justify-content: center !important;
}

.dizi-gallery-video-viewport.is-active {
	display: flex !important;
}

.dizi-gallery-iframe-video {
	width: 100% !important;
	height: 100% !important;
	min-height: 500px !important;
	border: none !important;
	border-radius: 14px !important;
	aspect-ratio: 16 / 9 !important;
}

.dizi-gallery-html5-video {
	width: 100% !important;
	height: 100% !important;
	max-height: 500px !important;
	border-radius: 14px !important;
	outline: none !important;
}

/* Mobile dots */
.dizi-gallery-mobile-dots {
	display: none !important;
	gap: 6px !important;
	position: absolute !important;
	bottom: 0.75rem !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 5 !important;
}

.dizi-dot {
	width: 7px !important;
	height: 7px !important;
	border-radius: 999px !important;
	background: rgba(148, 163, 184, 0.5) !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
}

.dizi-dot.is-active {
	width: 20px !important;
	background: #6366f1 !important;
}

/* 8. Fullscreen Lightbox Modal with Zoom Toolbar */
.dizi-gallery-lightbox {
	position: fixed !important;
	inset: 0 !important;
	z-index: 999999 !important;
	display: none;
	align-items: center !important;
	justify-content: center !important;
}

.dizi-gallery-lightbox.is-open {
	display: flex !important;
}

body.dizi-lightbox-open {
	overflow: hidden !important;
}

.dizi-lightbox-backdrop {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(11, 17, 32, 0.94) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	cursor: pointer !important;
}

.dizi-lightbox-content {
	position: relative !important;
	z-index: 2 !important;
	width: 92vw !important;
	height: 90vh !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Lightbox Top Bar with Tools */
.dizi-lightbox-top-bar {
	position: absolute !important;
	top: 1rem !important;
	left: 1rem !important;
	right: 1rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	z-index: 20 !important;
}

.dizi-lightbox-counter {
	color: #ffffff !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	background: rgba(255, 255, 255, 0.15) !important;
	backdrop-filter: blur(8px) !important;
	padding: 6px 14px !important;
	border-radius: 9999px !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.dizi-lightbox-tools {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.dizi-lightbox-tool-btn,
.dizi-lightbox-close {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.15) !important;
	backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	outline: none !important;
}

.dizi-lightbox-tool-btn:hover {
	background: #6366f1 !important;
	border-color: #6366f1 !important;
	transform: scale(1.1) !important;
}

.dizi-lightbox-close:hover {
	background: rgba(239, 68, 68, 0.9) !important;
	border-color: rgba(239, 68, 68, 0.9) !important;
	transform: rotate(90deg) scale(1.1) !important;
}

.dizi-lightbox-stage {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.dizi-lightbox-stage img {
	max-width: 86vw !important;
	max-height: 80vh !important;
	object-fit: contain !important;
	border-radius: 16px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75) !important;
	user-select: none !important;
	transition: transform 0.2s ease !important;
}

.dizi-lightbox-nav {
	position: fixed !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	z-index: 10 !important;
	outline: none !important;
}

.dizi-lightbox-nav.prev {
	left: 1.5rem !important;
}

.dizi-lightbox-nav.next {
	right: 1.5rem !important;
}

.dizi-lightbox-nav:hover {
	background: #6366f1 !important;
	border-color: #6366f1 !important;
	transform: translateY(-50%) scale(1.1) !important;
}

/* 9. Responsive Design */
@media (max-width: 768px) {
	.dizi-product-gallery-wrapper {
		flex-direction: column-reverse !important;
	}
	.dizi-gallery-thumbnails-col {
		width: 100% !important;
	}
	.dizi-gallery-thumbs-track {
		flex-direction: row !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		max-height: none !important;
		padding-bottom: 6px !important;
	}
	.dizi-gallery-thumb-btn {
		flex: 0 0 68px !important;
		width: 68px !important;
		height: 68px !important;
	}
	.dizi-single-floating-badges {
		left: 1.25rem !important;
		top: 1.25rem !important;
	}
	.dizi-gallery-main-stage {
		min-height: 380px !important;
	}
	.dizi-gallery-image-viewport {
		min-height: 360px !important;
	}
	.dizi-gallery-mobile-dots {
		display: flex !important;
	}
}

.dizi-gallery-zoom-hint { display: none !important; }

/* ==========================================================================
   16. MODERN CHECKOUT & ORDER CONFIRMATION EXPERIENCE
   ========================================================================== */

/* --- 16.1 Full-Width Layout & Critical Reset of Legacy WooCommerce Checkout Floats --- */
.woocommerce-checkout .dizi-standard-page {
	width: 100% !important;
	max-width: 100% !important;
	padding: 20px 0 60px 0 !important;
}

.woocommerce-checkout .dizi-standard-page .dizi-container,
.woocommerce-checkout .dizi-container {
	width: 100% !important;
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 28px !important;
	padding-right: 28px !important;
}

.woocommerce-checkout .woocommerce,
.woocommerce-checkout .dizi-page-card,
.woocommerce-checkout .dizi-page-body,
.woocommerce-checkout .entry-content,
.woocommerce-checkout .dizi-checkout-experience {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
}

.woocommerce-checkout .dizi-checkout-experience .dizi-card-title {
	display: block !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: unset !important;
	min-height: unset !important;
	max-height: unset !important;
	font-size: 1.15rem !important;
	line-height: 1.35 !important;
	color: #f8fafc !important;
}

.woocommerce-checkout .dizi-page-header {
	margin-bottom: 2rem !important;
	text-align: center !important;
}

.woocommerce-checkout .dizi-page-title {
	font-size: 2.25rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 50%, #818cf8 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	margin: 0 0 0.5rem 0 !important;
}

.woocommerce .col2-set:not(.woocommerce-Addresses),
.woocommerce-page .col2-set:not(.woocommerce-Addresses),
.woocommerce .col2-set:not(.woocommerce-Addresses) .col-1,
.woocommerce-page .col2-set:not(.woocommerce-Addresses) .col-1,
.woocommerce .col2-set:not(.woocommerce-Addresses) .col-2,
.woocommerce-page .col2-set:not(.woocommerce-Addresses) .col-2,
.woocommerce form.checkout #order_review,
.woocommerce-page form.checkout #order_review {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	float: none !important;
	clear: both !important;
	width: 100% !important;
}

.woocommerce form .form-row {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce form .form-row::before,
.woocommerce form .form-row::after,
.woocommerce .col2-set::before,
.woocommerce .col2-set::after {
	display: none !important;
}

/* --- 16.2 Modern Stepper Progress Bar --- */
.dizi-checkout-stepper-wrap {
	margin-bottom: 2.5rem;
}

.dizi-checkout-stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 680px;
	margin: 0 auto;
	padding: 14px 24px;
	background: rgba(15, 23, 42, 0.7);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 9999px;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

.dizi-stepper-step {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #94a3b8;
	font-size: 0.88rem;
	font-weight: 600;
	transition: all 0.25s ease;
}

.dizi-step-circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	font-weight: 700;
	background: #1e293b;
	color: #94a3b8;
	border: 2px solid #334155;
	transition: all 0.25s ease;
	flex-shrink: 0;
}

.dizi-step-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.dizi-step-num-label {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #64748b;
}

.dizi-step-title {
	font-size: 0.88rem;
	font-weight: 700;
	color: #94a3b8;
}

.dizi-stepper-step.is-complete .dizi-step-circle {
	background: #10b981;
	border-color: #10b981;
	color: #ffffff;
	box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}

.dizi-stepper-step.is-complete .dizi-step-title {
	color: #f8fafc;
}

.dizi-stepper-step.is-active .dizi-step-circle {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	border-color: #818cf8;
	color: #ffffff;
	box-shadow: 0 0 16px rgba(99, 102, 241, 0.6);
	transform: scale(1.08);
}

.dizi-stepper-step.is-active .dizi-step-title {
	color: #ffffff;
}

.dizi-stepper-step.is-active .dizi-step-num-label {
	color: #818cf8;
}

.dizi-stepper-line {
	flex: 1;
	height: 2px;
	background: #334155;
	margin: 0 16px;
	border-radius: 2px;
}

.dizi-stepper-line.is-complete {
	background: linear-gradient(90deg, #10b981, #6366f1);
}

/* --- 16.3 Modernized Notices & Banner Alerts --- */
.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-checkout,
.woocommerce-notices-wrapper {
	width: 100% !important;
	margin-bottom: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: wrap !important;
	gap: 12px 16px !important;
	padding: 14px 18px !important;
	border-radius: 14px !important;
	margin: 0 !important;
	font-size: 0.94rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	list-style: none !important;
	border-top: none !important;
	overflow: hidden !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
	transition: opacity 0.35s ease, transform 0.35s ease, max-height 0.35s ease, margin 0.35s ease, padding 0.35s ease !important;
	max-height: 300px;
	color: #f1f5f9 !important;
	box-sizing: border-box !important;
}

.woocommerce-error p,
.woocommerce-message p,
.woocommerce-info p,
.dizi-notice-content p,
.dizi-notice-list {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.5 !important;
}

.woocommerce-error.dizi-notice-closing,
.woocommerce-message.dizi-notice-closing,
.woocommerce-info.dizi-notice-closing {
	opacity: 0 !important;
	transform: translateY(-8px) scale(0.98) !important;
	max-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	border-width: 0 !important;
	pointer-events: none !important;
}

.dizi-notice-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	width: 22px !important;
	height: 22px !important;
	line-height: 1 !important;
	order: 0 !important;
}

.dizi-notice-icon svg {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
}

/* Core WooCommerce icon fallback handling */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1.25rem !important;
	line-height: 1 !important;
	margin-right: 4px !important;
	flex-shrink: 0 !important;
	float: none !important;
	order: 0 !important;
}

.woocommerce-message.dizi-has-icon::before,
.woocommerce-info.dizi-has-icon::before,
.woocommerce-error.dizi-has-icon::before {
	display: none !important;
}

.dizi-notice-content {
	flex: 1 1 240px !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px 14px !important;
}

.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button) {
	color: #6ee7b7 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.woocommerce-info a:not(.button) {
	color: #a5b4fc !important;
}

.woocommerce-error a:not(.button) {
	color: #fca5a5 !important;
}

.woocommerce-message a:not(.button):hover {
	color: #a7f3d0 !important;
}

/* View Cart and Action Buttons */
.woocommerce-message .button,
.woocommerce-message a.button,
.woocommerce-message a.button.wc-forward,
.woocommerce-info .button,
.woocommerce-info a.button,
.woocommerce-error .button,
.woocommerce-error a.button {
	float: none !important;
	order: 2 !important;
	margin-left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 8px 20px !important;
	border-radius: 9999px !important;
	font-size: 0.86rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	cursor: pointer !important;
	transition: all 0.22s ease !important;
}

.woocommerce-message .button,
.woocommerce-message a.button,
.woocommerce-message a.button.wc-forward {
	background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4) !important;
}

.woocommerce-message .button:hover,
.woocommerce-message a.button:hover,
.woocommerce-message a.button.wc-forward:hover {
	background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
	color: #ffffff !important;
	transform: translateY(-1px) scale(1.02) !important;
	box-shadow: 0 6px 20px rgba(16, 185, 129, 0.55) !important;
}

.woocommerce-info .button,
.woocommerce-info a.button {
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4) !important;
}

.woocommerce-info .button:hover,
.woocommerce-info a.button:hover {
	background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
	color: #ffffff !important;
	transform: translateY(-1px) scale(1.02) !important;
}

.woocommerce-error .button,
.woocommerce-error a.button {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4) !important;
}

.woocommerce-error .button:hover,
.woocommerce-error a.button:hover {
	background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
	color: #ffffff !important;
	transform: translateY(-1px) scale(1.02) !important;
}

/* Close Dismiss Button */
.dizi-notice-dismiss {
	order: 3 !important;
	margin-left: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	align-self: center !important;
	position: relative !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: #cbd5e1 !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
	font-size: 0 !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	outline: none !important;
}

.dizi-notice-dismiss::before,
.dizi-notice-dismiss::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 11px !important;
	height: 2px !important;
	background-color: currentColor !important;
	border-radius: 2px !important;
	transform-origin: center center !important;
	transition: background-color 0.2s ease, transform 0.22s ease !important;
}

.dizi-notice-dismiss::before {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

.dizi-notice-dismiss::after {
	transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.dizi-notice-dismiss:hover {
	background: rgba(239, 68, 68, 0.28) !important;
	border-color: rgba(239, 68, 68, 0.5) !important;
	color: #ffffff !important;
	transform: scale(1.1) !important;
}

.dizi-notice-dismiss:hover::before {
	transform: translate(-50%, -50%) rotate(135deg) !important;
}

.dizi-notice-dismiss:hover::after {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

.dizi-notice-dismiss svg {
	width: 12px !important;
	height: 12px !important;
	display: block !important;
}

/* Countdown Progress Bar */
.dizi-notice-progress {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 3px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	overflow: hidden !important;
}

.dizi-notice-progress-bar {
	height: 100% !important;
	width: 100% !important;
	transform-origin: left center !important;
	animation: diziNoticeCountdown 6s linear forwards !important;
}

.woocommerce-message .dizi-notice-progress-bar {
	background: #10b981 !important;
}

.woocommerce-info .dizi-notice-progress-bar {
	background: #6366f1 !important;
}

.woocommerce-error .dizi-notice-progress-bar {
	background: #ef4444 !important;
}

.woocommerce-message:hover .dizi-notice-progress-bar,
.woocommerce-info:hover .dizi-notice-progress-bar,
.woocommerce-error:hover .dizi-notice-progress-bar {
	animation-play-state: paused !important;
}

@keyframes diziNoticeCountdown {
	from {
		transform: scaleX(1);
	}
	to {
		transform: scaleX(0);
	}
}

/* Dark Theme Specific Card Accents */
.woocommerce-message {
	background: linear-gradient(135deg, rgba(16, 185, 129, 0.16) 0%, rgba(6, 78, 59, 0.35) 100%) !important;
	border: 1px solid rgba(52, 211, 153, 0.4) !important;
	backdrop-filter: blur(14px) !important;
}

.woocommerce-message .dizi-notice-icon {
	color: #34d399 !important;
}

.woocommerce-info {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.16) 0%, rgba(30, 58, 138, 0.35) 100%) !important;
	border: 1px solid rgba(129, 140, 248, 0.4) !important;
	backdrop-filter: blur(14px) !important;
}

.woocommerce-info .dizi-notice-icon {
	color: #818cf8 !important;
}

.woocommerce-error {
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.16) 0%, rgba(127, 29, 29, 0.35) 100%) !important;
	border: 1px solid rgba(248, 113, 113, 0.4) !important;
	backdrop-filter: blur(14px) !important;
}

.woocommerce-error .dizi-notice-icon {
	color: #f87171 !important;
}

@media (max-width: 640px) {
	.woocommerce-error,
	.woocommerce-message,
	.woocommerce-info {
		padding: 12px 14px 16px 14px !important;
		gap: 10px !important;
	}
	.dizi-notice-content {
		flex: 1 1 100% !important;
		font-size: 0.9rem !important;
	}
	.woocommerce-message .button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce-info .button,
	.woocommerce-error .button {
		margin-left: 0 !important;
		flex-grow: 1 !important;
		text-align: center !important;
		justify-content: center !important;
		padding: 7px 14px !important;
	}
}

/* --- 16.4 Coupon Banner & Inline Form --- */
.dizi-checkout-coupon-wrapper {
	margin-bottom: 24px;
}

.dizi-coupon-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	background: rgba(30, 41, 59, 0.6);
	backdrop-filter: blur(12px);
	border: 1px dashed rgba(99, 102, 241, 0.45);
	border-radius: 14px;
	transition: all 0.25s ease;
}

.dizi-coupon-banner:hover {
	border-color: #818cf8;
	background: rgba(30, 41, 59, 0.85);
	box-shadow: 0 4px 20px rgba(99, 102, 241, 0.15);
}

.dizi-coupon-banner-left {
	display: flex;
	align-items: center;
	gap: 14px;
}

.dizi-coupon-tag-icon {
	font-size: 1.5rem;
	filter: drop-shadow(0 2px 8px rgba(99, 102, 241, 0.4));
}

.dizi-coupon-text {
	display: flex;
	flex-direction: column;
}

.dizi-coupon-text strong {
	color: #f8fafc;
	font-size: 0.95rem;
	font-weight: 700;
}

.dizi-coupon-text span {
	color: #94a3b8;
	font-size: 0.82rem;
}

.dizi-coupon-btn-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.25) 0%, rgba(139, 92, 246, 0.25) 100%);
	border: 1px solid rgba(129, 140, 248, 0.5);
	border-radius: 9999px;
	color: #c7d2fe;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.2s ease;
	cursor: pointer;
	white-space: nowrap;
}

.dizi-coupon-btn-toggle:hover {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	color: #ffffff;
	border-color: transparent;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4);
}

.dizi-coupon-inline-form {
	margin-top: 14px !important;
	padding: 16px 20px !important;
	background: #0f172a !important;
	border: 1px solid #1e293b !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
}

.dizi-coupon-input-group {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.dizi-input-lead-icon {
	position: absolute;
	left: 14px;
	font-size: 1.1rem;
	z-index: 2;
	pointer-events: none;
}

.dizi-coupon-field {
	flex: 1 !important;
	height: 46px !important;
	padding-left: 44px !important;
	padding-right: 16px !important;
	background: #1e293b !important;
	border: 1px solid #334155 !important;
	border-radius: 10px !important;
	color: #f8fafc !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	outline: none !important;
}

.dizi-coupon-field:focus {
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
}

.dizi-btn-apply-coupon {
	height: 46px !important;
	padding: 0 24px !important;
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 0.88rem !important;
	border: none !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35) !important;
	white-space: nowrap !important;
}

.dizi-btn-apply-coupon:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
	filter: brightness(1.1) !important;
}

/* --- 16.5 Main 2-Column Checkout Grid --- */
.dizi-checkout-grid {
	display: grid !important;
	grid-template-columns: 1.22fr 1fr !important;
	gap: 28px !important;
	align-items: start !important;
	margin-top: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
}

.dizi-checkout-col-left {
	min-width: 0 !important;
	width: 100% !important;
}

.dizi-checkout-col-right {
	min-width: 0 !important;
	width: 100% !important;
}

.dizi-checkout-card {
	width: 100% !important;
}

.dizi-checkout-coupon-wrapper {
	width: 100% !important;
}

.dizi-coupon-banner {
	width: 100% !important;
}

.dizi-checkout-sticky-container {
	position: sticky;
	top: 95px;
	z-index: 10;
}

/* --- 16.6 Panel Cards (Billing, Shipping, Order) --- */
.dizi-checkout-card {
	background: #0f172a;
	border: 1px solid #1e293b;
	border-radius: 18px;
	box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
	margin-bottom: 24px;
	overflow: hidden;
	transition: border-color 0.25s ease;
}

.dizi-checkout-card:hover {
	border-color: #334155;
}

.dizi-card-header {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px 24px;
	background: rgba(30, 41, 59, 0.35);
	border-bottom: 1px solid #1e293b;
}

.dizi-card-icon-wrap {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dizi-card-icon-wrap.dizi-icon-indigo {
	background: rgba(99, 102, 241, 0.18);
	color: #818cf8;
	border: 1px solid rgba(99, 102, 241, 0.3);
}

.dizi-card-icon-wrap.dizi-icon-purple {
	background: rgba(168, 85, 247, 0.18);
	color: #c084fc;
	border: 1px solid rgba(168, 85, 247, 0.3);
}

.dizi-card-icon-wrap.dizi-icon-cyan {
	background: rgba(6, 182, 212, 0.18);
	color: #22d3ee;
	border: 1px solid rgba(6, 182, 212, 0.3);
}

.dizi-card-header-titles {
	flex: 1;
}

.dizi-card-title {
	font-size: 1.12rem !important;
	font-weight: 800 !important;
	color: #f8fafc !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
}

.dizi-card-subtitle {
	font-size: 0.82rem !important;
	color: #94a3b8 !important;
	margin: 3px 0 0 0 !important;
	line-height: 1.3 !important;
}

.dizi-card-body {
	padding: 24px;
}

.dizi-card-body.dizi-order-review-body {
	padding: 20px 18px !important;
}

/* Hide redundant WooCommerce default h3 headings inside panels */
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3:not(#ship-to-different-address),
.woocommerce-additional-fields > h3,
#order_review_heading.dizi-hidden-heading {
	display: none !important;
}

/* --- 16.7 Form Fields Flexbox Layout & Inputs --- */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	row-gap: 18px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Ensure ALL form-rows behave cleanly without rogue floats or margins */
.woocommerce-checkout .woocommerce form .form-row,
.woocommerce form .form-row,
.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-shipping-fields__field-wrapper .form-row,
.woocommerce-additional-fields__field-wrapper .form-row {
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
}

/* Symmetrical 2-Column Half Width Fields (50% with clean 20px gap) */
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-shipping-fields__field-wrapper .form-row-first,
.woocommerce-shipping-fields__field-wrapper .form-row-last,
#billing_first_name_field,
#billing_last_name_field,
#billing_phone_field,
#billing_phone_confirm_field,
#billing_company_field,
#billing_gst_field,
#billing_country_field,
#billing_state_field,
#billing_city_field,
#billing_postcode_field,
#shipping_first_name_field,
#shipping_last_name_field,
#shipping_phone_field,
#shipping_company_field,
#shipping_country_field,
#shipping_state_field,
#shipping_city_field,
#shipping_postcode_field {
	width: calc(50% - 10px) !important;
	flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Ensure Company Name & GST Number pair seamlessly in one row */
#billing_company_field {
	clear: left !important;
}

#billing_gst_field {
	clear: none !important;
}

/* Full Width Fields (100% Width) */
.woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-shipping-fields__field-wrapper .form-row-wide,
.woocommerce-additional-fields__field-wrapper .form-row-wide,
.woocommerce-additional-fields__field-wrapper .notes,
#billing_email_field,
#billing_address_1_field,
#billing_address_2_field,
#shipping_address_1_field,
#shipping_address_2_field,
#order_comments_field {
	width: 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	clear: both !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Hide legacy clear divs so they don't break flex wrapping */
.woocommerce-billing-fields__field-wrapper .clear,
.woocommerce-shipping-fields__field-wrapper .clear,
.woocommerce-additional-fields__field-wrapper .clear {
	display: none !important;
}

/* Labels */
.woocommerce form .form-row label {
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	color: #cbd5e1 !important;
	margin: 0 0 7px 0 !important;
	display: block !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

:root:not([data-theme="dark"]) .woocommerce form .form-row label,
[data-theme="light"] .woocommerce form .form-row label {
	color: #334155 !important;
}

.woocommerce form .form-row label .required {
	color: #f43f5e !important;
	font-weight: 700 !important;
	margin-left: 2px !important;
}

/* Input Wrappers & Inputs */
.woocommerce form .form-row .woocommerce-input-wrapper {
	width: 100% !important;
	display: block !important;
	position: relative !important;
	box-sizing: border-box !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: 48px !important;
	padding: 10px 16px !important;
	background: #111827 !important;
	border: 1px solid #334155 !important;
	border-radius: 10px !important;
	color: #f8fafc !important;
	font-size: 0.94rem !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
}

.woocommerce form .form-row textarea {
	height: 105px !important;
	padding: 14px 16px !important;
	resize: vertical !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
	background: #0f172a !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
	outline: none !important;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
	color: #64748b !important;
}

/* State and Country Select styling */
.woocommerce form .form-row select {
	appearance: none !important;
	-webkit-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 16px 16px !important;
	padding-right: 40px !important;
	cursor: pointer !important;
}

/* Select2 / SelectWoo Full-Width & Perfect Alignment */
.woocommerce form .form-row .select2-container,
.woocommerce-billing-fields .select2-container,
.woocommerce-shipping-fields .select2-container,
.select2-container {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
}

.select2-container--default .select2-selection--single {
	background: #111827 !important;
	border: 1px solid #334155 !important;
	border-radius: 10px !important;
	height: 48px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #f8fafc !important;
	line-height: 46px !important;
	padding-left: 16px !important;
	padding-right: 36px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px !important;
	right: 12px !important;
	top: 0 !important;
	display: flex !important;
	align-items: center !important;
}

.select2-dropdown {
	background: #0f172a !important;
	border: 1px solid #334155 !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background: #1e293b !important;
	border: 1px solid #334155 !important;
	border-radius: 8px !important;
	color: #f8fafc !important;
	padding: 8px 12px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #6366f1 !important;
	color: #ffffff !important;
}

.select2-container--default .select2-results__option {
	padding: 10px 16px !important;
	color: #cbd5e1 !important;
	font-size: 0.9rem !important;
}

/* Validation Highlights */
.woocommerce-invalid input.input-text,
.woocommerce-invalid select {
	border-color: #ef4444 !important;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
}

.woocommerce-validated input.input-text,
.woocommerce-validated select {
	border-color: #10b981 !important;
}

/* Checkbox Toggle for Shipping to different address */
#ship-to-different-address {
	margin: 0 0 16px 0 !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
}

#ship-to-different-address label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	color: #f8fafc !important;
	cursor: pointer !important;
}

#ship-to-different-address input[type="checkbox"],
.woocommerce-form__input-checkbox {
	width: 20px !important;
	height: 20px !important;
	accent-color: #6366f1 !important;
	cursor: pointer !important;
	border-radius: 6px !important;
}

/* --- 16.8 Trust & Security Badges Below Left Column --- */
.dizi-checkout-trust-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 24px;
}

.dizi-trust-badge-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 18px;
	background: rgba(15, 23, 42, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 14px;
}

.dizi-trust-badge-icon {
	font-size: 1.4rem;
	line-height: 1;
	flex-shrink: 0;
	margin-top: 2px;
}

.dizi-trust-badge-info {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.dizi-trust-badge-info strong {
	font-size: 0.86rem;
	color: #f8fafc;
	font-weight: 700;
}

.dizi-trust-badge-info span {
	font-size: 0.76rem;
	color: #94a3b8;
	margin-top: 2px;
}

/* --- 16.9 Order Review Table Styling --- */
#order_review,
.woocommerce-checkout-review-order {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.dizi-checkout-review-table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin-bottom: 24px !important;
	border: none !important;
	box-sizing: border-box !important;
}

.dizi-checkout-review-table thead th {
	font-size: 0.74rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	color: #94a3b8 !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid #1e293b !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.dizi-checkout-review-table thead th.product-name,
.dizi-checkout-review-table tbody td.product-name {
	width: 62% !important;
	max-width: 62% !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

.dizi-checkout-review-table thead th.product-total,
.dizi-checkout-review-table tbody td.product-total {
	width: 38% !important;
	max-width: 38% !important;
	text-align: right !important;
	padding-right: 4px !important;
	box-sizing: border-box !important;
}

.dizi-checkout-review-table tbody td {
	padding: 16px 0 !important;
	border-bottom: 1px solid #1e293b !important;
	vertical-align: middle !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.dizi-checkout-item-cell {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
}

.dizi-checkout-item-thumb-wrap {
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: #1e293b;
	border: 1px solid #334155;
	flex-shrink: 0;
	overflow: visible;
}

.dizi-checkout-thumb-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 9px !important;
	display: block !important;
}

.dizi-checkout-thumb-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
}

.dizi-checkout-item-qty-badge {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #6366f1;
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
	border: 2px solid #0f172a;
}

.dizi-checkout-item-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0;
}

.dizi-checkout-item-title {
	font-size: 0.88rem;
	font-weight: 700;
	color: #f8fafc;
	line-height: 1.35;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.dizi-checkout-item-remove-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: transparent;
	border: none;
	padding: 2px 0;
	margin-top: 3px;
	color: #94a3b8;
	font-size: 0.72rem;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s ease;
	width: fit-content;
}

.dizi-checkout-item-remove-btn svg {
	stroke: currentColor;
	transition: transform 0.2s ease;
}

.dizi-checkout-item-remove-btn:hover {
	color: #ef4444;
}

.dizi-checkout-item-remove-btn:hover svg {
	transform: scale(1.15);
}

.dizi-checkout-item-remove-btn:active {
	transform: scale(0.96);
}

.dizi-checkout-item-remove-btn.is-removing {
	opacity: 0.4;
	pointer-events: none;
}

.dizi-checkout-empty-order-msg {
	text-align: center;
	padding: 2rem 1rem;
}

.dizi-checkout-review-table tbody td.product-total {
	text-align: right !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	color: #f8fafc !important;
	white-space: nowrap !important;
}

.dizi-checkout-review-table tbody td.product-total .amount {
	display: inline-block !important;
	white-space: nowrap !important;
}

/* Footer summary rows */
.dizi-checkout-review-table tfoot th,
.dizi-checkout-review-table tfoot td {
	padding: 10px 0 !important;
	border-bottom: 1px solid #1e293b !important;
	font-size: 0.88rem !important;
	color: #94a3b8 !important;
	font-weight: 500 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.dizi-checkout-review-table tfoot th {
	width: 50% !important;
	max-width: 50% !important;
	text-align: left !important;
}

.dizi-checkout-review-table tfoot td {
	width: 50% !important;
	max-width: 50% !important;
	text-align: right !important;
	color: #cbd5e1 !important;
	font-weight: 700 !important;
	white-space: normal !important;
	padding-right: 4px !important;
	word-break: break-word !important;
}

.dizi-checkout-review-table tfoot td .amount {
	display: inline-block !important;
	white-space: nowrap !important;
}

.dizi-discount-label {
	color: #10b981 !important;
	font-weight: 700 !important;
}

.dizi-checkout-review-table tfoot .cart-discount td {
	color: #10b981 !important;
}

.dizi-checkout-review-table tfoot .order-total th,
.dizi-checkout-review-table tfoot .order-total td {
	padding: 16px 0 !important;
	border-bottom: none !important;
	border-top: 2px dashed #334155 !important;
}

.dizi-order-total-label strong {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	display: block !important;
}

.dizi-total-tax-note {
	font-size: 0.72rem !important;
	color: #64748b !important;
	font-weight: 400 !important;
	display: block !important;
	margin-top: 2px !important;
	line-height: 1.3 !important;
}

.dizi-order-total-val {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	text-align: right !important;
	gap: 4px !important;
}

.dizi-order-total-val strong {
	display: block !important;
	line-height: 1.2 !important;
}

.dizi-order-total-val .amount {
	font-size: 1.3rem !important;
	font-weight: 900 !important;
	color: #818cf8 !important;
	letter-spacing: -0.02em !important;
	text-shadow: 0 0 20px rgba(99, 102, 241, 0.4) !important;
	white-space: nowrap !important;
	display: inline-block !important;
}

.dizi-order-total-val small,
.dizi-order-total-val .includes_tax {
	display: block !important;
	font-size: 0.72rem !important;
	color: #94a3b8 !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	white-space: normal !important;
	text-align: right !important;
	word-break: break-word !important;
	max-width: 100% !important;
}

/* --- 16.10 Payment Methods Section --- */
#payment {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	list-style: none !important;
	border: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
	background: #111827 !important;
	border: 1px solid #1e293b !important;
	border-radius: 12px !important;
	padding: 14px 18px !important;
	margin-bottom: 12px !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
	border-color: #3b82f6 !important;
	background: rgba(30, 41, 59, 0.7) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.is-selected {
	border-color: #6366f1 !important;
	background: rgba(99, 102, 241, 0.08) !important;
	box-shadow: 0 0 0 1px #6366f1, 0 4px 16px rgba(99, 102, 241, 0.15) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	color: #f8fafc !important;
	cursor: pointer !important;
	margin: 0 !important;
	width: auto !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
	width: 18px !important;
	height: 18px !important;
	accent-color: #6366f1 !important;
	cursor: pointer !important;
	margin: 0 !important;
}

.woocommerce-checkout #payment div.payment_box {
	background: #1e293b !important;
	border: 1px solid #334155 !important;
	border-left: 3px solid #6366f1 !important;
	border-radius: 10px !important;
	padding: 12px 16px !important;
	margin: 12px 0 0 0 !important;
	font-size: 0.85rem !important;
	line-height: 1.5 !important;
	color: #cbd5e1 !important;
}

.woocommerce-checkout #payment div.payment_box::before {
	display: none !important;
}

.woocommerce-checkout #payment div.payment_box p {
	margin: 0 !important;
	padding: 0 !important;
}

/* Terms and Privacy policy notice */
.woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 16px !important;
}

.woocommerce-privacy-policy-text p {
	font-size: 0.78rem !important;
	color: #64748b !important;
	line-height: 1.45 !important;
	margin: 0 0 10px 0 !important;
}

.woocommerce-privacy-policy-link {
	color: #818cf8 !important;
	text-decoration: underline !important;
}

/* --- 16.11 Place Order CTA Button --- */
#place_order.button.alt,
.woocommerce-checkout #place_order {
	width: 100% !important;
	height: 56px !important;
	padding: 0 28px !important;
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%) !important;
	color: #ffffff !important;
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	border-radius: 14px !important;
	border: none !important;
	cursor: pointer !important;
	box-shadow: 0 8px 25px rgba(99, 102, 241, 0.45) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
}

#place_order.button.alt:hover,
.woocommerce-checkout #place_order:hover {
	transform: translateY(-2px) scale(1.01) !important;
	box-shadow: 0 14px 34px rgba(99, 102, 241, 0.6) !important;
	filter: brightness(1.1) !important;
}

#place_order.button.alt:active,
.woocommerce-checkout #place_order:active {
	transform: translateY(0) !important;
}

#place_order.is-loading {
	opacity: 0.8 !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
}

/* --- 16.12 Direct WhatsApp Support Box --- */
.dizi-checkout-help-box {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
	background: rgba(15, 23, 42, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	margin-top: 20px;
}

.dizi-help-icon-ring {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	flex-shrink: 0;
}

.dizi-help-content {
	flex: 1;
}

.dizi-help-headline {
	font-size: 0.92rem;
	font-weight: 700;
	color: #f8fafc;
	margin-bottom: 4px;
}

.dizi-help-sub {
	font-size: 0.8rem;
	color: #94a3b8;
	line-height: 1.4;
	margin: 0 0 12px 0;
}

.dizi-btn-help-wa {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	background: #15803d;
	color: #ffffff !important;
	border-radius: 8px;
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.dizi-btn-help-wa:hover {
	background: #16a34a;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(22, 163, 74, 0.4);
}

/* --- 16.13 AJAX Loading Spinner Overlay --- */
.blockUI.blockOverlay {
	background: rgba(11, 17, 32, 0.7) !important;
	backdrop-filter: blur(6px) !important;
	opacity: 1 !important;
	border-radius: 16px !important;
}

.blockUI.blockMsg {
	border: none !important;
	background: transparent !important;
}

/* --- 16.14 Empty Checkout Cart Screen --- */
.dizi-checkout-empty-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
}

.dizi-checkout-empty-card {
	max-width: 520px;
	text-align: center;
	padding: 48px 36px;
	background: #0f172a;
	border: 1px solid #1e293b;
	border-radius: 24px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.dizi-empty-cart-icon {
	font-size: 4rem;
	margin-bottom: 20px;
	filter: drop-shadow(0 6px 16px rgba(99, 102, 241, 0.4));
}

.dizi-empty-cart-title {
	font-size: 1.6rem;
	font-weight: 800;
	color: #f8fafc;
	margin-bottom: 10px;
}

.dizi-empty-cart-desc {
	font-size: 0.95rem;
	color: #94a3b8;
	line-height: 1.5;
	margin-bottom: 28px;
}

.dizi-empty-cart-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dizi-empty-cart-actions .dizi-btn-primary {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
}

.dizi-empty-cart-actions .dizi-btn-secondary {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #1e293b;
	border: 1px solid #334155;
	color: #f8fafc;
	font-weight: 600;
	text-decoration: none;
}

/* --- 16.15 Thank You / Order Received Screen --- */
.dizi-thankyou-wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 20px 0 60px 0;
}

.dizi-thankyou-hero-card {
	text-align: center;
	padding: 44px 28px;
	background: linear-gradient(180deg, rgba(16, 185, 129, 0.12) 0%, rgba(15, 23, 42, 0.8) 100%);
	border: 1px solid rgba(16, 185, 129, 0.35);
	border-radius: 24px;
	box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.5);
	margin-bottom: 30px;
}

.dizi-thankyou-icon-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #10b981;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px auto;
	box-shadow: 0 0 30px rgba(16, 185, 129, 0.6);
	animation: diziPulseGreen 2s infinite ease-in-out;
}

@keyframes diziPulseGreen {
	0%, 100% { transform: scale(1); box-shadow: 0 0 24px rgba(16, 185, 129, 0.5); }
	50% { transform: scale(1.05); box-shadow: 0 0 40px rgba(16, 185, 129, 0.8); }
}

.dizi-thankyou-pill {
	display: inline-block;
	padding: 6px 16px;
	background: rgba(16, 185, 129, 0.2);
	border: 1px solid #10b981;
	border-radius: 9999px;
	color: #6ee7b7;
	font-size: 0.82rem;
	font-weight: 700;
	margin-bottom: 12px;
}

.dizi-thankyou-heading {
	font-size: 2.2rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 10px 0;
	letter-spacing: -0.02em;
}

.dizi-thankyou-lead {
	font-size: 1rem;
	color: #cbd5e1;
	max-width: 620px;
	margin: 0 auto;
	line-height: 1.5;
}

.dizi-thankyou-metrics-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 30px;
}

.dizi-metric-card {
	background: #0f172a;
	border: 1px solid #1e293b;
	border-radius: 16px;
	padding: 20px 16px;
	display: flex;
	flex-direction: column;
	text-align: center;
	transition: all 0.25s ease;
}

.dizi-metric-card.is-highlight {
	border-color: rgba(99, 102, 241, 0.45);
	background: rgba(99, 102, 241, 0.08);
}

.dizi-metric-icon {
	font-size: 1.6rem;
	margin-bottom: 8px;
}

.dizi-metric-label {
	font-size: 0.74rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #94a3b8;
	margin-bottom: 6px;
}

.dizi-metric-value {
	font-size: 1.05rem;
	font-weight: 800;
	color: #f8fafc;
}

.dizi-total-glow {
	color: #818cf8 !important;
	font-size: 1.25rem !important;
}

.dizi-thankyou-actions-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 30px 0;
	flex-wrap: wrap;
}

.dizi-thankyou-actions-bar a,
.dizi-thankyou-actions-bar button {
	padding: 12px 24px;
	border-radius: 12px;
	font-size: 0.92rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.dizi-thankyou-actions-bar .dizi-btn-primary {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	color: #ffffff;
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
	border: none;
}

.dizi-thankyou-actions-bar .dizi-btn-secondary {
	background: #1e293b;
	border: 1px solid #334155;
	color: #f8fafc;
}

.dizi-thankyou-actions-bar .dizi-btn-wa {
	background: #15803d;
	color: #ffffff;
	border: none;
	box-shadow: 0 4px 16px rgba(21, 128, 61, 0.35);
}

/* Override standard thankyou table and customer details in WooCommerce */
.woocommerce-order-details,
.woocommerce-customer-details {
	background: #0f172a !important;
	border: 1px solid #1e293b !important;
	border-radius: 18px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4) !important;
}

.woocommerce-order-details__title,
.woocommerce-customer-details h2 {
	font-size: 1.2rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 16px 0 !important;
	border-bottom: 1px solid #1e293b !important;
	padding-bottom: 12px !important;
}

.woocommerce-order-details table.shop_table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: none !important;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td {
	padding: 14px 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	color: #0f172a !important;
	background: transparent !important;
}

.woocommerce-order-details table.shop_table th {
	color: #475569 !important;
	font-weight: 600 !important;
}

.woocommerce-order-details table.shop_table td.product-total,
.woocommerce-order-details table.shop_table tfoot td {
	text-align: right !important;
	color: #0f172a !important;
	font-weight: 700 !important;
}

/* Dark theme overrides for thankyou table */
[data-theme="dark"] .woocommerce-order-details table.shop_table th,
[data-theme="dark"] .woocommerce-order-details table.shop_table td {
	border-bottom-color: #1e293b !important;
	color: #cbd5e1 !important;
}

[data-theme="dark"] .woocommerce-order-details table.shop_table th {
	color: #94a3b8 !important;
}

[data-theme="dark"] .woocommerce-order-details table.shop_table td.product-total,
[data-theme="dark"] .woocommerce-order-details table.shop_table tfoot td {
	color: #f8fafc !important;
}

.woocommerce-customer-details address {
	background: #1e293b !important;
	border: 1px solid #334155 !important;
	border-radius: 12px !important;
	padding: 16px 20px !important;
	color: #cbd5e1 !important;
	line-height: 1.6 !important;
	font-style: normal !important;
}

/* Hide standard legacy unstyled list */
ul.woocommerce-order-overview.woocommerce-thankyou-order-details {
	display: none !important;
}

/* --- 16.16 Responsive Breakpoints for Checkout --- */
@media (max-width: 1024px) {
	.woocommerce-checkout .dizi-standard-page .dizi-container,
	.woocommerce-checkout .dizi-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
		max-width: 100% !important;
	}

	.dizi-checkout-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.dizi-checkout-col-left,
	.dizi-checkout-col-right {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		flex: none !important;
	}

	.dizi-checkout-sticky-container {
		position: static !important;
		top: auto !important;
	}

	.dizi-thankyou-metrics-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 768px) {
	.woocommerce-checkout .dizi-standard-page {
		padding: 10px 0 40px 0 !important;
	}

	.woocommerce-checkout .dizi-standard-page .dizi-container,
	.woocommerce-checkout .dizi-container {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.woocommerce-checkout .dizi-page-header {
		margin-bottom: 1.25rem !important;
	}

	.woocommerce-checkout .dizi-page-title {
		font-size: 1.75rem !important;
	}

	/* Form Fields Single Column Stack */
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper,
	.woocommerce-additional-fields__field-wrapper {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		width: 100% !important;
	}

	.woocommerce-billing-fields__field-wrapper .form-row,
	.woocommerce-shipping-fields__field-wrapper .form-row,
	.woocommerce-additional-fields__field-wrapper .form-row,
	.woocommerce form .form-row.form-row-first,
	.woocommerce form .form-row.form-row-last,
	.woocommerce form .form-row.form-row-wide,
	.woocommerce-billing-fields__field-wrapper #billing_first_name_field,
	.woocommerce-billing-fields__field-wrapper #billing_last_name_field,
	.woocommerce-billing-fields__field-wrapper #billing_email_field,
	.woocommerce-billing-fields__field-wrapper #billing_phone_field,
	.woocommerce-billing-fields__field-wrapper #billing_phone_confirm_field,
	.woocommerce-billing-fields__field-wrapper #billing_company_field,
	.woocommerce-billing-fields__field-wrapper #billing_country_field,
	.woocommerce-billing-fields__field-wrapper #billing_state_field,
	.woocommerce-billing-fields__field-wrapper #billing_city_field,
	.woocommerce-billing-fields__field-wrapper #billing_postcode_field {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		grid-column: auto !important;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
	}

	.woocommerce form .form-row input.input-text,
	.woocommerce form .form-row select,
	.woocommerce form .form-row textarea {
		height: 46px !important;
		font-size: 0.92rem !important;
	}

	.select2-container--default .select2-selection--single {
		height: 46px !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 46px !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 46px !important;
	}

	/* Cards */
	.dizi-checkout-card {
		border-radius: 14px !important;
		margin-bottom: 20px !important;
	}

	.dizi-card-header {
		padding: 14px 16px !important;
		gap: 12px !important;
	}

	.dizi-card-icon-wrap {
		width: 38px !important;
		height: 38px !important;
	}

	.dizi-card-title {
		font-size: 1.02rem !important;
	}

	.dizi-card-subtitle {
		font-size: 0.78rem !important;
	}

	.dizi-card-body,
	.dizi-card-body.dizi-order-review-body {
		padding: 16px 14px !important;
	}

	/* Order Review Table */
	.dizi-checkout-review-table thead th.product-name,
	.dizi-checkout-review-table tbody td.product-name {
		width: 64% !important;
		max-width: 64% !important;
	}

	.dizi-checkout-review-table thead th.product-total,
	.dizi-checkout-review-table tbody td.product-total {
		width: 36% !important;
		max-width: 36% !important;
		padding-right: 2px !important;
	}

	.dizi-checkout-item-cell {
		gap: 10px !important;
	}

	.dizi-checkout-item-thumb-wrap {
		width: 44px !important;
		height: 44px !important;
		border-radius: 8px !important;
	}

	.dizi-checkout-item-title {
		font-size: 0.84rem !important;
		line-height: 1.3 !important;
	}

	.dizi-checkout-review-table tbody td.product-total {
		font-size: 0.88rem !important;
	}

	.dizi-order-total-label strong {
		font-size: 0.98rem !important;
	}

	.dizi-order-total-val .amount {
		font-size: 1.18rem !important;
	}

	/* Stepper */
	.dizi-checkout-stepper-wrap {
		margin-bottom: 1.5rem !important;
	}

	.dizi-checkout-stepper {
		border-radius: 14px !important;
		padding: 10px 14px !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.dizi-step-text {
		display: none !important;
	}

	.dizi-stepper-line {
		margin: 0 10px !important;
	}

	.dizi-step-circle {
		width: 28px !important;
		height: 28px !important;
		font-size: 0.78rem !important;
	}

	/* Coupon Banner */
	.dizi-coupon-banner {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
		padding: 14px !important;
	}

	.dizi-coupon-banner-left {
		gap: 10px !important;
	}

	.dizi-coupon-tag-icon {
		font-size: 1.3rem !important;
	}

	.dizi-coupon-btn-toggle {
		align-self: stretch !important;
		justify-content: center !important;
		padding: 10px 16px !important;
	}

	.dizi-coupon-input-group {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.dizi-btn-apply-coupon {
		width: 100% !important;
	}

	/* Trust Badges */
	.dizi-checkout-trust-grid {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		margin-top: 16px !important;
	}

	.dizi-trust-badge-item {
		padding: 12px 14px !important;
	}

	/* WhatsApp Help */
	.dizi-checkout-help-box {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 16px 14px !important;
		gap: 12px !important;
	}

	.dizi-btn-help-wa {
		width: 100% !important;
		justify-content: center !important;
		padding: 10px 16px !important;
	}

	/* Place Order Button */
	#place_order.button.alt,
	.woocommerce-checkout #place_order {
		height: 52px !important;
		font-size: 0.98rem !important;
		padding: 0 16px !important;
	}
}

@media (max-width: 480px) {
	.woocommerce-checkout .dizi-standard-page .dizi-container,
	.woocommerce-checkout .dizi-container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.dizi-card-header {
		padding: 12px 14px !important;
	}

	.dizi-card-body,
	.dizi-card-body.dizi-order-review-body {
		padding: 14px 12px !important;
	}

	.dizi-checkout-item-thumb-wrap {
		width: 40px !important;
		height: 40px !important;
	}

	.dizi-checkout-item-title {
		font-size: 0.8rem !important;
	}

	.dizi-checkout-review-table tfoot th,
	.dizi-checkout-review-table tfoot td {
		font-size: 0.82rem !important;
	}

	.dizi-order-total-val .amount {
		font-size: 1.1rem !important;
	}

	.dizi-order-total-val small,
	.dizi-order-total-val .includes_tax {
		font-size: 0.68rem !important;
	}
}

/* ==========================================================================
   16.17 Light / Bright Mode Modern Checkout Styling
   ========================================================================== */
:root:not([data-theme="dark"]) .woocommerce-checkout .dizi-page-title,
[data-theme="light"] .woocommerce-checkout .dizi-page-title {
	background: linear-gradient(135deg, #0f172a 0%, #334155 50%, #4f46e5 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

/* Notices & Alerts */
:root:not([data-theme="dark"]) .woocommerce-message,
[data-theme="light"] .woocommerce-message {
	background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
	border: 1px solid #86efac !important;
	color: #0f172a !important;
	box-shadow: 0 4px 18px rgba(16, 185, 129, 0.12) !important;
}

:root:not([data-theme="dark"]) .woocommerce-message a:not(.button),
[data-theme="light"] .woocommerce-message a:not(.button) {
	color: #047857 !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .woocommerce-message .dizi-notice-icon,
[data-theme="light"] .woocommerce-message .dizi-notice-icon {
	color: #059669 !important;
}

:root:not([data-theme="dark"]) .woocommerce-message .button,
[data-theme="light"] .woocommerce-message .button,
:root:not([data-theme="dark"]) .woocommerce-message a.button.wc-forward,
[data-theme="light"] .woocommerce-message a.button.wc-forward {
	background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(5, 150, 105, 0.25) !important;
}

:root:not([data-theme="dark"]) .woocommerce-message .button:hover,
[data-theme="light"] .woocommerce-message .button:hover,
:root:not([data-theme="dark"]) .woocommerce-message a.button.wc-forward:hover,
[data-theme="light"] .woocommerce-message a.button.wc-forward:hover {
	background: linear-gradient(135deg, #047857 0%, #064e3b 100%) !important;
	color: #ffffff !important;
}

:root:not([data-theme="dark"]) .dizi-notice-dismiss,
[data-theme="light"] .dizi-notice-dismiss {
	background: rgba(0, 0, 0, 0.05) !important;
	border: 1px solid rgba(0, 0, 0, 0.12) !important;
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-notice-dismiss:hover,
[data-theme="light"] .dizi-notice-dismiss:hover {
	background: rgba(239, 68, 68, 0.15) !important;
	color: #dc2626 !important;
}

:root:not([data-theme="dark"]) .woocommerce-error,
[data-theme="light"] .woocommerce-error {
	background: linear-gradient(135deg, #fef2f2 0%, #fff1f2 100%) !important;
	border: 1px solid #fca5a5 !important;
	color: #0f172a !important;
	box-shadow: 0 4px 18px rgba(239, 68, 68, 0.12) !important;
}

:root:not([data-theme="dark"]) .woocommerce-error a:not(.button),
[data-theme="light"] .woocommerce-error a:not(.button) {
	color: #b91c1c !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .woocommerce-error .dizi-notice-icon,
[data-theme="light"] .woocommerce-error .dizi-notice-icon {
	color: #dc2626 !important;
}

:root:not([data-theme="dark"]) .woocommerce-error .button,
[data-theme="light"] .woocommerce-error .button {
	background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25) !important;
}

:root:not([data-theme="dark"]) .woocommerce-info,
[data-theme="light"] .woocommerce-info {
	background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%) !important;
	border: 1px solid #93c5fd !important;
	color: #0f172a !important;
	box-shadow: 0 4px 18px rgba(59, 130, 246, 0.12) !important;
}

:root:not([data-theme="dark"]) .woocommerce-info a:not(.button),
[data-theme="light"] .woocommerce-info a:not(.button) {
	color: #1d4ed8 !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .woocommerce-info .dizi-notice-icon,
[data-theme="light"] .woocommerce-info .dizi-notice-icon {
	color: #2563eb !important;
}

:root:not([data-theme="dark"]) .woocommerce-info .button,
[data-theme="light"] .woocommerce-info .button {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

/* Modern Stepper */
:root:not([data-theme="dark"]) .dizi-checkout-stepper,
[data-theme="light"] .dizi-checkout-stepper {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step,
[data-theme="light"] .dizi-stepper-step {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-step-circle,
[data-theme="light"] .dizi-step-circle {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-step-num-label,
[data-theme="light"] .dizi-step-num-label {
	color: #94a3b8 !important;
}

:root:not([data-theme="dark"]) .dizi-step-title,
[data-theme="light"] .dizi-step-title {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-line,
[data-theme="light"] .dizi-stepper-line {
	background: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step.is-active .dizi-step-circle,
[data-theme="light"] .dizi-stepper-step.is-active .dizi-step-circle {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	border-color: #6366f1 !important;
	color: #ffffff !important;
	box-shadow: 0 0 14px rgba(79, 70, 229, 0.35) !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step.is-active .dizi-step-title,
[data-theme="light"] .dizi-stepper-step.is-active .dizi-step-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step.is-active .dizi-step-num-label,
[data-theme="light"] .dizi-stepper-step.is-active .dizi-step-num-label {
	color: #4f46e5 !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step.is-complete .dizi-step-circle,
[data-theme="light"] .dizi-stepper-step.is-complete .dizi-step-circle {
	background: #10b981 !important;
	border-color: #10b981 !important;
	color: #ffffff !important;
	box-shadow: 0 0 10px rgba(16, 185, 129, 0.3) !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step.is-complete .dizi-step-title,
[data-theme="light"] .dizi-stepper-step.is-complete .dizi-step-title {
	color: #0f172a !important;
}

/* Coupon Banner & Inline Form */
:root:not([data-theme="dark"]) .dizi-coupon-banner,
[data-theme="light"] .dizi-coupon-banner {
	background: #ffffff !important;
	border: 1px dashed rgba(99, 102, 241, 0.4) !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-banner:hover,
[data-theme="light"] .dizi-coupon-banner:hover {
	background: #f8fafc !important;
	border-color: #6366f1 !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-text strong,
[data-theme="light"] .dizi-coupon-text strong {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-text span,
[data-theme="light"] .dizi-coupon-text span {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-btn-toggle,
[data-theme="light"] .dizi-coupon-btn-toggle {
	background: rgba(99, 102, 241, 0.08) !important;
	border: 1px solid rgba(99, 102, 241, 0.3) !important;
	color: #4f46e5 !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-btn-toggle:hover,
[data-theme="light"] .dizi-coupon-btn-toggle:hover {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border-color: transparent !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-inline-form,
[data-theme="light"] .dizi-coupon-inline-form {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-field,
[data-theme="light"] .dizi-coupon-field {
	background: #f8fafc !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-field:focus,
[data-theme="light"] .dizi-coupon-field:focus {
	background: #ffffff !important;
	border-color: #4f46e5 !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

/* Panel Cards */
:root:not([data-theme="dark"]) .dizi-checkout-card,
[data-theme="light"] .dizi-checkout-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 6px 25px -4px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-card:hover,
[data-theme="light"] .dizi-checkout-card:hover {
	border-color: #cbd5e1 !important;
}

:root:not([data-theme="dark"]) .dizi-card-header,
[data-theme="light"] .dizi-card-header {
	background: #f8fafc !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-card-title,
[data-theme="light"] .dizi-card-title,
:root:not([data-theme="dark"]) .woocommerce-checkout .dizi-checkout-experience .dizi-card-title,
[data-theme="light"] .woocommerce-checkout .dizi-checkout-experience .dizi-card-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-card-subtitle,
[data-theme="light"] .dizi-card-subtitle {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-card-icon-wrap.dizi-icon-indigo,
[data-theme="light"] .dizi-card-icon-wrap.dizi-icon-indigo {
	background: #eef2ff !important;
	color: #4f46e5 !important;
	border: 1px solid #c7d2fe !important;
}

:root:not([data-theme="dark"]) .dizi-card-icon-wrap.dizi-icon-purple,
[data-theme="light"] .dizi-card-icon-wrap.dizi-icon-purple {
	background: #faf5ff !important;
	color: #9333ea !important;
	border: 1px solid #e9d5ff !important;
}

:root:not([data-theme="dark"]) .dizi-card-icon-wrap.dizi-icon-cyan,
[data-theme="light"] .dizi-card-icon-wrap.dizi-icon-cyan {
	background: #ecfeff !important;
	color: #0891b2 !important;
	border: 1px solid #a5f3fc !important;
}

/* Form Fields & Labels */
:root:not([data-theme="dark"]) .woocommerce form .form-row label,
[data-theme="light"] .woocommerce form .form-row label {
	color: #334155 !important;
}

:root:not([data-theme="dark"]) .woocommerce form .form-row input.input-text,
[data-theme="light"] .woocommerce form .form-row input.input-text,
:root:not([data-theme="dark"]) .woocommerce form .form-row select,
[data-theme="light"] .woocommerce form .form-row select,
:root:not([data-theme="dark"]) .woocommerce form .form-row textarea,
[data-theme="light"] .woocommerce form .form-row textarea {
	background: #f8fafc !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce form .form-row input.input-text:focus,
[data-theme="light"] .woocommerce form .form-row input.input-text:focus,
:root:not([data-theme="dark"]) .woocommerce form .form-row select:focus,
[data-theme="light"] .woocommerce form .form-row select:focus,
:root:not([data-theme="dark"]) .woocommerce form .form-row textarea:focus,
[data-theme="light"] .woocommerce form .form-row textarea:focus {
	background: #ffffff !important;
	border-color: #4f46e5 !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

:root:not([data-theme="dark"]) .woocommerce form .form-row input.input-text::placeholder,
[data-theme="light"] .woocommerce form .form-row input.input-text::placeholder,
:root:not([data-theme="dark"]) .woocommerce form .form-row textarea::placeholder,
[data-theme="light"] .woocommerce form .form-row textarea::placeholder {
	color: #94a3b8 !important;
}

/* Select2 / SelectWoo Overrides */
:root:not([data-theme="dark"]) .select2-container--default .select2-selection--single,
[data-theme="light"] .select2-container--default .select2-selection--single {
	background: #f8fafc !important;
	border: 1.5px solid #cbd5e1 !important;
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0f172a !important;
	line-height: 46px !important;
}

:root:not([data-theme="dark"]) .select2-dropdown,
[data-theme="light"] .select2-dropdown {
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-search--dropdown .select2-search__field,
[data-theme="light"] .select2-container--default .select2-search--dropdown .select2-search__field {
	background: #f8fafc !important;
	border: 1px solid #cbd5e1 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-results__option,
[data-theme="light"] .select2-container--default .select2-results__option {
	color: #1e293b !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-theme="light"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #4f46e5 !important;
	color: #ffffff !important;
}

/* Checkbox Label */
:root:not([data-theme="dark"]) #ship-to-different-address label,
[data-theme="light"] #ship-to-different-address label {
	color: #0f172a !important;
}

/* Trust Badges */
:root:not([data-theme="dark"]) .dizi-trust-badge-item,
[data-theme="light"] .dizi-trust-badge-item {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

:root:not([data-theme="dark"]) .dizi-trust-badge-info strong,
[data-theme="light"] .dizi-trust-badge-info strong {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-trust-badge-info span,
[data-theme="light"] .dizi-trust-badge-info span {
	color: #64748b !important;
}

/* Order Review Table */
:root:not([data-theme="dark"]) .dizi-checkout-review-table thead th,
[data-theme="light"] .dizi-checkout-review-table thead th {
	color: #64748b !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tbody td,
[data-theme="light"] .dizi-checkout-review-table tbody td {
	border-bottom: 1px solid #e2e8f0 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-item-title,
[data-theme="light"] .dizi-checkout-item-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-item-thumb-wrap,
[data-theme="light"] .dizi-checkout-item-thumb-wrap {
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-item-qty-badge,
[data-theme="light"] .dizi-checkout-item-qty-badge {
	border-color: #ffffff !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tbody td.product-total,
[data-theme="light"] .dizi-checkout-review-table tbody td.product-total {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot th,
[data-theme="light"] .dizi-checkout-review-table tfoot th {
	color: #64748b !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot td,
[data-theme="light"] .dizi-checkout-review-table tfoot td {
	color: #0f172a !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot .order-total th,
[data-theme="light"] .dizi-checkout-review-table tfoot .order-total th,
:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot .order-total td,
[data-theme="light"] .dizi-checkout-review-table tfoot .order-total td {
	border-top: 2px dashed #cbd5e1 !important;
}

:root:not([data-theme="dark"]) .dizi-order-total-label strong,
[data-theme="light"] .dizi-order-total-label strong {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-total-tax-note,
[data-theme="light"] .dizi-total-tax-note {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-order-total-val .amount,
[data-theme="light"] .dizi-order-total-val .amount {
	color: #4f46e5 !important;
	text-shadow: none !important;
}

:root:not([data-theme="dark"]) .dizi-order-total-val small,
[data-theme="light"] .dizi-order-total-val small,
:root:not([data-theme="dark"]) .dizi-order-total-val .includes_tax,
[data-theme="light"] .dizi-order-total-val .includes_tax {
	color: #64748b !important;
}

/* Payment Methods */
:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
	background: #f8fafc !important;
	border: 1.5px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.is-selected,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.is-selected {
	background: #eff6ff !important;
	border-color: #4f46e5 !important;
	box-shadow: 0 0 0 1px #4f46e5, 0 4px 12px rgba(79, 70, 229, 0.1) !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment div.payment_box,
[data-theme="light"] .woocommerce-checkout #payment div.payment_box {
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 3px solid #4f46e5 !important;
	color: #334155 !important;
}

:root:not([data-theme="dark"]) .woocommerce-privacy-policy-text p,
[data-theme="light"] .woocommerce-privacy-policy-text p {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .woocommerce-privacy-policy-link,
[data-theme="light"] .woocommerce-privacy-policy-link {
	color: #4f46e5 !important;
}

/* WhatsApp Help Box */
:root:not([data-theme="dark"]) .dizi-checkout-help-box,
[data-theme="light"] .dizi-checkout-help-box {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

:root:not([data-theme="dark"]) .dizi-help-headline,
[data-theme="light"] .dizi-help-headline {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-help-sub,
[data-theme="light"] .dizi-help-sub {
	color: #64748b !important;
}

/* Empty Cart & Thankyou Screen */
:root:not([data-theme="dark"]) .dizi-checkout-empty-card,
[data-theme="light"] .dizi-checkout-empty-card,
:root:not([data-theme="dark"]) .dizi-metric-card,
[data-theme="light"] .dizi-metric-card,
:root:not([data-theme="dark"]) .woocommerce-order-details,
[data-theme="light"] .woocommerce-order-details,
:root:not([data-theme="dark"]) .woocommerce-customer-details,
[data-theme="light"] .woocommerce-customer-details {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-empty-cart-title,
[data-theme="light"] .dizi-empty-cart-title,
:root:not([data-theme="dark"]) .dizi-metric-value,
[data-theme="light"] .dizi-metric-value,
:root:not([data-theme="dark"]) .woocommerce-order-details__title,
[data-theme="light"] .woocommerce-order-details__title,
:root:not([data-theme="dark"]) .woocommerce-customer-details h2,
[data-theme="light"] .woocommerce-customer-details h2 {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-customer-details address,
[data-theme="light"] .woocommerce-customer-details address {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
	color: #334155 !important;
}

/* --- High-Contrast Order Details Table (Light Theme & Default) --- */
:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table,
[data-theme="light"] .woocommerce-order-details table.shop_table {
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table th,
[data-theme="light"] .woocommerce-order-details table.shop_table th {
	color: #475569 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table td,
[data-theme="light"] .woocommerce-order-details table.shop_table td {
	color: #0f172a !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tbody td.product-name,
[data-theme="light"] .woocommerce-order-details table.shop_table tbody td.product-name {
	color: #0f172a !important;
	font-weight: 600 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tbody td.product-name a,
[data-theme="light"] .woocommerce-order-details table.shop_table tbody td.product-name a {
	color: #4f46e5 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tbody td.product-name a:hover,
[data-theme="light"] .woocommerce-order-details table.shop_table tbody td.product-name a:hover {
	color: #4338ca !important;
	text-decoration: underline !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tbody td.product-name .product-quantity,
[data-theme="light"] .woocommerce-order-details table.shop_table tbody td.product-name .product-quantity {
	color: #64748b !important;
	font-weight: 600 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table td.product-total,
[data-theme="light"] .woocommerce-order-details table.shop_table td.product-total,
:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot td,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot td {
	text-align: right !important;
	color: #0f172a !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table .amount,
[data-theme="light"] .woocommerce-order-details table.shop_table .amount {
	color: #0f172a !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot th,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot th {
	color: #475569 !important;
	font-weight: 600 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot tr:last-child th,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot tr:last-child th,
:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot tr.order-total th,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot tr.order-total th {
	color: #0f172a !important;
	font-size: 1.05rem !important;
	font-weight: 800 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot tr:last-child td,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot tr:last-child td,
:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot tr.order-total td,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot tr.order-total td,
:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table tfoot tr.order-total .amount,
[data-theme="light"] .woocommerce-order-details table.shop_table tfoot tr.order-total .amount {
	color: #4f46e5 !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
}

:root:not([data-theme="dark"]) .woocommerce-order-details table.shop_table small.includes_tax,
[data-theme="light"] .woocommerce-order-details table.shop_table small.includes_tax {
	color: #64748b !important;
	font-weight: normal !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-wrapper,
[data-theme="light"] .dizi-thankyou-wrapper {
	color: #1e293b !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-wrapper p,
[data-theme="light"] .dizi-thankyou-wrapper p {
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-hero-card,
[data-theme="light"] .dizi-thankyou-hero-card {
	background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%) !important;
	border-color: #a7f3d0 !important;
	box-shadow: 0 10px 30px rgba(16, 185, 129, 0.08) !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-heading,
[data-theme="light"] .dizi-thankyou-heading {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-lead,
[data-theme="light"] .dizi-thankyou-lead {
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-metric-label,
[data-theme="light"] .dizi-metric-label {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-metric-card.is-highlight,
[data-theme="light"] .dizi-metric-card.is-highlight {
	background: rgba(99, 102, 241, 0.06) !important;
	border-color: rgba(99, 102, 241, 0.3) !important;
}

:root:not([data-theme="dark"]) .dizi-total-glow,
[data-theme="light"] .dizi-total-glow {
	color: #4f46e5 !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-actions-bar .dizi-btn-secondary,
[data-theme="light"] .dizi-thankyou-actions-bar .dizi-btn-secondary {
	background: #ffffff !important;
	border-color: #cbd5e1 !important;
	color: #1e293b !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

:root:not([data-theme="dark"]) .dizi-thankyou-actions-bar .dizi-btn-secondary:hover,
[data-theme="light"] .dizi-thankyou-actions-bar .dizi-btn-secondary:hover {
	background: #f8fafc !important;
	border-color: #94a3b8 !important;
}

:root:not([data-theme="dark"]) .blockUI.blockOverlay,
[data-theme="light"] .blockUI.blockOverlay {
	background: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(4px) !important;
}

/* ==========================================================================
   Checkout Submitting State & Button Loader
   ========================================================================== */
#place_order.dizi-submitting {
	position: relative !important;
	opacity: 0.88 !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	filter: brightness(0.95) !important;
	box-shadow: 0 0 20px rgba(99, 102, 241, 0.4) !important;
}

.dizi-submitting-spinner {
	display: inline-block !important;
	width: 18px !important;
	height: 18px !important;
	border: 2.5px solid rgba(255, 255, 255, 0.35) !important;
	border-top-color: #ffffff !important;
	border-radius: 50% !important;
	animation: diziBtnSpin 0.7s linear infinite !important;
	vertical-align: middle !important;
	margin-right: 6px !important;
}

#place_order.dizi-submitted-success {
	background: #10b981 !important;
	border-color: #10b981 !important;
	color: #ffffff !important;
	box-shadow: 0 0 25px rgba(16, 185, 129, 0.45) !important;
	pointer-events: none !important;
	cursor: wait !important;
}

@keyframes diziBtnSpin {
	to {
		transform: rotate(360deg);
	}
}

/* ==========================================================================
   Dedicated Printable Order Receipt (Screen Hiding & @media print)
   ========================================================================== */
#diziPrintReceipt,
.dizi-printable-receipt {
	display: none !important;
}

@media print {
	/* Reset Page & Global Body for Crisp Printing */
	@page {
		size: A4 portrait;
		margin: 10mm 12mm 12mm 12mm;
	}

	html,
	body {
		background: #ffffff !important;
		color: #0f172a !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
		font-size: 11pt !important;
		line-height: 1.4 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	/* Completely Hide All Non-Receipt Website Elements */
	header,
	footer,
	nav,
	aside,
	.site-header,
	.dizi-header-top-bar,
	.dizi-header-main,
	.dizi-bottom-nav,
	.dizi-cart-drawer,
	.dizi-search-modal,
	.dizi-cart-overlay,
	#diziTopAnnouncement,
	.skip-link,
	.dizi-thankyou-hero-card,
	.dizi-thankyou-metrics-grid,
	.dizi-thankyou-actions-bar,
	.dizi-thankyou-failed-card,
	.dizi-thankyou-empty-card,
	.woocommerce-order-details,
	.woocommerce-customer-details,
	.woocommerce-order-downloads,
	.woocommerce-bacs-bank-details,
	.dizi-order-gst-badge,
	.site-footer,
	.dizi-footer-bottom,
	.woocommerce-notice,
	.dizi-theme-toggle,
	.dizi-cart-trigger {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	/* Flatten Wrappers */
	#page,
	#content,
	.site-content,
	.site-main,
	main,
	.woocommerce,
	.woocommerce-order,
	.dizi-thankyou-wrapper {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	/* Printable Receipt Sheet Container */
	#diziPrintReceipt,
	.dizi-printable-receipt {
		display: block !important;
		visibility: visible !important;
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		background: #ffffff !important;
		color: #0f172a !important;
		box-sizing: border-box !important;
	}

	/* Header */
	.dizi-receipt-header {
		display: flex !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		border-bottom: 2px solid #0f172a !important;
		padding-bottom: 12px !important;
		margin-bottom: 16px !important;
	}

	.dizi-receipt-brand {
		max-width: 58% !important;
	}

	.dizi-receipt-store-title {
		font-size: 20pt !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 0 0 4px 0 !important;
		line-height: 1.1 !important;
		letter-spacing: -0.02em !important;
	}

	.dizi-receipt-store-tagline {
		font-size: 9pt !important;
		color: #64748b !important;
		margin: 0 0 3px 0 !important;
	}

	.dizi-receipt-store-url {
		font-size: 8.5pt !important;
		color: #4f46e5 !important;
		margin: 0 !important;
		font-weight: 600 !important;
	}

	.dizi-receipt-title-box {
		text-align: right !important;
		max-width: 40% !important;
	}

	.dizi-receipt-doc-title {
		font-size: 16pt !important;
		font-weight: 900 !important;
		color: #0f172a !important;
		margin: 0 0 4px 0 !important;
		letter-spacing: 0.05em !important;
	}

	.dizi-receipt-doc-badge {
		display: inline-block !important;
		background: #f1f5f9 !important;
		color: #334155 !important;
		font-size: 8pt !important;
		font-weight: 700 !important;
		padding: 3px 8px !important;
		border-radius: 4px !important;
		border: 1px solid #cbd5e1 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.04em !important;
	}

	.dizi-receipt-doc-note {
		font-size: 7.5pt !important;
		color: #64748b !important;
		margin: 4px 0 0 0 !important;
		font-style: italic !important;
	}

	/* Metadata Grid */
	.dizi-receipt-meta-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 8px !important;
		background: #f8fafc !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important;
		padding: 10px 12px !important;
		margin-bottom: 16px !important;
		page-break-inside: avoid !important;
	}

	.dizi-receipt-meta-item {
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
	}

	.dizi-receipt-meta-item .dizi-receipt-label {
		font-size: 7.5pt !important;
		color: #64748b !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		letter-spacing: 0.03em !important;
	}

	.dizi-receipt-meta-item .dizi-receipt-val {
		font-size: 10pt !important;
		color: #0f172a !important;
		font-weight: 700 !important;
	}

	/* Parties (Billing & Shipping) */
	.dizi-receipt-parties-grid {
		display: flex !important;
		gap: 16px !important;
		margin-bottom: 18px !important;
		page-break-inside: avoid !important;
	}

	.dizi-receipt-party-box {
		flex: 1 !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important;
		padding: 10px 14px !important;
		background: #ffffff !important;
	}

	.dizi-party-heading {
		font-size: 9pt !important;
		font-weight: 700 !important;
		color: #334155 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.04em !important;
		margin: 0 0 6px 0 !important;
		border-bottom: 1px solid #e2e8f0 !important;
		padding-bottom: 4px !important;
	}

	.dizi-party-content p {
		margin: 0 0 3px 0 !important;
		font-size: 9pt !important;
		line-height: 1.35 !important;
		color: #334155 !important;
	}

	.dizi-party-name {
		font-size: 10.5pt !important;
		color: #0f172a !important;
	}

	.dizi-receipt-gstin {
		display: inline-block !important;
		background: #f0fdf4 !important;
		border: 1px solid #86efac !important;
		padding: 2px 6px !important;
		border-radius: 4px !important;
		font-size: 8.5pt !important;
		color: #166534 !important;
		margin: 4px 0 !important;
	}

	.dizi-receipt-gstin span {
		font-family: monospace !important;
		font-weight: 700 !important;
		letter-spacing: 0.05em !important;
	}

	/* Items Table */
	.dizi-receipt-items-section {
		margin-bottom: 16px !important;
	}

	.dizi-receipt-table {
		width: 100% !important;
		border-collapse: collapse !important;
		border: 1px solid #cbd5e1 !important;
		page-break-inside: auto !important;
	}

	.dizi-receipt-table th {
		background: #f1f5f9 !important;
		color: #0f172a !important;
		font-size: 8.5pt !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.03em !important;
		padding: 8px 10px !important;
		border: 1px solid #cbd5e1 !important;
		text-align: left !important;
	}

	.dizi-receipt-table td {
		padding: 8px 10px !important;
		border: 1px solid #e2e8f0 !important;
		font-size: 9pt !important;
		vertical-align: top !important;
		color: #1e293b !important;
	}

	.dizi-receipt-table tr {
		page-break-inside: avoid !important;
	}

	.dizi-receipt-table th.col-sr,
	.dizi-receipt-table td.col-sr {
		width: 32px !important;
		text-align: center !important;
		color: #64748b !important;
	}

	.dizi-receipt-table th.col-qty,
	.dizi-receipt-table td.col-qty {
		width: 48px !important;
		text-align: center !important;
	}

	.dizi-receipt-table th.col-price,
	.dizi-receipt-table td.col-price {
		width: 90px !important;
		text-align: right !important;
	}

	.dizi-receipt-table th.col-total,
	.dizi-receipt-table td.col-total {
		width: 100px !important;
		text-align: right !important;
		font-weight: 600 !important;
	}

	.dizi-item-name {
		font-size: 9.5pt !important;
		color: #0f172a !important;
		display: block !important;
	}

	.dizi-receipt-sku {
		font-size: 7.5pt !important;
		color: #64748b !important;
		margin-top: 2px !important;
	}

	.dizi-receipt-table .wc-item-meta {
		margin: 4px 0 0 0 !important;
		padding: 0 !important;
		list-style: none !important;
		font-size: 7.5pt !important;
		color: #64748b !important;
	}

	/* Summary (Notes + Totals) */
	.dizi-receipt-summary-grid {
		display: flex !important;
		justify-content: space-between !important;
		gap: 20px !important;
		margin-bottom: 20px !important;
		page-break-inside: avoid !important;
	}

	.dizi-receipt-notes {
		flex: 1.1 !important;
	}

	.dizi-receipt-notice-box {
		background: #f8fafc !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important;
		padding: 10px 14px !important;
	}

	.dizi-receipt-notice-box h4 {
		font-size: 8.5pt !important;
		font-weight: 700 !important;
		color: #334155 !important;
		margin: 0 0 6px 0 !important;
		text-transform: uppercase !important;
	}

	.dizi-receipt-notice-box ul {
		margin: 0 !important;
		padding-left: 16px !important;
	}

	.dizi-receipt-notice-box li {
		font-size: 8pt !important;
		color: #475569 !important;
		line-height: 1.4 !important;
		margin-bottom: 3px !important;
	}

	.dizi-receipt-totals {
		flex: 0.9 !important;
	}

	.dizi-receipt-totals-table {
		width: 100% !important;
		border-collapse: collapse !important;
	}

	.dizi-receipt-totals-table th,
	.dizi-receipt-totals-table td {
		padding: 5px 8px !important;
		font-size: 9pt !important;
		color: #334155 !important;
		border-bottom: 1px solid #e2e8f0 !important;
	}

	.dizi-receipt-totals-table th {
		text-align: left !important;
		font-weight: 500 !important;
	}

	.dizi-receipt-totals-table td {
		text-align: right !important;
		font-weight: 600 !important;
	}

	.dizi-receipt-totals-table tr.is-grand-total th,
	.dizi-receipt-totals-table tr.is-grand-total td {
		font-size: 11pt !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		border-top: 2px solid #0f172a !important;
		border-bottom: 2px solid #0f172a !important;
		padding: 8px 8px !important;
		background: #f8fafc !important;
	}

	/* Footer */
	.dizi-receipt-footer {
		text-align: center !important;
		border-top: 1px solid #cbd5e1 !important;
		padding-top: 12px !important;
		margin-top: 16px !important;
		page-break-inside: avoid !important;
	}

	.dizi-receipt-thanks {
		font-size: 10pt !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 3px 0 !important;
	}

	.dizi-receipt-legal {
		font-size: 7.5pt !important;
		color: #94a3b8 !important;
		margin: 0 !important;
	}
}

/* ==========================================================================
   17. Ultra-Modern, Fast & High-Converting Checkout Experience
   ========================================================================== */

/* --- 17.1 Authentic Indian Phone (+91) Badge & Live Validation --- */
.dizi-phone-wrap-enhanced,
#billing_phone_field .woocommerce-input-wrapper,
#billing_phone_confirm_field .woocommerce-input-wrapper,
#billing_postcode_field .woocommerce-input-wrapper {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Explicitly hide and purge any legacy mask buttons or emojis */
.dizi-phone-mask-btn,
.dizi-phone-field-msg,
.dizi-nopaste-toast {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	z-index: -1 !important;
}

/* Labels for Phone & Confirm must match exactly */
#billing_phone_field label,
#billing_phone_confirm_field label {
	display: flex !important;
	align-items: center !important;
	height: 22px !important;
	line-height: 22px !important;
	margin: 0 0 7px 0 !important;
}

/* Indian flag prefix badge inside mobile input */
.dizi-phone-prefix-badge {
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	height: 32px !important;
	line-height: 30px !important;
	padding: 0 8px !important;
	background: rgba(99, 102, 241, 0.16) !important;
	border: 1px solid rgba(99, 102, 241, 0.35) !important;
	border-radius: 6px !important;
	color: #818cf8 !important;
	font-size: 0.82rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	pointer-events: none !important;
	user-select: none !important;
	box-sizing: border-box !important;
}

:root:not([data-theme="dark"]) .dizi-phone-prefix-badge,
[data-theme="light"] .dizi-phone-prefix-badge {
	background: #e0e7ff !important;
	border-color: #c7d2fe !important;
	color: #4338ca !important;
}

/* Inputs styling for symmetrical alignment in checkout */
.woocommerce-checkout form .form-row input#billing_phone,
.woocommerce-checkout form .form-row input#billing_phone_confirm,
form.woocommerce-checkout .form-row input#billing_phone,
form.woocommerce-checkout .form-row input#billing_phone_confirm {
	display: block !important;
	width: 100% !important;
	height: 48px !important;
	line-height: 46px !important;
	padding: 0 82px 0 86px !important;
	font-size: 0.95rem !important;
	letter-spacing: 0.03em !important;
	box-sizing: border-box !important;
}

.woocommerce-checkout form .form-row input#billing_postcode,
form.woocommerce-checkout .form-row input#billing_postcode {
	padding-right: 90px !important;
	height: 48px !important;
	line-height: 46px !important;
	box-sizing: border-box !important;
}

.woocommerce-checkout form .form-row input#billing_email,
form.woocommerce-checkout .form-row input#billing_email {
	padding-right: 80px !important;
}

/* Micro Status Badges (Valid, Warning, Error, Loading) vertically centered */
.dizi-input-status-badge {
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	height: 28px !important;
	line-height: 26px !important;
	pointer-events: none !important;
	box-sizing: border-box !important;
}

.dizi-badge-valid {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 3px 8px !important;
	background: rgba(16, 185, 129, 0.16) !important;
	border: 1px solid rgba(16, 185, 129, 0.35) !important;
	border-radius: 6px !important;
	color: #10b981 !important;
	font-size: 0.74rem !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	animation: diziCoPopIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

:root:not([data-theme="dark"]) .dizi-badge-valid,
[data-theme="light"] .dizi-badge-valid {
	background: #dcfce7 !important;
	border-color: #86efac !important;
	color: #15803d !important;
}

.dizi-badge-warn {
	display: inline-flex !important;
	align-items: center !important;
	padding: 3px 7px !important;
	background: rgba(245, 158, 11, 0.14) !important;
	border: 1px solid rgba(245, 158, 11, 0.35) !important;
	border-radius: 6px !important;
	color: #f59e0b !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	font-family: monospace !important;
}

:root:not([data-theme="dark"]) .dizi-badge-warn,
[data-theme="light"] .dizi-badge-warn {
	background: #fef3c7 !important;
	border-color: #fcd34d !important;
	color: #b45309 !important;
}

.dizi-badge-err {
	display: inline-flex !important;
	align-items: center !important;
	padding: 3px 7px !important;
	background: rgba(239, 68, 68, 0.14) !important;
	border: 1px solid rgba(239, 68, 68, 0.35) !important;
	border-radius: 6px !important;
	color: #ef4444 !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
}

:root:not([data-theme="dark"]) .dizi-badge-err,
[data-theme="light"] .dizi-badge-err {
	background: #fee2e2 !important;
	border-color: #fca5a5 !important;
	color: #b91c1c !important;
}

.dizi-badge-loading {
	display: inline-flex !important;
	align-items: center !important;
	padding: 3px 7px !important;
	background: rgba(99, 102, 241, 0.14) !important;
	border: 1px solid rgba(99, 102, 241, 0.35) !important;
	border-radius: 6px !important;
	color: #818cf8 !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	animation: diziCoPulse 1s infinite alternate !important;
}

@keyframes diziCoPopIn {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
}

@keyframes diziCoPulse {
	from { opacity: 0.7; }
	to { opacity: 1; }
}

/* Field Valid / Invalid Highlight */
input.dizi-field-valid {
	border-color: #10b981 !important;
	box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

input.dizi-field-invalid {
	border-color: #ef4444 !important;
	box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2) !important;
}

/* --- 17.2 Place Order CTA Button Polish & Shimmer Animation --- */
#place_order.button.alt,
.woocommerce-checkout #place_order {
	position: relative !important;
	overflow: hidden !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #d946ef 100%) !important;
	background-size: 200% auto !important;
	color: #ffffff !important;
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	border-radius: 14px !important;
	height: 56px !important;
	box-shadow: 0 10px 28px -4px rgba(99, 102, 241, 0.5) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#place_order.button.alt::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -120% !important;
	width: 60% !important;
	height: 100% !important;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
	transform: skewX(-20deg) !important;
	animation: diziBtnShimmer 3.5s infinite ease-in-out !important;
	pointer-events: none !important;
}

@keyframes diziBtnShimmer {
	0%, 70% { left: -120%; }
	100% { left: 160%; }
}

#place_order.button.alt:hover,
.woocommerce-checkout #place_order:hover {
	transform: translateY(-2px) scale(1.01) !important;
	box-shadow: 0 16px 36px -4px rgba(99, 102, 241, 0.65) !important;
	filter: brightness(1.08) !important;
}

#place_order.button.alt:active,
.woocommerce-checkout #place_order:active {
	transform: translateY(0) !important;
}

.dizi-btn-amount-badge {
	display: inline-block !important;
	margin-left: 6px !important;
	font-weight: 900 !important;
	opacity: 0.95 !important;
	letter-spacing: 0.02em !important;
	color: #ffedd5 !important;
}

/* Submitting spinner */
.dizi-submitting-spinner {
	display: inline-block !important;
	width: 20px !important;
	height: 20px !important;
	border: 2.5px solid rgba(255, 255, 255, 0.3) !important;
	border-top-color: #ffffff !important;
	border-radius: 50% !important;
	animation: diziSpin 0.75s linear infinite !important;
	margin-right: 10px !important;
	vertical-align: middle !important;
}

@keyframes diziSpin {
	to { transform: rotate(360deg); }
}

#place_order.dizi-submitting {
	opacity: 0.9 !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
	background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
	box-shadow: 0 6px 20px rgba(99, 102, 241, 0.35) !important;
}

/* --- 17.3 Comprehensive Light Mode Theme Support for Checkout --- */
:root:not([data-theme="dark"]) .dizi-checkout-experience,
[data-theme="light"] .dizi-checkout-experience {
	color: #0f172a;
}

:root:not([data-theme="dark"]) .dizi-checkout-card,
[data-theme="light"] .dizi-checkout-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.03) !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-card:hover,
[data-theme="light"] .dizi-checkout-card:hover {
	border-color: #cbd5e1 !important;
}

:root:not([data-theme="dark"]) .dizi-card-header,
[data-theme="light"] .dizi-card-header {
	background: #f8fafc !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-card-title,
[data-theme="light"] .dizi-card-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-card-subtitle,
[data-theme="light"] .dizi-card-subtitle {
	color: #64748b !important;
}

/* Stepper light mode */
:root:not([data-theme="dark"]) .dizi-checkout-stepper,
[data-theme="light"] .dizi-checkout-stepper {
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06) !important;
}

:root:not([data-theme="dark"]) .dizi-step-circle,
[data-theme="light"] .dizi-step-circle {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-step-title,
[data-theme="light"] .dizi-step-title {
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-line,
[data-theme="light"] .dizi-stepper-line {
	background: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-stepper-step.is-active .dizi-step-title,
[data-theme="light"] .dizi-stepper-step.is-active .dizi-step-title {
	color: #0f172a !important;
}

/* Inputs & Form Rows light mode */
:root:not([data-theme="dark"]) .woocommerce form .form-row input.input-text,
:root:not([data-theme="dark"]) .woocommerce form .form-row select,
:root:not([data-theme="dark"]) .woocommerce form .form-row textarea,
[data-theme="light"] .woocommerce form .form-row input.input-text,
[data-theme="light"] .woocommerce form .form-row select,
[data-theme="light"] .woocommerce form .form-row textarea {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce form .form-row input.input-text:focus,
:root:not([data-theme="dark"]) .woocommerce form .form-row select:focus,
:root:not([data-theme="dark"]) .woocommerce form .form-row textarea:focus,
[data-theme="light"] .woocommerce form .form-row input.input-text:focus,
[data-theme="light"] .woocommerce form .form-row select:focus,
[data-theme="light"] .woocommerce form .form-row textarea:focus {
	background: #ffffff !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

:root:not([data-theme="dark"]) .woocommerce form .form-row input.input-text::placeholder,
:root:not([data-theme="dark"]) .woocommerce form .form-row textarea::placeholder,
[data-theme="light"] .woocommerce form .form-row input.input-text::placeholder,
[data-theme="light"] .woocommerce form .form-row textarea::placeholder {
	color: #94a3b8 !important;
}

/* Select2 light mode */
:root:not([data-theme="dark"]) .select2-container--default .select2-selection--single,
[data-theme="light"] .select2-container--default .select2-selection--single {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .select2-dropdown,
[data-theme="light"] .select2-dropdown {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-search--dropdown .select2-search__field,
[data-theme="light"] .select2-container--default .select2-search--dropdown .select2-search__field {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .select2-container--default .select2-results__option,
[data-theme="light"] .select2-container--default .select2-results__option {
	color: #334155 !important;
}

/* Coupon light mode */
:root:not([data-theme="dark"]) .dizi-coupon-banner,
[data-theme="light"] .dizi-coupon-banner {
	background: rgba(248, 250, 252, 0.95) !important;
	border-color: rgba(99, 102, 241, 0.4) !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-text strong,
[data-theme="light"] .dizi-coupon-text strong {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-text span,
[data-theme="light"] .dizi-coupon-text span {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-inline-form,
[data-theme="light"] .dizi-coupon-inline-form {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

:root:not([data-theme="dark"]) .dizi-coupon-field,
[data-theme="light"] .dizi-coupon-field {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

/* Order Review Table light mode */
:root:not([data-theme="dark"]) .dizi-checkout-review-table thead th,
[data-theme="light"] .dizi-checkout-review-table thead th {
	border-bottom-color: #e2e8f0 !important;
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tbody td,
[data-theme="light"] .dizi-checkout-review-table tbody td {
	border-bottom-color: #f1f5f9 !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-item-title,
[data-theme="light"] .dizi-checkout-item-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tbody td.product-total .amount,
[data-theme="light"] .dizi-checkout-review-table tbody td.product-total .amount {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot th,
:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot td,
[data-theme="light"] .dizi-checkout-review-table tfoot th,
[data-theme="light"] .dizi-checkout-review-table tfoot td {
	border-bottom-color: #f1f5f9 !important;
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-order-total-label strong,
[data-theme="light"] .dizi-order-total-label strong {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-order-total-val .amount,
[data-theme="light"] .dizi-order-total-val .amount {
	color: #4f46e5 !important;
	text-shadow: none !important;
}

:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot .order-total th,
:root:not([data-theme="dark"]) .dizi-checkout-review-table tfoot .order-total td,
[data-theme="light"] .dizi-checkout-review-table tfoot .order-total th,
[data-theme="light"] .dizi-checkout-review-table tfoot .order-total td {
	border-top-color: #cbd5e1 !important;
}

/* Payment Methods light mode */
:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
	border-color: #94a3b8 !important;
	background: #f1f5f9 !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.is-selected,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.is-selected {
	border-color: #6366f1 !important;
	background: rgba(99, 102, 241, 0.05) !important;
	box-shadow: 0 0 0 1px #6366f1, 0 4px 14px rgba(99, 102, 241, 0.1) !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label,
[data-theme="light"] .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-checkout #payment div.payment_box,
[data-theme="light"] .woocommerce-checkout #payment div.payment_box {
	background: #f1f5f9 !important;
	border-color: #e2e8f0 !important;
	border-left-color: #6366f1 !important;
	color: #334155 !important;
}

/* Trust Badges light mode */
:root:not([data-theme="dark"]) .dizi-trust-badge-item,
[data-theme="light"] .dizi-trust-badge-item {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

:root:not([data-theme="dark"]) .dizi-trust-badge-info strong,
[data-theme="light"] .dizi-trust-badge-info strong {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-trust-badge-info span,
[data-theme="light"] .dizi-trust-badge-info span {
	color: #64748b !important;
}

/* WhatsApp Help Box light mode */
:root:not([data-theme="dark"]) .dizi-checkout-help-box,
[data-theme="light"] .dizi-checkout-help-box {
	background: #f0fdf4 !important;
	border-color: #bbf7d0 !important;
}

:root:not([data-theme="dark"]) .dizi-help-headline,
[data-theme="light"] .dizi-help-headline {
	color: #14532d !important;
}

:root:not([data-theme="dark"]) .dizi-help-sub,
[data-theme="light"] .dizi-help-sub {
	color: #166534 !important;
}

/* Empty cart light mode */
:root:not([data-theme="dark"]) .dizi-checkout-empty-card,
[data-theme="light"] .dizi-checkout-empty-card {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
}

:root:not([data-theme="dark"]) .dizi-empty-cart-title,
[data-theme="light"] .dizi-empty-cart-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-empty-cart-desc,
[data-theme="light"] .dizi-empty-cart-desc {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .dizi-empty-cart-actions .dizi-btn-secondary,
[data-theme="light"] .dizi-empty-cart-actions .dizi-btn-secondary {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

/* ==========================================================================
   18. Ultra-Modern & Mobile-Friendly My Account Customer Portal
   ========================================================================== */

/* --- 18.1 Page Container & WooCommerce Resets --- */
.woocommerce-account .dizi-standard-page {
	padding-top: 24px !important;
	padding-bottom: 80px !important;
}

.woocommerce-account .dizi-breadcrumbs-wrapper,
.woocommerce-account .dizi-page-header {
	display: none !important;
}

.woocommerce-account .dizi-container {
	max-width: 1240px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box !important;
}

.woocommerce-account .dizi-page-card,
.woocommerce-account .dizi-page-body,
.woocommerce-account .entry-content,
.woocommerce-account .woocommerce {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Force neutralize ALL WooCommerce core float rules and pseudo elements */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	height: auto !important;
	overflow: visible !important;
}

/* --- 18.2 Portal Root Container --- */
.dizi-myaccount-portal {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
}

/* --- 18.3 Top Customer Profile Hero Card --- */
.dizi-ma-hero-card {
	background: linear-gradient(135deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border-radius: 20px !important;
	padding: 24px 28px !important;
	box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.35) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.dizi-ma-hero-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
}

.dizi-ma-user-profile {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
}

.dizi-ma-avatar-wrap {
	position: relative !important;
	width: 72px !important;
	height: 72px !important;
	flex-shrink: 0 !important;
}

.dizi-ma-avatar-img {
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	border: 3px solid #6366f1 !important;
	box-shadow: 0 0 20px rgba(99, 102, 241, 0.4) !important;
	display: block !important;
}

.dizi-ma-online-dot {
	position: absolute !important;
	bottom: 2px !important;
	right: 2px !important;
	width: 15px !important;
	height: 15px !important;
	background: #10b981 !important;
	border: 3px solid #0f172a !important;
	border-radius: 50% !important;
	box-shadow: 0 0 8px rgba(16, 185, 129, 0.6) !important;
}

.dizi-ma-user-meta {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.dizi-ma-name-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.dizi-ma-user-name {
	font-size: 1.4rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.2 !important;
}

.dizi-ma-badge-role {
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em !important;
	text-transform: uppercase !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
}

.dizi-ma-badge-admin {
	background: rgba(245, 158, 11, 0.16) !important;
	border: 1px solid rgba(245, 158, 11, 0.35) !important;
	color: #fbbf24 !important;
}

.dizi-ma-badge-customer {
	background: rgba(99, 102, 241, 0.16) !important;
	border: 1px solid rgba(99, 102, 241, 0.35) !important;
	color: #a5b4fc !important;
}

.dizi-ma-sub-meta {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	font-size: 0.84rem !important;
	color: #94a3b8 !important;
}

.dizi-ma-sub-meta span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.dizi-ma-icon-xs {
	width: 14px !important;
	height: 14px !important;
	color: #6366f1 !important;
	flex-shrink: 0 !important;
}

/* Quick Stat Counters Strip */
.dizi-ma-stats-strip {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
}

.dizi-ma-stat-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 18px !important;
	background: rgba(255, 255, 255, 0.035) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 14px !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
}

.dizi-ma-stat-item:hover {
	background: rgba(99, 102, 241, 0.12) !important;
	border-color: rgba(99, 102, 241, 0.3) !important;
	transform: translateY(-2px) !important;
}

.dizi-ma-stat-icon-wrap {
	width: 38px !important;
	height: 38px !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.dizi-ma-stat-icon-wrap svg {
	width: 18px !important;
	height: 18px !important;
}

.dizi-stat-orders {
	background: rgba(99, 102, 241, 0.18) !important;
	color: #818cf8 !important;
}

.dizi-stat-downloads {
	background: rgba(16, 185, 129, 0.18) !important;
	color: #34d399 !important;
}

.dizi-stat-spent {
	background: rgba(245, 158, 11, 0.18) !important;
	color: #fbbf24 !important;
}

.dizi-ma-stat-info {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	line-height: 1.2 !important;
	min-width: 0 !important;
}

.dizi-ma-stat-val {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #f8fafc !important;
	text-align: left !important;
}

.dizi-ma-stat-label {
	font-size: 0.74rem !important;
	font-weight: 500 !important;
	color: #94a3b8 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	text-align: left !important;
}

/* --- 18.4 Portal Grid Layout (2-Column) --- */
.dizi-ma-grid-layout {
	display: grid !important;
	grid-template-columns: 260px minmax(0, 1fr) !important;
	gap: 24px !important;
	align-items: start !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Sidebar Navigation */
.dizi-ma-sidebar {
	width: 100% !important;
	position: sticky !important;
	top: 95px !important;
	z-index: 10 !important;
	box-sizing: border-box !important;
}

.dizi-ma-nav {
	background: linear-gradient(135deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border-radius: 20px !important;
	padding: 16px !important;
	box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.35) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.dizi-ma-nav-header {
	padding: 6px 14px 12px 14px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	margin-bottom: 10px !important;
}

.dizi-ma-nav-title {
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: #64748b !important;
}

.dizi-ma-nav-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	width: 100% !important;
}

.dizi-ma-nav-item {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dizi-ma-nav-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	padding: 12px 16px !important;
	border-radius: 12px !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	color: #94a3b8 !important;
	text-decoration: none !important;
	transition: all 0.22s ease !important;
	box-sizing: border-box !important;
}

.dizi-ma-nav-icon {
	width: 22px !important;
	height: 22px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.dizi-ma-nav-icon svg {
	width: 18px !important;
	height: 18px !important;
	color: #64748b !important;
	transition: color 0.2s ease !important;
}

.dizi-ma-nav-text {
	flex-grow: 1 !important;
	white-space: nowrap !important;
}

.dizi-ma-nav-arrow {
	width: 14px !important;
	height: 14px !important;
	opacity: 0 !important;
	transform: translateX(-4px) !important;
	transition: all 0.2s ease !important;
	color: currentColor !important;
	flex-shrink: 0 !important;
}

.dizi-ma-nav-link:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	color: #f8fafc !important;
	transform: translateX(3px) !important;
}

.dizi-ma-nav-link:hover .dizi-ma-nav-icon svg {
	color: #818cf8 !important;
}

.dizi-ma-nav-link:hover .dizi-ma-nav-arrow {
	opacity: 0.6 !important;
	transform: translateX(0) !important;
}

/* Active Nav Item - Full Pill */
.dizi-ma-nav-item.is-active .dizi-ma-nav-link,
.woocommerce-MyAccount-navigation-link.is-active .dizi-ma-nav-link,
.woocommerce-MyAccount-navigation-link.is-active a {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 8px 22px -4px rgba(99, 102, 241, 0.5) !important;
	font-weight: 700 !important;
	transform: translateX(0) !important;
}

.dizi-ma-nav-item.is-active .dizi-ma-nav-icon svg,
.woocommerce-MyAccount-navigation-link.is-active .dizi-ma-nav-link .dizi-ma-nav-icon svg,
.woocommerce-MyAccount-navigation-link.is-active a .dizi-ma-nav-icon svg {
	color: #ffffff !important;
}

.dizi-ma-nav-item.is-active .dizi-ma-nav-arrow,
.woocommerce-MyAccount-navigation-link.is-active .dizi-ma-nav-link .dizi-ma-nav-arrow {
	opacity: 1 !important;
	transform: translateX(0) !important;
	color: #ffffff !important;
}

/* Logout link styling */
.dizi-ma-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .dizi-ma-nav-link:hover {
	background: rgba(239, 68, 68, 0.12) !important;
	color: #ef4444 !important;
}

.dizi-ma-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .dizi-ma-nav-link:hover .dizi-ma-nav-icon svg {
	color: #ef4444 !important;
}

/* --- 18.5 Right Content Pane & Card --- */
.dizi-ma-content-area {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

.dizi-ma-content-card {
	background: linear-gradient(135deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border-radius: 20px !important;
	padding: 30px !important;
	box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.35) !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: auto !important;
	min-height: auto !important;
	overflow: visible !important;
}

.dizi-ma-content-card .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
}

/* Content Headings inside Dashboard */
.dizi-ma-welcome-box {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	padding: 22px 26px !important;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(124, 58, 237, 0.08) 100%) !important;
	border: 1px solid rgba(99, 102, 241, 0.25) !important;
	border-radius: 16px !important;
	margin-bottom: 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.dizi-ma-welcome-title {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
	line-height: 1.25 !important;
}

.dizi-ma-welcome-desc {
	font-size: 0.9rem !important;
	color: #cbd5e1 !important;
	margin: 0 !important;
	max-width: 580px !important;
	line-height: 1.5 !important;
}

.dizi-ma-btn-explore {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 10px 20px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	border-radius: 12px !important;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4) !important;
	transition: all 0.25s ease !important;
	white-space: nowrap !important;
}

.dizi-ma-btn-explore svg {
	width: 16px !important;
	height: 16px !important;
}

.dizi-ma-btn-explore:hover {
	transform: translateY(-2px) scale(1.02) !important;
	box-shadow: 0 12px 24px rgba(99, 102, 241, 0.55) !important;
	color: #ffffff !important;
}

/* 4 Quick Hub Grid Cards */
.dizi-ma-hub-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 20px !important;
	margin-bottom: 24px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

.dizi-ma-hub-card {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	padding: 22px !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 16px !important;
	text-decoration: none !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-sizing: border-box !important;
	min-height: 175px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

.dizi-ma-hub-card:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(99, 102, 241, 0.4) !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.4) !important;
}

.dizi-ma-hub-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 14px !important;
}

.dizi-ma-hub-icon-wrap {
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.dizi-ma-hub-icon-wrap svg {
	width: 22px !important;
	height: 22px !important;
}

.dizi-ma-hub-icon-wrap.icon-orders {
	background: rgba(99, 102, 241, 0.18) !important;
	color: #818cf8 !important;
}

.dizi-ma-hub-icon-wrap.icon-downloads {
	background: rgba(16, 185, 129, 0.18) !important;
	color: #34d399 !important;
}

.dizi-ma-hub-icon-wrap.icon-address {
	background: rgba(245, 158, 11, 0.18) !important;
	color: #fbbf24 !important;
}

.dizi-ma-hub-icon-wrap.icon-security {
	background: rgba(236, 72, 153, 0.18) !important;
	color: #f472b6 !important;
}

.dizi-ma-hub-badge {
	font-size: 0.74rem !important;
	font-weight: 700 !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: #94a3b8 !important;
}

.dizi-ma-hub-title {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
}

.dizi-ma-hub-desc {
	font-size: 0.84rem !important;
	color: #94a3b8 !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

.dizi-ma-hub-footer {
	margin-top: 16px !important;
	padding-top: 12px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.dizi-ma-hub-cta {
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	color: #818cf8 !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-hub-card:hover .dizi-ma-hub-cta {
	color: #a5b4fc !important;
	transform: translateX(4px) !important;
	display: inline-block !important;
}

/* Recent Order Preview Box */
.dizi-ma-latest-order-box {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 16px !important;
	padding: 20px 24px !important;
	margin-top: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.dizi-ma-latest-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 12px !important;
}

.dizi-ma-latest-tag {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 0.88rem !important;
	color: #ffffff !important;
}

.dizi-ma-pulse-indicator {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #10b981 !important;
	box-shadow: 0 0 8px #10b981 !important;
	display: inline-block !important;
}

.dizi-ma-latest-content {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
}

.dizi-ma-latest-meta {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
}

.dizi-ma-latest-num {
	font-size: 1.1rem !important;
	font-weight: 800 !important;
	color: #818cf8 !important;
}

.dizi-ma-latest-date {
	font-size: 0.88rem !important;
	color: #94a3b8 !important;
}

.dizi-ma-latest-total {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #f8fafc !important;
}

.dizi-ma-btn-view-order {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	background: rgba(99, 102, 241, 0.16) !important;
	border: 1px solid rgba(99, 102, 241, 0.35) !important;
	border-radius: 10px !important;
	color: #818cf8 !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-btn-view-order svg {
	width: 14px !important;
	height: 14px !important;
}

.dizi-ma-btn-view-order:hover {
	background: #6366f1 !important;
	color: #ffffff !important;
}

/* Status Badges */
.dizi-ma-status-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	font-size: 0.76rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	text-transform: capitalize !important;
	white-space: nowrap !important;
}

.dizi-ma-status-badge.status-completed {
	background: rgba(16, 185, 129, 0.16) !important;
	border: 1px solid rgba(16, 185, 129, 0.35) !important;
	color: #34d399 !important;
}

.dizi-ma-status-badge.status-processing {
	background: rgba(99, 102, 241, 0.16) !important;
	border: 1px solid rgba(99, 102, 241, 0.35) !important;
	color: #818cf8 !important;
}

.dizi-ma-status-badge.status-on-hold,
.dizi-ma-status-badge.status-pending {
	background: rgba(245, 158, 11, 0.16) !important;
	border: 1px solid rgba(245, 158, 11, 0.35) !important;
	color: #fbbf24 !important;
}

.dizi-ma-status-badge.status-cancelled,
.dizi-ma-status-badge.status-failed {
	background: rgba(239, 68, 68, 0.16) !important;
	border: 1px solid rgba(239, 68, 68, 0.35) !important;
	color: #f87171 !important;
}

/* --- 18.6 Orders Table & Action Buttons --- */
.dizi-ma-section-header {
	margin-bottom: 24px !important;
}

.dizi-ma-section-title {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
}

.dizi-ma-section-subtitle {
	font-size: 0.88rem !important;
	color: #94a3b8 !important;
	margin: 0 !important;
}

.dizi-ma-table-responsive {
	width: 100% !important;
	overflow-x: auto !important;
}

.dizi-ma-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 10px !important;
	margin: 0 !important;
	border: none !important;
}

.dizi-ma-table thead th {
	background: transparent !important;
	border: none !important;
	padding: 10px 16px !important;
	font-size: 0.78rem !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: #64748b !important;
	text-align: left !important;
}

.dizi-ma-table tbody tr {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 12px !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-table tbody tr:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: rgba(99, 102, 241, 0.3) !important;
}

.dizi-ma-table tbody td {
	padding: 16px !important;
	border: none !important;
	font-size: 0.9rem !important;
	color: #cbd5e1 !important;
	vertical-align: middle !important;
}

.dizi-ma-table tbody tr td:first-child {
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

.dizi-ma-table tbody tr td:last-child {
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

.dizi-order-num-link {
	font-weight: 800 !important;
	color: #818cf8 !important;
	text-decoration: none !important;
}

.dizi-order-num-link:hover {
	color: #a5b4fc !important;
	text-decoration: underline !important;
}

.dizi-order-total-wrap {
	display: flex !important;
	flex-direction: column !important;
	line-height: 1.3 !important;
}

.dizi-order-amount {
	font-weight: 800 !important;
	color: #f8fafc !important;
}

.dizi-order-items-count {
	font-size: 0.78rem !important;
	color: #94a3b8 !important;
}

.dizi-order-actions-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.dizi-ma-btn-action,
.woocommerce-orders-table .button {
	display: inline-flex !important;
	align-items: center !important;
	padding: 8px 16px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 10px !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	white-space: nowrap !important;
}

.dizi-ma-btn-action:hover,
.woocommerce-orders-table .button:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(99, 102, 241, 0.45) !important;
	color: #ffffff !important;
}

/* Empty State */
.dizi-ma-empty-state {
	text-align: center !important;
	padding: 60px 20px !important;
}

.dizi-ma-empty-icon {
	font-size: 3.5rem !important;
	margin-bottom: 16px !important;
	display: inline-block !important;
}

.dizi-ma-empty-title {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 8px 0 !important;
}

.dizi-ma-empty-desc {
	font-size: 0.92rem !important;
	color: #94a3b8 !important;
	max-width: 460px !important;
	margin: 0 auto 24px auto !important;
	line-height: 1.5 !important;
}

.dizi-ma-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	padding: 12px 28px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border-radius: 12px !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(99, 102, 241, 0.45) !important;
	transition: all 0.25s ease !important;
}

.dizi-ma-btn-primary:hover {
	transform: translateY(-2px) scale(1.02) !important;
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.6) !important;
	color: #ffffff !important;
}

/* --- 18.7 Addresses Section Styling --- */
.dizi-ma-addresses-container {
	margin-top: 10px;
	width: 100%;
}

.dizi-ma-addresses-container .dizi-ma-section-header {
	margin-bottom: 24px;
}

.dizi-ma-addresses-container .dizi-ma-section-title {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
	letter-spacing: -0.01em !important;
}

.dizi-ma-addresses-container .dizi-ma-section-subtitle,
.woocommerce-MyAccount-content > p:first-of-type {
	font-size: 0.94rem !important;
	color: #94a3b8 !important;
	line-height: 1.5 !important;
	margin: 0 0 20px 0 !important;
}

.woocommerce-account .woocommerce-Addresses,
.woocommerce-Addresses,
.dizi-ma-addresses-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px !important;
	margin-top: 16px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	float: none !important;
}

@media (max-width: 768px) {
	.woocommerce-account .woocommerce-Addresses,
	.woocommerce-Addresses,
	.dizi-ma-addresses-grid {
		grid-template-columns: 1fr !important;
		gap: 18px !important;
	}
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .dizi-ma-address-card,
.woocommerce-Address,
.dizi-ma-address-card {
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.85) 100%) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 18px !important;
	padding: 20px 22px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
	position: relative !important;
	overflow: hidden !important;
	float: none !important;
	margin: 0 !important;
}

.woocommerce-Address::before,
.dizi-ma-address-card::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #6366f1, #a855f7) !important;
	opacity: 0.9 !important;
	z-index: 1 !important;
}

.woocommerce-Address.is-shipping::before,
.dizi-ma-address-card.is-shipping::before {
	background: linear-gradient(90deg, #10b981, #06b6d4) !important;
}

.woocommerce-Address:hover,
.dizi-ma-address-card:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(99, 102, 241, 0.4) !important;
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4), 0 0 25px rgba(99, 102, 241, 0.15) !important;
}

.woocommerce-Address .title,
.woocommerce-Address-title,
.dizi-ma-address-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 16px 0 !important;
	padding: 0 0 14px 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	min-height: 40px !important;
}

.dizi-ma-address-title-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dizi-ma-address-type-badge {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.dizi-ma-address-type-badge svg {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
	margin: auto !important;
}

.dizi-ma-address-type-badge.badge-billing {
	background: rgba(99, 102, 241, 0.18) !important;
	color: #818cf8 !important;
	border: 1px solid rgba(99, 102, 241, 0.3) !important;
}

.dizi-ma-address-type-badge.badge-shipping {
	background: rgba(16, 185, 129, 0.18) !important;
	color: #34d399 !important;
	border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.woocommerce-Address .title h3,
.woocommerce-Address-title h3,
.woocommerce-Address-title h4,
.dizi-ma-address-heading {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	display: flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: left !important;
}

.woocommerce-Address .title .edit,
.woocommerce-Address-title .edit,
.woocommerce-Address-title a,
.dizi-ma-edit-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 14px !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	color: #a5b4fc !important;
	text-decoration: none !important;
	border-radius: 9999px !important;
	background: rgba(99, 102, 241, 0.15) !important;
	border: 1px solid rgba(99, 102, 241, 0.32) !important;
	transition: all 0.2s ease !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	margin: 0 0 0 auto !important;
	box-sizing: border-box !important;
	float: none !important;
}

.woocommerce-Address .title .edit:hover,
.woocommerce-Address-title .edit:hover,
.woocommerce-Address-title a:hover,
.dizi-ma-edit-btn:hover {
	background: #6366f1 !important;
	color: #ffffff !important;
	border-color: #6366f1 !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.45) !important;
	transform: translateY(-1px) !important;
}

.dizi-ma-edit-btn svg {
	width: 14px !important;
	height: 14px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
}

.woocommerce-Address address,
.dizi-ma-address-content {
	font-style: normal !important;
	font-size: 0.95rem !important;
	color: #f1f5f9 !important;
	line-height: 1.65 !important;
	margin: 0 !important;
	display: block !important;
}

/* Inset Modern Box for Address Content */
.dizi-ma-address-box {
	background: rgba(0, 0, 0, 0.28) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 14px !important;
	padding: 16px 18px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.dizi-ma-address-recipient-row {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.1) !important;
}

.dizi-ma-recipient-name {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	letter-spacing: 0.01em !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.dizi-ma-address-detail-row {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
}

.dizi-ma-addr-icon {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
	color: #818cf8 !important;
}

.dizi-ma-addr-icon.icon-pin {
	color: #f43f5e !important;
	margin-top: 3px !important;
}

.dizi-ma-address-lines {
	font-size: 0.94rem !important;
	font-weight: 500 !important;
	color: #f1f5f9 !important;
	line-height: 1.7 !important;
	word-break: break-word !important;
}

/* Empty State Card */
.dizi-ma-address-empty-box {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	padding: 24px 16px !important;
	background: rgba(0, 0, 0, 0.2) !important;
	border-radius: 14px !important;
	border: 1px dashed rgba(255, 255, 255, 0.12) !important;
}

.dizi-ma-empty-addr-svg {
	width: 38px !important;
	height: 38px !important;
	color: #64748b !important;
	margin-bottom: 10px !important;
}

.dizi-ma-empty-text {
	font-size: 0.9rem !important;
	color: #94a3b8 !important;
	margin: 0 0 14px 0 !important;
}

.dizi-ma-btn-add-addr {
	display: inline-flex !important;
	align-items: center !important;
	padding: 8px 18px !important;
	border-radius: 9999px !important;
	background: rgba(99, 102, 241, 0.18) !important;
	color: #a5b4fc !important;
	font-weight: 700 !important;
	font-size: 0.85rem !important;
	border: 1px solid rgba(99, 102, 241, 0.35) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-btn-add-addr:hover {
	background: #6366f1 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4) !important;
}

/* --- 18.8 Account Details & Forms --- */
.woocommerce-EditAccountForm h2,
.woocommerce-EditAccountForm h3,
.woocommerce-address-fields h2,
.woocommerce-address-fields h3 {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 20px 0 !important;
	letter-spacing: -0.01em !important;
}

.woocommerce-EditAccountForm fieldset,
.woocommerce-address-fields fieldset {
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 14px !important;
	padding: 20px 24px !important;
	margin: 24px 0 !important;
}

.woocommerce-EditAccountForm legend {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	padding: 0 10px !important;
}

/* --- 18.8 Account Details & Address Forms: Modern 2-Column Responsive Layout --- */
.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 16px 20px !important;
	width: 100% !important;
	margin: 0 0 24px 0 !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   WordPress Admin Bar Shield (Prevent Theme Form & Input Styles Bleeding)
   ========================================================================== */
#wpadminbar,
#wpadminbar * {
	box-sizing: content-box !important;
}

#wpadminbar form,
#wpadminbar #adminbarsearch {
	position: relative !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
}

#wpadminbar #adminbarsearch .adminbar-input {
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 3px 0 24px !important;
	background-color: rgba(255, 255, 255, 0) !important;
	border: none !important;
	border-radius: 3px !important;
	width: 24px !important;
	max-width: 200px !important;
	color: #c3c4c7 !important;
	box-shadow: none !important;
	font-size: 13px !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
	transition: width 0.3s ease, background-color 0.3s ease !important;
}

#wpadminbar #adminbarsearch .adminbar-input:focus {
	background-color: #ffffff !important;
	color: #2c3338 !important;
	width: 200px !important;
	cursor: text !important;
	box-shadow: none !important;
	outline: none !important;
}

#wpadminbar #adminbarsearch .adminbar-button {
	display: none !important;
}

/* Default form-row reset inside address fields */
.woocommerce-account .woocommerce form .form-row {
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* Pair 1: First Name & Last Name (50% + 50%) */
.woocommerce-address-fields__field-wrapper #billing_first_name_field,
.woocommerce-address-fields__field-wrapper #billing_last_name_field,
.woocommerce-address-fields__field-wrapper #shipping_first_name_field,
.woocommerce-address-fields__field-wrapper #shipping_last_name_field,
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
	width: calc(50% - 10px) !important;
	flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Full Width: Company Name */
.woocommerce-address-fields__field-wrapper #billing_company_field,
.woocommerce-address-fields__field-wrapper #shipping_company_field {
	width: 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	clear: both !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Pair 2: Country / Region & State (50% + 50%) */
.woocommerce-address-fields__field-wrapper #billing_country_field,
.woocommerce-address-fields__field-wrapper #billing_state_field,
.woocommerce-address-fields__field-wrapper #shipping_country_field,
.woocommerce-address-fields__field-wrapper #shipping_state_field {
	width: calc(50% - 10px) !important;
	flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Full Width: Street Address Lines & Wide Fields */
.woocommerce-address-fields__field-wrapper #billing_address_1_field,
.woocommerce-address-fields__field-wrapper #billing_address_2_field,
.woocommerce-address-fields__field-wrapper #shipping_address_1_field,
.woocommerce-address-fields__field-wrapper #shipping_address_2_field,
.woocommerce-address-fields__field-wrapper .form-row-wide,
.woocommerce-EditAccountForm .form-row-wide,
.woocommerce-EditAccountForm fieldset {
	width: 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	clear: both !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Pair 3: Town / City & PIN Code (50% + 50%) */
.woocommerce-address-fields__field-wrapper #billing_city_field,
.woocommerce-address-fields__field-wrapper #billing_postcode_field,
.woocommerce-address-fields__field-wrapper #shipping_city_field,
.woocommerce-address-fields__field-wrapper #shipping_postcode_field {
	width: calc(50% - 10px) !important;
	flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Pair 4: Phone & Email Address (50% + 50%) */
.woocommerce-address-fields__field-wrapper #billing_phone_field,
.woocommerce-address-fields__field-wrapper #billing_email_field,
.woocommerce-address-fields__field-wrapper #shipping_phone_field {
	width: calc(50% - 10px) !important;
	flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Form Labels */
.woocommerce-account .woocommerce form .form-row label {
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	color: #0f172a !important;
	margin-bottom: 7px !important;
	display: block !important;
	height: auto !important;
	line-height: 1.4 !important;
}

/* Universal Input Reset for All My Account Forms */
.woocommerce-account .woocommerce form input,
.woocommerce-account .woocommerce form select,
.woocommerce-account .woocommerce form textarea,
.woocommerce-account .woocommerce form .form-row input,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row input#billing_first_name,
.woocommerce-account .woocommerce form .form-row input#billing_last_name,
.woocommerce-account .woocommerce form .form-row input#billing_company,
.woocommerce-account .woocommerce form .form-row input#billing_address_1,
.woocommerce-account .woocommerce form .form-row input#billing_address_2,
.woocommerce-account .woocommerce form .form-row input#billing_city,
.woocommerce-account .woocommerce form .form-row input#billing_state,
.woocommerce-account .woocommerce form .form-row input#billing_postcode,
.woocommerce-account .woocommerce form .form-row input#billing_phone,
.woocommerce-account .woocommerce form .form-row input#billing_email,
.woocommerce-account .woocommerce form .form-row input#shipping_first_name,
.woocommerce-account .woocommerce form .form-row input#shipping_last_name,
.woocommerce-account .woocommerce form .form-row input#shipping_company,
.woocommerce-account .woocommerce form .form-row input#shipping_address_1,
.woocommerce-account .woocommerce form .form-row input#shipping_address_2,
.woocommerce-account .woocommerce form .form-row input#shipping_city,
.woocommerce-account .woocommerce form .form-row input#shipping_state,
.woocommerce-account .woocommerce form .form-row input#shipping_postcode,
.woocommerce-account .woocommerce form .form-row input#shipping_phone,
.woocommerce-account .woocommerce form .form-row input#account_first_name,
.woocommerce-account .woocommerce form .form-row input#account_last_name,
.woocommerce-account .woocommerce form .form-row input#account_display_name,
.woocommerce-account .woocommerce form .form-row input#account_email,
.woocommerce-account .woocommerce form .form-row input#password_current,
.woocommerce-account .woocommerce form .form-row input#password_1,
.woocommerce-account .woocommerce form .form-row input#password_2,
.woocommerce-account .woocommerce form .form-row input[type="text"],
.woocommerce-account .woocommerce form .form-row input[type="tel"],
.woocommerce-account .woocommerce form .form-row input[type="email"],
.woocommerce-account .woocommerce form .form-row input[type="password"] {
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 16px !important;
	text-align: left !important;
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
	color: #0f172a !important;
	font-size: 0.95rem !important;
	letter-spacing: normal !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.woocommerce-account .woocommerce form textarea,
.woocommerce-account .woocommerce form .form-row textarea {
	height: auto !important;
	min-height: 80px !important;
	line-height: 1.5 !important;
	padding: 12px 16px !important;
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
}

.woocommerce-account .woocommerce form input:focus,
.woocommerce-account .woocommerce form select:focus,
.woocommerce-account .woocommerce form textarea:focus,
.woocommerce-account .woocommerce form .form-row input:focus,
.woocommerce-account .woocommerce form .form-row select:focus,
.woocommerce-account .woocommerce form .form-row textarea:focus {
	background: #ffffff !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18) !important;
	color: #0f172a !important;
	outline: none !important;
}

.woocommerce-account .woocommerce form input::placeholder,
.woocommerce-account .woocommerce form textarea::placeholder,
.woocommerce-account .woocommerce form .form-row input::placeholder,
.woocommerce-account .woocommerce form .form-row textarea::placeholder {
	color: #94a3b8 !important;
}

/* Select2 in My Account Address Fields */
.woocommerce-address-fields .select2-container,
.woocommerce-account .select2-container {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--single {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0f172a !important;
	line-height: 46px !important;
	padding-left: 16px !important;
	padding-right: 36px !important;
	font-size: 0.95rem !important;
	text-align: left !important;
	width: 100% !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px !important;
	right: 12px !important;
	top: 0 !important;
	display: flex !important;
	align-items: center !important;
}

/* Submit Button in My Account */
.woocommerce-address-fields + p,
.woocommerce-address-fields form > p:last-child,
.woocommerce-EditAccountForm > p:last-child {
	width: 100% !important;
	margin-top: 10px !important;
}

.woocommerce-account .woocommerce form .button,
.woocommerce-account .woocommerce form button[type="submit"] {
	height: 48px !important;
	padding: 0 28px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px rgba(99, 102, 241, 0.45) !important;
	transition: all 0.25s ease !important;
}

.woocommerce-account .woocommerce form .button:hover,
.woocommerce-account .woocommerce form button[type="submit"]:hover {
	transform: translateY(-2px) scale(1.02) !important;
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.6) !important;
}

/* ==========================================================================
   THEME-AWARE STYLES: LIGHT MODE (Default & Light)
   ========================================================================== */
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form input,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form select,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form textarea,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row select,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row textarea,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input.input-text,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_first_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_last_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_company,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_address_1,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_address_2,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_city,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_state,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_postcode,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_phone,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#billing_email,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_first_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_last_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_company,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_address_1,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_address_2,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_city,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_state,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_postcode,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#shipping_phone,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#account_first_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#account_last_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#account_display_name,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#account_email,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#password_current,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#password_1,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input#password_2,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input[type="text"],
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input[type="tel"],
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input[type="email"],
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input[type="password"],
:root:not([data-theme="dark"]) .woocommerce-account .select2-container--default .select2-selection--single,
:root:not([data-theme="dark"]) .woocommerce-address-fields .select2-container--default .select2-selection--single,
[data-theme="light"] .woocommerce-account .woocommerce form input,
[data-theme="light"] .woocommerce-account .woocommerce form select,
[data-theme="light"] .woocommerce-account .woocommerce form textarea,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row select,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row textarea,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input.input-text,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_first_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_last_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_company,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_address_1,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_address_2,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_city,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_state,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_postcode,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_phone,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#billing_email,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_first_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_last_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_company,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_address_1,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_address_2,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_city,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_state,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_postcode,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#shipping_phone,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#account_first_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#account_last_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#account_display_name,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#account_email,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#password_current,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#password_1,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input#password_2,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input[type="text"],
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input[type="tel"],
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input[type="email"],
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input[type="password"],
[data-theme="light"] .woocommerce-account .select2-container--default .select2-selection--single,
[data-theme="light"] .woocommerce-address-fields .select2-container--default .select2-selection--single {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form input:focus,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form select:focus,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form textarea:focus,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input:focus,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row select:focus,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row textarea:focus,
:root:not([data-theme="dark"]) .woocommerce-account .select2-container--default.select2-container--open .select2-selection--single,
:root:not([data-theme="dark"]) .woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single,
[data-theme="light"] .woocommerce-account .woocommerce form input:focus,
[data-theme="light"] .woocommerce-account .woocommerce form select:focus,
[data-theme="light"] .woocommerce-account .woocommerce form textarea:focus,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input:focus,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row select:focus,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row textarea:focus,
[data-theme="light"] .woocommerce-account .select2-container--default.select2-container--open .select2-selection--single,
[data-theme="light"] .woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
	background: #ffffff !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18) !important;
	color: #0f172a !important;
	outline: none !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form input::placeholder,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form textarea::placeholder,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row input::placeholder,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row textarea::placeholder,
[data-theme="light"] .woocommerce-account .woocommerce form input::placeholder,
[data-theme="light"] .woocommerce-account .woocommerce form textarea::placeholder,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row input::placeholder,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row textarea::placeholder {
	color: #94a3b8 !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form label,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row label,
[data-theme="light"] .woocommerce-account .woocommerce form label,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row label {
	color: #0f172a !important;
	font-weight: 600 !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered,
:root:not([data-theme="dark"]) .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="light"] .woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="light"] .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-EditAccountForm fieldset,
[data-theme="light"] .woocommerce-EditAccountForm fieldset {
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-EditAccountForm legend,
[data-theme="light"] .woocommerce-EditAccountForm legend {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-EditAccountForm span,
[data-theme="light"] .woocommerce-EditAccountForm span {
	color: #64748b !important;
}

/* ==========================================================================
   THEME-AWARE STYLES: DARK MODE
   ========================================================================== */
[data-theme="dark"] .woocommerce-account .woocommerce form input,
[data-theme="dark"] .woocommerce-account .woocommerce form select,
[data-theme="dark"] .woocommerce-account .woocommerce form textarea,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row select,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row textarea,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input.input-text,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_first_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_last_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_company,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_address_1,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_address_2,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_city,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_state,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_postcode,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_phone,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#billing_email,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_first_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_last_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_company,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_address_1,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_address_2,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_city,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_state,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_postcode,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#shipping_phone,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#account_first_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#account_last_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#account_display_name,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#account_email,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#password_current,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#password_1,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input#password_2,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input[type="text"],
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input[type="tel"],
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input[type="email"],
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input[type="password"],
[data-theme="dark"] .woocommerce-account .select2-container--default .select2-selection--single,
[data-theme="dark"] .woocommerce-address-fields .select2-container--default .select2-selection--single {
	background: #1e293b !important;
	border: 1px solid #334155 !important;
	color: #f8fafc !important;
}

[data-theme="dark"] .woocommerce-account .woocommerce form input:focus,
[data-theme="dark"] .woocommerce-account .woocommerce form select:focus,
[data-theme="dark"] .woocommerce-account .woocommerce form textarea:focus,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input:focus,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row select:focus,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row textarea:focus,
[data-theme="dark"] .woocommerce-account .select2-container--default.select2-container--open .select2-selection--single,
[data-theme="dark"] .woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
	background: #0f172a !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
	color: #ffffff !important;
	outline: none !important;
}

[data-theme="dark"] .woocommerce-account .woocommerce form input::placeholder,
[data-theme="dark"] .woocommerce-account .woocommerce form textarea::placeholder,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row input::placeholder,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row textarea::placeholder {
	color: #64748b !important;
}

[data-theme="dark"] .woocommerce-account .woocommerce form label,
[data-theme="dark"] .woocommerce-account .woocommerce form .form-row label {
	color: #cbd5e1 !important;
	font-weight: 600 !important;
}

[data-theme="dark"] .woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="dark"] .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #f8fafc !important;
}

/* Mobile Responsive (< 768px): All fields stack to 100% full width smoothly */
@media (max-width: 768px) {
	.woocommerce-address-fields__field-wrapper,
	.woocommerce-EditAccountForm {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px 0 !important;
	}

	.woocommerce-address-fields__field-wrapper .form-row,
	.woocommerce-address-fields__field-wrapper #billing_first_name_field,
	.woocommerce-address-fields__field-wrapper #billing_last_name_field,
	.woocommerce-address-fields__field-wrapper #billing_company_field,
	.woocommerce-address-fields__field-wrapper #billing_country_field,
	.woocommerce-address-fields__field-wrapper #billing_state_field,
	.woocommerce-address-fields__field-wrapper #billing_city_field,
	.woocommerce-address-fields__field-wrapper #billing_postcode_field,
	.woocommerce-address-fields__field-wrapper #billing_phone_field,
	.woocommerce-address-fields__field-wrapper #billing_email_field,
	.woocommerce-address-fields__field-wrapper #shipping_first_name_field,
	.woocommerce-address-fields__field-wrapper #shipping_last_name_field,
	.woocommerce-address-fields__field-wrapper #shipping_company_field,
	.woocommerce-address-fields__field-wrapper #shipping_country_field,
	.woocommerce-address-fields__field-wrapper #shipping_state_field,
	.woocommerce-address-fields__field-wrapper #shipping_city_field,
	.woocommerce-address-fields__field-wrapper #shipping_postcode_field,
	.woocommerce-address-fields__field-wrapper #shipping_phone_field,
	.woocommerce-EditAccountForm .form-row-first,
	.woocommerce-EditAccountForm .form-row-last,
	.woocommerce-EditAccountForm .form-row-wide {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
}

/* --- 18.8.5 Wishlist Tab Content & Text Colors in My Account --- */
.woocommerce-account .dizi-ma-wishlist-header {
	margin-bottom: 24px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding-bottom: 16px !important;
}

.woocommerce-account .dizi-ma-wishlist-header .dizi-ma-section-title {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
	letter-spacing: -0.01em !important;
}

.woocommerce-account .dizi-ma-wishlist-header .dizi-ma-section-subtitle {
	font-size: 0.88rem !important;
	color: #94a3b8 !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

/* WooCommerce Wishlist Block Base */
.woocommerce-account .wc-block-wishlist,
.woocommerce-account .wp-block-woocommerce-wishlist {
	width: 100% !important;
	box-sizing: border-box !important;
	color: #f1f5f9 !important;
}

/* Empty State in Wishlist Tab */
.woocommerce-account .wc-block-wishlist__empty {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 50px 24px !important;
	margin: 16px 0 !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1.5px dashed rgba(255, 255, 255, 0.15) !important;
	border-radius: 18px !important;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	color: #f8fafc !important; /* Crisp, high-contrast white text */
	line-height: 1.6 !important;
	list-style: none !important;
	box-sizing: border-box !important;
}

.woocommerce-account .wc-block-wishlist__empty::before {
	content: "❤️" !important;
	font-size: 2.8rem !important;
	margin-bottom: 14px !important;
	display: block !important;
	filter: drop-shadow(0 4px 12px rgba(239, 68, 68, 0.35)) !important;
}

/* Wishlist Product Grid */
.woocommerce-account .wc-block-wishlist__list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
	gap: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	width: 100% !important;
}

/* Product Card */
.woocommerce-account .wc-block-shopper-list-item {
	background: rgba(30, 41, 59, 0.6) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 16px !important;
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	position: relative !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	list-style: none !important;
	box-sizing: border-box !important;
}

.woocommerce-account .wc-block-shopper-list-item:hover {
	transform: translateY(-4px) !important;
	border-color: rgba(99, 102, 241, 0.5) !important;
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.2) !important;
}

/* Product Image in Wishlist Card */
.woocommerce-account .wc-block-shopper-list-item .wc-block-components-product-image {
	width: 100% !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	margin-bottom: 12px !important;
	background: rgba(0, 0, 0, 0.3) !important;
}

.woocommerce-account .wc-block-shopper-list-item img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	transition: transform 0.3s ease !important;
}

.woocommerce-account .wc-block-shopper-list-item:hover img {
	transform: scale(1.04) !important;
}

/* Product Title Text Color */
.woocommerce-account .wc-block-shopper-list-item .wp-block-post-title,
.woocommerce-account .wc-block-shopper-list-item .wp-block-post-title a,
.woocommerce-account .wc-block-wishlist h2,
.woocommerce-account .wc-block-wishlist h2 a,
.woocommerce-account .wc-block-wishlist .wp-block-post-title,
.woocommerce-account .wc-block-wishlist .wp-block-post-title a {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	color: #ffffff !important; /* Pure white text in dark mode */
	text-decoration: none !important;
	line-height: 1.4 !important;
	margin: 8px 0 6px 0 !important;
	transition: color 0.2s ease !important;
}

.woocommerce-account .wc-block-shopper-list-item .wp-block-post-title a:hover,
.woocommerce-account .wc-block-wishlist h2 a:hover {
	color: #818cf8 !important;
}

/* Product Price Text Color */
.woocommerce-account .wc-block-wishlist .price,
.woocommerce-account .wc-block-wishlist .wc-block-components-product-price,
.woocommerce-account .wc-block-wishlist .wc-block-components-product-price span,
.woocommerce-account .wc-block-wishlist .amount,
.woocommerce-account .wc-block-wishlist .woocommerce-Price-amount {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #34d399 !important; /* Bright emerald green price */
	margin-bottom: 12px !important;
}

.woocommerce-account .wc-block-wishlist .price del,
.woocommerce-account .wc-block-wishlist .wc-block-components-product-price del .amount {
	color: #94a3b8 !important;
	font-weight: 500 !important;
	font-size: 0.88rem !important;
}

.woocommerce-account .wc-block-wishlist .price ins,
.woocommerce-account .wc-block-wishlist .wc-block-components-product-price ins .amount {
	color: #34d399 !important;
	text-decoration: none !important;
}

/* Variation Metadata */
.woocommerce-account .wc-block-shopper-list-item__variation {
	font-size: 0.8rem !important;
	color: #94a3b8 !important;
	margin-bottom: 8px !important;
}

/* Add to Cart Button in Wishlist */
.woocommerce-account .wc-block-wishlist .wc-block-components-product-button,
.woocommerce-account .wc-block-wishlist .wp-block-button {
	width: 100% !important;
	margin-top: auto !important;
}

.woocommerce-account .wc-block-wishlist .wc-block-components-product-button__button,
.woocommerce-account .wc-block-wishlist .add_to_cart_button,
.woocommerce-account .wc-block-wishlist .wp-block-button__link {
	width: 100% !important;
	height: 42px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	border-radius: 10px !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
}

.woocommerce-account .wc-block-wishlist .wc-block-components-product-button__button:hover,
.woocommerce-account .wc-block-wishlist .add_to_cart_button:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.55) !important;
	color: #ffffff !important;
}

/* Remove / Trash Button */
.woocommerce-account .wc-block-shopper-list-item__remove {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	background: rgba(239, 68, 68, 0.15) !important;
	color: #f87171 !important;
	border: none !important;
	border-radius: 50% !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	z-index: 3 !important;
}

.woocommerce-account .wc-block-shopper-list-item__remove svg {
	width: 16px !important;
	height: 16px !important;
	fill: currentColor !important;
}

.woocommerce-account .wc-block-shopper-list-item__remove:hover {
	background: #ef4444 !important;
	color: #ffffff !important;
	transform: scale(1.1) !important;
}

/* Notice Banners */
.woocommerce-account .wc-block-components-notice-banner {
	background: rgba(30, 41, 59, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	color: #ffffff !important;
	margin-bottom: 20px !important;
}

.woocommerce-account .wc-block-components-notice-banner__content {
	color: #f8fafc !important;
	font-size: 0.92rem !important;
}

/* --- 18.9 Guest Auth Screen (Modal Card on My Account) --- */
.logged-out.woocommerce-account .dizi-page-header,
.logged-out.woocommerce-account .dizi-breadcrumbs-wrapper {
	display: none !important;
}

.logged-out.woocommerce-account .dizi-page-card {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 20px 0 !important;
}

.dizi-ma-auth-page-wrapper {
	width: 100% !important;
	max-width: 480px !important;
	margin: 20px auto 40px auto !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
}

.dizi-ma-auth-dialog {
	position: relative !important;
	width: 100% !important;
	max-width: 450px !important;
	background: var(--dizi-card-bg, #ffffff) !important;
	border: 1px solid var(--dizi-border, #e2e8f0) !important;
	border-radius: 24px !important;
	box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.12), 0 0 1px 1px rgba(0, 0, 0, 0.05) !important;
	overflow: hidden !important;
	transform: none !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-sizing: border-box !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog {
	background: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

.dizi-ma-auth-dialog .dizi-auth-modal-inner {
	padding: 28px 24px !important;
}

.dizi-ma-auth-dialog .dizi-auth-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 20px !important;
}

.dizi-ma-auth-dialog .dizi-auth-brand {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.dizi-ma-auth-dialog .dizi-brand-icon {
	width: 40px !important;
	height: 40px !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
	flex-shrink: 0 !important;
}

.dizi-ma-auth-dialog .dizi-auth-brand-name {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	letter-spacing: -0.02em !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-auth-brand-name {
	color: #ffffff !important;
}

.dizi-ma-auth-dialog .dizi-auth-close {
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	color: #94a3b8 !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-auth-dialog .dizi-auth-close:hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-auth-close:hover {
	background: #334155 !important;
	color: #ffffff !important;
}

/* Tabs Nav Capsule */
.dizi-ma-auth-dialog .dizi-auth-tabs-nav {
	display: flex !important;
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 9999px !important;
	padding: 4px !important;
	margin-bottom: 22px !important;
	gap: 4px !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-auth-tabs-nav {
	background: #0f172a !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.dizi-ma-auth-dialog .dizi-auth-tab-btn {
	flex: 1 !important;
	padding: 9px 14px !important;
	font-family: inherit !important;
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	color: #64748b !important;
	background: transparent !important;
	border: none !important;
	border-radius: 9999px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-auth-tab-btn {
	color: #94a3b8 !important;
}

.dizi-ma-auth-dialog .dizi-auth-tab-btn.active {
	background: #ffffff !important;
	color: #4f46e5 !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-auth-tab-btn.active {
	background: #1e293b !important;
	color: #818cf8 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Form Groups & Inputs */
.dizi-ma-auth-dialog .dizi-auth-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.dizi-ma-auth-dialog .dizi-form-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	text-align: left !important;
}

.dizi-ma-auth-dialog .dizi-form-group label {
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	display: block !important;
	margin-bottom: 2px !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-form-group label {
	color: #f1f5f9 !important;
}

.dizi-ma-auth-dialog .dizi-label-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.dizi-ma-auth-dialog .dizi-link-forgot {
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	color: #6366f1 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-auth-dialog .dizi-link-forgot:hover {
	color: #4f46e5 !important;
	text-decoration: underline !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-link-forgot {
	color: #818cf8 !important;
}

.dizi-ma-auth-dialog .dizi-input-with-icon,
.dizi-auth-modal .dizi-input-with-icon {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
}

.dizi-ma-auth-dialog .dizi-input-svg,
.dizi-auth-modal .dizi-input-svg {
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 18px !important;
	height: 18px !important;
	color: #94a3b8 !important;
	pointer-events: none !important;
	z-index: 2 !important;
	transition: color 0.2s ease !important;
}

.dizi-ma-auth-dialog .dizi-input-with-icon:focus-within .dizi-input-svg,
.dizi-auth-modal .dizi-input-with-icon:focus-within .dizi-input-svg {
	color: #6366f1 !important;
}

/* Explicit high-specificity input styling with guaranteed 50px left padding */
.dizi-auth-modal .dizi-input-with-icon input,
.dizi-auth-modal .dizi-form-group .dizi-input-with-icon input,
.dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="text"],
.dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="email"],
.dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="password"],
.dizi-auth-form .dizi-input-with-icon input,
.dizi-auth-form .dizi-form-group .dizi-input-with-icon input,
.dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="text"],
.dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="email"],
.dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="password"],
.woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input,
.woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input.input-text,
.woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input.dizi-ma-input,
.dizi-ma-auth-dialog .dizi-input-with-icon input,
#diziLoginUsername,
#diziLoginPassword {
	height: 48px !important;
	line-height: 46px !important;
	padding-left: 50px !important; /* Perfect clearance: 14px left + 18px icon + 18px gap */
	padding-right: 16px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 0.94rem !important;
	font-weight: 500 !important;
	border-radius: 12px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	outline: none !important;
	transition: all 0.2s ease !important;
}

.dizi-auth-modal .dizi-password-field input,
.dizi-auth-form .dizi-password-field input,
.dizi-ma-auth-dialog .dizi-password-field input,
.woocommerce-account .dizi-ma-auth-dialog .dizi-password-field input,
#diziLoginPassword {
	padding-right: 48px !important;
}

/* ==========================================================================
   AUTH MODAL / DIALOG: LIGHT THEME COLORS
   ========================================================================== */
:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-input-with-icon input,
:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input,
:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="text"],
:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="email"],
:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="password"],
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-input-with-icon input,
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-form-group .dizi-input-with-icon input,
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="text"],
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="email"],
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="password"],
:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input,
:root:not([data-theme="dark"]) .dizi-ma-auth-dialog .dizi-input-with-icon input,
:root:not([data-theme="dark"]) #diziLoginUsername,
:root:not([data-theme="dark"]) #diziLoginPassword,
[data-theme="light"] .dizi-auth-modal .dizi-input-with-icon input,
[data-theme="light"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input,
[data-theme="light"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="text"],
[data-theme="light"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="email"],
[data-theme="light"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="password"],
[data-theme="light"] .dizi-auth-form .dizi-input-with-icon input,
[data-theme="light"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input,
[data-theme="light"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="text"],
[data-theme="light"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="email"],
[data-theme="light"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="password"],
[data-theme="light"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input,
[data-theme="light"] .dizi-ma-auth-dialog .dizi-input-with-icon input,
[data-theme="light"] #diziLoginUsername,
[data-theme="light"] #diziLoginPassword {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
	-webkit-text-fill-color: #0f172a !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-input-with-icon input:hover,
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-input-with-icon input:hover,
:root:not([data-theme="dark"]) .dizi-ma-auth-dialog .dizi-input-with-icon input:hover,
[data-theme="light"] .dizi-auth-modal .dizi-input-with-icon input:hover,
[data-theme="light"] .dizi-auth-form .dizi-input-with-icon input:hover,
[data-theme="light"] .dizi-ma-auth-dialog .dizi-input-with-icon input:hover {
	border-color: #94a3b8 !important;
}

:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-input-with-icon input:focus,
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-input-with-icon input:focus,
:root:not([data-theme="dark"]) .dizi-ma-auth-dialog .dizi-input-with-icon input:focus,
:root:not([data-theme="dark"]) #diziLoginUsername:focus,
:root:not([data-theme="dark"]) #diziLoginPassword:focus,
[data-theme="light"] .dizi-auth-modal .dizi-input-with-icon input:focus,
[data-theme="light"] .dizi-auth-form .dizi-input-with-icon input:focus,
[data-theme="light"] .dizi-ma-auth-dialog .dizi-input-with-icon input:focus,
[data-theme="light"] #diziLoginUsername:focus,
[data-theme="light"] #diziLoginPassword:focus {
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18) !important;
	background: #ffffff !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-auth-modal .dizi-input-with-icon input::placeholder,
:root:not([data-theme="dark"]) .dizi-auth-form .dizi-input-with-icon input::placeholder,
:root:not([data-theme="dark"]) .dizi-ma-auth-dialog .dizi-input-with-icon input::placeholder,
:root:not([data-theme="dark"]) #diziLoginUsername::placeholder,
:root:not([data-theme="dark"]) #diziLoginPassword::placeholder,
[data-theme="light"] .dizi-auth-modal .dizi-input-with-icon input::placeholder,
[data-theme="light"] .dizi-auth-form .dizi-input-with-icon input::placeholder,
[data-theme="light"] .dizi-ma-auth-dialog .dizi-input-with-icon input::placeholder,
[data-theme="light"] #diziLoginUsername::placeholder,
[data-theme="light"] #diziLoginPassword::placeholder {
	color: #94a3b8 !important;
	opacity: 1 !important;
}

/* ==========================================================================
   AUTH MODAL / DIALOG: DARK THEME COLORS
   ========================================================================== */
[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input,
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input,
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="text"],
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="email"],
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="password"],
[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input[type="text"],
[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input[type="email"],
[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input[type="password"],
[data-theme="dark"] .dizi-auth-modal input,
[data-theme="dark"] .dizi-auth-form .dizi-input-with-icon input,
[data-theme="dark"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input,
[data-theme="dark"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="text"],
[data-theme="dark"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="email"],
[data-theme="dark"] .dizi-auth-form .dizi-form-group .dizi-input-with-icon input[type="password"],
[data-theme="dark"] .dizi-auth-form input,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-input-with-icon input,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-form-group .dizi-input-with-icon input,
[data-theme="dark"] .dizi-ma-auth-dialog input,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input.input-text,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input.dizi-ma-input,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog input,
[data-theme="dark"] #diziLoginUsername,
[data-theme="dark"] #diziLoginPassword,
[data-theme="dark"] #diziRegUsername,
[data-theme="dark"] #diziRegEmail,
[data-theme="dark"] #diziRegPassword,
[data-theme="dark"] #diziRegPassword2,
[data-theme="dark"] #diziForgotEmail {
	background: #0f172a !important;
	border: 1.5px solid #334155 !important;
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input:hover,
[data-theme="dark"] .dizi-auth-form .dizi-input-with-icon input:hover,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-input-with-icon input:hover,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input:hover,
[data-theme="dark"] #diziLoginUsername:hover,
[data-theme="dark"] #diziLoginPassword:hover {
	border-color: rgba(99, 102, 241, 0.5) !important;
}

[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input:focus,
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input:focus,
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="text"]:focus,
[data-theme="dark"] .dizi-auth-modal .dizi-form-group .dizi-input-with-icon input[type="password"]:focus,
[data-theme="dark"] .dizi-auth-form input:focus,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-input-with-icon input:focus,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input:focus,
[data-theme="dark"] #diziLoginUsername:focus,
[data-theme="dark"] #diziLoginPassword:focus {
	border-color: #818cf8 !important;
	box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.3) !important;
	background: #0f172a !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

[data-theme="dark"] .dizi-auth-modal .dizi-input-with-icon input::placeholder,
[data-theme="dark"] .dizi-auth-form .dizi-input-with-icon input::placeholder,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-input-with-icon input::placeholder,
[data-theme="dark"] .woocommerce-account .dizi-ma-auth-dialog .dizi-input-with-icon input::placeholder,
[data-theme="dark"] #diziLoginUsername::placeholder,
[data-theme="dark"] #diziLoginPassword::placeholder {
	color: #64748b !important;
	opacity: 1 !important;
}

[data-theme="dark"] .dizi-auth-modal .dizi-input-svg,
[data-theme="dark"] .dizi-auth-form .dizi-input-svg,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-input-svg {
	color: #64748b !important;
}

[data-theme="dark"] .dizi-input-with-icon:focus-within .dizi-input-svg {
	color: #818cf8 !important;
}

/* Password Eye Toggle */
.dizi-auth-modal .dizi-pwd-toggle,
.dizi-ma-auth-dialog .dizi-pwd-toggle {
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	padding: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #94a3b8 !important;
	cursor: pointer !important;
	z-index: 3 !important;
	transition: color 0.2s ease !important;
}

.dizi-auth-modal .dizi-pwd-toggle:hover,
.dizi-ma-auth-dialog .dizi-pwd-toggle:hover {
	color: #4f46e5 !important;
}

[data-theme="dark"] .dizi-auth-modal .dizi-pwd-toggle {
	color: #64748b !important;
}

[data-theme="dark"] .dizi-auth-modal .dizi-pwd-toggle:hover,
[data-theme="dark"] .dizi-ma-auth-dialog .dizi-pwd-toggle:hover {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-auth-modal input:-webkit-autofill,
[data-theme="dark"] .dizi-auth-modal input:-webkit-autofill:hover,
[data-theme="dark"] .dizi-auth-modal input:-webkit-autofill:focus,
[data-theme="dark"] .dizi-auth-form input:-webkit-autofill,
[data-theme="dark"] .dizi-auth-form input:-webkit-autofill:hover,
[data-theme="dark"] .dizi-auth-form input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #0f172a inset !important;
	-webkit-text-fill-color: #f8fafc !important;
	caret-color: #f8fafc !important;
}

/* Checkbox Row */
.dizi-ma-auth-dialog .dizi-form-row-checkbox {
	margin: 2px 0 6px 0 !important;
	text-align: left !important;
}

.dizi-ma-auth-dialog .dizi-checkbox-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 0.88rem !important;
	color: #475569 !important;
	cursor: pointer !important;
	user-select: none !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-checkbox-label {
	color: #cbd5e1 !important;
}

.dizi-ma-auth-dialog .dizi-checkbox-label input[type="checkbox"] {
	width: 17px !important;
	height: 17px !important;
	accent-color: #4f46e5 !important;
	cursor: pointer !important;
	margin: 0 !important;
	border-radius: 4px !important;
}

/* Purple Submit Button */
.dizi-ma-auth-dialog .dizi-btn-auth-submit {
	width: 100% !important;
	height: 48px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	font-size: 0.96rem !important;
	font-weight: 700 !important;
	border: none !important;
	border-radius: 12px !important;
	cursor: pointer !important;
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
}

.dizi-ma-auth-dialog .dizi-btn-auth-submit:hover {
	transform: translateY(-2px) scale(1.01) !important;
	box-shadow: 0 12px 26px rgba(99, 102, 241, 0.55) !important;
	color: #ffffff !important;
}

/* Switch Links */
.dizi-ma-auth-dialog .dizi-auth-switch-text {
	text-align: center !important;
	font-size: 0.86rem !important;
	color: #64748b !important;
	margin: 6px 0 0 0 !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-auth-switch-text {
	color: #94a3b8 !important;
}

.dizi-ma-auth-dialog .dizi-switch-link {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: 700 !important;
	color: #4f46e5 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.dizi-ma-auth-dialog .dizi-switch-link:hover {
	color: #3730a3 !important;
	text-decoration: underline !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-switch-link {
	color: #818cf8 !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-switch-link:hover {
	color: #a5b4fc !important;
}

/* Perks List */
.dizi-ma-auth-dialog .dizi-reg-perks {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	padding: 10px 14px !important;
	margin: 2px 0 4px 0 !important;
	text-align: left !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-reg-perks {
	background: #0f172a !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.dizi-ma-auth-dialog .dizi-reg-perk-item {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-reg-perk-item {
	color: #94a3b8 !important;
}

.dizi-ma-auth-dialog .dizi-perk-icon {
	width: 14px !important;
	height: 14px !important;
	color: #10b981 !important;
	flex-shrink: 0 !important;
}

.dizi-ma-auth-dialog .dizi-forgot-notice {
	font-size: 0.85rem !important;
	color: #64748b !important;
	line-height: 1.5 !important;
	margin: 0 0 12px 0 !important;
	text-align: left !important;
}

[data-theme="dark"] .dizi-ma-auth-dialog .dizi-forgot-notice {
	color: #94a3b8 !important;
}

.dizi-ma-notices-container .woocommerce-error,
.dizi-ma-notices-container .woocommerce-message,
.dizi-ma-notices-container .woocommerce-info {
	border-radius: 12px !important;
	font-size: 0.88rem !important;
	margin-bottom: 16px !important;
	padding: 12px 16px !important;
}

.dizi-ma-form-row {
	margin-bottom: 20px !important;
	position: relative !important;
}

.dizi-ma-form-row label {
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	color: #cbd5e1 !important;
	margin-bottom: 8px !important;
	display: block !important;
}

.dizi-ma-label-between {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 8px !important;
	width: 100% !important;
}

.dizi-ma-label-between label {
	margin-bottom: 0 !important;
}

.dizi-ma-forgot-link {
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	color: #818cf8 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-forgot-link:hover {
	color: #a5b4fc !important;
	text-decoration: underline !important;
}

.dizi-ma-input-wrap {
	position: relative !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
}

.dizi-ma-field-icon {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 20px !important;
	height: 20px !important;
	color: #818cf8 !important;
	pointer-events: none !important;
	z-index: 3 !important;
	transition: all 0.2s ease !important;
}

.dizi-ma-input-wrap:focus-within .dizi-ma-field-icon {
	color: #a5b4fc !important;
	transform: translateY(-50%) scale(1.08) !important;
}

/* High-specificity styling for auth input fields: Guaranteed 52px padding-left */
.woocommerce-account .dizi-ma-auth-card .dizi-ma-input-wrap input.dizi-ma-input,
.woocommerce-account .dizi-ma-auth-card .dizi-ma-input-wrap input.input-text,
.woocommerce-account form.dizi-ma-form .dizi-ma-input-wrap input.input-text,
.woocommerce-account form.dizi-ma-form .dizi-ma-input-wrap input[type="text"],
.woocommerce-account form.dizi-ma-form .dizi-ma-input-wrap input[type="email"],
.woocommerce-account form.dizi-ma-form .dizi-ma-input-wrap input[type="password"] {
	height: 52px !important;
	line-height: 50px !important;
	padding-left: 52px !important; /* Perfect clearance: 16px left + 20px icon + 16px gap */
	padding-right: 18px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background: #1e293b !important; /* Rich Slate 800 background */
	border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 12px !important;
	color: #ffffff !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	outline: none !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
	transition: all 0.25s ease !important;
}

.woocommerce-account .dizi-ma-auth-card .dizi-ma-input-wrap input[type="password"] {
	padding-right: 48px !important; /* Generous clearance for password eye toggle */
}

.woocommerce-account .dizi-ma-auth-card .dizi-ma-input-wrap input.input-text:hover {
	background: #1e293b !important;
	border-color: rgba(99, 102, 241, 0.5) !important;
}

.woocommerce-account .dizi-ma-auth-card .dizi-ma-input-wrap input.input-text:focus {
	background: #0f172a !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	color: #ffffff !important;
}

.woocommerce-account .dizi-ma-auth-card .dizi-ma-input-wrap input.input-text::placeholder {
	color: #94a3b8 !important;
	opacity: 1 !important;
	font-weight: 400 !important;
}

/* Chrome / Safari / Edge Autofill Fix */
[data-theme="dark"] .woocommerce-account input:-webkit-autofill,
[data-theme="dark"] .woocommerce-account input:-webkit-autofill:hover,
[data-theme="dark"] .woocommerce-account input:-webkit-autofill:focus,
[data-theme="dark"] .woocommerce-account input:-webkit-autofill:active,
[data-theme="dark"] .woocommerce-account .dizi-ma-input:-webkit-autofill,
[data-theme="dark"] .woocommerce-account .dizi-ma-input:-webkit-autofill:hover,
[data-theme="dark"] .woocommerce-account .dizi-ma-input:-webkit-autofill:focus,
[data-theme="dark"] .woocommerce-account .dizi-ma-input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #1e293b inset !important;
	-webkit-text-fill-color: #ffffff !important;
	caret-color: #ffffff !important;
	border-color: #6366f1 !important;
	transition: background-color 5000s ease-in-out 0s !important;
}

:root:not([data-theme="dark"]) .woocommerce-account input:-webkit-autofill,
:root:not([data-theme="dark"]) .woocommerce-account input:-webkit-autofill:hover,
:root:not([data-theme="dark"]) .woocommerce-account input:-webkit-autofill:focus,
:root:not([data-theme="dark"]) .woocommerce-account input:-webkit-autofill:active,
:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-input:-webkit-autofill,
:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-input:-webkit-autofill:hover,
:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-input:-webkit-autofill:focus,
:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-input:-webkit-autofill:active,
[data-theme="light"] .woocommerce-account input:-webkit-autofill,
[data-theme="light"] .woocommerce-account input:-webkit-autofill:hover,
[data-theme="light"] .woocommerce-account input:-webkit-autofill:focus,
[data-theme="light"] .woocommerce-account input:-webkit-autofill:active,
[data-theme="light"] .woocommerce-account .dizi-ma-input:-webkit-autofill,
[data-theme="light"] .woocommerce-account .dizi-ma-input:-webkit-autofill:hover,
[data-theme="light"] .woocommerce-account .dizi-ma-input:-webkit-autofill:focus,
[data-theme="light"] .woocommerce-account .dizi-ma-input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
	-webkit-text-fill-color: #0f172a !important;
	caret-color: #0f172a !important;
	border-color: #6366f1 !important;
	transition: background-color 5000s ease-in-out 0s !important;
}

/* Password eye toggle button inside password input */
.woocommerce-account .show-password-input {
	color: #94a3b8 !important;
	right: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	position: absolute !important;
	cursor: pointer !important;
	z-index: 4 !important;
	transition: color 0.2s ease !important;
}

.woocommerce-account .show-password-input:hover {
	color: #ffffff !important;
}

/* Notice under register email */
.dizi-ma-notice-sub {
	font-size: 0.84rem !important;
	color: #94a3b8 !important;
	line-height: 1.5 !important;
	margin: 0 0 16px 0 !important;
}

.woocommerce-privacy-policy-text p {
	font-size: 0.8rem !important;
	color: #64748b !important;
	line-height: 1.5 !important;
	margin-bottom: 20px !important;
}

.woocommerce-privacy-policy-text a {
	color: #818cf8 !important;
	text-decoration: underline !important;
}

.dizi-ma-form-options {
	margin-bottom: 22px !important;
}

.dizi-ma-checkbox-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 0.9rem !important;
	color: #cbd5e1 !important;
	cursor: pointer !important;
	user-select: none !important;
}

.dizi-ma-checkbox-label input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	accent-color: #6366f1 !important;
	cursor: pointer !important;
	margin: 0 !important;
	border-radius: 4px !important;
}

.dizi-ma-btn-submit {
	width: 100% !important;
	height: 50px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	font-size: 0.96rem !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px rgba(99, 102, 241, 0.45) !important;
	transition: all 0.25s ease !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.dizi-ma-btn-submit:hover {
	transform: translateY(-2px) scale(1.01) !important;
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.6) !important;
	color: #ffffff !important;
}

.dizi-ma-btn-reg {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	box-shadow: 0 8px 24px rgba(99, 102, 241, 0.45) !important;
}

.dizi-ma-btn-reg:hover {
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.6) !important;
}

/* --- 18.10 Mobile & Tablet Responsiveness --- */
@media (max-width: 991px) {
	.woocommerce-account,
	.woocommerce-account .dizi-standard-page,
	.woocommerce-account .dizi-container,
	.dizi-myaccount-portal {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-grid-layout {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		gap: 20px !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-sidebar {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-bottom: 12px !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-nav {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 12px !important;
		border-radius: 16px !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-nav-header {
		display: none !important;
	}

	.dizi-ma-nav-list {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	@media (min-width: 641px) and (max-width: 991px) {
		.dizi-ma-nav-list {
			grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		}
	}

	.dizi-ma-nav-list::-webkit-scrollbar {
		display: none !important;
	}

	.dizi-ma-nav-item {
		width: 100% !important;
		min-width: 0 !important;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.dizi-ma-nav-item:last-child:nth-child(odd) {
		grid-column: 1 / -1 !important;
	}

	.dizi-ma-nav-link {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 10px 12px !important;
		border-radius: 12px !important;
		font-size: 0.82rem !important;
		font-weight: 600 !important;
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		background: rgba(255, 255, 255, 0.04) !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		color: #94a3b8 !important;
		transform: none !important;
	}

	:root:not([data-theme="dark"]) .dizi-ma-nav-link,
	[data-theme="light"] .dizi-ma-nav-link {
		background: #f8fafc !important;
		border: 1px solid #e2e8f0 !important;
		color: #475569 !important;
	}

	.dizi-ma-nav-item.is-active .dizi-ma-nav-link,
	.woocommerce-MyAccount-navigation-link.is-active .dizi-ma-nav-link,
	:root:not([data-theme="dark"]) .dizi-ma-nav-item.is-active .dizi-ma-nav-link,
	[data-theme="light"] .dizi-ma-nav-item.is-active .dizi-ma-nav-link {
		background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
		color: #ffffff !important;
		border-color: transparent !important;
		box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35) !important;
	}

	.dizi-ma-nav-icon {
		width: 20px !important;
		height: 20px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
	}

	.dizi-ma-nav-icon svg {
		width: 16px !important;
		height: 16px !important;
	}

	.dizi-ma-nav-text {
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		text-align: left !important;
	}

	.dizi-ma-nav-arrow {
		display: none !important;
	}

	.dizi-ma-content-area {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-content-card {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 22px 18px !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	.dizi-ma-content-card .woocommerce-MyAccount-content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-dashboard {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-hub-grid {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		gap: 16px !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-hub-card {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		padding: 18px 16px !important;
		overflow: hidden !important;
	}

	.dizi-ma-welcome-box {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.woocommerce-Addresses,
	.dizi-ma-addresses-grid {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		gap: 16px !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-address-card,
	.woocommerce-Address {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-auth-container.has-register {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 640px) {
	.woocommerce-account .dizi-standard-page {
		padding-top: 14px !important;
		padding-bottom: 50px !important;
		width: 100% !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	.woocommerce-account .dizi-container {
		padding: 0 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-hero-card {
		padding: 16px 14px !important;
		border-radius: 16px !important;
		margin-bottom: 16px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-hero-inner {
		flex-direction: column !important;
		text-align: center !important;
		gap: 16px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-user-profile {
		flex-direction: column !important;
		text-align: center !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		gap: 12px !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-name-row {
		justify-content: center !important;
		width: 100% !important;
	}

	.dizi-ma-sub-meta {
		justify-content: center !important;
		gap: 10px !important;
		width: 100% !important;
	}

	.dizi-ma-stats-strip {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-stat-item {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		padding: 10px 12px !important;
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-stat-item:nth-child(3) {
		grid-column: 1 / -1 !important;
	}

	.dizi-ma-stat-icon-wrap {
		width: 36px !important;
		height: 36px !important;
		flex-shrink: 0 !important;
	}

	.dizi-ma-stat-info {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		text-align: left !important;
		min-width: 0 !important;
		flex: 1 1 auto !important;
	}

	.dizi-ma-stat-val {
		text-align: left !important;
		font-size: 1.05rem !important;
		line-height: 1.15 !important;
	}

	.dizi-ma-stat-label {
		text-align: left !important;
		font-size: 0.68rem !important;
		letter-spacing: 0.02em !important;
		line-height: 1.2 !important;
		white-space: normal !important;
	}

	.dizi-ma-welcome-box {
		padding: 16px 14px !important;
		text-align: center !important;
		justify-content: center !important;
		border-radius: 14px !important;
		margin-bottom: 16px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-welcome-desc {
		font-size: 0.85rem !important;
		width: 100% !important;
	}

	.dizi-ma-welcome-action {
		width: 100% !important;
	}

	.dizi-ma-btn-explore {
		width: 100% !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-content-card {
		padding: 16px 12px !important;
		border-radius: 16px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-hub-card {
		padding: 16px 14px !important;
		border-radius: 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.dizi-ma-hub-header {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
	}

	.dizi-ma-hub-body {
		width: 100% !important;
		min-width: 0 !important;
	}

	.dizi-ma-hub-title {
		font-size: 1.02rem !important;
	}

	.dizi-ma-hub-desc {
		font-size: 0.82rem !important;
	}

	.dizi-ma-latest-content {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
	}

	.dizi-ma-btn-view-order {
		width: 100% !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}
}

/* --- 18.11 Light Mode Color Schemes --- */
:root:not([data-theme="dark"]) .dizi-ma-hero-card,
[data-theme="light"] .dizi-ma-hero-card {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-ma-user-name,
[data-theme="light"] .dizi-ma-user-name {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-stat-item,
[data-theme="light"] .dizi-ma-stat-item {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-stat-val,
[data-theme="light"] .dizi-ma-stat-val {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-nav,
[data-theme="light"] .dizi-ma-nav {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-ma-nav-link,
[data-theme="light"] .dizi-ma-nav-link {
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-nav-link:hover,
[data-theme="light"] .dizi-ma-nav-link:hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-content-card,
[data-theme="light"] .dizi-ma-content-card {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-ma-welcome-box,
[data-theme="light"] .dizi-ma-welcome-box {
	background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%) !important;
	border-color: #c7d2fe !important;
}

:root:not([data-theme="dark"]) .dizi-ma-welcome-title,
[data-theme="light"] .dizi-ma-welcome-title {
	color: #1e1b4b !important;
}

:root:not([data-theme="dark"]) .dizi-ma-welcome-desc,
[data-theme="light"] .dizi-ma-welcome-desc {
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-hub-card,
[data-theme="light"] .dizi-ma-hub-card {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-hub-card:hover,
[data-theme="light"] .dizi-ma-hub-card:hover {
	background: #ffffff !important;
	border-color: #818cf8 !important;
	box-shadow: 0 14px 28px rgba(99, 102, 241, 0.12) !important;
}

:root:not([data-theme="dark"]) .dizi-ma-hub-title,
[data-theme="light"] .dizi-ma-hub-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-section-title,
[data-theme="light"] .dizi-ma-section-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-latest-order-box,
[data-theme="light"] .dizi-ma-latest-order-box {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-latest-tag,
[data-theme="light"] .dizi-ma-latest-tag {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-latest-total,
[data-theme="light"] .dizi-ma-latest-total {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-table tbody tr,
[data-theme="light"] .dizi-ma-table tbody tr {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-table tbody td,
[data-theme="light"] .dizi-ma-table tbody td {
	color: #334155 !important;
}

:root:not([data-theme="dark"]) .dizi-order-amount,
[data-theme="light"] .dizi-order-amount {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address,
[data-theme="light"] .woocommerce-Address {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address .title h3,
[data-theme="light"] .woocommerce-Address .title h3 {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address address,
[data-theme="light"] .woocommerce-Address address {
	color: #475569 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-auth-card,
[data-theme="light"] .dizi-ma-auth-card {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .dizi-ma-auth-title,
[data-theme="light"] .dizi-ma-auth-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-form-row label,
[data-theme="light"] .dizi-ma-form-row label,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form .form-row label,
[data-theme="light"] .woocommerce-account .woocommerce form .form-row label {
	color: #334155 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-input,
[data-theme="light"] .dizi-ma-input,
:root:not([data-theme="dark"]) .woocommerce-account .woocommerce form input.input-text,
[data-theme="light"] .woocommerce-account .woocommerce form input.input-text {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

/* --- Wishlist Light Mode Overrides --- */
:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-wishlist-header,
[data-theme="light"] .woocommerce-account .dizi-ma-wishlist-header {
	border-bottom-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-wishlist-header .dizi-ma-section-title,
[data-theme="light"] .woocommerce-account .dizi-ma-wishlist-header .dizi-ma-section-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .dizi-ma-wishlist-header .dizi-ma-section-subtitle,
[data-theme="light"] .woocommerce-account .dizi-ma-wishlist-header .dizi-ma-section-subtitle {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-wishlist,
[data-theme="light"] .woocommerce-account .wc-block-wishlist {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-wishlist__empty,
[data-theme="light"] .woocommerce-account .wc-block-wishlist__empty {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #1e293b !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-shopper-list-item,
[data-theme="light"] .woocommerce-account .wc-block-shopper-list-item {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-shopper-list-item .wp-block-post-title,
:root:not([data-theme="dark"]) .woocommerce-account .wc-block-shopper-list-item .wp-block-post-title a,
:root:not([data-theme="dark"]) .woocommerce-account .wc-block-wishlist h2 a,
[data-theme="light"] .woocommerce-account .wc-block-shopper-list-item .wp-block-post-title,
[data-theme="light"] .woocommerce-account .wc-block-shopper-list-item .wp-block-post-title a,
[data-theme="light"] .woocommerce-account .wc-block-wishlist h2 a {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-shopper-list-item .wp-block-post-title a:hover,
[data-theme="light"] .woocommerce-account .wc-block-shopper-list-item .wp-block-post-title a:hover {
	color: #4f46e5 !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-wishlist .price,
:root:not([data-theme="dark"]) .woocommerce-account .wc-block-wishlist .wc-block-components-product-price,
:root:not([data-theme="dark"]) .woocommerce-account .wc-block-wishlist .amount,
[data-theme="light"] .woocommerce-account .wc-block-wishlist .price,
[data-theme="light"] .woocommerce-account .wc-block-wishlist .wc-block-components-product-price,
[data-theme="light"] .woocommerce-account .wc-block-wishlist .amount {
	color: #4f46e5 !important;
}

:root:not([data-theme="dark"]) .woocommerce-account .wc-block-shopper-list-item__variation,
[data-theme="light"] .woocommerce-account .wc-block-shopper-list-item__variation {
	color: #64748b !important;
}

/* --- Addresses Light Mode Overrides --- */
:root:not([data-theme="dark"]) .dizi-ma-addresses-container .dizi-ma-section-title,
[data-theme="light"] .dizi-ma-addresses-container .dizi-ma-section-title {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .dizi-ma-addresses-container .dizi-ma-section-subtitle,
:root:not([data-theme="dark"]) .woocommerce-MyAccount-content > p:first-of-type,
[data-theme="light"] .dizi-ma-addresses-container .dizi-ma-section-subtitle,
[data-theme="light"] .woocommerce-MyAccount-content > p:first-of-type {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address,
:root:not([data-theme="dark"]) .dizi-ma-address-card,
[data-theme="light"] .woocommerce-Address,
[data-theme="light"] .dizi-ma-address-card {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address:hover,
:root:not([data-theme="dark"]) .dizi-ma-address-card:hover,
[data-theme="light"] .woocommerce-Address:hover,
[data-theme="light"] .dizi-ma-address-card:hover {
	border-color: #818cf8 !important;
	box-shadow: 0 10px 25px rgba(99, 102, 241, 0.12) !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address .title,
:root:not([data-theme="dark"]) .woocommerce-Address-title,
:root:not([data-theme="dark"]) .dizi-ma-address-header,
[data-theme="light"] .woocommerce-Address .title,
[data-theme="light"] .woocommerce-Address-title,
[data-theme="light"] .dizi-ma-address-header {
	border-bottom-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address .title h3,
:root:not([data-theme="dark"]) .woocommerce-Address-title h3,
:root:not([data-theme="dark"]) .woocommerce-Address-title h4,
:root:not([data-theme="dark"]) .dizi-ma-address-heading,
[data-theme="light"] .woocommerce-Address .title h3,
[data-theme="light"] .woocommerce-Address-title h3,
[data-theme="light"] .woocommerce-Address-title h4,
[data-theme="light"] .dizi-ma-address-heading {
	color: #0f172a !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address .title .edit,
:root:not([data-theme="dark"]) .woocommerce-Address-title .edit,
:root:not([data-theme="dark"]) .woocommerce-Address-title a,
:root:not([data-theme="dark"]) .dizi-ma-edit-btn,
[data-theme="light"] .woocommerce-Address .title .edit,
[data-theme="light"] .woocommerce-Address-title .edit,
[data-theme="light"] .woocommerce-Address-title a,
[data-theme="light"] .dizi-ma-edit-btn {
	background: #eef2ff !important;
	border-color: #c7d2fe !important;
	color: #4f46e5 !important;
}

:root:not([data-theme="dark"]) .woocommerce-Address .title .edit:hover,
:root:not([data-theme="dark"]) .woocommerce-Address-title .edit:hover,
:root:not([data-theme="dark"]) .woocommerce-Address-title a:hover,
:root:not([data-theme="dark"]) .dizi-ma-edit-btn:hover,
[data-theme="light"] .woocommerce-Address .title .edit:hover,
[data-theme="light"] .woocommerce-Address-title .edit:hover,
[data-theme="light"] .woocommerce-Address-title a:hover,
[data-theme="light"] .dizi-ma-edit-btn:hover {
	background: #4f46e5 !important;
	border-color: #4f46e5 !important;
	color: #ffffff !important;
}

:root:not([data-theme="dark"]) .dizi-ma-address-box,
[data-theme="light"] .dizi-ma-address-box {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-address-recipient-row,
[data-theme="light"] .dizi-ma-address-recipient-row {
	border-bottom-color: #e2e8f0 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-recipient-name,
[data-theme="light"] .dizi-ma-recipient-name {
	color: #0f172a !important;
	text-shadow: none !important;
}

:root:not([data-theme="dark"]) .dizi-ma-address-lines,
:root:not([data-theme="dark"]) .woocommerce-Address address,
:root:not([data-theme="dark"]) .dizi-ma-address-content,
[data-theme="light"] .dizi-ma-address-lines,
[data-theme="light"] .woocommerce-Address address,
[data-theme="light"] .dizi-ma-address-content {
	color: #334155 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-address-empty-box,
[data-theme="light"] .dizi-ma-address-empty-box {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
}

:root:not([data-theme="dark"]) .dizi-ma-empty-text,
[data-theme="light"] .dizi-ma-empty-text {
	color: #64748b !important;
}

:root:not([data-theme="dark"]) .woocommerce-address-fields h2,
:root:not([data-theme="dark"]) .woocommerce-address-fields h3,
:root:not([data-theme="dark"]) .woocommerce-EditAccountForm h2,
:root:not([data-theme="dark"]) .woocommerce-EditAccountForm h3,
[data-theme="light"] .woocommerce-address-fields h2,
[data-theme="light"] .woocommerce-address-fields h3,
[data-theme="light"] .woocommerce-EditAccountForm h2,
[data-theme="light"] .woocommerce-EditAccountForm h3 {
	color: #0f172a !important;
}

/* ==========================================================================
   Section 3 Store Header Alignment Fix
   ========================================================================== */
.dizi-store-section .dizi-section-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left !important;
	gap: 0.5rem !important;
	margin-bottom: 1.5rem !important;
	width: 100% !important;
}

.dizi-store-section .dizi-section-title-wrap {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	width: 100% !important;
	max-width: 820px !important;
	gap: 0.35rem !important;
}

.dizi-store-section .dizi-section-badge-pill {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 0 0.2rem 0 !important;
}

.dizi-store-section .dizi-section-heading {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	margin: 0 !important;
	font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.25 !important;
}

.dizi-store-section .dizi-section-subtitle {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	max-width: 760px !important;
	margin: 0 !important;
	font-size: 0.95rem !important;
	line-height: 1.5 !important;
	color: #94a3b8 !important;
}

[data-theme="light"] .dizi-store-section .dizi-section-subtitle,
:root:not([data-theme="dark"]) .dizi-store-section .dizi-section-subtitle {
	color: #64748b !important;
}