/*
   Dealzenohub Theme - CouponFollow Inspired Design (2025-2026)
   Mobile-First, Responsive, Performance-Optimized
   Using: CSS Layers, Container Queries, CSS Grid, Flexbox
   ========================================================================== */

/* ===== CSS Layers for Cascade Management ===== */
@layer reset, base, layout, components, utilities;

/* ===== Layer: Reset ===== */
@layer reset {
	*,
	*::before,
	*::after {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	html {
		-webkit-text-size-adjust: 100%;
		scroll-behavior: smooth;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	body {
		min-height: 100dvh;
	}

	img, picture, video, canvas, svg {
		display: block;
		max-width: 100%;
		height: auto;
	}

	input, button, textarea, select {
		font: inherit;
		color: inherit;
	}

	button {
		cursor: pointer;
		border: none;
		background: none;
	}

	a {
		text-decoration: none;
		color: inherit;
	}

	ul, ol {
		list-style: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
}

/* ===== Layer: Base ===== */
@layer base {
	:root {
		/* Colors - CouponFollow Inspired */
		--color-primary: var(--dealzenohub-primary, #2563EB);
		--color-primary-dark: var(--dealzenohub-primary-dark, #1D4ED8);
		--color-primary-light: var(--dealzenohub-primary-light, #DBEAFE);
		--color-secondary: var(--dealzenohub-secondary, #0F172A);
		--color-secondary-dark: #020617;
		--color-accent-red: var(--dealzenohub-accent, #DC2626);
		--color-accent-gold: #F59E0B;
		--color-accent-blue: #2563EB;

		--color-neutral-50: #F8FAFC;
		--color-neutral-100: #F1F5F9;
		--color-neutral-200: #E2E8F0;
		--color-neutral-300: #CBD5E1;
		--color-neutral-400: #94A3B8;
		--color-neutral-500: #64748B;
		--color-neutral-600: #475569;
		--color-neutral-700: #334155;
		--color-neutral-800: #1E293B;
		--color-neutral-900: #0F172A;

		/* Typography */
		--font-family-base: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		--font-family-heading: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

		/* Fluid Typography */
		--font-size-xs: clamp(0.75rem, 2vw, 0.875rem);
		--font-size-sm: clamp(0.875rem, 2.5vw, 1rem);
		--font-size-base: clamp(1rem, 2vw, 1.0625rem);
		--font-size-lg: clamp(1.125rem, 3.5vw, 1.375rem);
		--font-size-xl: clamp(1.375rem, 4vw, 1.75rem);
		--font-size-2xl: clamp(1.75rem, 5vw, 2.25rem);
		--font-size-3xl: clamp(2.25rem, 6vw, 3rem);

		/* Spacing */
		--space-1: 0.25rem;
		--space-2: 0.5rem;
		--space-3: 0.75rem;
		--space-4: 1rem;
		--space-5: 1.25rem;
		--space-6: 1.5rem;
		--space-8: 2rem;
		--space-10: 2.5rem;
		--space-12: 3rem;
		--space-16: 4rem;
		--space-20: 5rem;

		/* Border Radius */
		--radius-sm: 0.375rem;
		--radius-md: 0.5rem;
		--radius-lg: 0.75rem;
		--radius-xl: 1rem;
		--radius-2xl: 1.5rem;
		--radius-full: 9999px;

		/* Shadows */
		--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
		--shadow-md: 0 6px 18px -12px rgba(15, 23, 42, 0.35);
		--shadow-lg: 0 18px 34px -18px rgba(15, 23, 42, 0.42);
		--shadow-xl: 0 28px 50px -24px rgba(15, 23, 42, 0.48);

		/* Transitions */
		--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
		--transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
		--transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

		/* Container Queries */
		--container-xs: 20rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-xl: 36rem;
		--container-2xl: 42rem;
	}

	body {
		font-family: var(--font-family-base);
		font-size: var(--font-size-base);
		line-height: 1.6;
		color: var(--color-neutral-900);
		background-color: var(--color-neutral-50);
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: var(--font-family-heading);
		font-weight: 700;
		line-height: 1.2;
	}

	h1 { font-size: var(--font-size-3xl); }
	h2 { font-size: var(--font-size-2xl); }
	h3 { font-size: var(--font-size-xl); }
	h4 { font-size: var(--font-size-lg); }
	h5 { font-size: var(--font-size-base); }
	h6 { font-size: var(--font-size-sm); }

	p {
		margin-bottom: var(--space-4);
	}

	a {
		color: var(--color-primary);
		transition: color var(--transition-fast);

		&:hover {
			color: var(--color-primary-dark);
		}
	}
}

/* ===== Layer: Layout ===== */
@layer layout {
	.container {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: var(--space-4);
		padding-right: var(--space-4);

		@media (min-width: 640px) {
			max-width: 640px;
		}

		@media (min-width: 768px) {
			max-width: 768px;
			padding-left: var(--space-6);
			padding-right: var(--space-6);
		}

		@media (min-width: 1024px) {
			max-width: 1024px;
		}

		@media (min-width: 1280px) {
			max-width: 1280px;
		}
	}

	.site {
		display: flex;
		flex-direction: column;
		min-height: 100dvh;
	}

	main {
		flex: 1;
		width: 100%;
	}

	.layout-sidebar {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--space-8);

		@media (min-width: 768px) {
			grid-template-columns: 1fr 300px;
		}

		@media (min-width: 1024px) {
			grid-template-columns: 1fr 320px;
		}
	}

	.layout-sidebar-content {
		min-width: 0;
	}

	.layout-sidebar-aside {
		display: none;

		@media (min-width: 768px) {
			display: block;
		}
	}
}

/* ===== Layer: Components ===== */
@layer components {
	/* ===== Header ===== */
	.site-header {
		position: sticky;
		top: 0;
		z-index: 1000;
		background-color: var(--color-neutral-900);
		color: white;
		border-bottom: 2px solid var(--color-primary);
		box-shadow: var(--shadow-md);
	}

	.site-header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: var(--space-3) var(--space-4);
		gap: var(--space-4);

		@media (min-width: 768px) {
			padding: var(--space-4) var(--space-6);
		}
	}

	.site-branding {
		display: flex;
		align-items: center;
		gap: var(--space-3);
		font-weight: 700;
		font-size: var(--font-size-lg);
		color: white;
		text-decoration: none;
		flex-shrink: 0;

		&:hover {
			color: var(--color-primary);
		}
	}

	.site-branding-logo {
		width: 32px;
		height: 32px;
		background-color: var(--color-primary);
		border-radius: var(--radius-md);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 900;
		color: white;
		font-size: var(--font-size-sm);
	}

	/* ===== Navigation ===== */
	.site-navigation {
		display: none;
		align-items: center;
		gap: var(--space-6);

		@media (min-width: 768px) {
			display: flex;
		}
	}

	.site-navigation a {
		color: white;
		font-size: var(--font-size-sm);
		font-weight: 500;
		transition: color var(--transition-fast);

		&:hover {
			color: var(--color-primary);
		}
	}

	/* ===== Search Bar ===== */
	.hero-search-form {
		display: flex;
		gap: var(--space-2);
		width: 100%;
		max-width: 400px;
		flex: 1;

		@media (max-width: 767px) {
			max-width: none;
		}
	}

	.hero-search-field {
		flex: 1;
		padding: var(--space-3) var(--space-4);
		border: 1px solid var(--color-neutral-300);
		border-radius: var(--radius-lg);
		font-size: var(--font-size-sm);
		background-color: white;
		transition: border-color var(--transition-fast);

		&:focus {
			outline: none;
			border-color: var(--color-primary);
			box-shadow: 0 0 0 3px rgba(0, 176, 80, 0.1);
		}

		&::placeholder {
			color: var(--color-neutral-500);
		}
	}

	.hero-search-submit {
		padding: var(--space-3) var(--space-5);
		background-color: var(--color-primary);
		color: white;
		border-radius: var(--radius-lg);
		font-weight: 600;
		font-size: var(--font-size-sm);
		transition: background-color var(--transition-fast);
		white-space: nowrap;

		&:hover {
			background-color: var(--color-primary-dark);
		}

		&:active {
			transform: scale(0.98);
		}
	}

	/* ===== Auth Links ===== */
	.header-auth {
		display: flex;
		gap: var(--space-3);
		align-items: center;

		@media (max-width: 767px) {
			display: none;
		}
	}

	.header-auth a {
		font-size: var(--font-size-sm);
		padding: var(--space-2) var(--space-4);
		border-radius: var(--radius-md);
		transition: all var(--transition-fast);

		&:first-child {
			color: white;

			&:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}
		}

		&:last-child {
			background-color: var(--color-primary);
			color: white;
			font-weight: 600;

			&:hover {
				background-color: var(--color-primary-dark);
			}
		}
	}

	/* ===== Promotional Banner ===== */
	.promo-banner {
		background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
		color: white;
		padding: var(--space-3) var(--space-4);
		text-align: center;
		font-size: var(--font-size-sm);
		font-weight: 600;
		animation: slideDown 0.5s ease-out;
	}

	@keyframes slideDown {
		from {
			transform: translateY(-100%);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}

	/* ===== Coupon Card ===== */
	.coupon-card {
		background-color: white;
		border-radius: var(--radius-lg);
		overflow: hidden;
		box-shadow: var(--shadow-sm);
		transition: all var(--transition-base);
		display: flex;
		flex-direction: column;
		height: 100%;
		position: relative;

		&:hover {
			box-shadow: var(--shadow-lg);
			transform: translateY(-4px);
		}

		&.expired {
			opacity: 0.6;
		}
	}

	.coupon-card-inner {
		display: flex;
		flex-direction: column;
		padding: var(--space-4);
		flex: 1;
	}

	.coupon-store-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 64px;
		height: 64px;
		background-color: var(--color-neutral-100);
		border-radius: var(--radius-md);
		margin-bottom: var(--space-4);
		flex-shrink: 0;

		img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
		}
	}

	.logo-placeholder {
		font-weight: 700;
		font-size: var(--font-size-lg);
		color: var(--color-primary);
	}

	.coupon-discount-badge {
		display: inline-block;
		background-color: var(--color-accent-red);
		color: white;
		padding: var(--space-2) var(--space-3);
		border-radius: var(--radius-md);
		font-weight: 700;
		font-size: var(--font-size-lg);
		margin-bottom: var(--space-3);
		width: fit-content;
	}

	.coupon-title {
		font-size: var(--font-size-base);
		font-weight: 700;
		margin-bottom: var(--space-2);
		line-height: 1.3;

		a {
			color: var(--color-neutral-900);

			&:hover {
				color: var(--color-primary);
			}
		}
	}

	.coupon-description {
		font-size: var(--font-size-sm);
		color: var(--color-neutral-600);
		margin-bottom: var(--space-3);
		line-height: 1.5;
	}

	.coupon-meta {
		display: flex;
		gap: var(--space-2);
		margin-bottom: var(--space-4);
		flex-wrap: wrap;
		font-size: var(--font-size-xs);
	}

	.coupon-expiry {
		display: inline-flex;
		align-items: center;
		gap: var(--space-1);
		color: var(--color-neutral-600);

		&.ending-soon {
			color: var(--color-accent-red);
			font-weight: 600;
		}

		&.expired {
			color: var(--color-accent-red);
		}

		svg {
			width: 12px;
			height: 12px;
		}
	}

	.coupon-actions {
		display: flex;
		gap: var(--space-2);
		margin-top: auto;
	}

	.copy-coupon-btn {
		flex: 1;
		padding: var(--space-3) var(--space-4);
		background-color: var(--color-primary);
		color: white;
		border-radius: var(--radius-md);
		font-weight: 600;
		font-size: var(--font-size-sm);
		transition: all var(--transition-fast);
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--space-2);
		cursor: pointer;

		&:hover {
			background-color: var(--color-primary-dark);
		}

		&:active {
			transform: scale(0.98);
		}

		&.copied {
			background-color: var(--color-accent-gold);
			animation: pulse 0.5s ease-out;
		}

		svg {
			width: 14px;
			height: 14px;
		}
	}

	@keyframes pulse {
		0%, 100% { transform: scale(1); }
		50% { transform: scale(1.05); }
	}

	.visit-store-btn {
		flex: 1;
		padding: var(--space-3) var(--space-4);
		background-color: var(--color-neutral-200);
		color: var(--color-neutral-900);
		border-radius: var(--radius-md);
		font-weight: 600;
		font-size: var(--font-size-sm);
		transition: all var(--transition-fast);
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--space-2);

		&:hover {
			background-color: var(--color-neutral-300);
		}

		svg {
			width: 12px;
			height: 12px;
		}
	}

	.coupon-expired-overlay {
		position: absolute;
		inset: 0;
		background-color: rgba(0, 0, 0, 0.4);
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--radius-lg);
	}

	.expired-label {
		background-color: var(--color-accent-red);
		color: white;
		padding: var(--space-2) var(--space-4);
		border-radius: var(--radius-md);
		font-weight: 700;
		font-size: var(--font-size-lg);
	}

	/* ===== Exclusive Badge ===== */
	.exclusive-badge {
		position: absolute;
		top: var(--space-3);
		right: var(--space-3);
		background-color: var(--color-accent-gold);
		color: var(--color-neutral-900);
		padding: var(--space-2) var(--space-3);
		border-radius: var(--radius-full);
		font-size: var(--font-size-xs);
		font-weight: 700;
		display: flex;
		align-items: center;
		gap: var(--space-1);
		box-shadow: var(--shadow-md);

		&::before {
			content: '★';
			font-size: var(--font-size-sm);
		}
	}

	/* ===== Store Card ===== */
	.store-card {
		background-color: white;
		border-radius: var(--radius-lg);
		overflow: hidden;
		box-shadow: var(--shadow-sm);
		transition: all var(--transition-base);
		text-align: center;

		&:hover {
			box-shadow: var(--shadow-lg);
			transform: translateY(-4px);
		}
	}

	.store-card-inner {
		padding: var(--space-6) var(--space-4);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--space-4);
	}

	.store-card-logo {
		width: 80px;
		height: 80px;
		background-color: var(--color-neutral-100);
		border-radius: var(--radius-md);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;

		img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
		}
	}

	.store-title {
		font-size: var(--font-size-base);
		font-weight: 700;

		a {
			color: var(--color-neutral-900);

			&:hover {
				color: var(--color-primary);
			}
		}
	}

	.store-meta {
		font-size: var(--font-size-sm);
		color: var(--color-neutral-600);
	}

	.store-actions {
		width: 100%;
		display: flex;
		gap: var(--space-2);
	}

	/* ===== Buttons ===== */
	.btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: var(--space-2);
		padding: var(--space-3) var(--space-5);
		border-radius: var(--radius-lg);
		font-weight: 600;
		font-size: var(--font-size-sm);
		transition: all var(--transition-fast);
		cursor: pointer;
		border: none;
		text-decoration: none;
		white-space: nowrap;

		&:hover {
			transform: translateY(-2px);
		}

		&:active {
			transform: translateY(0);
		}
	}

	.btn--primary {
		background-color: var(--color-primary);
		color: white;

		&:hover {
			background-color: var(--color-primary-dark);
		}
	}

	.btn--secondary {
		background-color: var(--color-neutral-200);
		color: var(--color-neutral-900);

		&:hover {
			background-color: var(--color-neutral-300);
		}
	}

	.btn--ghost {
		background-color: transparent;
		color: var(--color-primary);
		border: 1px solid var(--color-primary);

		&:hover {
			background-color: rgba(0, 176, 80, 0.1);
		}
	}

	.btn--lg {
		padding: var(--space-4) var(--space-6);
		font-size: var(--font-size-base);
	}

	/* ===== Tabs ===== */
	.tab-buttons {
		display: flex;
		gap: var(--space-2);
		margin-bottom: var(--space-6);
		border-bottom: 2px solid var(--color-neutral-200);
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;

		@media (max-width: 640px) {
			margin-bottom: var(--space-4);
		}
	}

	.tab-button {
		padding: var(--space-3) var(--space-4);
		background-color: transparent;
		color: var(--color-neutral-600);
		border: none;
		border-bottom: 3px solid transparent;
		font-weight: 600;
		font-size: var(--font-size-sm);
		cursor: pointer;
		transition: all var(--transition-fast);
		white-space: nowrap;

		&:hover {
			color: var(--color-primary);
		}

		&.active {
			color: var(--color-primary);
			border-bottom-color: var(--color-primary);
		}
	}

	/* ===== Coupons Container ===== */
	.coupons-container {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: var(--space-4);

		@media (max-width: 640px) {
			grid-template-columns: 1fr;
			gap: var(--space-3);
		}

		@media (min-width: 641px) and (max-width: 1023px) {
			grid-template-columns: repeat(2, 1fr);
		}

		&.list-view {
			grid-template-columns: 1fr;

			.coupon-card-inner {
				flex-direction: row;
				align-items: center;
				gap: var(--space-4);
			}

			.coupon-store-logo {
				margin-bottom: 0;
				flex-shrink: 0;
			}

			.coupon-content {
				flex: 1;
				min-width: 0;
			}

			.coupon-actions {
				flex-direction: column;
				margin-top: 0;
				align-self: flex-start;
			}
		}
	}

	/* ===== View Toggle ===== */
	.view-toggle {
		display: flex;
		gap: var(--space-2);
		margin-bottom: var(--space-6);
		justify-content: flex-end;

		@media (max-width: 640px) {
			display: none;
		}
	}

	.view-btn {
		padding: var(--space-2) var(--space-3);
		background-color: var(--color-neutral-200);
		color: var(--color-neutral-600);
		border-radius: var(--radius-md);
		border: none;
		cursor: pointer;
		transition: all var(--transition-fast);
		font-size: var(--font-size-sm);

		&:hover {
			background-color: var(--color-neutral-300);
		}

		&.active {
			background-color: var(--color-primary);
			color: white;
		}

		svg {
			width: 16px;
			height: 16px;
		}
	}

	/* ===== Categories ===== */
	.categories-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		gap: var(--space-4);
		margin-bottom: var(--space-8);

		@media (max-width: 640px) {
			grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
			gap: var(--space-3);
		}
	}

	.category-card {
		background-color: white;
		border-radius: var(--radius-lg);
		padding: var(--space-4);
		text-align: center;
		box-shadow: var(--shadow-sm);
		transition: all var(--transition-base);
		cursor: pointer;

		&:hover {
			box-shadow: var(--shadow-lg);
			transform: translateY(-4px);
		}

		a {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: var(--space-2);
			color: var(--color-neutral-900);
			text-decoration: none;
		}
	}

	.category-icon {
		font-size: var(--font-size-2xl);
	}

	.category-name {
		font-weight: 600;
		font-size: var(--font-size-sm);
	}

	/* ===== Trending Searches ===== */
	.trending-searches {
		margin-bottom: var(--space-8);
		padding: var(--space-6);
		background-color: white;
		border-radius: var(--radius-lg);
		box-shadow: var(--shadow-sm);
	}

	.trending-title {
		font-size: var(--font-size-lg);
		font-weight: 700;
		margin-bottom: var(--space-4);
	}

	.trending-tags {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-3);
	}

	.trending-tag {
		display: inline-block;
		padding: var(--space-2) var(--space-4);
		background-color: var(--color-neutral-100);
		color: var(--color-primary);
		border-radius: var(--radius-full);
		font-size: var(--font-size-sm);
		font-weight: 500;
		transition: all var(--transition-fast);
		text-decoration: none;

		&:hover {
			background-color: var(--color-primary);
			color: white;
		}
	}

	/* ===== Newsletter Section ===== */
	.newsletter-section {
		background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);
		color: white;
		padding: var(--space-8) var(--space-4);
		border-radius: var(--radius-xl);
		text-align: center;
		margin-bottom: var(--space-8);
	}

	.newsletter-title {
		font-size: var(--font-size-xl);
		font-weight: 700;
		margin-bottom: var(--space-2);
	}

	.newsletter-description {
		font-size: var(--font-size-sm);
		margin-bottom: var(--space-6);
		opacity: 0.9;
	}

	.newsletter-form {
		display: flex;
		flex-direction: column;
		gap: var(--space-3);
		max-width: 400px;
		margin: 0 auto;

		@media (min-width: 640px) {
			flex-direction: row;
		}
	}

	.newsletter-email {
		flex: 1;
		padding: var(--space-3) var(--space-4);
		border: none;
		border-radius: var(--radius-lg);
		font-size: var(--font-size-sm);

		&::placeholder {
			color: var(--color-neutral-400);
		}
	}

	.newsletter-submit {
		padding: var(--space-3) var(--space-6);
		background-color: var(--color-primary);
		color: white;
		border: none;
		border-radius: var(--radius-lg);
		font-weight: 600;
		font-size: var(--font-size-sm);
		cursor: pointer;
		transition: background-color var(--transition-fast);
		white-space: nowrap;

		&:hover {
			background-color: var(--color-primary-dark);
		}
	}

	/* ===== FAQ ===== */
	.faq-items {
		background-color: white;
		border-radius: var(--radius-lg);
		overflow: hidden;
		box-shadow: var(--shadow-sm);
		margin-bottom: var(--space-8);
	}

	.faq-item {
		border-bottom: 1px solid var(--color-neutral-200);

		&:last-child {
			border-bottom: none;
		}

		&.active {
			.faq-question {
				background-color: var(--color-neutral-100);
				color: var(--color-primary);
			}

			.faq-answer {
				display: block;
			}
		}
	}

	.faq-question {
		padding: var(--space-4);
		background-color: white;
		color: var(--color-neutral-900);
		border: none;
		width: 100%;
		text-align: left;
		font-weight: 600;
		font-size: var(--font-size-base);
		cursor: pointer;
		transition: all var(--transition-fast);
		display: flex;
		justify-content: space-between;
		align-items: center;

		&:hover {
			background-color: var(--color-neutral-50);
		}

		&::after {
			content: '▼';
			font-size: var(--font-size-xs);
			transition: transform var(--transition-fast);
		}
	}

	.faq-item.active .faq-question::after {
		transform: rotate(180deg);
	}

	.faq-answer {
		display: none;
		padding: var(--space-4);
		background-color: var(--color-neutral-50);
		color: var(--color-neutral-700);
		line-height: 1.6;
	}

	/* ===== Breadcrumbs ===== */
	.breadcrumbs-wrapper {
		margin-bottom: var(--space-6);
	}

	.breadcrumbs {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-2);
		font-size: var(--font-size-sm);
		color: var(--color-neutral-600);

		a {
			color: var(--color-primary);

			&:hover {
				text-decoration: underline;
			}
		}

		span {
			color: var(--color-neutral-400);
		}
	}

	/* ===== Pagination ===== */
	.pagination {
		display: flex;
		justify-content: center;
		gap: var(--space-2);
		margin-top: var(--space-8);
		flex-wrap: wrap;
	}

	.pagination a,
	.pagination span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 40px;
		height: 40px;
		padding: var(--space-2) var(--space-3);
		border-radius: var(--radius-md);
		font-size: var(--font-size-sm);
		font-weight: 500;
		transition: all var(--transition-fast);
	}

	.pagination a {
		background-color: var(--color-neutral-200);
		color: var(--color-neutral-900);
		text-decoration: none;

		&:hover {
			background-color: var(--color-primary);
			color: white;
		}
	}

	.pagination .current {
		background-color: var(--color-primary);
		color: white;
	}

	/* ===== Footer ===== */
	.site-footer {
		background-color: var(--color-neutral-900);
		color: white;
		padding: var(--space-8) var(--space-4);
		margin-top: auto;
	}

	.footer-content {
		max-width: 1280px;
		margin: 0 auto;
	}

	.footer-widgets {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: var(--space-8);
		margin-bottom: var(--space-8);

		@media (max-width: 640px) {
			grid-template-columns: 1fr;
			gap: var(--space-6);
		}
	}

	.footer-widget-area {
		h3, h4 {
			color: white;
			margin-bottom: var(--space-4);
		}

		a {
			color: var(--color-neutral-300);
			font-size: var(--font-size-sm);

			&:hover {
				color: var(--color-primary);
			}
		}

		ul {
			display: flex;
			flex-direction: column;
			gap: var(--space-3);
		}
	}

	.footer-bottom {
		border-top: 1px solid var(--color-neutral-700);
		padding-top: var(--space-6);
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--space-4);
		flex-wrap: wrap;

		@media (max-width: 640px) {
			flex-direction: column;
			text-align: center;
		}
	}

	.site-info {
		font-size: var(--font-size-sm);
		color: var(--color-neutral-400);
	}

	.footer-navigation a {
		color: var(--color-neutral-300);
		margin-right: var(--space-6);
		font-size: var(--font-size-sm);

		&:hover {
			color: var(--color-primary);
		}
	}

	/* ===== 404 Page ===== */
	.error-404 {
		text-align: center;
		padding: var(--space-12) var(--space-4);
	}

	.error-404-title {
		font-size: var(--font-size-3xl);
		font-weight: 900;
		color: var(--color-accent-red);
		margin-bottom: var(--space-4);
	}

	.error-404-message {
		font-size: var(--font-size-lg);
		margin-bottom: var(--space-6);
	}

	/* ===== Archive Header ===== */
	.archive-header {
		margin-bottom: var(--space-8);
		padding-bottom: var(--space-6);
		border-bottom: 2px solid var(--color-neutral-200);
	}

	.archive-title {
		margin-bottom: var(--space-2);
	}

	.archive-description {
		color: var(--color-neutral-600);
		font-size: var(--font-size-base);
	}

	/* ===== Store Header ===== */
	.store-header {
		background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);
		color: white;
		padding: var(--space-8) var(--space-4);
		margin-bottom: var(--space-8);
		border-radius: var(--radius-xl);
	}

	.store-header-inner {
		display: flex;
		align-items: flex-start;
		gap: var(--space-6);

		@media (max-width: 640px) {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}
	}

	.store-header-logo {
		width: 120px;
		height: 120px;
		background-color: white;
		border-radius: var(--radius-lg);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;

		img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
		}
	}

	.store-header-content {
		flex: 1;
	}

	.store-header .store-title {
		font-size: var(--font-size-2xl);
		color: white;
		margin-bottom: var(--space-2);
	}

	.store-header .store-description {
		color: var(--color-neutral-200);
		margin-bottom: var(--space-4);
	}

	/* ===== Single Post ===== */
	.single-post-wrapper {
		background-color: white;
		border-radius: var(--radius-lg);
		padding: var(--space-6);
		box-shadow: var(--shadow-sm);
	}

	.single-post-wrapper .post-header {
		margin-bottom: var(--space-6);
		padding-bottom: var(--space-6);
		border-bottom: 1px solid var(--color-neutral-200);
	}

	.single-post-wrapper .post-featured-image {
		margin-bottom: var(--space-6);
		border-radius: var(--radius-lg);
		overflow: hidden;

		img {
			width: 100%;
			height: auto;
			display: block;
		}
	}

	.post-tags {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-2);
		margin-top: var(--space-4);
	}

	.post-tag {
		display: inline-block;
		padding: var(--space-2) var(--space-3);
		background-color: var(--color-neutral-100);
		color: var(--color-primary);
		border-radius: var(--radius-full);
		font-size: var(--font-size-xs);
		text-decoration: none;
		transition: all var(--transition-fast);

		&:hover {
			background-color: var(--color-primary);
			color: white;
		}
	}

	/* ===== Sidebar Widget ===== */
	.sidebar-widget {
		background-color: white;
		border-radius: var(--radius-lg);
		padding: var(--space-4);
		margin-bottom: var(--space-6);
		box-shadow: var(--shadow-sm);

		h3 {
			margin-bottom: var(--space-4);
			font-size: var(--font-size-lg);
		}

		ul {
			display: flex;
			flex-direction: column;
			gap: var(--space-3);
		}

		a {
			color: var(--color-primary);
			font-size: var(--font-size-sm);

			&:hover {
				text-decoration: underline;
			}
		}
	}

	/* ===== Reveal Animation ===== */
	[data-reveal] {
		opacity: 0;
		transform: translateY(20px);
		animation: revealIn 0.6s ease-out forwards;
	}

	@keyframes revealIn {
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	[data-reveal].revealed {
		opacity: 1;
		transform: translateY(0);
	}

	/* ===== Accessibility ===== */
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
	}

	/* ===== Focus Visible ===== */
	*:focus-visible {
		outline: 2px solid var(--color-primary);
		outline-offset: 2px;
	}
}

/* ===== Layer: Utilities ===== */
@layer utilities {
	.text-center {
		text-align: center;
	}

	.text-right {
		text-align: right;
	}

	.flex {
		display: flex;
	}

	.flex-col {
		flex-direction: column;
	}

	.gap-4 {
		gap: var(--space-4);
	}

	.mb-4 {
		margin-bottom: var(--space-4);
	}

	.mt-4 {
		margin-top: var(--space-4);
	}

	.p-4 {
		padding: var(--space-4);
	}

	.rounded-lg {
		border-radius: var(--radius-lg);
	}

	.shadow-md {
		box-shadow: var(--shadow-md);
	}

	.opacity-50 {
		opacity: 0.5;
	}

	.opacity-75 {
		opacity: 0.75;
	}
}

/* ===== Dealzenohub 2.1 Growth Features ===== */
@layer components {
	.announcement-bar {
		background: linear-gradient(90deg, var(--color-secondary-dark), var(--color-secondary));
		color: #fff;
		font-size: var(--font-size-sm);
		font-weight: 700;
	}

	.announcement-bar__inner {
		display: flex;
		justify-content: center;
		padding-block: var(--space-2);
		text-align: center;
	}

	.announcement-bar a {
		color: #fff;
		text-decoration: underline;
		text-underline-offset: 0.2em;
	}

	.header-search-form {
		display: none;
		position: relative;
		max-width: 360px;
		margin-inline-start: auto;
	}

	.header-actions {
		display: none;
		align-items: center;
		gap: var(--space-3);
	}

	.header-action-link {
		font-size: var(--font-size-sm);
		font-weight: 700;
		color: var(--color-neutral-700);
	}

	.mobile-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: var(--space-2);
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-md);
		color: var(--color-neutral-800);
	}

	.site-branding-custom-logo img {
		max-height: 44px;
		width: auto;
	}

	.store-page-container {
		padding-block-start: var(--space-6);
	}

	.affiliate-disclosure {
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-lg);
		box-shadow: var(--shadow-sm);
		color: var(--color-neutral-600);
		font-size: var(--font-size-xs);
		line-height: 1.5;
		margin-block: var(--space-4);
		padding: var(--space-3) var(--space-4);
	}

	.logo-placeholder--large {
		font-size: 2.5rem;
	}

	.store-title-row {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--space-3);
	}

	.verified-pill,
	.verified-mini-badge,
	.coupon-type-badge,
	.coupon-success-rate,
	.coupon-last-verified {
		display: inline-flex;
		align-items: center;
		border-radius: var(--radius-full);
		font-size: var(--font-size-xs);
		font-weight: 800;
		line-height: 1;
		padding: 0.42rem 0.65rem;
		white-space: nowrap;
	}

	.verified-pill,
	.verified-mini-badge {
		background: rgba(0, 176, 80, 0.12);
		color: var(--color-primary-dark);
	}

	.coupon-type-badge {
		background: rgba(59, 130, 246, 0.12);
		color: var(--color-accent-blue);
	}

	.coupon-success-rate,
	.coupon-last-verified {
		background: var(--color-neutral-100);
		color: var(--color-neutral-600);
	}

	.store-header-actions,
	.social-share {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--space-3);
	}

	.store-header-actions {
		margin-top: var(--space-4);
	}

	.social-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 2.25rem;
		height: 2.25rem;
		border-radius: var(--radius-md);
		color: #fff;
		font-weight: 900;
	}

	.social-btn--facebook {
		background: #3b5998;
	}

	.social-btn--x {
		background: #000;
	}

	.store-trust-panel {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-3);
		margin-block: var(--space-6);
	}

	.trust-card {
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-xl);
		box-shadow: var(--shadow-sm);
		padding: var(--space-4);
	}

	.trust-card__label {
		display: block;
		color: var(--color-neutral-500);
		font-size: var(--font-size-xs);
		font-weight: 700;
		margin-bottom: var(--space-1);
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	.trust-card strong {
		color: var(--color-neutral-900);
		font-size: var(--font-size-lg);
	}

	.coupon-section-toolbar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--space-4);
		margin-block: var(--space-6);
	}

	.coupon-count-text {
		font-size: var(--font-size-sm);
		color: var(--color-neutral-600);
		margin: 0;
	}

	.coupon-filter-bar {
		display: flex;
		align-items: center;
		gap: var(--space-2);
		flex-wrap: wrap;
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-xl);
		box-shadow: var(--shadow-sm);
		margin-bottom: var(--space-5);
		padding: var(--space-3);
	}

	.coupon-filter-search {
		flex: 1 1 220px;
	}

	.coupon-filter-input {
		width: 100%;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-lg);
		padding: 0.7rem 0.9rem;
		font-size: var(--font-size-sm);
	}

	.coupon-filter-chip {
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-full);
		padding: 0.6rem 0.85rem;
		font-size: var(--font-size-xs);
		font-weight: 800;
		color: var(--color-neutral-700);
		background: var(--color-neutral-50);
	}

	.coupon-filter-chip.active,
	.coupon-filter-chip:hover {
		background: var(--color-primary);
		border-color: var(--color-primary);
		color: #fff;
	}

	.coupon-badges-row {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--space-2);
		margin-bottom: var(--space-2);
	}

	.editor-pick-badge {
		background: var(--color-secondary);
	}

	.coupon-code-preview {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.18);
		border: 1px dashed rgba(255, 255, 255, 0.7);
		border-radius: var(--radius-md);
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-size: 0.85em;
		margin-left: var(--space-2);
		padding: 0.15rem 0.35rem;
	}

	.coupon-terms {
		margin-top: var(--space-3);
		font-size: var(--font-size-xs);
		color: var(--color-neutral-600);
	}

	.coupon-terms summary {
		cursor: pointer;
		font-weight: 800;
		color: var(--color-neutral-700);
	}

	.save-coupon-btn {
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-lg);
		padding: 0.65rem 0.8rem;
		font-size: var(--font-size-xs);
		font-weight: 900;
		background: #fff;
		color: var(--color-neutral-700);
	}

	.save-coupon-btn.is-saved {
		border-color: var(--color-accent-gold);
		background: rgba(251, 191, 36, 0.16);
		color: var(--color-neutral-900);
	}

	.list-view .coupon-card-inner {
		grid-template-columns: 72px minmax(0, 1fr) minmax(180px, auto);
	}

	.no-coupons-message {
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-xl);
		color: var(--color-neutral-600);
		padding: var(--space-8);
		text-align: center;
	}

	.store-notes-grid {
		display: grid;
		gap: var(--space-4);
		grid-template-columns: 1fr;
		margin-block: var(--space-8);
	}

	.store-note-card,
	.saving-guide-card,
	.store-full-content,
	.store-faq-section {
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-xl);
		box-shadow: var(--shadow-sm);
		padding: var(--space-6);
	}

	.store-note-card h3,
	.saving-guide-card h2,
	.saving-guide-card h3,
	.store-full-content h2,
	.store-faq-section h2 {
		font-size: var(--font-size-lg);
		margin-bottom: var(--space-4);
	}

	.saving-guide-card,
	.store-full-content,
	.store-faq-section,
	.related-stores-section {
		margin-top: var(--space-8);
	}

	.saving-steps {
		counter-reset: saving-step;
		display: grid;
		gap: var(--space-3);
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.saving-steps li {
		counter-increment: saving-step;
		display: grid;
		grid-template-columns: auto 1fr;
		gap: var(--space-3);
		align-items: start;
	}

	.saving-steps li::before {
		content: counter(saving-step);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1.8rem;
		height: 1.8rem;
		border-radius: var(--radius-full);
		background: var(--color-primary);
		color: #fff;
		font-size: var(--font-size-xs);
		font-weight: 900;
	}

	.store-full-content .entry-content {
		color: var(--color-neutral-700);
		font-size: var(--font-size-sm);
		line-height: 1.8;
	}

	.stores-grid--compact {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: var(--space-4);
	}

	.store-quick-facts ul,
	.sidebar-categories-widget ul {
		display: grid;
		gap: var(--space-3);
	}

	.store-quick-facts li,
	.sidebar-categories-widget a {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: var(--space-3);
		font-size: var(--font-size-sm);
	}

	.store-quick-facts span {
		color: var(--color-neutral-500);
	}

	.store-quick-facts strong,
	.sidebar-categories-widget strong {
		color: var(--color-neutral-900);
		text-align: right;
	}

	.sidebar-categories-widget strong {
		background: var(--color-primary);
		color: #fff;
		border-radius: var(--radius-full);
		font-size: var(--font-size-xs);
		min-width: 1.8rem;
		padding: var(--space-1) var(--space-2);
		text-align: center;
	}

	.store-search-results {
		position: absolute;
		z-index: 50;
		top: calc(100% + var(--space-2));
		left: 0;
		right: 0;
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-xl);
		box-shadow: var(--shadow-xl);
		overflow: hidden;
	}

	.store-search-results a {
		display: flex;
		align-items: center;
		gap: var(--space-3);
		padding: var(--space-3);
		color: var(--color-neutral-800);
		font-size: var(--font-size-sm);
		font-weight: 700;
	}

	.store-search-results a:hover {
		background: var(--color-neutral-50);
	}

	.store-search-results img,
	.store-search-fallback {
		width: 34px;
		height: 34px;
		border-radius: var(--radius-md);
		object-fit: contain;
		background: var(--color-neutral-100);
	}

	.store-search-fallback {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-weight: 900;
		color: var(--color-primary);
	}

	.dealzenohub-toast {
		position: fixed;
		z-index: 1000;
		left: 50%;
		bottom: var(--space-6);
		transform: translate(-50%, 120%);
		background: var(--color-neutral-900);
		color: #fff;
		border-radius: var(--radius-full);
		box-shadow: var(--shadow-xl);
		font-size: var(--font-size-sm);
		font-weight: 800;
		opacity: 0;
		padding: var(--space-3) var(--space-5);
		transition: opacity var(--transition-base), transform var(--transition-base);
	}

	.dealzenohub-toast.is-visible {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	.back-to-top {
		position: fixed;
		right: var(--space-4);
		bottom: var(--space-4);
		z-index: 60;
		width: 2.75rem;
		height: 2.75rem;
		border-radius: var(--radius-full);
		background: var(--color-primary);
		color: #fff;
		box-shadow: var(--shadow-lg);
		font-size: 1.25rem;
		font-weight: 900;
		opacity: 0;
		pointer-events: none;
		transform: translateY(0.75rem);
		transition: opacity var(--transition-base), transform var(--transition-base);
	}

	.back-to-top.is-visible {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}
}

@layer layout {
	@media (min-width: 768px) {
		.header-search-form,
		.header-actions {
			display: flex;
		}

		.mobile-menu-toggle {
			display: none;
		}

		.store-trust-panel {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.store-notes-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	@media (max-width: 767px) {
		.site-navigation {
			display: none;
		}

		.site-header-inner {
			position: relative;
		}

		.store-trust-panel {
			grid-template-columns: 1fr;
		}

		.list-view .coupon-card-inner {
			grid-template-columns: 1fr;
		}

		.coupon-actions {
			width: 100%;
		}

		.coupon-actions > * {
			width: 100%;
			justify-content: center;
		}
	}
}

@layer components {
	.home-hero {
		background: radial-gradient(circle at top left, rgba(0, 176, 80, 0.16), transparent 34%), #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-2xl);
		box-shadow: var(--shadow-sm);
		margin-block: var(--space-6) var(--space-10);
		padding: clamp(1.5rem, 5vw, 4rem);
		text-align: center;
	}

	.home-hero h1 {
		font-size: 2rem;
		margin: var(--space-5) auto var(--space-4);
		max-width: 820px;
	}

	.home-hero p {
		color: var(--color-neutral-600);
		font-size: var(--font-size-lg);
		margin-inline: auto;
		max-width: 760px;
	}

	.home-hero .dealzenohub-store-search-shortcode {
		margin: var(--space-6) auto 0;
		max-width: 720px;
		position: relative;
	}

	.section-heading-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-4);
		margin-bottom: var(--space-6);
	}

	.section-heading-row a {
		font-size: var(--font-size-sm);
		font-weight: 900;
	}

	.home-two-column {
		display: grid;
		gap: var(--space-8);
		grid-template-columns: 1fr;
	}

	.homepage-ad-slot {
		margin-top: var(--space-8);
	}
}

@layer layout {
	@media (min-width: 1024px) {
		.home-two-column {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
}

/* ===== Couponis-inspired v2.2 enhancements ===== */
@layer components {
	.dealzenohub-all-stores-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: var(--space-2);
		white-space: nowrap;
	}

	.section-heading-row .dealzenohub-all-stores-btn,
	.store-header-actions .dealzenohub-all-stores-btn {
		font-size: var(--font-size-sm);
	}

	.more-stores-row,
	.coupon-store-utility-row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: var(--space-3);
		margin-top: var(--space-6);
	}

	.coupon-store-utility-row {
		justify-content: flex-start;
		margin-bottom: var(--space-6);
	}

	.advanced-coupon-search,
	.submit-coupon-panel,
	.store-directory-block {
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-2xl);
		box-shadow: var(--shadow-sm);
		padding: var(--space-6);
	}

	.advanced-coupon-search h2,
	.submit-coupon-panel h2 {
		margin-bottom: var(--space-4);
	}

	.advanced-coupon-search__form,
	.submit-coupon-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--space-4);
	}

	@media (min-width: 768px) {
		.advanced-coupon-search__form {
			grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
			align-items: end;
		}

		.submit-coupon-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.advanced-coupon-search label,
	.submit-coupon-form label,
	.store-directory-controls label {
		display: grid;
		gap: var(--space-2);
		font-size: var(--font-size-sm);
		font-weight: 700;
		color: var(--color-neutral-700);
	}

	.advanced-coupon-search input,
	.advanced-coupon-search select,
	.submit-coupon-form input,
	.submit-coupon-form select,
	.submit-coupon-form textarea,
	.store-directory-search {
		width: 100%;
		border: 1px solid var(--color-neutral-300);
		border-radius: var(--radius-lg);
		background: #fff;
		padding: 0.8rem 0.95rem;
		font-weight: 500;
		color: var(--color-neutral-900);
	}

	.advanced-coupon-search input:focus,
	.advanced-coupon-search select:focus,
	.submit-coupon-form input:focus,
	.submit-coupon-form select:focus,
	.submit-coupon-form textarea:focus,
	.store-directory-search:focus {
		border-color: var(--color-primary);
		box-shadow: 0 0 0 3px rgba(0, 176, 80, 0.14);
		outline: none;
	}

	.submit-coupon-form {
		display: grid;
		gap: var(--space-4);
	}

	.submit-coupon-hp {
		position: absolute;
		left: -9999px;
		height: 1px;
		overflow: hidden;
	}

	.form-message {
		border-radius: var(--radius-lg);
		padding: var(--space-3) var(--space-4);
		font-weight: 700;
		margin-bottom: var(--space-4);
	}

	.form-message--success {
		background: rgba(0, 176, 80, 0.12);
		color: var(--color-primary-dark);
	}

	.form-message--error {
		background: rgba(239, 68, 68, 0.12);
		color: #b91c1c;
	}

	.store-directory-controls {
		display: grid;
		gap: var(--space-4);
		margin-bottom: var(--space-6);
	}

	.store-directory-controls--archive {
		background: #fff;
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-2xl);
		padding: var(--space-5);
		box-shadow: var(--shadow-sm);
	}

	.store-directory-letters {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-2);
	}

	.store-letter-chip,
	.coupon-feedback button {
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-full);
		background: #fff;
		padding: 0.45rem 0.75rem;
		font-size: var(--font-size-xs);
		font-weight: 800;
		color: var(--color-neutral-700);
		transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);
	}

	.store-letter-chip:hover,
	.store-letter-chip.active,
	.coupon-feedback button:hover {
		border-color: var(--color-primary);
		background: rgba(0, 176, 80, 0.1);
		color: var(--color-primary-dark);
	}

	.store-card-primary-btn {
		flex: 1;
		font-size: var(--font-size-xs);
	}

	.coupon-feedback {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--space-2);
		margin-top: var(--space-3);
		font-size: var(--font-size-xs);
		color: var(--color-neutral-600);
	}

	.coupon-feedback.is-voted button {
		opacity: 0.72;
	}

	.print-coupon-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		border-radius: var(--radius-lg);
		background: var(--color-secondary);
		color: #fff;
		padding: 0.85rem 1rem;
		font-weight: 900;
		box-shadow: var(--shadow-sm);
	}

	.print-coupon-btn:hover {
		background: var(--color-secondary-dark);
	}

	.archive-header--stores {
		text-align: center;
		margin-bottom: var(--space-8);
	}

	.archive-header--stores .hero-search-form {
		margin-inline: auto;
		max-width: 720px;
	}

	.store-category-chips {
		justify-content: flex-start;
	}

	.no-results {
		grid-column: 1 / -1;
		text-align: center;
		padding: var(--space-12);
		background: #fff;
		border-radius: var(--radius-xl);
	}
}

/* ========================================================================== 
   Dealzenohub Premium Redesign v2.3.0
   Complete UI refresh layered after the legacy stylesheet for safe overrides.
   ========================================================================== */

:root {
	--dzh-ink: #101827;
	--dzh-ink-soft: #243044;
	--dzh-muted: #64748b;
	--dzh-muted-2: #94a3b8;
	--dzh-line: #e5eaf2;
	--dzh-surface: #ffffff;
	--dzh-surface-2: #f7f9fc;
	--dzh-surface-3: #eef4ff;
	--dzh-green: #16a34a;
	--dzh-green-dark: #087936;
	--dzh-green-soft: #dcfce7;
	--dzh-blue: #2563eb;
	--dzh-blue-dark: #1e40af;
	--dzh-orange: #f97316;
	--dzh-orange-soft: #ffedd5;
	--dzh-yellow: #facc15;
	--dzh-red: #ef4444;
	--dzh-radius-sm: 10px;
	--dzh-radius-md: 16px;
	--dzh-radius-lg: 24px;
	--dzh-radius-xl: 34px;
	--dzh-shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.06);
	--dzh-shadow-md: 0 18px 44px rgba(15, 23, 42, 0.10);
	--dzh-shadow-lg: 0 28px 70px rgba(15, 23, 42, 0.16);
	--dzh-gradient: linear-gradient(135deg, #101827 0%, #172554 45%, #064e3b 100%);
	--dzh-gradient-green: linear-gradient(135deg, #22c55e 0%, #16a34a 52%, #0f766e 100%);
	--dzh-gradient-blue: linear-gradient(135deg, #eff6ff 0%, #f8fafc 44%, #ecfdf5 100%);
}

html {
	background: var(--dzh-surface-2);
}

body {
	color: var(--dzh-ink);
	background:
		radial-gradient(circle at 10% 0%, rgba(37, 99, 235, 0.10), transparent 34rem),
		radial-gradient(circle at 90% 8%, rgba(22, 163, 74, 0.12), transparent 32rem),
		var(--dzh-surface-2);
}

.container,
.site-header-inner,
.footer-content {
	max-width: 1180px;
}

[data-reveal] {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 560ms ease, transform 560ms ease;
}

[data-reveal].revealed {
	opacity: 1;
	transform: translateY(0);
}

/* Buttons */
.btn,
.hero-search-submit,
.newsletter-submit,
.copy-coupon-btn,
.visit-store-btn,
.print-coupon-btn,
.save-coupon-btn,
.header-action-link,
.store-card-primary-btn,
.section-heading-link,
.btn--more-sites {
	min-height: 44px;
	border-radius: 999px;
	font-weight: 800;
	letter-spacing: 0;
	box-shadow: none;
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease;
}

.btn:hover,
.hero-search-submit:hover,
.newsletter-submit:hover,
.copy-coupon-btn:hover,
.visit-store-btn:hover,
.print-coupon-btn:hover,
.save-coupon-btn:hover,
.header-action-link:hover,
.store-card-primary-btn:hover,
.section-heading-link:hover,
.btn--more-sites:hover {
	transform: translateY(-1px);
	box-shadow: var(--dzh-shadow-sm);
}

.btn--primary,
.hero-search-submit,
.newsletter-submit,
.copy-coupon-btn,
.header-action-link--primary,
.btn--more-sites {
	background: var(--dzh-gradient-green);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.btn--secondary,
.visit-store-btn,
.header-action-link--ghost,
.save-coupon-btn {
	background: #fff;
	color: var(--dzh-ink);
	border: 1px solid var(--dzh-line);
}

.btn--ghost {
	background: rgba(255, 255, 255, 0.72);
	color: var(--dzh-ink);
	border: 1px solid var(--dzh-line);
}

/* Announcement */
.announcement-bar {
	background: #0f172a;
	color: #e2e8f0;
	font-size: 0.88rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.announcement-bar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	padding: 0.62rem 1rem;
}

.announcement-bar__icon {
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: var(--dzh-green);
	color: #fff;
	font-weight: 900;
	font-size: 0.78rem;
}

.announcement-bar a {
	color: #fff;
	font-weight: 800;
}

/* Header */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.88);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	color: var(--dzh-ink);
	border-bottom: 1px solid rgba(226, 232, 240, 0.92);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.site-header-inner {
	min-height: 76px;
	padding: 0.75rem 1rem;
	gap: 1rem;
}

.site-branding {
	color: var(--dzh-ink);
	gap: 0.75rem;
	min-width: max-content;
}

.site-branding:hover {
	color: var(--dzh-green-dark);
}

.site-branding-logo {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: var(--dzh-gradient-green);
	box-shadow: 0 12px 28px rgba(22, 163, 74, 0.26);
	font-size: 1.05rem;
}

.site-branding-custom-logo img {
	max-height: 46px;
	width: auto;
}

.site-branding-text {
	display: grid;
	gap: 0.1rem;
}

.site-branding-name {
	font-size: 1.06rem;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.1;
}

.site-branding-tagline {
	font-size: 0.72rem;
	font-weight: 750;
	color: var(--dzh-muted);
	line-height: 1.15;
}

.site-navigation .nav-menu,
.site-navigation ul {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.site-navigation a {
	color: var(--dzh-ink-soft);
	font-size: 0.9rem;
	font-weight: 800;
	padding: 0.7rem 0.85rem;
	border-radius: 999px;
}

.site-navigation a:hover,
.site-navigation .current-menu-item > a {
	background: var(--dzh-surface-3);
	color: var(--dzh-blue-dark);
}

.header-search-form {
	max-width: 310px;
	position: relative;
}

.hero-search-form {
	position: relative;
}

.header-search-form .hero-search-field,
.hero-search-field {
	border: 1px solid var(--dzh-line);
	background: #fff;
	border-radius: 999px;
	min-height: 48px;
	padding: 0.85rem 1rem;
	color: var(--dzh-ink);
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

.header-search-form .hero-search-submit {
	padding-inline: 1.1rem;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 0.55rem;
}

.header-action-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 1rem;
	font-size: 0.86rem;
	white-space: nowrap;
}

.mobile-menu-toggle {
	display: none;
	width: 46px;
	height: 46px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	color: var(--dzh-ink);
	box-shadow: var(--dzh-shadow-sm);
}

/* Hero */
.home-redesign {
	position: relative;
}

.home-hero--redesign {
	position: relative;
	margin: 0;
	padding: clamp(3rem, 7vw, 6.5rem) 0 clamp(2.4rem, 5vw, 4rem);
	background:
		radial-gradient(circle at 20% 12%, rgba(34, 197, 94, 0.30), transparent 21rem),
		radial-gradient(circle at 88% 16%, rgba(37, 99, 235, 0.32), transparent 24rem),
		var(--dzh-gradient);
	color: #fff;
	border-radius: 0 0 42px 42px;
	overflow: hidden;
}

.home-hero--redesign::before,
.home-hero--redesign::after {
	content: '';
	position: absolute;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	pointer-events: none;
}

.home-hero--redesign::before {
	width: 420px;
	height: 420px;
	right: -160px;
	top: -120px;
}

.home-hero--redesign::after {
	width: 280px;
	height: 280px;
	left: -120px;
	bottom: -130px;
}

.home-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.72fr);
	gap: clamp(2rem, 5vw, 4rem);
	align-items: center;
}

.hero-kicker,
.section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	width: fit-content;
	padding: 0.45rem 0.75rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.hero-kicker {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #dcfce7;
}

.hero-kicker__dot {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 999px;
	background: #22c55e;
	box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.18);
}

.home-hero__copy h1 {
	max-width: 780px;
	margin: 1rem 0;
	font-size: 2.55rem;
	line-height: 0.95;
	letter-spacing: 0;
	font-weight: 950;
	color: #fff;
}

.home-hero__description {
	max-width: 660px;
	margin: 0 0 1.6rem;
	font-size: 1rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.78);
}

.home-hero__search-card {
	max-width: 760px;
	padding: 0.55rem;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

.home-hero__search-card .hero-search-form {
	max-width: none;
	display: flex;
	gap: 0.6rem;
}

.home-hero__search-card .hero-search-field {
	min-height: 60px;
	font-size: 1.02rem;
	padding-inline: 1.2rem;
	border: none;
}

.home-hero__search-card .hero-search-submit {
	min-height: 60px;
	padding-inline: clamp(1.25rem, 3vw, 2rem);
}

.hero-search-hints {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	padding: 0.8rem 0.65rem 0.2rem;
	font-size: 0.86rem;
	color: rgba(255, 255, 255, 0.72);
}

.hero-search-hints a {
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-weight: 800;
}

.hero-trust-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 1.2rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.92rem;
	font-weight: 750;
}

.hero-trust-list span {
	padding: 0.45rem 0.72rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.home-hero__panel {
	position: relative;
}

.deal-finder-card {
	position: relative;
	padding: 1.35rem;
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.94);
	color: var(--dzh-ink);
	box-shadow: 0 32px 80px rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.55);
}

.deal-finder-card::before {
	content: '';
	position: absolute;
	inset: 1rem;
	border-radius: 28px;
	border: 1px dashed rgba(37, 99, 235, 0.18);
	pointer-events: none;
}

.deal-finder-card__top,
.deal-finder-card__saving,
.deal-finder-card__steps,
.deal-finder-card__actions {
	position: relative;
	z-index: 1;
}

.deal-finder-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.deal-finder-card__top span {
	font-weight: 950;
	letter-spacing: 0;
}

.deal-finder-card__top strong {
	font-size: 0.74rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	background: var(--dzh-green-soft);
	color: var(--dzh-green-dark);
	padding: 0.34rem 0.6rem;
	border-radius: 999px;
}

.deal-finder-card__saving {
	padding: 1.15rem;
	border-radius: 24px;
	background: var(--dzh-gradient-blue);
	border: 1px solid var(--dzh-line);
	margin-bottom: 1rem;
}

.deal-finder-card__saving span {
	display: block;
	font-size: 0.78rem;
	font-weight: 850;
	color: var(--dzh-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.25rem;
}

.deal-finder-card__saving strong {
	display: block;
	font-size: 1.45rem;
	letter-spacing: 0;
	line-height: 1.04;
}

.deal-finder-card__steps {
	display: grid;
	gap: 0.7rem;
	margin-bottom: 1rem;
}

.deal-finder-card__steps div {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.8rem;
	border: 1px solid var(--dzh-line);
	border-radius: 18px;
	background: #fff;
	font-weight: 850;
}

.deal-finder-card__steps span {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	background: var(--dzh-ink);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 950;
}

.deal-finder-card__actions {
	display: flex;
	gap: 0.65rem;
	flex-wrap: wrap;
}

.deal-finder-card__actions .btn {
	flex: 1;
}

/* Metrics */
.home-metrics {
	margin-top: -1.55rem;
	position: relative;
	z-index: 3;
}

.home-metrics__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.metric-card {
	display: grid;
	gap: 0.15rem;
	padding: 1.1rem 1.25rem;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.92);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(226, 232, 240, 0.90);
	box-shadow: var(--dzh-shadow-md);
}

.metric-card strong {
	font-size: 1.25rem;
	font-weight: 950;
	letter-spacing: 0;
	color: var(--dzh-ink);
}

.metric-card span {
	font-size: 0.9rem;
	font-weight: 760;
	color: var(--dzh-muted);
}

/* Sections */
.homepage-section {
	margin-top: clamp(2rem, 5vw, 4rem);
}

.section-heading-row {
	align-items: end;
	gap: 1rem;
	margin-bottom: 1.2rem;
}

.section-heading-row--premium {
	padding: 0.3rem 0;
}

.section-eyebrow {
	background: var(--dzh-green-soft);
	color: var(--dzh-green-dark);
	margin-bottom: 0.75rem;
}

.section-title,
.archive-title {
	color: var(--dzh-ink);
	font-size: 1.7rem;
	font-weight: 950;
	letter-spacing: 0;
}

.section-heading-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0.65rem 1rem;
	background: #fff;
	border: 1px solid var(--dzh-line);
	color: var(--dzh-ink);
	border-radius: 999px;
	font-weight: 850;
}

/* Advanced search */
.homepage-section--search .advanced-coupon-search,
.advanced-coupon-search {
	padding: clamp(1.2rem, 3vw, 2rem);
	border-radius: var(--dzh-radius-lg);
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.advanced-coupon-search h2 {
	margin-bottom: 1rem;
	font-size: 1.45rem;
	font-weight: 950;
	letter-spacing: 0;
}

.advanced-coupon-search__form {
	display: grid;
	grid-template-columns: minmax(230px, 1.4fr) repeat(3, minmax(150px, 1fr)) auto;
	gap: 0.75rem;
	align-items: end;
}

.advanced-coupon-search__form label {
	display: grid;
	gap: 0.35rem;
	font-size: 0.8rem;
	font-weight: 850;
	color: var(--dzh-muted);
}

.advanced-coupon-search__form input,
.advanced-coupon-search__form select,
.store-directory-search,
.coupon-filter-input,
.newsletter-email,
.search-field {
	min-height: 48px;
	border-radius: 999px;
	border: 1px solid var(--dzh-line);
	background: #fff;
	padding: 0.78rem 1rem;
	color: var(--dzh-ink);
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

.advanced-coupon-search__form input:focus,
.advanced-coupon-search__form select:focus,
.store-directory-search:focus,
.coupon-filter-input:focus,
.newsletter-email:focus,
.hero-search-field:focus,
.search-field:focus {
	outline: none;
	border-color: rgba(37, 99, 235, 0.56);
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11);
}

/* Coupon cards */
.coupons-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 1rem;
}

.coupons-container--premium {
	gap: 1.2rem;
}

.coupon-card {
	background: #fff;
	border: 1px solid var(--dzh-line);
	border-radius: 24px;
	box-shadow: var(--dzh-shadow-sm);
	overflow: hidden;
}

.coupon-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--dzh-shadow-md);
	border-color: rgba(37, 99, 235, 0.24);
}

.coupon-card-inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	padding: 1rem;
}

.coupon-store-logo,
.store-card-logo,
.store-header-logo {
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid var(--dzh-line);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 8px 20px rgba(15, 23, 42, 0.05);
}

.coupon-store-logo {
	width: 72px;
	height: 72px;
	border-radius: 20px;
	margin: 0;
}

.logo-placeholder {
	color: var(--dzh-blue-dark);
	font-weight: 950;
}

.coupon-content {
	min-width: 0;
}

.coupon-badges-row {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	flex-wrap: wrap;
	margin-bottom: 0.7rem;
}

.coupon-discount-badge,
.coupon-type-badge,
.verified-mini-badge,
.verified-pill,
.coupon-success-rate,
.coupon-last-verified {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-size: 0.73rem;
	font-weight: 900;
	line-height: 1;
	padding: 0.38rem 0.62rem;
}

.coupon-discount-badge {
	background: var(--dzh-orange-soft);
	color: #9a3412;
	font-size: 0.8rem;
	margin: 0;
}

.coupon-type-badge {
	background: var(--dzh-surface-3);
	color: var(--dzh-blue-dark);
}

.verified-mini-badge,
.verified-pill {
	background: var(--dzh-green-soft);
	color: var(--dzh-green-dark);
}

.coupon-title {
	font-size: 1.02rem;
	font-weight: 950;
	line-height: 1.28;
	letter-spacing: 0;
	margin: 0 0 0.45rem;
}

.coupon-title a {
	color: var(--dzh-ink);
}

.coupon-title a:hover {
	color: var(--dzh-blue-dark);
}

.coupon-description {
	color: var(--dzh-muted);
	font-size: 0.92rem;
	line-height: 1.55;
	margin-bottom: 0.75rem;
}

.coupon-meta {
	gap: 0.45rem;
	margin-bottom: 0.75rem;
}

.coupon-expiry,
.coupon-success-rate,
.coupon-last-verified {
	background: #f8fafc;
	border: 1px solid var(--dzh-line);
	color: var(--dzh-muted);
}

.coupon-expiry.ending-soon,
.coupon-expiry.expired {
	background: #fef2f2;
	border-color: #fecaca;
	color: #b91c1c;
}

.coupon-terms {
	margin: 0.55rem 0;
	padding: 0.7rem 0.85rem;
	border-radius: 16px;
	background: #f8fafc;
	border: 1px solid var(--dzh-line);
}

.coupon-terms summary {
	font-weight: 900;
	font-size: 0.84rem;
	cursor: pointer;
	color: var(--dzh-ink-soft);
}

.coupon-terms p {
	margin: 0.5rem 0 0;
	font-size: 0.88rem;
	color: var(--dzh-muted);
}

.coupon-feedback {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	flex-wrap: wrap;
	margin-top: 0.65rem;
	font-size: 0.8rem;
	font-weight: 850;
	color: var(--dzh-muted);
}

.coupon-feedback button {
	min-height: 34px;
	border-radius: 999px;
	padding: 0.35rem 0.55rem;
	background: #fff;
	border: 1px solid var(--dzh-line);
}

.coupon-actions {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
	gap: 0.65rem;
	margin-top: 0.1rem;
}

.copy-coupon-btn,
.print-coupon-btn,
.visit-store-btn,
.save-coupon-btn {
	min-height: 48px;
	padding: 0.7rem 0.9rem;
	font-size: 0.88rem;
}

.copy-coupon-btn {
	position: relative;
	justify-content: space-between;
	padding-inline: 1rem 0.42rem;
}

.copy-coupon-btn .coupon-code-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 58px;
	height: 34px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.22);
	font-weight: 950;
	letter-spacing: 0.04em;
}

.copy-coupon-btn.copied {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.print-coupon-btn {
	background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
	color: #fff;
}

.save-coupon-btn {
	min-width: 92px;
}

.exclusive-badge {
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	z-index: 2;
	padding: 0.38rem 0.6rem;
	border-radius: 999px;
	background: #111827;
	color: #fff;
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0.06em;
}

.editor-pick-badge {
	background: var(--dzh-blue-dark);
}

.coupon-expired-overlay {
	background: rgba(15, 23, 42, 0.68);
}

.expired-label {
	border-radius: 999px;
	padding: 0.55rem 0.9rem;
	background: #fff;
	color: #b91c1c;
	font-weight: 950;
}

/* Store cards */
.stores-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
	gap: 1rem;
}

.stores-grid--premium,
.stores-grid--compact {
	gap: 1rem;
}

.store-card {
	background: #fff;
	border: 1px solid var(--dzh-line);
	border-radius: 22px;
	box-shadow: var(--dzh-shadow-sm);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.store-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--dzh-shadow-md);
	border-color: rgba(37, 99, 235, 0.24);
}

.store-card-inner {
	padding: 1rem;
	display: grid;
	justify-items: center;
	text-align: center;
	gap: 0.65rem;
}

.store-card-logo {
	width: 78px;
	height: 78px;
	border-radius: 22px;
	display: grid;
	place-items: center;
	padding: 0.65rem;
}

.store-title {
	font-size: 1rem;
	font-weight: 950;
	letter-spacing: 0;
}

.store-title a {
	color: var(--dzh-ink);
}

.store-meta {
	font-size: 0.84rem;
	font-weight: 850;
	color: var(--dzh-muted);
	background: #f8fafc;
	border: 1px solid var(--dzh-line);
	padding: 0.35rem 0.6rem;
	border-radius: 999px;
}

.store-actions {
	width: 100%;
}

.store-card-primary-btn {
	width: 100%;
	background: #fff;
	border: 1px solid var(--dzh-line);
	color: var(--dzh-ink);
	padding: 0.72rem 0.95rem;
}

/* Store page */
.store-page-container {
	padding-top: 1.25rem;
}

.breadcrumbs-wrapper {
	margin: 1rem 0;
	font-size: 0.84rem;
	font-weight: 800;
	color: var(--dzh-muted);
}

.breadcrumbs-wrapper a {
	color: var(--dzh-muted);
}

.affiliate-disclosure {
	margin-bottom: 1rem;
	padding: 0.85rem 1rem;
	border-radius: 18px;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	color: #9a3412;
	font-size: 0.9rem;
	font-weight: 750;
}

.layout-sidebar {
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 1.4rem;
	align-items: start;
}

.store-header {
	position: relative;
	padding: clamp(1.2rem, 3vw, 2rem);
	border-radius: 30px;
	background: var(--dzh-gradient);
	color: #fff;
	overflow: hidden;
	box-shadow: var(--dzh-shadow-md);
}

.store-header::before {
	content: '';
	position: absolute;
	width: 420px;
	height: 420px;
	right: -160px;
	top: -180px;
	border-radius: 999px;
	background: rgba(255,255,255,0.09);
}

.store-header-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.25rem;
	align-items: center;
}

.store-header-logo {
	width: 124px;
	height: 124px;
	border-radius: 28px;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.96);
}

.logo-placeholder--large {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	font-size: 2rem;
}

.store-title-row {
	display: flex;
	gap: 0.7rem;
	align-items: center;
	flex-wrap: wrap;
}

.store-header .store-title {
	font-size: 2rem;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.98;
	color: #fff;
}

.store-description {
	max-width: 740px;
	margin: 0.85rem 0 1.15rem;
	color: rgba(255, 255, 255, 0.78);
	font-size: 1.02rem;
	line-height: 1.68;
}

.store-header-actions {
	display: flex;
	gap: 0.7rem;
	align-items: center;
	flex-wrap: wrap;
}

.store-header-actions .btn,
.store-header-all-stores {
	min-height: 48px;
	padding-inline: 1.1rem;
}

.social-share {
	display: flex;
	gap: 0.5rem;
}

.social-btn {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
	font-weight: 950;
}

.coupon-store-utility-row,
.coupon-section-toolbar,
.coupon-filter-bar,
.tab-buttons {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	flex-wrap: wrap;
	margin: 1rem 0;
}

.coupon-store-utility-row {
	padding: 1rem;
	border-radius: 22px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.store-trust-panel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 0.8rem;
	margin: 1rem 0;
}

.trust-card,
.store-note-card,
.saving-guide-card,
.store-full-content,
.store-faq-section,
.sidebar-widget,
.related-stores-section,
.home-panel-section,
.process-card {
	background: #fff;
	border: 1px solid var(--dzh-line);
	border-radius: 24px;
	box-shadow: var(--dzh-shadow-sm);
}

.trust-card {
	padding: 1rem;
}

.trust-card__label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.78rem;
	font-weight: 850;
	color: var(--dzh-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.trust-card strong {
	font-size: 1.35rem;
	letter-spacing: 0;
	color: var(--dzh-ink);
}

.coupon-count-text {
	margin: 0;
	font-weight: 900;
	color: var(--dzh-ink-soft);
}

.view-toggle,
.tab-buttons {
	padding: 0.35rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.view-btn,
.tab-button,
.coupon-filter-chip,
.store-letter-chip {
	min-height: 38px;
	padding: 0.55rem 0.85rem;
	border-radius: 999px;
	font-weight: 900;
	font-size: 0.85rem;
	color: var(--dzh-muted);
}

.view-btn.active,
.tab-button.active,
.coupon-filter-chip.active,
.store-letter-chip.active {
	background: var(--dzh-ink);
	color: #fff;
}

.coupon-filter-bar {
	padding: 0.7rem;
	border-radius: 24px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.coupon-filter-search {
	flex: 1 1 240px;
}

.coupon-filter-input {
	width: 100%;
}

.store-notes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: 1rem;
	margin: 1.2rem 0;
}

.store-note-card,
.saving-guide-card,
.store-full-content,
.store-faq-section,
.related-stores-section,
.sidebar-widget,
.home-panel-section,
.process-card {
	padding: clamp(1rem, 2vw, 1.35rem);
}

.store-note-card h3,
.saving-guide-card h2,
.store-full-content h2,
.store-faq-section h2,
.sidebar-widget h3,
.process-card h3 {
	font-weight: 950;
	letter-spacing: 0;
	color: var(--dzh-ink);
}

.saving-steps {
	counter-reset: step;
	display: grid;
	gap: 0.8rem;
	margin-top: 1rem;
}

.saving-steps li {
	position: relative;
	padding: 0.85rem 0.85rem 0.85rem 3rem;
	border-radius: 18px;
	background: #f8fafc;
	border: 1px solid var(--dzh-line);
	font-weight: 750;
}

.saving-steps li::before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	left: 0.85rem;
	top: 0.72rem;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	background: var(--dzh-green);
	color: #fff;
	font-weight: 950;
}

.faq-items {
	display: grid;
	gap: 0.75rem;
	margin-top: 1rem;
}

.faq-item {
	border: 1px solid var(--dzh-line);
	border-radius: 18px;
	background: #fff;
	overflow: hidden;
}

.faq-question {
	width: 100%;
	padding: 1rem;
	text-align: left;
	font-weight: 950;
	color: var(--dzh-ink);
}

.faq-answer {
	padding: 0 1rem 1rem;
	color: var(--dzh-muted);
	line-height: 1.65;
}

.layout-sidebar-aside,
.sidebar {
	position: sticky;
	top: 96px;
}

.sidebar-widget ul,
.category-list {
	display: grid;
	gap: 0.55rem;
	margin-top: 0.8rem;
}

.sidebar-widget li a,
.category-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 0.85rem;
	border-radius: 16px;
	background: #f8fafc;
	border: 1px solid var(--dzh-line);
	color: var(--dzh-ink-soft);
	font-weight: 850;
}

/* Homepage panels */
.home-two-column--premium {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.2rem;
}

.home-panel-section .coupons-container {
	grid-template-columns: 1fr;
}

.category-strip,
.savings-process {
	padding: clamp(1rem, 2.6vw, 1.6rem);
	border-radius: 30px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.trending-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.trending-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0.55rem 0.85rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	color: var(--dzh-ink-soft);
	font-weight: 850;
}

.trending-tag:hover {
	background: var(--dzh-surface-3);
	color: var(--dzh-blue-dark);
}

.trending-tags--large .trending-tag {
	min-height: 46px;
	padding-inline: 1rem;
}

.savings-process__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.process-card {
	box-shadow: none;
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.process-card span {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 16px;
	background: var(--dzh-ink);
	color: #fff;
	font-weight: 950;
	margin-bottom: 1rem;
}

.process-card p {
	margin: 0.5rem 0 0;
	color: var(--dzh-muted);
	line-height: 1.6;
}

/* Newsletter */
.newsletter-section--premium,
.newsletter-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
	align-items: center;
	gap: 1.2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	border-radius: 30px;
	background: var(--dzh-gradient);
	color: #fff;
	box-shadow: var(--dzh-shadow-md);
}

.newsletter-title {
	font-size: 1.65rem;
	font-weight: 950;
	letter-spacing: 0;
	color: #fff;
}

.newsletter-description {
	margin: 0.5rem 0 0;
	color: rgba(255, 255, 255, 0.75);
}

.newsletter-form {
	display: flex;
	gap: 0.65rem;
	padding: 0.45rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.newsletter-email {
	flex: 1;
	border: none;
}

.newsletter-submit {
	padding-inline: 1.2rem;
}

.store-faq-section--premium {
	margin: clamp(2rem, 5vw, 4rem) 0;
}

.homepage-ad-slot {
	margin: 1.5rem 0;
	padding: 1rem;
	border-radius: 24px;
	background: #fff;
	border: 1px solid var(--dzh-line);
}

/* Archives / search */
.archive-header {
	position: relative;
	padding: clamp(1.5rem, 4vw, 2.4rem);
	border-radius: 30px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
	margin: 1rem 0 1.4rem;
	overflow: hidden;
}

.archive-header--stores {
	background: var(--dzh-gradient);
	color: #fff;
}

.archive-header--stores .archive-title {
	color: #fff;
}

.archive-description {
	max-width: 760px;
	color: var(--dzh-muted);
	line-height: 1.7;
	font-size: 1rem;
}

.archive-header--stores .archive-description {
	color: rgba(255, 255, 255, 0.75);
}

.archive-header .promo-banner {
	display: inline-flex;
	width: fit-content;
	border-radius: 999px;
	margin-bottom: 0.9rem;
	background: rgba(34, 197, 94, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.archive-header .hero-search-form {
	max-width: 680px;
	margin-top: 1.2rem;
}

.store-directory-controls {
	padding: 1rem;
	border-radius: 24px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
	margin: 1rem 0;
}

.store-directory-controls label,
.store-directory-controls .store-directory-search {
	width: 100%;
}

.store-directory-letters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: 0.8rem;
}

.store-category-chips {
	margin-top: 0.8rem;
}

.pagination {
	display: flex;
	justify-content: center;
	gap: 0.45rem;
	margin: 2rem 0;
}

.pagination a,
.pagination span {
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 0.75rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	font-weight: 900;
	color: var(--dzh-ink-soft);
}

.pagination .current {
	background: var(--dzh-ink);
	color: #fff;
}

.search-refine-card {
	max-width: 640px;
	margin: 0 auto 2rem;
	padding: 0.55rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.search-refine-form {
	max-width: none;
}

.search-input-wrapper {
	display: flex;
	gap: 0.6rem;
	width: 100%;
}

.no-results--premium {
	text-align: center;
	padding: clamp(2rem, 6vw, 5rem);
	border-radius: 28px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-sm);
}

.no-results--premium .error-code {
	font-size: 4rem;
	margin-bottom: 1rem;
	color: var(--dzh-blue-dark);
}

.no-results--premium .error-code svg {
	margin: 0 auto;
}

.no-results__title {
	font-size: 1.25rem;
	font-weight: 950;
	margin: 0 0 0.4rem;
}

.no-results__description {
	color: var(--dzh-muted);
	margin: 0 0 1.2rem;
}

/* Footer */
.site-footer--premium {
	margin-top: clamp(3rem, 7vw, 5rem);
	background: #0f172a;
	color: #cbd5e1;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer--premium .footer-content {
	padding-top: clamp(2rem, 5vw, 3rem);
	padding-bottom: 1rem;
}

.footer-brand-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1.5rem;
	align-items: center;
	padding: 1.2rem;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 1.6rem;
}

.footer-site-branding,
.site-footer .site-branding {
	color: #fff;
}

.footer-brand p {
	max-width: 620px;
	margin: 0.9rem 0 0;
	color: #94a3b8;
	line-height: 1.7;
}

.footer-cta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	font-weight: 900;
	color: #fff;
}

.footer-widgets {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin: 1rem 0 1.4rem;
}

.footer-widget-area {
	padding: 1rem;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
}

.footer-widget-area h2,
.footer-widget-area h3,
.footer-widget-area .widget-title {
	color: #fff;
	font-size: 1rem;
	font-weight: 950;
	letter-spacing: 0;
	margin-bottom: 0.75rem;
}

.footer-widget-area a,
.footer-navigation a {
	color: #cbd5e1;
}

.footer-widget-area a:hover,
.footer-navigation a:hover {
	color: #fff;
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 0.88rem;
}

.footer-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem 1rem;
}

/* Search autocomplete */
.store-search-results {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 0.5rem);
	z-index: 30;
	padding: 0.45rem;
	border-radius: 18px;
	background: #fff;
	border: 1px solid var(--dzh-line);
	box-shadow: var(--dzh-shadow-lg);
	color: var(--dzh-ink);
}

.store-search-results a,
.store-search-result {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.7rem;
	border-radius: 14px;
	color: var(--dzh-ink-soft);
	font-weight: 850;
}

.store-search-results a:hover,
.store-search-result:hover {
	background: #f8fafc;
	color: var(--dzh-blue-dark);
}

/* Accessibility */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

:focus-visible {
	outline: 3px solid rgba(37, 99, 235, 0.34);
	outline-offset: 3px;
}

@media (max-width: 1120px) {
	.site-navigation {
		display: none;
		position: absolute;
		left: 1rem;
		right: 1rem;
		top: calc(100% + 0.55rem);
		padding: 0.75rem;
		border-radius: 22px;
		background: #fff;
		border: 1px solid var(--dzh-line);
		box-shadow: var(--dzh-shadow-lg);
	}

	.site-navigation.active {
		display: block;
	}

	.site-navigation .nav-menu,
	.site-navigation ul {
		display: grid;
		gap: 0.25rem;
	}

	.site-navigation a {
		display: block;
	}

	.mobile-menu-toggle {
		display: grid;
		place-items: center;
	}

	.header-search-form {
		max-width: 260px;
	}

	.header-actions .header-action-link--ghost {
		display: none;
	}
}

@media (max-width: 960px) {
	.home-hero__grid,
	.layout-sidebar,
	.newsletter-section--premium,
	.newsletter-section,
	.footer-brand-panel {
		grid-template-columns: 1fr;
	}

	.layout-sidebar-aside,
	.sidebar {
		position: static;
	}

	.home-hero__panel {
		max-width: 520px;
	}

	.advanced-coupon-search__form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advanced-coupon-search__form button {
		grid-column: 1 / -1;
	}

	.home-two-column--premium,
	.savings-process__grid {
		grid-template-columns: 1fr;
	}

	.footer-widgets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.site-header-inner {
		min-height: 68px;
	}

	.site-branding-tagline,
	.header-actions {
		display: none;
	}

	.site-branding-logo {
		width: 40px;
		height: 40px;
	}

	.home-hero--redesign {
		border-radius: 0 0 28px 28px;
		padding-top: 2.4rem;
	}

	.home-hero__copy h1 {
		font-size: 2.35rem;
	}

	.home-hero__search-card .hero-search-form,
	.newsletter-form,
	.search-input-wrapper {
		flex-direction: column;
		border-radius: 22px;
	}

	.home-hero__search-card .hero-search-field,
	.home-hero__search-card .hero-search-submit,
	.newsletter-email,
	.newsletter-submit,
	.search-input-wrapper .hero-search-field,
	.search-input-wrapper .hero-search-submit {
		width: 100%;
	}

	.home-metrics__grid {
		grid-template-columns: 1fr;
	}

	.coupon-card-inner {
		grid-template-columns: 1fr;
	}

	.coupon-store-logo {
		width: 76px;
		height: 76px;
	}

	.coupon-actions {
		grid-template-columns: 1fr;
	}

	.store-header-inner {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.store-header-logo {
		width: 100px;
		height: 100px;
	}

	.coupon-section-toolbar {
		justify-content: space-between;
	}

	.advanced-coupon-search__form {
		grid-template-columns: 1fr;
	}

	.footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 520px) {
	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.hero-kicker,
	.section-eyebrow {
		font-size: 0.72rem;
	}

	.deal-finder-card__actions,
	.store-header-actions,
	.coupon-store-utility-row {
		flex-direction: column;
		align-items: stretch;
	}

	.deal-finder-card__actions .btn,
	.store-header-actions .btn,
	.store-header-all-stores,
	.coupon-store-utility-row .btn,
	.coupon-store-utility-row a {
		width: 100%;
	}

	.footer-widgets {
		grid-template-columns: 1fr;
	}

	.view-toggle {
		width: 100%;
		justify-content: center;
	}

	.tab-buttons {
		width: 100%;
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.tab-button {
		white-space: nowrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms;
		animation-iteration-count: 1;
		scroll-behavior: auto;
		transition-duration: 0.001ms;
	}

	[data-reveal] {
		opacity: 1;
		transform: none;
	}
}

/* ===== Dealzenohub 2.6.0: ClipMyDeals-inspired utility features ===== */
@layer components {
	.store-page-container[style*="--store-brand-color"] .store-header,
	.store-page-container[style*="--store-brand-color"] .verified-pill,
	.store-page-container[style*="--store-brand-color"] .btn--primary {
		--color-primary: var(--store-brand-color);
		--color-primary-dark: color-mix(in srgb, var(--store-brand-color) 78%, #000 22%);
	}

	.store-header--with-banner {
		position: relative;
		overflow: hidden;
		border-radius: var(--radius-2xl);
	}

	.store-header--with-banner .store-header-inner {
		position: relative;
		z-index: 1;
		isolation: isolate;
	}

	.store-page-banner {
		position: absolute;
		inset: 0;
		z-index: -1;
		border-radius: inherit;
		overflow: hidden;
		background: var(--color-secondary-dark);
	}

	.store-page-banner::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(15, 23, 42, .88), rgba(15, 23, 42, .58), rgba(15, 23, 42, .18));
	}

	.store-page-banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.store-header--with-banner .store-title,
	.store-header--with-banner .store-description,
	.store-header--with-banner .store-title-row {
		color: #fff;
	}

	.print-voucher-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: .5rem;
		font-size: var(--font-size-sm);
		font-weight: 800;
		color: var(--color-primary-dark);
	}

	.dzh-location-tags {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		margin: .75rem 0 1rem;
	}

	.dzh-location-tags a,
	.dzh-location-filter .trending-tag {
		background: var(--dzh-soft-surface, var(--color-neutral-50));
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-full);
		padding: .45rem .75rem;
		font-size: var(--font-size-sm);
		font-weight: 700;
	}

	.dzh-video-widget iframe,
	.dzh-video-widget video {
		width: 100%;
		aspect-ratio: 16 / 9;
		border-radius: var(--radius-lg);
		overflow: hidden;
	}

	.btn--full {
		width: 100%;
		justify-content: center;
	}

	.dzh-coupon-layout-shortcode .coupons-container.grid-view,
	.dzh-default-layout-grid .coupons-container.grid-view {
		grid-template-columns: repeat(var(--dzh-coupon-columns, 3), minmax(0, 1fr));
	}

	.dzh-coupon-layout-shortcode--compact .coupon-card-inner {
		padding: var(--space-4);
		gap: var(--space-4);
	}

	.dzh-coupon-layout-shortcode--compact .coupon-description,
	.dzh-coupon-layout-shortcode--compact .coupon-feedback {
		display: none;
	}

	.dzh-popular-stores .section-title:empty,
	.dzh-location-filter h2:empty {
		display: none;
	}

	.dzh-popular-stores .stores-grid {
		margin-top: var(--space-4);
	}

	.dealzenohub-meta-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}

@media (max-width: 900px) {
	@layer components {
		.dzh-coupon-layout-shortcode .coupons-container.grid-view,
		.dzh-default-layout-grid .coupons-container.grid-view {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
}

@media (max-width: 640px) {
	@layer components {
		.dzh-coupon-layout-shortcode .coupons-container.grid-view,
		.dzh-default-layout-grid .coupons-container.grid-view {
			grid-template-columns: 1fr;
		}

		.dealzenohub-meta-grid {
			grid-template-columns: 1fr;
		}
	}
}


/* ===== Dealzenohub 2.9.0: Coupon UI Color + Typography Audit Refinement ===== */
@layer base {
	:root {
		--color-success: #15803D;
		--color-success-soft: #DCFCE7;
		--color-success-text: #166534;
		--color-warning: #92400E;
		--color-warning-soft: #FEF3C7;
		--color-info-soft: #DBEAFE;
		--color-info-text: #1E40AF;
		--surface-white: #FFFFFF;
		--surface-soft: #F8FAFC;
		--border-subtle: #E2E8F0;
		--focus-ring: #93C5FD;
		--tap-target: 44px;
		--letter-spacing-tight: -0.025em;
	}

	body {
		background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 38%, #F8FAFC 100%);
		letter-spacing: 0;
	}

	h1, h2, h3, h4, h5, h6 {
		letter-spacing: var(--letter-spacing-tight);
		color: var(--color-neutral-900);
	}

	p, li {
		color: var(--color-neutral-700);
	}

	a {
		text-underline-offset: 3px;
	}

	button,
	input,
	select,
	textarea {
		font-family: var(--font-family-base);
	}
}

@layer components {
	.announcement-bar {
		background: var(--color-secondary-dark);
		color: #E2E8F0;
		border-bottom: 1px solid rgba(148, 163, 184, 0.22);
	}

	.announcement-bar__icon {
		background: var(--color-primary);
		color: #FFFFFF;
	}

	.site-header {
		background: color-mix(in srgb, var(--dealzenohub-header-bg, #FFFFFF) 94%, transparent);
		color: var(--dealzenohub-header-text, var(--color-neutral-900));
		border-bottom: 1px solid var(--border-subtle);
		box-shadow: 0 10px 30px -28px rgba(15, 23, 42, 0.55);
		backdrop-filter: blur(14px);
	}

	.site-branding-logo,
	.logo-placeholder,
	.store-search-fallback {
		background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
		color: #FFFFFF;
		font-weight: 800;
	}

	.site-branding-name,
	.store-title,
	.coupon-title,
	.section-title,
	.archive-title,
	.newsletter-title,
	.widget-title {
		font-weight: 800;
	}

	.site-branding-tagline,
	.archive-description,
	.coupon-description,
	.store-meta,
	.coupon-meta,
	.newsletter-description {
		color: var(--color-neutral-600);
	}

	.header-action-link,
	.hero-search-submit,
	.btn,
	.copy-coupon-btn,
	.visit-store-btn,
	.newsletter-submit,
	.store-card-primary-btn,
	.print-coupon-btn,
	.print-voucher-link,
	.save-coupon-btn {
		min-height: var(--tap-target);
		border-radius: 999px;
		font-weight: 750;
		letter-spacing: 0;
	}

	.header-action-link--primary,
	.hero-search-submit,
	.btn--primary,
	.copy-coupon-btn,
	.newsletter-submit {
		background: var(--color-primary);
		color: #FFFFFF;
		box-shadow: 0 12px 24px -16px color-mix(in srgb, var(--color-primary) 75%, #000000 25%);
	}

	.header-action-link--primary:hover,
	.hero-search-submit:hover,
	.btn--primary:hover,
	.copy-coupon-btn:hover,
	.newsletter-submit:hover {
		background: var(--color-primary-dark);
		color: #FFFFFF;
		transform: translateY(-1px);
	}

	.header-action-link--ghost,
	.btn--secondary,
	.store-card-primary-btn,
	.save-coupon-btn,
	.print-voucher-link {
		background: #FFFFFF;
		color: var(--color-neutral-900);
		border: 1px solid var(--border-subtle);
		box-shadow: var(--shadow-sm);
	}

	.header-action-link--ghost:hover,
	.btn--secondary:hover,
	.store-card-primary-btn:hover,
	.save-coupon-btn:hover,
	.print-voucher-link:hover {
		border-color: var(--color-primary);
		color: var(--color-primary-dark);
		background: var(--color-primary-light);
	}

	.home-hero,
	.home-hero--redesign,
	.archive-header,
	.store-header {
		background:
			radial-gradient(circle at top left, rgba(37, 99, 235, 0.24), transparent 34%),
			linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-secondary) 62%, #1E40AF 100%);
		color: #FFFFFF;
	}

	.home-hero h1,
	.home-hero .home-hero__description,
	.store-header h1,
	.store-header p,
	.archive-header h1,
	.archive-header p {
		color: #FFFFFF;
	}

	.hero-kicker,
	.section-eyebrow,
	.promo-banner {
		background: var(--color-primary-light);
		color: var(--color-info-text);
		border-color: rgba(37, 99, 235, 0.18);
		font-weight: 800;
	}

	.hero-kicker__dot {
		background: var(--color-success);
	}

	.hero-search-form,
	.search-refine-card,
	.home-hero__search-card {
		background: #FFFFFF;
		border: 1px solid var(--border-subtle);
		box-shadow: var(--shadow-lg);
	}

	.hero-search-field,
	.store-directory-search,
	.newsletter-email,
	.coupon-filter-input {
		min-height: var(--tap-target);
		color: var(--color-neutral-900);
		background: #FFFFFF;
		border-color: var(--border-subtle);
		font-size: 1rem;
	}

	.hero-search-field::placeholder,
	.store-directory-search::placeholder,
	.newsletter-email::placeholder,
	.coupon-filter-input::placeholder {
		color: var(--color-neutral-500);
	}

	.coupon-card,
	.store-card,
	.metric-card,
	.process-card,
	.sidebar-widget,
	.deal-finder-card,
	.home-panel-section,
	.store-info-card {
		background: #FFFFFF;
		border: 1px solid var(--border-subtle);
		box-shadow: var(--shadow-md);
	}

	.coupon-card:hover,
	.store-card:hover,
	.process-card:hover,
	.metric-card:hover {
		border-color: color-mix(in srgb, var(--color-primary) 38%, #E2E8F0 62%);
		box-shadow: var(--shadow-lg);
		transform: translateY(-2px);
	}

	.coupon-discount-badge,
	.verified-mini-badge,
	.verified-pill {
		background: var(--color-success-soft);
		color: var(--color-success-text);
		border-color: rgba(21, 128, 61, 0.18);
	}

	.coupon-type-badge,
	.trending-tag,
	.store-letter-chip {
		background: var(--color-info-soft);
		color: var(--color-info-text);
		border-color: rgba(37, 99, 235, 0.18);
	}

	.store-letter-chip.active,
	.coupon-filter-chip.active,
	.tab-button.active,
	.trending-tag:hover {
		background: var(--color-primary);
		color: #FFFFFF;
		border-color: var(--color-primary);
	}

	.coupon-expiry.ending-soon,
	.coupon-type-badge--free_shipping,
	.coupon-type-badge--printable,
	.coupon-type-badge--in_store {
		background: var(--color-warning-soft);
		color: var(--color-warning);
		border-color: rgba(146, 64, 14, 0.18);
	}

	.coupon-expiry.expired,
	.expired-label,
	.exclusive-badge {
		background: var(--color-accent-red);
		color: #FFFFFF;
	}

	.visit-store-btn {
		background: var(--color-success);
		color: #FFFFFF;
		box-shadow: 0 12px 24px -16px rgba(21, 128, 61, 0.82);
	}

	.visit-store-btn:hover {
		background: #166534;
		color: #FFFFFF;
		transform: translateY(-1px);
	}

	.copy-coupon-btn .coupon-code-preview {
		background: #FFFFFF;
		color: var(--color-info-text);
		border: 1px dashed rgba(30, 64, 175, 0.35);
		font-weight: 800;
	}

	.copy-coupon-btn.copied {
		background: var(--color-success);
	}

	.coupon-feedback {
		background: var(--surface-soft);
		border: 1px solid var(--border-subtle);
		border-radius: var(--radius-lg);
	}

	.coupon-feedback button {
		min-height: 36px;
		background: #FFFFFF;
		border: 1px solid var(--border-subtle);
		border-radius: 999px;
		color: var(--color-neutral-800);
	}

	.coupon-feedback button:hover {
		border-color: var(--color-primary);
		color: var(--color-primary-dark);
	}

	.site-footer {
		background: var(--dealzenohub-footer-bg, var(--color-secondary-dark));
		color: var(--dealzenohub-footer-text, #FFFFFF);
	}

	.site-footer a,
	.site-footer p,
	.site-footer li,
	.site-footer .widget-title {
		color: var(--dealzenohub-footer-text, #FFFFFF);
	}

	.back-to-top {
		background: var(--color-secondary);
		color: #FFFFFF;
		border: 1px solid rgba(255, 255, 255, 0.18);
		box-shadow: var(--shadow-lg);
	}

	*:focus-visible {
		outline: 3px solid var(--focus-ring);
		outline-offset: 3px;
	}
}

@media (max-width: 768px) {
	@layer base {
		body {
			font-size: 16px;
		}
	}

	@layer components {
		.header-action-link,
		.hero-search-submit,
		.btn,
		.copy-coupon-btn,
		.visit-store-btn,
		.newsletter-submit,
		.store-card-primary-btn,
		.print-coupon-btn,
		.print-voucher-link,
		.save-coupon-btn {
			min-height: 46px;
		}

		.coupon-card-inner,
		.store-card-inner {
			border-radius: var(--radius-xl);
		}
	}
}

/* ===== Dynamic Enhancement Layer v3.0 ===== */
.quality-mini-badge {
	background: color-mix(in srgb, var(--dealzenohub-primary, #2563eb) 12%, white);
	color: var(--dealzenohub-primary, #2563eb);
	border: 1px solid color-mix(in srgb, var(--dealzenohub-primary, #2563eb) 24%, white);
}

.live-coupon-finder {
	margin: var(--space-8, 2rem) 0;
	padding: var(--space-6, 1.5rem);
	background: #fff;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: var(--radius-xl, 1rem);
	box-shadow: var(--shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
}

.live-coupon-finder__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-4, 1rem);
	margin-bottom: var(--space-5, 1.25rem);
}

.live-coupon-finder__head h2 {
	margin: 0;
	font-size: 1.35rem;
	line-height: 1.15;
}

.live-coupon-finder__head p {
	max-width: 620px;
	margin: var(--space-2, .5rem) 0 0;
	color: var(--color-neutral-600, #475569);
}

.live-coupon-finder__controls {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(150px, 190px) minmax(150px, 190px);
	gap: var(--space-3, .75rem);
	margin-bottom: var(--space-4, 1rem);
}

.live-coupon-finder__controls input,
.live-coupon-finder__controls select {
	width: 100%;
	min-height: 46px;
	padding: 0 var(--space-4, 1rem);
	border: 1px solid var(--color-neutral-300, #cbd5e1);
	border-radius: var(--radius-lg, .75rem);
	background: #fff;
	color: var(--color-neutral-900, #0f172a);
}

.live-coupon-finder__controls input:focus,
.live-coupon-finder__controls select:focus {
	outline: none;
	border-color: var(--dealzenohub-primary, #2563eb);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--dealzenohub-primary, #2563eb) 16%, transparent);
}

.live-coupon-finder__status {
	min-height: 1.4rem;
	margin-bottom: var(--space-4, 1rem);
	font-size: var(--font-size-sm, .875rem);
	color: var(--color-neutral-600, #475569);
}

.live-coupon-finder.is-loading .live-coupon-finder__results {
	opacity: .55;
	pointer-events: none;
}

@media (max-width: 760px) {
	.live-coupon-finder__head {
		display: block;
	}

	.live-coupon-finder__controls {
		grid-template-columns: 1fr;
	}
}

/* ========================================================================== */
/* Dealzenohub v3.1.0 - Competitive Coupon UX Upgrade                         */
/* Trust-first modules inspired by modern coupon discovery platforms.           */
/* ========================================================================== */

@layer components {
	.dzh-competitive-ui {
		--competitive-ink: #0b1220;
		--competitive-muted: #64748b;
		--competitive-line: rgba(148, 163, 184, 0.24);
		--competitive-panel: rgba(255, 255, 255, 0.92);
		--competitive-glass: rgba(255, 255, 255, 0.76);
	}

	.dzh-competitive-ui .site-header {
		position: sticky;
		top: 0;
		z-index: 50;
		backdrop-filter: saturate(180%) blur(18px);
		background: rgba(255, 255, 255, 0.86);
		border-bottom: 1px solid rgba(226, 232, 240, 0.8);
	}

	.dzh-competitive-ui .home-hero--redesign {
		background:
			radial-gradient(circle at 18% 16%, rgba(37, 99, 235, 0.26), transparent 28rem),
			radial-gradient(circle at 86% 12%, rgba(245, 158, 11, 0.20), transparent 24rem),
			linear-gradient(135deg, #08111f 0%, #101827 46%, #172554 100%);
		padding-bottom: clamp(4.25rem, 8vw, 7rem);
	}

	.dzh-competitive-ui .home-hero__copy h1 {
		letter-spacing: 0;
		max-width: 13ch;
	}

	.dzh-competitive-ui .home-hero__description {
		max-width: 62ch;
		font-size: 1rem;
		color: rgba(226, 232, 240, 0.9);
	}

	.dzh-competitive-ui .home-hero__search-card {
		box-shadow: 0 28px 70px -36px rgba(15, 23, 42, 0.72);
		border: 1px solid rgba(255, 255, 255, 0.22);
	}

	.competitive-dashboard {
		position: relative;
		margin-top: clamp(-3.25rem, -5vw, -2rem);
		margin-bottom: clamp(2rem, 5vw, 4rem);
		z-index: 3;
	}

	.competitive-dashboard__grid {
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(260px, 0.8fr);
		gap: clamp(1rem, 2vw, 1.4rem);
		align-items: stretch;
	}

	.competitive-dashboard__intro,
	.competitive-dashboard__offers,
	.competitive-dashboard__trust,
	.store-intelligence-card,
	.competitive-sidebar-widget,
	.coupon-confidence-row {
		background: var(--competitive-panel);
		border: 1px solid var(--competitive-line);
		box-shadow: 0 24px 60px -34px rgba(15, 23, 42, 0.48);
		backdrop-filter: blur(14px);
	}

	.competitive-dashboard__intro,
	.competitive-dashboard__offers,
	.competitive-dashboard__trust {
		border-radius: 28px;
		padding: clamp(1.1rem, 2vw, 1.5rem);
	}

	.competitive-dashboard__intro h2 {
		margin: 0.35rem 0 0.7rem;
		font-size: 1.55rem;
		line-height: 1.02;
		letter-spacing: 0;
		color: var(--competitive-ink);
	}

	.competitive-dashboard__intro p {
		color: var(--competitive-muted);
		line-height: 1.75;
	}

	.competitive-dashboard__stats {
		display: grid;
		gap: 0.72rem;
		margin-top: 1.25rem;
	}

	.competitive-dashboard__stats span {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.78rem 0.9rem;
		border-radius: 16px;
		background: rgba(248, 250, 252, 0.92);
		color: var(--competitive-muted);
		font-size: 0.92rem;
	}

	.competitive-dashboard__stats strong {
		color: var(--color-primary-dark);
		font-size: 1.05rem;
	}

	.dashboard-panel-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		margin-bottom: 0.95rem;
		color: var(--competitive-ink);
	}

	.dashboard-panel-head a {
		font-size: 0.86rem;
		font-weight: 800;
		color: var(--color-primary-dark);
	}

	.savings-row {
		display: grid;
		grid-template-columns: minmax(86px, 0.36fr) minmax(0, 1fr) auto;
		gap: 0.85rem;
		align-items: center;
		padding: 0.85rem;
		border-radius: 20px;
		background: #fff;
		border: 1px solid rgba(226, 232, 240, 0.92);
		transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
	}

	.savings-row + .savings-row {
		margin-top: 0.7rem;
	}

	.savings-row:hover {
		transform: translateY(-2px);
		border-color: rgba(37, 99, 235, 0.26);
		box-shadow: 0 18px 38px -28px rgba(15, 23, 42, 0.55);
	}

	.savings-row__value {
		min-height: 62px;
		display: grid;
		place-items: center;
		text-align: center;
		padding: 0.58rem;
		border-radius: 16px;
		background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(245, 158, 11, 0.14));
		color: var(--competitive-muted);
		font-size: 0.75rem;
	}

	.savings-row__value strong {
		font-size: 1rem;
		line-height: 1.1;
		color: var(--competitive-ink);
	}

	.savings-row__body h3 {
		margin: 0 0 0.3rem;
		font-size: 0.98rem;
		line-height: 1.35;
		color: var(--competitive-ink);
	}

	.savings-row__body h3 a:hover {
		color: var(--color-primary-dark);
	}

	.savings-row__meta {
		display: flex;
		flex-wrap: wrap;
		gap: 0.4rem;
	}

	.savings-row__meta span {
		padding: 0.25rem 0.48rem;
		border-radius: 999px;
		background: #f1f5f9;
		color: #475569;
		font-size: 0.74rem;
		font-weight: 750;
	}

	.savings-row__action {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 0.65rem 0.95rem;
		border-radius: 999px;
		background: var(--color-primary);
		color: #fff;
		font-weight: 850;
		font-size: 0.86rem;
		box-shadow: 0 14px 24px -18px rgba(37, 99, 235, 0.76);
	}

	.competitive-dashboard__trust {
		display: grid;
		gap: 0.72rem;
	}

	.trust-proof-card {
		padding: 1rem;
		border-radius: 20px;
		background: #fff;
		border: 1px solid rgba(226, 232, 240, 0.92);
	}

	.trust-proof-card span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2rem;
		height: 2rem;
		border-radius: 999px;
		background: #eff6ff;
		color: var(--color-primary-dark);
		font-size: 0.78rem;
		font-weight: 900;
		margin-bottom: 0.55rem;
	}

	.trust-proof-card strong {
		display: block;
		color: var(--competitive-ink);
		font-size: 0.96rem;
		margin-bottom: 0.25rem;
	}

	.trust-proof-card p {
		font-size: 0.84rem;
		line-height: 1.55;
		color: var(--competitive-muted);
	}

	.store-intelligence-card {
		display: grid;
		grid-template-columns: minmax(180px, 0.75fr) minmax(0, 1.35fr) minmax(220px, 0.95fr) auto;
		gap: 1rem;
		align-items: center;
		padding: clamp(1rem, 2vw, 1.35rem);
		margin: 1.2rem 0 1.35rem;
		border-radius: 28px;
	}

	.store-intelligence-card__score {
		display: grid;
		gap: 0.45rem;
		padding: 1rem;
		border-radius: 22px;
		background: linear-gradient(135deg, #eff6ff, #fff7ed);
	}

	.store-intelligence-card__score span,
	.competitive-sidebar-widget__head span {
		color: var(--competitive-muted);
		font-size: 0.78rem;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}

	.store-intelligence-card__score strong {
		font-size: 2rem;
		line-height: 1;
		letter-spacing: 0;
		color: var(--competitive-ink);
	}

	.confidence-meter,
	.coupon-confidence-row__meter i {
		overflow: hidden;
		height: 9px;
		border-radius: 999px;
		background: rgba(148, 163, 184, 0.28);
	}

	.confidence-meter i,
	.coupon-confidence-row__meter b {
		display: block;
		height: 100%;
		border-radius: inherit;
		background: linear-gradient(90deg, var(--color-primary), var(--color-accent-gold));
	}

	.store-intelligence-card__best h2 {
		margin: 0.25rem 0 0.45rem;
		font-size: 1.15rem;
		line-height: 1.2;
		letter-spacing: 0;
		color: var(--competitive-ink);
	}

	.store-intelligence-card__best p {
		color: var(--competitive-muted);
		line-height: 1.65;
		font-size: 0.93rem;
	}

	.store-intelligence-card__facts {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.65rem;
	}

	.store-intelligence-card__facts span {
		display: grid;
		gap: 0.15rem;
		padding: 0.72rem 0.8rem;
		border-radius: 16px;
		background: #f8fafc;
		color: var(--competitive-muted);
		font-size: 0.78rem;
		font-weight: 700;
	}

	.store-intelligence-card__facts strong {
		color: var(--competitive-ink);
		font-size: 1.03rem;
	}

	.store-intelligence-card__cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		white-space: nowrap;
		padding: 0.85rem 1.15rem;
		border-radius: 999px;
		background: var(--color-secondary);
		color: #fff;
		font-weight: 900;
		box-shadow: 0 18px 32px -22px rgba(2, 6, 23, 0.72);
	}

	.coupon-confidence-row {
		display: grid;
		grid-template-columns: minmax(150px, 0.65fr) minmax(0, 1fr);
		gap: 0.8rem;
		align-items: center;
		margin: 0.85rem 0;
		padding: 0.75rem;
		border-radius: 18px;
		box-shadow: none;
		background: rgba(248, 250, 252, 0.9);
	}

	.coupon-confidence-row__meter {
		display: grid;
		gap: 0.25rem;
	}

	.coupon-confidence-row__meter span {
		font-size: 0.73rem;
		font-weight: 850;
		color: var(--competitive-muted);
		text-transform: uppercase;
		letter-spacing: 0.07em;
	}

	.coupon-confidence-row__meter strong {
		color: var(--competitive-ink);
	}

	.coupon-confidence-row__signals {
		display: flex;
		flex-wrap: wrap;
		gap: 0.4rem;
		justify-content: flex-end;
	}

	.coupon-confidence-row__signals span {
		padding: 0.32rem 0.52rem;
		border-radius: 999px;
		background: #fff;
		border: 1px solid rgba(226, 232, 240, 0.92);
		color: #475569;
		font-size: 0.74rem;
		font-weight: 750;
	}

	.dzh-competitive-ui .coupon-card {
		border-color: rgba(226, 232, 240, 0.92);
	}

	.dzh-competitive-ui .coupon-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 26px 64px -42px rgba(15, 23, 42, 0.62);
	}

	.dzh-competitive-ui .coupon-title a {
		text-decoration-thickness: 2px;
		text-underline-offset: 0.18em;
	}

	.dzh-competitive-ui .coupon-discount-badge {
		box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
	}

	.dzh-competitive-ui .copy-coupon-btn,
	.dzh-competitive-ui .visit-store-btn {
		min-height: 48px;
		font-weight: 900;
	}

	.competitive-sidebar-widget {
		position: sticky;
		top: 96px;
		padding: 1rem;
		border-radius: 24px;
		margin-bottom: 1rem;
	}

	.competitive-sidebar-widget__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding-bottom: 0.85rem;
		border-bottom: 1px solid rgba(226, 232, 240, 0.92);
		margin-bottom: 0.85rem;
	}

	.competitive-sidebar-widget__head strong {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 999px;
		background: #eff6ff;
		color: var(--color-primary-dark);
		font-size: 1rem;
		font-weight: 950;
	}

	.competitive-sidebar-list {
		display: grid;
		gap: 0.52rem;
	}

	.competitive-sidebar-list li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.6rem 0;
		border-bottom: 1px dashed rgba(203, 213, 225, 0.9);
	}

	.competitive-sidebar-list li:last-child {
		border-bottom: 0;
	}

	.competitive-sidebar-list span {
		font-size: 0.86rem;
		color: var(--competitive-muted);
	}

	.competitive-sidebar-list strong {
		font-size: 0.88rem;
		color: var(--competitive-ink);
	}

	.competitive-sidebar-best {
		margin-top: 0.9rem;
		padding-top: 0.9rem;
		border-top: 1px solid rgba(226, 232, 240, 0.92);
	}

	.competitive-sidebar-best > span {
		display: block;
		margin-bottom: 0.6rem;
		font-size: 0.76rem;
		font-weight: 850;
		text-transform: uppercase;
		letter-spacing: 0.08em;
		color: var(--competitive-muted);
	}

	.savings-row--sidebar {
		grid-template-columns: 1fr;
		padding: 0.75rem;
	}

	.savings-row--sidebar .savings-row__value,
	.savings-row--sidebar .savings-row__meta {
		display: none;
	}

	.savings-row--sidebar .savings-row__action {
		width: 100%;
	}

	.dzh-competitive-ui .store-card-inner {
		transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
	}

	.dzh-competitive-ui .store-card:hover .store-card-inner {
		transform: translateY(-4px);
		border-color: rgba(37, 99, 235, 0.26);
	}
}

@layer utilities {
	@media (max-width: 1100px) {
		.competitive-dashboard__grid,
		.store-intelligence-card {
			grid-template-columns: 1fr 1fr;
		}

		.competitive-dashboard__offers,
		.store-intelligence-card__best {
			grid-column: span 2;
		}
	}

	@media (max-width: 760px) {
		.competitive-dashboard {
			margin-top: -2rem;
		}

		.competitive-dashboard__grid,
		.store-intelligence-card,
		.coupon-confidence-row {
			grid-template-columns: 1fr;
		}

		.competitive-dashboard__offers,
		.store-intelligence-card__best {
			grid-column: auto;
		}

		.savings-row {
			grid-template-columns: 1fr;
		}

		.savings-row__value {
			place-items: start;
			text-align: start;
		}

		.savings-row__action,
		.store-intelligence-card__cta {
			width: 100%;
		}

		.coupon-confidence-row__signals {
			justify-content: flex-start;
		}

		.competitive-sidebar-widget {
			position: static;
		}
	}
}

/* ==========================================================
   Dealzenohub v3.3.0 — Couponis-style pages + flat UI pass
   Purpose: remove visible gradients and make homepage/blog pages calmer.
   ========================================================== */
:root {
	--dzh-gradient: #101827;
	--dzh-gradient-green: #16a34a;
	--dzh-gradient-blue: #f8fafc;
}

html,
body,
.site,
.site-design-v23 {
	background: #f8fafc;
}

body {
	letter-spacing: 0;
}

.promo-banner,
.announcement-bar,
.btn--primary,
.hero-search-submit,
.newsletter-submit,
.copy-coupon-btn,
.header-action-link--primary,
.btn--more-sites,
.copy-coupon-btn.copied,
.print-coupon-btn,
.confidence-meter i,
.coupon-confidence-row__meter b {
	background: #16a34a;
	color: #ffffff;
}

.btn--primary:hover,
.hero-search-submit:hover,
.newsletter-submit:hover,
.copy-coupon-btn:hover,
.header-action-link--primary:hover,
.btn--more-sites:hover,
.print-coupon-btn:hover {
	background: #15803d;
}

.home-hero,
.home-hero--redesign,
.couponis-home .home-hero--redesign,
.dzh-competitive-ui .home-hero--redesign {
	background: #ffffff;
	color: #101827;
	border: 1px solid #e2e8f0;
	border-radius: 34px;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
	margin: 1.25rem auto 2rem;
	padding: clamp(2rem, 6vw, 4.4rem) 0;
}

.home-hero--redesign::before,
.home-hero--redesign::after,
.store-header::before,
.store-header::after {
	display: none;
}

.home-hero h1,
.home-hero--redesign h1,
.home-hero .home-hero__description,
.home-hero--redesign .home-hero__description,
.home-hero .hero-trust-list,
.home-hero--redesign .hero-trust-list,
.dzh-competitive-ui .home-hero__description {
	color: #101827;
}

.home-hero .hero-trust-list span,
.home-hero--redesign .hero-trust-list span {
	color: #475569;
}

.hero-kicker,
.section-eyebrow,
.promo-banner {
	background: #dcfce7;
	color: #166534;
}

.home-hero__search-card,
.deal-finder-card,
.home-panel-section,
.metric-card,
.coupon-card,
.store-card,
.post-card,
.sidebar-widget,
.trust-proof-card,
.blog-sidebar-card,
.blog-featured-card,
.coupon-category-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}

.deal-finder-card__saving,
.process-card,
.savings-row__value,
.store-intelligence-card__score,
.coupon-store-logo,
.store-card-logo,
.store-header-logo,
.site-branding-logo,
.logo-placeholder,
.store-search-fallback {
	background: #f8fafc;
	border-color: #e2e8f0;
}

.site-branding-logo,
.logo-placeholder,
.store-search-fallback {
	color: #166534;
}

.newsletter-section,
.newsletter-section--premium,
.store-header,
.archive-header--stores,
.competitive-dashboard,
.store-intelligence-card,
.competitive-sidebar-widget__head {
	background: #101827;
	color: #ffffff;
}

.newsletter-section *,
.newsletter-section--premium *,
.store-header *,
.archive-header--stores *,
.competitive-dashboard *,
.store-intelligence-card > *:not(.store-intelligence-card__score),
.competitive-sidebar-widget__head * {
	color: inherit;
}

.store-page-banner::after {
	background: rgba(15, 23, 42, 0.68);
}

.archive-header,
.couponis-page-hero {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 30px;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}

.couponis-home .home-metrics {
	margin-top: 0;
}

.couponis-home .homepage-section {
	margin-block: clamp(2rem, 5vw, 4rem);
}

/* Blog and directory templates */
.blog-shell,
.couponis-directory-shell {
	padding-block: 1.25rem 4rem;
}

.couponis-page-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
	align-items: center;
	gap: clamp(1rem, 3vw, 2rem);
	padding: clamp(1.5rem, 4vw, 3rem);
	margin: 0 0 1.5rem;
}

.couponis-page-hero h1 {
	margin: 0.45rem 0 0.75rem;
	font-size: 2rem;
	line-height: 1.02;
	letter-spacing: 0;
	color: #101827;
}

.couponis-page-hero p {
	max-width: 68ch;
	margin: 0;
	color: #475569;
	font-size: 1rem;
	line-height: 1.75;
}

.couponis-page-hero__search,
.couponis-page-hero .dealzenohub-store-search,
.couponis-page-hero .store-search-form {
	display: flex;
	gap: 0.65rem;
	align-items: center;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 0.65rem;
}

.couponis-page-hero__search input,
.couponis-page-hero .store-search-field,
.couponis-page-hero input[type="search"] {
	min-height: 48px;
	border: 0;
	background: transparent;
	box-shadow: none;
	flex: 1;
}

.couponis-page-hero__search button,
.couponis-page-hero .store-search-submit {
	min-height: 48px;
	border: 0;
	border-radius: 14px;
	padding: 0 1.1rem;
	background: #16a34a;
	color: #ffffff;
	font-weight: 800;
	cursor: pointer;
}

.blog-category-strip {
	display: flex;
	gap: 0.65rem;
	align-items: center;
	overflow-x: auto;
	padding: 0.25rem 0 1.25rem;
	margin-bottom: 0.75rem;
}

.blog-category-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	min-height: 40px;
	padding: 0.55rem 0.9rem;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #ffffff;
	color: #334155;
	font-weight: 800;
	font-size: 0.88rem;
	text-decoration: none;
}

.blog-category-chip:hover,
.blog-category-chip.is-active {
	background: #dcfce7;
	border-color: #86efac;
	color: #166534;
}

.blog-featured-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.95fr);
	gap: clamp(1rem, 3vw, 2rem);
	align-items: center;
	border-radius: 30px;
	padding: clamp(1rem, 3vw, 1.5rem);
	margin: 0 0 2rem;
	overflow: hidden;
}

.blog-featured-card__media img,
.blog-featured-card__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 24px;
	background: #f1f5f9;
	color: #166534;
	font-weight: 900;
}

.blog-featured-card__content h2 {
	margin: 0.35rem 0 0.65rem;
	font-size: 1.55rem;
	line-height: 1.1;
	letter-spacing: 0;
}

.blog-featured-card__content h2 a {
	color: #101827;
	text-decoration: none;
}

.blog-featured-card__content p {
	color: #475569;
	line-height: 1.72;
	margin-bottom: 1rem;
}

.blog-featured-card__meta {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	margin-bottom: 1rem;
	color: #64748b;
	font-weight: 700;
}

.blog-layout {
	align-items: start;
}

.blog-index-heading {
	margin-bottom: 1rem;
}

.posts-grid--blog,
.posts-grid--home {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

.post-card {
	border-radius: 24px;
	overflow: hidden;
}

.post-card-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.post-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.post-content {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	flex: 1;
}

.post-title {
	font-size: 1.08rem;
	line-height: 1.35;
	margin: 0;
}

.post-title a {
	color: #101827;
	text-decoration: none;
}

.post-excerpt {
	color: #475569;
	line-height: 1.62;
	margin: 0;
}

.read-more-link {
	margin-top: auto;
	font-weight: 850;
	color: #166534;
	text-decoration: none;
}

.blog-sidebar {
	position: sticky;
	top: 6rem;
}

.blog-sidebar-card {
	border-radius: 24px;
	padding: 1.15rem;
	margin-bottom: 1rem;
}

.blog-sidebar-list {
	display: grid;
	gap: 0.8rem;
}

.blog-sidebar-list a {
	display: grid;
	gap: 0.22rem;
	color: #101827;
	font-weight: 800;
	text-decoration: none;
}

.blog-sidebar-list span {
	color: #64748b;
	font-size: 0.82rem;
	font-weight: 600;
}

.blog-sidebar-card--cta {
	background: #101827;
	color: #ffffff;
}

.blog-sidebar-card--cta p {
	color: rgba(255, 255, 255, 0.78);
}

.blog-empty-state {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	padding: 2rem;
	text-align: center;
}

.stores-grid--directory {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.coupon-category-directory {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.coupon-category-card {
	display: grid;
	gap: 0.45rem;
	padding: 1.2rem;
	border-radius: 22px;
	text-decoration: none;
	color: #101827;
}

.coupon-category-card span {
	font-weight: 900;
	font-size: 1rem;
}

.coupon-category-card strong {
	font-size: 1.55rem;
	line-height: 1;
	color: #166534;
}

.coupon-category-card small {
	color: #64748b;
	font-weight: 750;
}

@media (max-width: 1024px) {
	.couponis-page-hero,
	.blog-featured-card {
		grid-template-columns: 1fr;
	}

	.posts-grid--blog,
	.posts-grid--home,
	.stores-grid--directory,
	.coupon-category-directory {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blog-sidebar {
		position: static;
	}
}

@media (max-width: 640px) {
	.home-hero,
	.home-hero--redesign,
	.couponis-home .home-hero--redesign {
		border-radius: 24px;
		padding: 1.4rem 0;
	}

	.couponis-page-hero__search,
	.couponis-page-hero .dealzenohub-store-search,
	.couponis-page-hero .store-search-form {
		flex-direction: column;
		align-items: stretch;
	}

	.posts-grid--blog,
	.posts-grid--home,
	.stores-grid--directory,
	.coupon-category-directory {
		grid-template-columns: 1fr;
	}
}

/* Absolute no-gradient safeguard: gradients are CSS background images. */
/* --------------------------------------------------------------------------
   Dedicated Submit Coupon page (v3.5.0)
   -------------------------------------------------------------------------- */
.submit-coupon-page {
	background: var(--color-neutral-50, #f8fafc);
}

.submit-coupon-page__hero {
	background: #fff;
	border-bottom: 1px solid var(--color-neutral-200, #e5e7eb);
	padding: var(--space-8) 0 var(--space-7);
}

.submit-coupon-page__intro {
	max-width: 820px;
}

.submit-coupon-page__intro h1 {
	font-size: 2rem;
	letter-spacing: 0;
	line-height: 1.02;
	margin: var(--space-3) 0 var(--space-4);
	color: var(--color-neutral-950, #111827);
}

.submit-coupon-page__intro p:not(.section-kicker) {
	font-size: var(--font-size-lg, 1.125rem);
	color: var(--color-neutral-600, #4b5563);
	max-width: 720px;
}

.submit-coupon-page__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-6);
	align-items: start;
}

@media (min-width: 980px) {
	.submit-coupon-page__grid {
		grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
	}
}

.submit-coupon-page__form-card,
.submit-coupon-guide-card {
	background: #fff;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: var(--radius-2xl, 24px);
	box-shadow: var(--shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.06));
}

.submit-coupon-page__form-card {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.submit-coupon-page__form-heading {
	border-bottom: 1px solid var(--color-neutral-200, #e5e7eb);
	margin-bottom: var(--space-5);
	padding-bottom: var(--space-5);
}

.submit-coupon-page__form-heading h2,
.submit-coupon-guide-card h2 {
	margin: 0 0 var(--space-2);
	color: var(--color-neutral-950, #111827);
	letter-spacing: 0;
}

.submit-coupon-page__form-heading p,
.submit-coupon-guide-card p {
	color: var(--color-neutral-600, #4b5563);
	margin: 0;
}

.submit-coupon-page__form-card .submit-coupon-panel {
	border: 0;
	box-shadow: none;
	padding: 0;
	border-radius: 0;
}

.submit-coupon-page__form-card .submit-coupon-form input,
.submit-coupon-page__form-card .submit-coupon-form select,
.submit-coupon-page__form-card .submit-coupon-form textarea {
	min-height: 48px;
	border-radius: var(--radius-xl, 16px);
}

.submit-coupon-page__form-card .submit-coupon-form textarea {
	min-height: 130px;
}

.submit-coupon-page__form-card .submit-coupon-form .btn {
	min-height: 52px;
	font-size: var(--font-size-base, 1rem);
	justify-content: center;
	width: 100%;
}

@media (min-width: 640px) {
	.submit-coupon-page__form-card .submit-coupon-form .btn {
		width: auto;
		min-width: 210px;
	}
}

.submit-coupon-page__sidebar {
	display: grid;
	gap: var(--space-4);
	position: sticky;
	top: calc(var(--header-height, 80px) + var(--space-4));
}

.submit-coupon-guide-card {
	padding: var(--space-5);
}

.submit-coupon-guide-card ul,
.submit-coupon-guide-card ol {
	margin: var(--space-4) 0 0;
	padding-left: 1.2rem;
	color: var(--color-neutral-700, #374151);
	display: grid;
	gap: var(--space-3);
}

.submit-coupon-guide-card li::marker {
	color: var(--color-primary, #00b050);
	font-weight: 800;
}

.submit-coupon-guide-card--muted {
	background: var(--color-neutral-50, #f8fafc);
}

.submit-coupon-guide-card--cta {
	background: var(--color-neutral-950, #111827);
	border-color: var(--color-neutral-950, #111827);
	color: #fff;
}

.submit-coupon-guide-card--cta h2,
.submit-coupon-guide-card--cta p {
	color: #fff;
}

.submit-coupon-guide-card--cta .btn {
	margin-top: var(--space-4);
}

@media (max-width: 979px) {
	.submit-coupon-page__sidebar {
		position: static;
	}
}

/* --------------------------------------------------------------------------
 * v3.7.0 Advanced Coupon Display
 * -------------------------------------------------------------------------- */
.dzh-coupon-card {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	background: #fff;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.dzh-coupon-card:hover {
	transform: translateY(-2px);
	border-color: var(--color-primary, #00b050);
	box-shadow: 0 20px 46px rgba(15, 23, 42, 0.1);
}

.dzh-coupon-card__inner {
	display: grid;
	grid-template-columns: 124px minmax(0, 1fr) 236px;
	gap: var(--space-5, 1.25rem);
	align-items: stretch;
	padding: var(--space-5, 1.25rem);
}

.dzh-coupon-ticket {
	display: flex;
	min-height: 168px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 2px dashed var(--color-primary, #00b050);
	border-radius: var(--radius-2xl, 22px);
	background: #f7fff9;
	color: var(--color-neutral-950, #111827);
	padding: var(--space-4, 1rem);
	position: relative;
}

.dzh-coupon-ticket::before,
.dzh-coupon-ticket::after {
	content: "";
	position: absolute;
	right: -12px;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
}

.dzh-coupon-ticket::before {
	top: 30px;
}

.dzh-coupon-ticket::after {
	bottom: 30px;
}

.dzh-coupon-ticket__value {
	font-size: 1.45rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	word-break: break-word;
}

.dzh-coupon-ticket__label {
	margin-top: 8px;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-primary-dark, #008f43);
}

.dzh-coupon-main {
	display: grid;
	align-content: start;
	gap: 12px;
	min-width: 0;
}

.dzh-coupon-store-line {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.dzh-coupon-logo {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.dzh-coupon-logo img,
.dzh-coupon-logo .logo-placeholder {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 14px;
}

.dzh-coupon-store-name {
	display: inline-flex;
	align-items: center;
	margin-bottom: 7px;
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--color-neutral-900, #111827);
	text-decoration: none;
}

.dzh-coupon-store-name:hover {
	color: var(--color-primary, #00b050);
}

.dzh-coupon-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.dzh-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 24px;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	background: var(--color-neutral-50, #f8fafc);
	color: var(--color-neutral-700, #374151);
}

.dzh-badge--verified {
	background: #ecfdf3;
	border-color: #bbf7d0;
	color: #166534;
}

.dzh-badge--accent {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #9a3412;
}

.dzh-badge--dark {
	background: var(--color-neutral-950, #111827);
	border-color: var(--color-neutral-950, #111827);
	color: #fff;
}

.dzh-badge--muted {
	background: #f8fafc;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-title {
	font-size: 1.08rem;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: 0;
	margin: 0;
}

.dzh-coupon-title a {
	color: var(--color-neutral-950, #111827);
	text-decoration: none;
}

.dzh-coupon-title a:hover {
	color: var(--color-primary, #00b050);
}

.dzh-coupon-description {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.65;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-trust-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-trust-strip span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.dzh-coupon-trust-strip span::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--color-primary, #00b050);
}

.dzh-coupon-trust-strip .ending-soon::before,
.dzh-coupon-trust-strip .expired::before {
	background: #f97316;
}

.dzh-coupon-details {
	margin-top: 2px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 14px;
	background: var(--color-neutral-50, #f8fafc);
	padding: 0;
}

.dzh-coupon-details summary {
	cursor: pointer;
	padding: 11px 14px;
	font-size: 0.86rem;
	font-weight: 850;
	color: var(--color-neutral-900, #111827);
}

.dzh-coupon-details__body {
	padding: 0 14px 14px;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.dzh-coupon-facts li {
	padding: 10px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
}

.dzh-coupon-facts span,
.dzh-coupon-facts strong {
	display: block;
}

.dzh-coupon-facts span {
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--color-neutral-500, #64748b);
}

.dzh-coupon-facts strong {
	margin-top: 4px;
	font-size: 0.9rem;
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-feedback {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	padding: 6px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 999px;
	background: #fff;
	font-size: 0.82rem;
	font-weight: 800;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-feedback button {
	min-width: 48px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	background: var(--color-neutral-50, #f8fafc);
	border-radius: 999px;
	padding: 5px 9px;
	font-weight: 850;
	cursor: pointer;
}

.dzh-coupon-feedback button:hover {
	border-color: var(--color-primary, #00b050);
	background: #ecfdf3;
}

.dzh-coupon-actions {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	min-width: 0;
}

.dzh-reveal-code-btn {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	min-height: 56px;
	padding: 0;
	border: 2px solid var(--color-neutral-950, #111827);
	border-radius: 16px;
	background: #fff;
	color: var(--color-neutral-950, #111827);
	font-weight: 900;
	box-shadow: none;
	overflow: hidden;
	cursor: pointer;
}

.dzh-reveal-code-btn .btn-text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	padding: 0 14px;
	background: var(--color-neutral-950, #111827);
	color: #fff;
	font-size: 0.95rem;
}

.dzh-reveal-code-btn .dzh-code-peek,
.dzh-reveal-code-btn .coupon-code-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	padding: 0 12px;
	background: #fff;
	color: var(--color-neutral-950, #111827);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	border-left: 2px dashed var(--color-neutral-950, #111827);
}

.dzh-reveal-code-btn:hover .btn-text,
.dzh-reveal-code-btn.copied .btn-text {
	background: var(--color-primary, #00b050);
	color: #fff;
}

.dzh-reveal-code-btn.is-revealed .dzh-code-peek,
.dzh-reveal-code-btn.is-revealed .coupon-code-preview {
	letter-spacing: 0.04em;
	font-size: 0.86rem;
}

.coupon-reveal-result {
	display: none;
	padding: 12px;
	border: 1px solid #bbf7d0;
	border-radius: 14px;
	background: #f0fdf4;
	color: #14532d;
}

.coupon-reveal-result.is-visible {
	display: grid;
	gap: 4px;
}

.coupon-reveal-result code {
	display: inline-flex;
	width: fit-content;
	padding: 5px 8px;
	border-radius: 8px;
	background: #fff;
	border: 1px dashed #16a34a;
	font-weight: 900;
	letter-spacing: 0.08em;
	color: #052e16;
}

.coupon-reveal-result small {
	font-weight: 700;
	color: #166534;
}

.dzh-get-deal-btn,
.dzh-save-coupon-btn,
.dzh-print-coupon-btn {
	min-height: 48px;
	justify-content: center;
	border-radius: 14px;
	font-weight: 850;
	text-align: center;
}

.dzh-get-deal-btn {
	background: var(--color-primary, #00b050);
	color: #fff;
	border-color: var(--color-primary, #00b050);
}

.dzh-get-deal-btn:hover {
	background: var(--color-primary-dark, #008f43);
	border-color: var(--color-primary-dark, #008f43);
	color: #fff;
}

.dzh-save-coupon-btn {
	background: #fff;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	color: var(--color-neutral-700, #374151);
}

.dzh-save-coupon-btn:hover {
	border-color: var(--color-neutral-950, #111827);
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-card.is-code-revealed {
	border-color: #86efac;
}

.list-view .dzh-coupon-card__inner {
	grid-template-columns: 116px minmax(0, 1fr) 230px;
}

.dzh-single-coupon-page {
	padding-top: var(--space-6, 1.5rem);
	padding-bottom: var(--space-12, 3rem);
}

.dzh-single-coupon-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: var(--space-6, 1.5rem);
	align-items: stretch;
	margin: var(--space-6, 1.5rem) 0;
	padding: var(--space-6, 1.5rem);
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: var(--radius-3xl, 28px);
	background: #fff;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.dzh-single-coupon-identity {
	display: flex;
	align-items: center;
	gap: var(--space-5, 1.25rem);
	min-width: 0;
}

.dzh-single-coupon-logo {
	width: 92px;
	height: 92px;
	flex: 0 0 92px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 24px;
	background: #fff;
	display: grid;
	place-items: center;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.dzh-single-coupon-logo img {
	max-width: 74px;
	max-height: 74px;
	object-fit: contain;
}

.dzh-single-coupon-kicker {
	margin: 0 0 8px;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-primary-dark, #008f43);
}

.dzh-single-coupon-hero h1 {
	margin: 0;
	font-size: 2rem;
	line-height: 1.05;
	letter-spacing: 0;
	color: var(--color-neutral-950, #111827);
}

.dzh-single-coupon-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.dzh-single-coupon-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--color-neutral-50, #f8fafc);
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	font-size: 0.82rem;
	font-weight: 800;
	color: var(--color-neutral-700, #374151);
}

.dzh-single-coupon-cta-card {
	display: grid;
	gap: 12px;
	align-content: center;
	padding: var(--space-5, 1.25rem);
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 22px;
	background: var(--color-neutral-50, #f8fafc);
}

.dzh-single-coupon-discount {
	text-align: center;
	padding-bottom: 4px;
}

.dzh-single-coupon-discount strong {
	display: block;
	font-size: 1.65rem;
	font-weight: 950;
	letter-spacing: 0;
	color: var(--color-neutral-950, #111827);
}

.dzh-single-coupon-discount span {
	font-weight: 850;
	color: var(--color-neutral-600, #475569);
}

.dzh-reveal-code-btn--large {
	min-height: 62px;
}

.dzh-back-to-store {
	text-align: center;
	font-weight: 850;
	color: var(--color-neutral-700, #374151);
}

.dzh-single-coupon-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: var(--space-6, 1.5rem);
	align-items: start;
}

.dzh-single-coupon-section,
.dzh-coupon-status-widget,
.dzh-related-coupons-section {
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 22px;
	background: #fff;
	padding: var(--space-6, 1.5rem);
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.dzh-single-coupon-section + .dzh-single-coupon-section {
	margin-top: var(--space-5, 1.25rem);
}

.dzh-single-coupon-section h2,
.dzh-coupon-status-widget h3 {
	margin-top: 0;
	font-size: 1.25rem;
	letter-spacing: 0;
}

.dzh-use-steps {
	margin: 0;
	padding-left: 1.25rem;
	display: grid;
	gap: 10px;
	color: var(--color-neutral-700, #374151);
}

.dzh-use-steps li::marker {
	font-weight: 900;
	color: var(--color-primary, #00b050);
}

.dzh-single-coupon-sidebar {
	position: sticky;
	top: calc(var(--header-height, 80px) + 16px);
}

.dzh-coupon-status-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.dzh-coupon-status-widget li {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px solid var(--color-neutral-200, #e5e7eb);
}

.dzh-coupon-status-widget li:last-child {
	border-bottom: 0;
}

.dzh-coupon-status-widget span {
	font-weight: 750;
	color: var(--color-neutral-500, #64748b);
}

.dzh-coupon-status-widget strong {
	text-align: right;
	color: var(--color-neutral-950, #111827);
}

.dzh-related-coupons-section {
	margin-top: var(--space-6, 1.5rem);
}

@media (max-width: 1099px) {
	.dzh-coupon-card__inner,
	.list-view .dzh-coupon-card__inner {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	.dzh-coupon-actions {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.coupon-reveal-result {
		grid-column: 1 / -1;
	}

	.dzh-single-coupon-hero,
	.dzh-single-coupon-layout {
		grid-template-columns: 1fr;
	}

	.dzh-single-coupon-sidebar {
		position: static;
	}
}

@media (max-width: 719px) {
	.dzh-coupon-card__inner,
	.list-view .dzh-coupon-card__inner {
		grid-template-columns: 1fr;
		padding: var(--space-4, 1rem);
	}

	.dzh-coupon-ticket {
		min-height: auto;
		padding: 14px;
		flex-direction: row;
		justify-content: space-between;
		border-radius: 18px;
	}

	.dzh-coupon-ticket::before,
	.dzh-coupon-ticket::after {
		display: none;
	}

	.dzh-coupon-actions {
		grid-template-columns: 1fr;
	}

	.dzh-reveal-code-btn {
		min-height: 58px;
	}

	.dzh-coupon-facts {
		grid-template-columns: 1fr;
	}

	.dzh-coupon-feedback {
		width: 100%;
		justify-content: space-between;
		border-radius: 16px;
	}

	.dzh-single-coupon-hero {
		padding: var(--space-4, 1rem);
		border-radius: 22px;
	}

	.dzh-single-coupon-identity {
		align-items: flex-start;
	}

	.dzh-single-coupon-logo {
		width: 72px;
		height: 72px;
		flex-basis: 72px;
		border-radius: 18px;
	}

	.dzh-single-coupon-logo img {
		max-width: 56px;
		max-height: 56px;
	}
}

/* --------------------------------------------------------------------------
 * v3.8.0 Store Coupon Popup Reveal UX
 * -------------------------------------------------------------------------- */
.dzh-coupon-popup-enabled .dzh-coupon-card {
	border-radius: 22px;
}

.dzh-coupon-popup-enabled .dzh-coupon-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: var(--color-primary, #00b050);
}

.dzh-coupon-popup-enabled .dzh-coupon-card__inner {
	grid-template-columns: 132px minmax(0, 1fr) 250px;
	gap: 22px;
	padding: 22px;
}

.dzh-coupon-popup-enabled .dzh-coupon-ticket {
	border-radius: 20px;
	border-style: solid;
	background: #f8fafc;
}

.dzh-coupon-popup-enabled .dzh-coupon-ticket::before,
.dzh-coupon-popup-enabled .dzh-coupon-ticket::after {
	border-color: var(--color-neutral-200, #e5e7eb);
}

.dzh-coupon-popup-enabled .dzh-coupon-main {
	gap: 13px;
}

.dzh-coupon-popup-enabled .dzh-coupon-title {
	max-width: 760px;
}

.dzh-coupon-popup-enabled .dzh-coupon-trust-strip {
	padding-top: 2px;
}

.dzh-coupon-actions--popup {
	align-self: stretch;
	padding-left: 16px;
	border-left: 1px solid var(--color-neutral-200, #e5e7eb);
}

.dzh-coupon-actions--popup .dzh-get-deal-btn,
.dzh-coupon-actions--popup .dzh-view-coupon-details-btn,
.dzh-coupon-actions--popup .dzh-save-coupon-btn {
	width: 100%;
}

.dzh-coupon-actions--popup .dzh-get-deal-btn {
	border: 0;
	cursor: pointer;
}

.dzh-view-coupon-details-btn {
	min-height: 44px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 14px;
	background: #fff;
	color: var(--color-neutral-800, #1f2937);
	font-weight: 850;
	cursor: pointer;
}

.dzh-view-coupon-details-btn:hover {
	border-color: var(--color-neutral-950, #111827);
	background: var(--color-neutral-50, #f8fafc);
}

.dzh-open-coupon-modal.dzh-reveal-code-btn {
	min-height: 62px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.dzh-open-coupon-modal.dzh-reveal-code-btn .btn-text::after {
	content: " →";
}

.dzh-modal-open {
	overflow: hidden;
}

.dzh-coupon-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 160ms ease;
}

.dzh-coupon-modal.is-open {
	opacity: 1;
	pointer-events: auto;
}

.dzh-coupon-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.62);
	backdrop-filter: blur(5px);
}

.dzh-coupon-modal__dialog {
	position: relative;
	width: min(720px, 100%);
	max-height: min(92vh, 860px);
	overflow: auto;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 32px 90px rgba(15, 23, 42, 0.28);
	padding: 24px;
	transform: translateY(10px) scale(0.985);
	transition: transform 180ms ease;
	outline: none;
}

.dzh-coupon-modal.is-open .dzh-coupon-modal__dialog {
	transform: translateY(0) scale(1);
}

.dzh-coupon-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	background: #fff;
	color: var(--color-neutral-800, #1f2937);
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
}

.dzh-coupon-modal__close:hover {
	border-color: var(--color-neutral-950, #111827);
	background: var(--color-neutral-50, #f8fafc);
}

.dzh-coupon-modal__header {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	padding-right: 48px;
}

.dzh-coupon-modal__logo {
	width: 78px;
	height: 78px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 20px;
	background: #fff;
	display: grid;
	place-items: center;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.dzh-coupon-modal__logo img {
	max-width: 62px;
	max-height: 62px;
	object-fit: contain;
}

.dzh-coupon-modal__logo span {
	font-size: 1.55rem;
	font-weight: 950;
	color: var(--color-primary, #00b050);
}

.dzh-coupon-modal__kicker {
	margin: 0 0 6px;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-primary-dark, #008f43);
}

.dzh-coupon-modal__header h2 {
	margin: 0;
	font-size: 1.45rem;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-modal__summary {
	margin: 10px 0 0;
	color: var(--color-neutral-600, #475569);
	line-height: 1.6;
}

.dzh-coupon-modal__deal-box {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
	margin-top: 22px;
	padding: 16px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 22px;
	background: var(--color-neutral-50, #f8fafc);
}

.dzh-coupon-modal__saving {
	display: grid;
	place-items: center;
	text-align: center;
	min-height: 126px;
	padding: 14px;
	border: 2px dashed var(--color-primary, #00b050);
	border-radius: 18px;
	background: #fff;
}

.dzh-coupon-modal__saving span {
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-neutral-500, #64748b);
}

.dzh-coupon-modal__saving strong {
	font-size: 1.5rem;
	font-weight: 950;
	letter-spacing: 0;
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-modal__code-wrap {
	display: grid;
	align-content: center;
	gap: 8px;
}

.dzh-coupon-modal__code-label {
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-neutral-500, #64748b);
}

.dzh-coupon-modal__code-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	border: 2px dashed var(--color-neutral-950, #111827);
	border-radius: 16px;
	background: #fff;
	overflow: hidden;
}

.dzh-coupon-modal__code-row code {
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 0 16px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 1.08rem;
	font-weight: 950;
	letter-spacing: 0.1em;
	color: var(--color-neutral-950, #111827);
	white-space: nowrap;
	overflow: auto;
}

.dzh-coupon-modal__code-row button {
	border: 0;
	border-left: 2px dashed var(--color-neutral-950, #111827);
	background: var(--color-primary, #00b050);
	color: #fff;
	font-weight: 950;
	padding: 0 18px;
	cursor: pointer;
}

.dzh-coupon-modal__code-wrap small,
.dzh-coupon-modal__deal-note {
	margin: 0;
	font-size: 0.86rem;
	font-weight: 750;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-modal__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	margin-top: 16px;
}

.dzh-coupon-modal__store-btn,
.dzh-coupon-modal__single-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	border-radius: 14px;
	font-weight: 900;
	text-decoration: none;
}

.dzh-coupon-modal__store-btn {
	background: var(--color-primary, #00b050);
	color: #fff;
}

.dzh-coupon-modal__store-btn:hover {
	background: var(--color-primary-dark, #008f43);
	color: #fff;
}

.dzh-coupon-modal__store-btn {
	min-height: 56px;
	font-size: 1rem;
	box-shadow: 0 14px 32px rgba(0, 176, 80, 0.22);
}

.dzh-coupon-modal__copy-status {
	display: block;
	min-height: 1.1em;
	font-size: 0.86rem;
	font-weight: 900;
	color: var(--color-primary-dark, #008f43);
}

.dzh-coupon-modal__single-link {
	padding: 0 16px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	background: #fff;
	color: var(--color-neutral-700, #374151);
}

.dzh-coupon-modal__single-link:hover {
	border-color: var(--color-neutral-950, #111827);
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-modal__trust-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
}

.dzh-coupon-modal__trust-grid div {
	padding: 12px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 14px;
	background: #fff;
}

.dzh-coupon-modal__trust-grid span,
.dzh-coupon-modal__trust-grid strong {
	display: block;
}

.dzh-coupon-modal__trust-grid span {
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-neutral-500, #64748b);
}

.dzh-coupon-modal__trust-grid strong {
	margin-top: 5px;
	font-size: 0.9rem;
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-modal__terms {
	margin-top: 16px;	
	padding: 16px;
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	border-radius: 18px;
	background: var(--color-neutral-50, #f8fafc);
}

.dzh-coupon-modal__terms h3 {
	margin: 0 0 8px;
	font-size: 1rem;
	letter-spacing: 0;
	color: var(--color-neutral-950, #111827);
}

.dzh-coupon-modal__terms p {
	margin: 0;
	color: var(--color-neutral-600, #475569);
	line-height: 1.65;
}

.dzh-coupon-modal__feedback {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--color-neutral-200, #e5e7eb);
	font-size: 0.88rem;
	font-weight: 850;
	color: var(--color-neutral-600, #475569);
}

.dzh-coupon-modal__feedback button {
	border: 1px solid var(--color-neutral-200, #e5e7eb);
	background: #fff;
	border-radius: 999px;
	padding: 7px 11px;
	font-weight: 900;
	cursor: pointer;
}

.dzh-coupon-modal__feedback button:hover {
	border-color: var(--color-primary, #00b050);
	background: #ecfdf3;
}

@media (max-width: 1099px) {
	.dzh-coupon-popup-enabled .dzh-coupon-card__inner {
		grid-template-columns: 112px minmax(0, 1fr);
	}

	.dzh-coupon-actions--popup {
		grid-column: 1 / -1;
		padding-left: 0;
		padding-top: 16px;
		border-left: 0;
		border-top: 1px solid var(--color-neutral-200, #e5e7eb);
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 719px) {
	.dzh-coupon-popup-enabled .dzh-coupon-card__inner {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.dzh-coupon-actions--popup {
		grid-template-columns: 1fr;
	}

	.dzh-coupon-modal {
		padding: 10px;
		place-items: end center;
	}

	.dzh-coupon-modal__dialog {
		width: 100%;
		max-height: 92vh;
		border-radius: 24px 24px 0 0;
		padding: 18px;
		overscroll-behavior: contain;
	}

	.dzh-coupon-modal__header h2 {
		font-size: 1.18rem;
	}

	.dzh-coupon-modal__summary {
		font-size: 0.94rem;
	}

	.dzh-coupon-modal__store-btn {
		width: 100%;
	}

	.dzh-coupon-modal__header {
		grid-template-columns: 56px minmax(0, 1fr);
		gap: 12px;
		padding-right: 40px;
	}

	.dzh-coupon-modal__logo {
		width: 56px;
		height: 56px;
		border-radius: 16px;
	}

	.dzh-coupon-modal__logo img {
		max-width: 44px;
		max-height: 44px;
	}

	.dzh-coupon-modal__deal-box,
	.dzh-coupon-modal__actions,
	.dzh-coupon-modal__trust-grid {
		grid-template-columns: 1fr;
	}

	.dzh-coupon-modal__code-row {
		grid-template-columns: 1fr;
	}

	.dzh-coupon-modal__code-row button {
		min-height: 48px;
		border-left: 0;
		border-top: 2px dashed var(--color-neutral-950, #111827);
	}
}

/* --------------------------------------------------------------------------
 * v3.9.0 Visual suitability pass
 * Flat coupon-site UI, calmer spacing, no gradients, stronger conversion focus.
 * -------------------------------------------------------------------------- */
:root {
	--dzh-ui-bg: #f8fafc;
	--dzh-ui-surface: #ffffff;
	--dzh-ui-border: #e2e8f0;
	--dzh-ui-text: #0f172a;
	--dzh-ui-muted: #64748b;
	--dzh-ui-primary: var(--color-primary, #2563eb);
	--dzh-ui-primary-dark: var(--color-primary-dark, #1d4ed8);
	--dzh-ui-success: #15803d;
	--dzh-ui-warning: #b45309;
	--dzh-ui-danger: #b91c1c;
	--dzh-ui-radius: 18px;
	--dzh-ui-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.site,
body {
	background: var(--dzh-ui-bg);
	background-image: none;
}

.hero,
.home-hero,
.dzh-hero,
.dzh-home-hero,
.store-hero,
.coupon-store-hero,
.coupon-popup-modal,
.dzh-coupon-popup,
.savings-dashboard,
.dzh-savings-dashboard,
.dzh-competitive-panel,
.dzh-coupon-card,
.coupon-card,
.store-card,
.blog-hero,
.page-hero,
[class*="gradient"] {
	background-image: none;
}

.home-hero,
.dzh-home-hero,
.hero-section,
.page-hero,
.blog-hero {
	background: #ffffff;
	border: 1px solid var(--dzh-ui-border);
	border-radius: 28px;
	box-shadow: var(--dzh-ui-shadow);
	color: var(--dzh-ui-text);
}

.home-hero h1,
.dzh-home-hero h1,
.hero-section h1,
.page-hero h1,
.blog-hero h1 {
	color: var(--dzh-ui-text);
	letter-spacing: 0;
	max-width: 900px;
}

.home-hero p,
.dzh-home-hero p,
.hero-section p,
.page-hero p,
.blog-hero p {
	color: var(--dzh-ui-muted);
	max-width: 760px;
}

.button,
.btn,
.wp-block-button__link,
.coupon-button,
.coupon-reveal-button,
.dzh-coupon-action,
.dzh-popup-copy,
.dzh-popup-visit {
	background-image: none;
	box-shadow: none;
}

.button-primary,
.btn-primary,
.coupon-reveal-button,
.dzh-coupon-action,
.dzh-popup-copy,
.dzh-popup-visit {
	background: var(--dzh-ui-primary);
	border-color: var(--dzh-ui-primary);
	color: #ffffff;
}

.button-primary:hover,
.btn-primary:hover,
.coupon-reveal-button:hover,
.dzh-coupon-action:hover,
.dzh-popup-copy:hover,
.dzh-popup-visit:hover {
	background: var(--dzh-ui-primary-dark);
	border-color: var(--dzh-ui-primary-dark);
}

.single-coupon-store .site-main,
.coupon-store-layout,
.dzh-store-layout {
	gap: clamp(1rem, 2vw, 1.5rem);
}

.store-hero,
.coupon-store-hero,
.dzh-store-header,
.store-summary-card,
.dzh-store-sidebar-card,
.dzh-confidence-panel,
.savings-snapshot {
	background: var(--dzh-ui-surface);
	border: 1px solid var(--dzh-ui-border);
	border-radius: var(--dzh-ui-radius);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.dzh-coupon-card,
.coupon-card,
.coupon-item,
.store-coupon-card {
	background: var(--dzh-ui-surface);
	border: 1px solid var(--dzh-ui-border);
	border-radius: 20px;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.dzh-coupon-card:hover,
.coupon-card:hover,
.coupon-item:hover,
.store-coupon-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);
	transform: translateY(-1px);
}

.coupon-title,
.dzh-coupon-title,
.store-coupon-card h3,
.coupon-card h3 {
	color: var(--dzh-ui-text);
	line-height: 1.24;
	letter-spacing: 0;
}

.coupon-meta,
.dzh-coupon-meta,
.coupon-card p,
.store-coupon-card p,
.dzh-coupon-details {
	color: var(--dzh-ui-muted);
}

.dzh-coupon-badge,
.coupon-badge,
.verified-badge,
.dzh-trust-badge,
.dzh-status-pill {
	background: #ecfdf5;
	border: 1px solid #bbf7d0;
	color: var(--dzh-ui-success);
	font-weight: 700;
}

.dzh-coupon-expired,
.expired .dzh-coupon-badge,
.expired .coupon-badge {
	background: #fef2f2;
	border-color: #fecaca;
	color: var(--dzh-ui-danger);
}

.coupon-code,
.dzh-popup-code,
.dzh-code-box,
.coupon-code-display {
	background: #f8fafc;
	border: 2px dashed #94a3b8;
	border-radius: 14px;
	color: var(--dzh-ui-text);
	font-weight: 800;
	letter-spacing: 0.08em;
}

.dzh-coupon-popup-backdrop,
.coupon-popup-backdrop {
	background: rgba(15, 23, 42, 0.58);
	backdrop-filter: blur(2px);
}

.dzh-coupon-popup,
.coupon-popup-modal,
.dzh-popup-modal {
	background: #ffffff;
	border: 1px solid var(--dzh-ui-border);
	border-radius: 24px;
	box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
	color: var(--dzh-ui-text);
}

.dzh-popup-header,
.coupon-popup-header,
.dzh-popup-body,
.coupon-popup-body {
	background: #ffffff;
	background-image: none;
	color: var(--dzh-ui-text);
}

.dzh-popup-terms,
.coupon-terms,
.dzh-coupon-terms {
	background: #f8fafc;
	border: 1px solid var(--dzh-ui-border);
	border-radius: 16px;
}

@media (max-width: 782px) {
	.home-hero,
	.dzh-home-hero,
	.hero-section,
	.page-hero,
	.blog-hero {
		border-radius: 20px;
		padding: 1.25rem;
	}

	.dzh-coupon-card,
	.coupon-card,
	.coupon-item,
	.store-coupon-card {
		border-radius: 16px;
	}

	.dzh-coupon-popup,
	.coupon-popup-modal,
	.dzh-popup-modal {
		border-radius: 20px 20px 0 0;
	}
}

/* v3.9.0 hard no-gradient overrides for legacy visual layers */
.promo-banner,
.newsletter-section,
.store-header,
.announcement-bar,
.home-hero--redesign,
.dzh-competitive-ui .home-hero--redesign,
.archive-header,
.store-page-banner::after,
.process-card,
.savings-row__value,
.store-intelligence-card__score {
	background: #ffffff;
	background-image: none;
	color: var(--dzh-ui-text, #0f172a);
}

.promo-banner,
.announcement-bar {
	background: #0f172a;
	color: #ffffff;
}

.newsletter-section,
.store-header,
.home-hero--redesign,
.dzh-competitive-ui .home-hero--redesign,
.archive-header {
	border: 1px solid var(--dzh-ui-border, #e2e8f0);
	box-shadow: var(--dzh-ui-shadow, 0 14px 32px rgba(15, 23, 42, 0.08));
}

.site-branding-logo,
.logo-placeholder,
.store-search-fallback,
.copy-coupon-btn.copied,
.print-coupon-btn,
.cta-button,
.confidence-meter i,
.coupon-confidence-row__meter b {
	background: var(--dzh-ui-primary, #2563eb);
	background-image: none;
	color: #ffffff;
}


/* Dealzenohub v3.10.5 — CouponFollow-inspired store page sections */
.cf-store-intel,
.cf-faq-section,
.cf-editorial-grid,
.cf-current-coupons-table,
.cf-popular-searches {
	margin-top: 28px;
}

.cf-section-head {
	margin-bottom: 16px;
}

.cf-section-head p {
	margin: 0 0 6px;
	color: var(--color-primary, #2563eb);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.cf-section-head h2,
.cf-editorial-card h2,
.cf-current-coupons-table h2,
.cf-popular-searches h2 {
	margin: 0;
	color: #0f172a;
	font-size: 1.35rem;
	line-height: 1.25;
}

.cf-highlights-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 16px;
}

.cf-highlight-card,
.cf-alert-card,
.cf-faq-item,
.cf-editorial-card,
.cf-current-coupons-table,
.cf-popular-searches,
.cf-store-sidebar-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.cf-highlight-card {
	padding: 18px;
}

.cf-highlight-card span {
	display: block;
	color: #64748b;
	font-size: .86rem;
	font-weight: 700;
	margin-bottom: 8px;
}

.cf-highlight-card strong {
	display: block;
	color: #0f172a;
	font-size: 1.5rem;
	line-height: 1;
}

.cf-alert-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	align-items: center;
	gap: 18px;
	padding: 20px;
	background: #f8fafc;
}

.cf-alert-card h3 {
	margin: 0 0 6px;
	color: #0f172a;
	font-size: 1.15rem;
}

.cf-alert-card p {
	margin: 0;
	color: #475569;
}

.cf-alert-card small {
	display: block;
	margin-top: 8px;
	color: #64748b;
}

.cf-alert-form {
	display: flex;
	gap: 8px;
}

.cf-alert-form input {
	width: 100%;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	padding: 11px 12px;
	background: #fff;
}

.cf-faq-list {
	display: grid;
	gap: 10px;
}

.cf-faq-item {
	padding: 0;
	overflow: hidden;
}

.cf-faq-item summary {
	cursor: pointer;
	padding: 16px 18px;
	font-weight: 800;
	color: #0f172a;
	list-style: none;
}

.cf-faq-item summary::-webkit-details-marker {
	display: none;
}

.cf-faq-item summary::after {
	content: '+';
	float: right;
	color: #2563eb;
	font-size: 1.2rem;
}

.cf-faq-item[open] summary::after {
	content: '–';
}

.cf-faq-item p {
	margin: 0;
	padding: 0 18px 18px;
	color: #475569;
	line-height: 1.7;
}

.cf-editorial-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.cf-editorial-card {
	padding: 22px;
}

.cf-editorial-card:nth-child(3) {
	grid-column: 1 / -1;
}

.cf-editorial-card ul,
.cf-editorial-card ol {
	margin: 16px 0 0;
	padding-left: 22px;
	color: #334155;
	line-height: 1.75;
}

.cf-editorial-card li + li {
	margin-top: 8px;
}

.cf-editorial-card h3 {
	margin: 18px 0 8px;
	color: #0f172a;
	font-size: 1.05rem;
}

.cf-editorial-card p {
	color: #475569;
	line-height: 1.75;
}

.cf-current-coupons-table,
.cf-popular-searches {
	padding: 22px;
	overflow-x: auto;
}

.cf-current-coupons-table table {
	width: 100%;
	margin-top: 14px;
	border-collapse: collapse;
	min-width: 560px;
}

.cf-current-coupons-table th,
.cf-current-coupons-table td {
	text-align: left;
	padding: 12px 10px;
	border-bottom: 1px solid #e2e8f0;
}

.cf-current-coupons-table th {
	color: #334155;
	background: #f8fafc;
	font-weight: 800;
}

.cf-current-coupons-table td {
	color: #475569;
}

.cf-popular-searches > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.cf-popular-searches a {
	display: inline-flex;
	align-items: center;
	border: 1px solid #dbeafe;
	background: #eff6ff;
	color: #1d4ed8;
	text-decoration: none;
	border-radius: 999px;
	padding: 7px 11px;
	font-weight: 700;
	font-size: .88rem;
}

.cf-store-sidebar-card {
	padding: 18px;
}

.cf-store-sidebar-card h3 {
	margin: 0 0 12px;
	color: #0f172a;
	font-size: 1rem;
}

.cf-rating-box {
	text-align: center;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 14px;
	margin-bottom: 16px;
	background: #f8fafc;
}

.cf-rating-box strong {
	display: block;
	font-size: 2rem;
	color: #0f172a;
	line-height: 1;
}

.cf-rating-box span {
	display: block;
	margin: 7px 0 4px;
	color: #f59e0b;
	letter-spacing: 1px;
}

.cf-rating-box small {
	color: #64748b;
}

.cf-curator-box,
.cf-connect-box {
	border-top: 1px solid #e2e8f0;
	padding-top: 14px;
	margin-top: 14px;
}

.cf-curator-box strong {
	display: block;
	color: #0f172a;
}

.cf-curator-box span {
	display: block;
	color: #64748b;
	margin-top: 4px;
}

.cf-connect-box > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cf-connect-box a {
	text-decoration: none;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	padding: 6px 9px;
	color: #2563eb;
	font-weight: 700;
	font-size: .86rem;
}

.cf-visit-button {
	width: 100%;
	justify-content: center;
	margin-top: 16px;
}

@media (max-width: 900px) {
	.cf-highlights-grid,
	.cf-editorial-grid,
	.cf-alert-card {
		grid-template-columns: 1fr;
	}

	.cf-editorial-card:nth-child(3) {
		grid-column: auto;
	}

	.cf-alert-form {
		flex-direction: column;
	}
}

/* ===== Dealzenohub v3.11.1 production polish ===== */
:root {
	--dealzenohub-focus-ring: 0 0 0 3px rgba(245, 158, 11, 0.36);
	--radius-lg: 0.5rem;
	--radius-xl: 0.5rem;
	--radius-2xl: 0.75rem;
}

.site h1,
.site h2,
.site h3,
.site h4,
.site h5,
.site h6,
.home-redesign h1,
.section-title,
.archive-title,
.coupon-title,
.store-title,
.dzh-coupon-card,
.dzh-coupon-card * {
	letter-spacing: 0;
}

.site h1,
.site h2,
.section-title,
.archive-title {
	text-wrap: balance;
}

.site a:focus-visible,
.site button:focus-visible,
.site input:focus-visible,
.site select:focus-visible,
.site textarea:focus-visible,
.dzh-open-coupon-modal:focus-visible,
.copy-coupon-btn:focus-visible,
.visit-store-btn:focus-visible,
.btn:focus-visible {
	outline: 2px solid var(--color-accent-gold, #f59e0b);
	outline-offset: 3px;
	box-shadow: var(--dealzenohub-focus-ring);
}

.coupon-card,
.store-card,
.post-card,
.blog-card,
.sidebar-widget,
.dzh-coupon-card,
.cf-editorial-card,
.cf-store-sidebar-card,
.cf-current-coupons-table,
.cf-popular-searches {
	border: 1px solid var(--color-neutral-200, #e2e8f0);
	border-radius: 8px;
	background: #fff;
}

.coupon-card,
.store-card,
.dzh-coupon-card,
.category-card,
.post-card,
.blog-card {
	overflow: hidden;
}

.coupon-title,
.coupon-title a,
.store-title,
.store-title a,
.post-title,
.post-title a,
.blog-card h2,
.blog-card h3,
.dzh-coupon-description,
.coupon-description,
.archive-description,
.section-description {
	overflow-wrap: anywhere;
}

.copy-coupon-btn,
.visit-store-btn,
.dzh-get-deal-btn,
.dzh-reveal-code-btn,
.btn,
.tab-button,
.view-btn,
.store-letter-chip,
.trending-tag {
	min-height: 44px;
	white-space: normal;
	line-height: 1.2;
	text-align: center;
}

.hero-search-form,
.newsletter-form,
.coupon-actions,
.store-actions,
.dzh-coupon-actions,
.cf-alert-form {
	min-width: 0;
}

.hero-search-field,
.newsletter-email,
.coupon-filter-input,
.store-directory-search,
.site input[type="search"],
.site input[type="email"],
.site input[type="url"],
.site input[type="text"],
.site textarea {
	min-width: 0;
}

.site-header-inner {
	min-height: 64px;
}

.site-branding,
.footer-site-branding {
	min-width: 0;
}

.site-branding-name,
.site-branding-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-redesign h1,
.home-hero h1,
.archive-title {
	font-size: 3rem;
	line-height: 1.08;
}

.section-title {
	font-size: 2rem;
	line-height: 1.16;
}

.coupon-card:hover,
.store-card:hover,
.category-card:hover,
.dzh-coupon-card:hover {
	transform: translateY(-2px);
}

.coupon-expired-overlay {
	border-radius: 8px;
}

.dzh-toast,
.coupon-toast {
	max-width: min(92vw, 420px);
	overflow-wrap: anywhere;
}

@media (max-width: 782px) {
	.site-header-inner {
		align-items: stretch;
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	.site-branding {
		max-width: calc(100% - 56px);
	}

	.hero-search-form,
	.newsletter-form,
	.coupon-actions,
	.store-actions,
	.dzh-coupon-actions,
	.cf-alert-form {
		flex-direction: column;
		width: 100%;
	}

	.copy-coupon-btn,
	.visit-store-btn,
	.dzh-get-deal-btn,
	.dzh-reveal-code-btn,
	.btn {
		width: 100%;
	}

	.home-redesign h1,
	.home-hero h1,
	.archive-title {
		font-size: 2.1rem;
	}

	.section-title {
		font-size: 1.55rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		scroll-behavior: auto;
		transition-duration: 0.01ms;
	}
}


/* --------------------------------------------------------------------------
 * v3.11.2 Human-first homepage refresh
 * -------------------------------------------------------------------------- */
.dzh-human-home {
	background: #f7f8fb;
	color: #111827;
}

.dzh-home-hero {
	padding: clamp(48px, 7vw, 92px) 0 34px;
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
}

.dzh-home-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.8fr);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
}

.dzh-home-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	padding: 8px 12px;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .01em;
}

.dzh-home-kicker span {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #2563eb;
}

.dzh-home-hero h1 {
	margin: 0;
	max-width: 760px;
	font-size: 38px;
	line-height: .98;
	letter-spacing: 0;
	color: #0f172a;
}

.dzh-home-subtitle {
	max-width: 640px;
	margin: 22px 0 0;
	font-size: 17px;
	line-height: 1.65;
	color: #475569;
}

.dzh-home-search-card {
	margin-top: 28px;
	max-width: 720px;
	padding: 14px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
}

.dzh-home-search-card .store-search-form,
.dzh-home-search-card form {
	margin: 0;
}

.dzh-home-search-card input[type="search"],
.dzh-home-search-card input[type="text"] {
	min-height: 54px;
	border-radius: 14px;
	border-color: #cbd5e1;
	font-size: 16px;
}

.dzh-home-search-card button,
.dzh-home-search-card .search-submit {
	min-height: 54px;
	border-radius: 14px;
	background: #2563eb;
	border-color: #2563eb;
	color: #fff;
	font-weight: 800;
}

.dzh-home-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.dzh-home-trust span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: 13px;
	font-weight: 700;
}

.dzh-home-trust span::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #16a34a;
}

.dzh-home-hero__panel {
	position: relative;
}

.dzh-home-editor-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 26px;
	padding: 22px;
	box-shadow: 0 22px 60px rgba(15, 23, 42, .10);
}

.dzh-home-editor-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e2e8f0;
}

.dzh-home-editor-card__head span {
	display: block;
	color: #64748b;
	font-size: 13px;
	font-weight: 700;
}

.dzh-home-editor-card__head strong {
	display: block;
	margin-top: 4px;
	color: #0f172a;
	font-size: 20px;
	line-height: 1.2;
}

.dzh-home-editor-card__head em {
	font-style: normal;
	font-weight: 800;
	color: #166534;
	background: #dcfce7;
	border-radius: 999px;
	padding: 7px 10px;
	font-size: 12px;
}

.dzh-home-mini-offers {
	display: grid;
	gap: 12px;
	margin: 18px 0;
}

.dzh-home-mini-offer {
	display: block;
	text-decoration: none;
	padding: 16px;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	background: #f8fafc;
	transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.dzh-home-mini-offer:hover,
.dzh-home-mini-offer:focus-visible {
	transform: translateY(-2px);
	border-color: #bfdbfe;
	background: #ffffff;
	outline: none;
}

.dzh-home-mini-offer span {
	display: inline-flex;
	margin-bottom: 9px;
	padding: 5px 9px;
	border-radius: 999px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 900;
}

.dzh-home-mini-offer strong {
	display: block;
	color: #0f172a;
	font-size: 15px;
	line-height: 1.35;
}

.dzh-home-mini-offer small {
	display: block;
	margin-top: 7px;
	color: #64748b;
	font-weight: 700;
}

.dzh-home-editor-card__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.dzh-home-editor-card__actions .btn {
	justify-content: center;
	border-radius: 14px;
}

.dzh-home-metrics {
	background: #f7f8fb;
	padding: 22px 0;
}

.dzh-home-metrics__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.dzh-home-metrics__grid > div {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 18px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, .04);
}

.dzh-home-metrics strong {
	display: block;
	color: #0f172a;
	font-size: 22px;
	line-height: 1.1;
	letter-spacing: 0;
}

.dzh-home-metrics span {
	display: block;
	margin-top: 6px;
	color: #64748b;
	font-weight: 700;
	font-size: 13px;
}

.dzh-home-content {
	padding: 34px 0 64px;
}

.dzh-home-section {
	margin-top: 28px;
	padding: clamp(22px, 3vw, 34px);
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 26px;
	box-shadow: 0 14px 38px rgba(15, 23, 42, .05);
}

.dzh-home-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 22px;
}

.dzh-home-section__head--center {
	justify-content: center;
	text-align: center;
}

.dzh-home-section__head p {
	margin: 0 0 8px;
	color: #2563eb;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.dzh-home-section__head h2 {
	margin: 0;
	max-width: 720px;
	color: #0f172a;
	font-size: 26px;
	line-height: 1.08;
	letter-spacing: 0;
}

.dzh-home-section__head a {
	color: #1d4ed8;
	font-weight: 800;
	text-decoration: none;
}

.dzh-home-store-grid,
.dzh-home-guide-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.dzh-home-store-grid .store-card {
	margin: 0;
}

.dzh-home-store-grid .store-card-inner {
	height: 100%;
	border-radius: 20px;
	border: 1px solid #e2e8f0;
	box-shadow: none;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dzh-home-store-grid .store-card-inner:hover {
	transform: translateY(-3px);
	border-color: #bfdbfe;
	box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.dzh-home-coupon-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.dzh-home-how-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.dzh-home-how-grid > div {
	padding: 22px;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	background: #f8fafc;
}

.dzh-home-how-grid span {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #2563eb;
	color: #fff;
	font-weight: 900;
}

.dzh-home-how-grid strong {
	display: block;
	margin-top: 16px;
	color: #0f172a;
	font-size: 18px;
}

.dzh-home-how-grid p {
	margin: 8px 0 0;
	color: #64748b;
	line-height: 1.6;
}

.dzh-home-empty-card {
	padding: 24px;
	border: 1px dashed #cbd5e1;
	border-radius: 18px;
	background: #f8fafc;
	color: #64748b;
}

.dzh-home-empty-card strong {
	display: block;
	color: #0f172a;
	margin-bottom: 6px;
}

@media (max-width: 1100px) {
	.dzh-home-hero__grid,
	.dzh-home-metrics__grid,
	.dzh-home-store-grid,
	.dzh-home-guide-grid,
	.dzh-home-coupon-grid,
	.dzh-home-how-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.dzh-home-hero {
		padding-top: 36px;
	}
	.dzh-home-hero__grid,
	.dzh-home-metrics__grid,
	.dzh-home-store-grid,
	.dzh-home-guide-grid,
	.dzh-home-coupon-grid,
	.dzh-home-how-grid,
	.dzh-home-editor-card__actions {
		grid-template-columns: 1fr;
	}
	.dzh-home-section__head {
		align-items: flex-start;
		flex-direction: column;
	}
	.dzh-home-search-card {
		padding: 10px;
		border-radius: 16px;
	}
}

:root { --text-secondary: var(--dzh-muted, #64748b); }


/* DealZenoHub country/region system v3.14.64 */
.dzh-region-switcher {
	position: relative;
	flex: 0 0 auto;
	z-index: 50;
}

.dzh-region-switcher summary {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 40px;
	padding: 9px 13px;
	border: 1px solid rgba(148, 163, 184, .32);
	border-radius: 999px;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
}

.dzh-region-switcher summary::-webkit-details-marker {
	display: none;
}

.dzh-region-switcher summary::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid #64748b;
	border-bottom: 2px solid #64748b;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: center;
	transition: transform 160ms ease;
}

.dzh-region-switcher[open] summary::after {
	transform: rotate(225deg) translate(-1px, -1px);
}

.dzh-region-switcher[open] summary {
	border-color: #bfdbfe;
	box-shadow: 0 12px 28px rgba(37, 99, 235, .12);
}

.dzh-region-switcher__menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 230px;
	padding: 8px;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 60px rgba(15, 23, 42, .14);
}

.dzh-region-switcher__menu a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 12px;
	border-radius: 12px;
	color: #0f172a;
	font-size: 14px;
	font-weight: 750;
	text-decoration: none;
}

.dzh-region-switcher__menu a:hover,
.dzh-region-switcher__menu a.is-active {
	background: #eff6ff;
	color: #1d4ed8;
}

.dzh-store-country-badge {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 12px 0 8px;
}

.dzh-store-country-badge__pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 11px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1e3a8a;
	font-size: 13px;
	font-weight: 900;
}

.dzh-store-country-badge small {
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
}

.dzh-store-region-card {
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}

.dzh-store-region-card__current {
	margin: 0 0 14px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border-radius: 999px;
	background: #f8fafc;
	color: #0f172a;
	font-weight: 900;
}

.dzh-store-region-card__versions {
	padding-top: 12px;
	border-top: 1px solid #e2e8f0;
}

.dzh-store-region-card__versions strong {
	display: block;
	margin-bottom: 9px;
	color: #334155;
	font-size: 13px;
}

.dzh-store-region-card__versions ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dzh-store-region-card__versions li + li {
	margin-top: 7px;
}

.dzh-store-region-card__versions a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 9px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	color: #0f172a;
	font-weight: 800;
	text-decoration: none;
}

.dzh-store-region-card__versions a:hover {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.dzh-store-region-card__empty {
	margin: 0;
	color: #64748b;
	font-size: 13px;
}

.dzh-country-coupon-filter-bar .coupon-filter-chip[data-filter="global"] {
	border-color: #dbeafe;
	background: #f8fafc;
}

.dzh-home-region-block {
	margin: -12px 0 30px;
}

.dzh-home-region-block__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 20px;
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(15, 23, 42, .05);
}

.dzh-home-region-block__inner p,
.dzh-country-archive__kicker {
	margin: 0 0 6px;
	color: #2563eb;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.dzh-home-region-block__inner h2 {
	margin: 0;
	color: #0f172a;
	font-size: 22px;
	line-height: 1.15;
}

.dzh-home-region-block__links,
.dzh-country-pill-list {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.dzh-home-region-block__links a,
.dzh-country-pill-list a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 12px;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	font-weight: 850;
	text-decoration: none;
}

.dzh-home-region-block__links a:hover,
.dzh-country-pill-list a:hover {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.dzh-country-archive {
	padding-top: 30px;
	padding-bottom: 64px;
}

.dzh-country-archive__hero {
	margin-bottom: 28px;
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid #e2e8f0;
	border-radius: 28px;
	background:
		radial-gradient(circle at top right, rgba(37, 99, 235, .10), transparent 32%),
		linear-gradient(135deg, #fff 0%, #f8fafc 100%);
	box-shadow: 0 18px 48px rgba(15, 23, 42, .06);
}

.dzh-country-archive__hero h1 {
	margin: 0;
	max-width: 820px;
	color: #0f172a;
	font-size: clamp(30px, 5vw, 48px);
	line-height: 1.04;
	letter-spacing: -.04em;
}

.dzh-country-archive__hero > p:not(.dzh-country-archive__kicker) {
	max-width: 760px;
	margin: 14px 0 0;
	color: #475569;
	font-size: 17px;
	line-height: 1.65;
}

.dzh-country-archive__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	padding: 8px 13px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1e3a8a;
	font-size: 14px;
	font-weight: 900;
}

.dzh-country-archive__stores,
.dzh-country-archive__categories,
.dzh-country-archive__offers,
.dzh-country-archive__related {
	margin-top: 28px;
	padding: clamp(20px, 3vw, 30px);
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(15, 23, 42, .05);
}

.dzh-country-archive__categories h2,
.dzh-country-archive__offers h2,
.dzh-country-archive__related h2 {
	margin: 0 0 16px;
	color: #0f172a;
	font-size: 23px;
	line-height: 1.15;
}

.dzh-country-empty-state {
	padding: 28px;
	border: 1px dashed #cbd5e1;
	border-radius: 18px;
	background: #f8fafc;
	color: #64748b;
}

.dzh-country-empty-state strong {
	display: block;
	margin-bottom: 6px;
	color: #0f172a;
	font-size: 18px;
}

.dzh-country-empty-state p {
	margin: 0;
}

@media (max-width: 980px) {
	.dzh-region-switcher {
		order: 3;
		width: 100%;
	}

	.dzh-region-switcher summary {
		width: 100%;
		justify-content: center;
	}

	.dzh-region-switcher__menu {
		left: 0;
		right: auto;
		width: min(100%, 320px);
	}

	.dzh-home-region-block__inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	.dzh-store-country-badge {
		align-items: flex-start;
		flex-direction: column;
	}

	.dzh-home-region-block {
		margin-top: 0;
	}

	.dzh-country-archive__hero,
	.dzh-country-archive__stores,
	.dzh-country-archive__categories,
	.dzh-country-archive__offers,
	.dzh-country-archive__related {
		border-radius: 20px;
	}

	.dzh-country-archive__hero h1 {
		letter-spacing: -.02em;
	}
}

/* Editor content integrity — v3.14.99. */
:where(.entry-content, .dzh-rich-content, .dzh-page-content) ul:not(.blocks-gallery-grid):not(.wp-block-gallery) {
	margin: 1.1em 0;
	padding-inline-start: 1.6em;
	list-style: disc outside;
}
:where(.entry-content, .dzh-rich-content, .dzh-page-content) ol {
	margin: 1.1em 0;
	padding-inline-start: 1.8em;
	list-style: decimal outside;
}
:where(.entry-content, .dzh-rich-content, .dzh-page-content) li {
	display: list-item;
	margin-block: .42em;
}
:where(.entry-content, .dzh-rich-content, .dzh-page-content) ul ul { list-style-type: circle; }
:where(.entry-content, .dzh-rich-content, .dzh-page-content) ol ol { list-style-type: lower-alpha; }
:where(.entry-content, .dzh-rich-content, .dzh-page-content) blockquote {
	margin: 1.4em 0;
	padding: .8em 1.2em;
	border-inline-start: 4px solid var(--color-primary, #2563eb);
}
:where(.entry-content, .dzh-rich-content, .dzh-page-content) table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}
[data-reveal] { opacity: 1 !important; transform: none !important; }
.dzh-search-result + .dzh-search-result { margin-top: 16px; }
.archive-search-phrase { margin: 6px 0 0; color: var(--color-text-secondary, #475569); }
.dzh-footer-logo { width: auto; height: auto; max-width: 210px; max-height: 64px; object-fit: contain; }