/**
 * Seminar Funnel Stylesheet - Sitvik Premix Masterclass
 *
 * Dedicated styling for the high-converting ₹49 webinar landing page.
 * Uses Sitvik design tokens for colors, typography, and spacing.
 *
 * @package Sitvik
 */

/* ==========================================================================
   1. Base & Layout Helpers
   ========================================================================== */
.seminar-landing-page {
	position: relative;
	background-color: var(--ot-cream, #faf8f5);
	color: var(--ot-text, #211e1e);
	overflow-x: hidden;
	padding-bottom: 70px; /* Space for sticky bar */
}

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

.text-highlight {
	color: var(--ot-spice-amber, #ab5000);
	position: relative;
	display: inline-block;
}

.text-highlight::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 6px;
	background: rgba(248, 154, 72, 0.35);
	border-radius: 3px;
	z-index: -1;
}

.section-head {
	max-width: 820px;
	margin: 0 auto 3rem;
}

.section-eyebrow {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--ot-green, #445c32);
	background: var(--ot-green-soft, #f0f4ec);
	padding: 0.35rem 1rem;
	border-radius: var(--radius-full, 9999px);
	margin-bottom: 0.75rem;
	border: 1px solid rgba(68, 92, 50, 0.15);
}

.section-title {
	font-family: var(--font-display, "Playfair Display", Georgia, serif);
	font-size: clamp(1.85rem, 3.2vw, 2.75rem);
	color: var(--ot-heading, #4e2d16);
	line-height: 1.25;
	margin-bottom: 0.75rem;
}

.section-title-del {
	color: var(--ot-text-muted, #66615b);
	font-size: 0.85em;
	text-decoration: line-through;
	opacity: 0.6;
}

.section-subtitle {
	font-size: 1.1rem;
	color: var(--ot-text-muted, #66615b);
	line-height: 1.6;
	margin: 0 auto;
}

/* ==========================================================================
   2. Seminar Hero Section
   ========================================================================== */
.seminar-hero {
	position: relative;
	padding: 3.5rem 0 4rem;
	background: radial-gradient(circle at 50% 15%, #ffffff 0%, #faf6f0 60%, #f4eee3 100%);
	border-bottom: 1px solid var(--ot-border-light, #ece7e1);
	overflow: hidden;
}

.seminar-hero__glow-bg {
	position: absolute;
	top: -150px;
	left: 50%;
	transform: translateX(-50%);
	width: 900px;
	height: 500px;
	background: radial-gradient(circle, rgba(248, 154, 72, 0.18) 0%, rgba(68, 92, 50, 0.05) 50%, transparent 70%);
	filter: blur(60px);
	pointer-events: none;
	z-index: 0;
}

.seminar-hero__container {
	position: relative;
	z-index: 1;
	max-width: 980px;
	text-align: center;
}

.seminar-hero__badge-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.seminar-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0.4rem 1rem;
	border-radius: var(--radius-full, 9999px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.seminar-pill--live {
	background: #ebf7ee;
	color: #1f6b2d;
	border: 1px solid rgba(31, 107, 45, 0.2);
}

.seminar-pill__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1f6b2d;
	animation: pillPulse 1.8s infinite;
}

@keyframes pillPulse {
	0% { transform: scale(0.9); opacity: 1; }
	50% { transform: scale(1.4); opacity: 0.5; }
	100% { transform: scale(0.9); opacity: 1; }
}

.seminar-pill--urgency {
	background: #fdf2e9;
	color: #ab5000;
	border: 1px solid rgba(171, 80, 0, 0.2);
}

.price-strikethrough {
	text-decoration: line-through;
	color: #888;
}

.price-accent {
	color: #ab5000;
}

.seminar-pill--seats {
	background: #fff8e6;
	color: #8a6500;
	border: 1px solid rgba(138, 101, 0, 0.2);
}

.seminar-hero__title {
	font-family: var(--font-display, "Playfair Display", Georgia, serif);
	font-size: clamp(2rem, 4.2vw, 3.25rem);
	font-weight: 700;
	color: var(--ot-heading, #4e2d16);
	line-height: 1.2;
	margin-bottom: 1.25rem;
	letter-spacing: -0.01em;
}

.seminar-hero__subtitle {
	font-size: clamp(1.05rem, 1.6vw, 1.25rem);
	color: var(--ot-text-muted, #66615b);
	line-height: 1.65;
	max-width: 820px;
	margin: 0 auto 2.25rem;
}

/* Event Metadata Bar */
.seminar-meta-bar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	background: #ffffff;
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-lg, 12px);
	padding: 1.25rem 1.5rem;
	box-shadow: 0 4px 20px rgba(33, 30, 30, 0.05);
	margin-bottom: 2rem;
	text-align: left;
}

.seminar-meta-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.seminar-meta-icon {
	font-size: 1.75rem;
	line-height: 1;
}

.seminar-meta-text strong {
	display: block;
	font-size: 0.95rem;
	color: var(--ot-charcoal, #211e1e);
}

.seminar-meta-text span {
	font-size: 0.825rem;
	color: var(--ot-text-muted, #66615b);
}

/* Ticket Box with Strikethrough Pricing */
/* Ticket Box with Strikethrough Pricing */
.seminar-ticket-box {
	background: linear-gradient(135deg, #ffffff 0%, #fffbf5 100%);
	border: 2px solid var(--ot-gold, #f89a48);
	border-radius: var(--radius-lg, 16px);
	padding: 1.75rem 2rem;
	box-shadow: 0 8px 30px rgba(211, 84, 0, 0.1);
	margin-bottom: 2.5rem;
	display: grid;
	grid-template-columns: auto auto 1fr;
	align-items: center;
	gap: 2rem;
	text-align: left;
}

.seminar-ticket-box__col--price {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.price-was {
	display: block;
	font-size: 0.95rem;
	color: #777;
}

.price-was del {
	font-weight: 700;
	color: #a00;
}

.price-now {
	display: flex;
	align-items: baseline;
	gap: 0.25rem;
}

.price-currency {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--ot-green, #445c32);
}

.price-amount {
	font-size: 3.2rem;
	font-weight: 800;
	color: var(--ot-green, #445c32);
	line-height: 1;
	font-family: var(--font-body);
}

.price-tax {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--ot-spice-amber, #ab5000);
	background: #fff0e2;
	padding: 0.2rem 0.6rem;
	border-radius: 4px;
	margin-left: 0.5rem;
}

.seminar-ticket-box__col--timer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 1px solid var(--ot-border-light, #ece7e1);
	padding-left: 1.75rem;
}

.timer-title {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.35rem;
}

.seminar-countdown {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.countdown-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--ot-charcoal, #211e1e);
	color: #fff;
	padding: 0.35rem 0.55rem;
	border-radius: 6px;
	min-width: 44px;
}

.countdown-val {
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1;
}

.countdown-lbl {
	font-size: 0.65rem;
	text-transform: uppercase;
	opacity: 0.75;
}

.countdown-sep {
	font-weight: 700;
	color: var(--ot-charcoal, #211e1e);
}

.seminar-ticket-box__col--cta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 0.5rem;
}

.seminar-hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	background: linear-gradient(135deg, #f26522 0%, #d35400 50%, #ab5000 100%) !important;
	color: #ffffff !important;
	font-weight: 800;
	font-size: 1.15rem;
	letter-spacing: 0.01em;
	padding: 1rem 2rem;
	border-radius: var(--radius-full, 9999px);
	text-decoration: none !important;
	box-shadow: 0 4px 18px rgba(211, 84, 0, 0.35);
	transition: all 0.25s ease;
	line-height: 1.2;
	white-space: nowrap;
}

.seminar-hero-btn * {
	color: #ffffff !important;
	font-weight: 800;
}

.seminar-hero-btn:hover {
	background: linear-gradient(135deg, #e65100 0%, #bf4000 100%) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(211, 84, 0, 0.45);
	color: #ffffff !important;
}

.seminar-ticket-box__guarantee {
	font-size: 0.8rem;
	color: var(--ot-text-muted, #66615b);
	margin: 0;
	text-align: right;
}

/* Video Teaser Box */
.seminar-video-box {
	max-width: 860px;
	margin: 0 auto 3rem;
	background: #000;
	border-radius: var(--radius-lg, 16px);
	overflow: hidden;
	box-shadow: 0 16px 40px rgba(33, 30, 30, 0.16);
	border: 1px solid var(--ot-border, #ded5cd);
}

.seminar-video-box__poster {
	position: relative;
	min-height: 380px;
	background: linear-gradient(135deg, #2e1d13 0%, #15220f 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2.5rem 1.5rem;
	color: #ffffff;
}

.seminar-play-btn {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--ot-gold, #f89a48);
	color: #fff;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 0 0 10px rgba(248, 154, 72, 0.3);
	margin-bottom: 1.25rem;
	transition: transform 0.3s ease, background 0.3s ease;
}

.seminar-play-btn:hover {
	transform: scale(1.1);
	background: var(--ot-spice-orange, #d35400);
}

.seminar-video-box__caption strong {
	display: block;
	font-size: 1.25rem;
	margin-bottom: 0.35rem;
}

.seminar-video-box__caption span {
	font-size: 0.95rem;
	opacity: 0.85;
}

.kitchen-ingredients-float {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.kitchen-ingredients-float span {
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(8px);
	padding: 0.35rem 0.85rem;
	border-radius: 20px;
	font-size: 0.85rem;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.is-hidden {
	display: none !important;
}

/* Social Proof Bar */
.seminar-proof-strip {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	gap: 1.5rem;
	background: #ffffff;
	border: 1px solid var(--ot-border-light, #ece7e1);
	border-radius: var(--radius-lg, 12px);
	padding: 1.5rem 2rem;
	box-shadow: var(--shadow-soft, 0 4px 20px rgba(33, 30, 30, 0.06));
}

.seminar-proof-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.seminar-proof-num {
	font-size: 1.85rem;
	color: var(--ot-heading, #4e2d16);
	font-family: var(--font-display, serif);
}

.seminar-proof-txt {
	font-size: 0.85rem;
	color: var(--ot-text-muted, #66615b);
}

.seminar-proof-divider {
	width: 1px;
	height: 36px;
	background: var(--ot-border, #ded5cd);
}

/* ==========================================================================
   3. Curriculum / What You Will Learn
   ========================================================================== */
.seminar-curriculum {
	padding: 5rem 0;
	background: #ffffff;
}

.curriculum-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-bottom: 3rem;
}

.curriculum-card {
	background: var(--ot-cream, #faf8f5);
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-lg, 16px);
	padding: 2.25rem 2rem;
	position: relative;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.curriculum-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(68, 92, 50, 0.08);
	border-color: var(--ot-green, #445c32);
}

.curriculum-card__badge {
	position: absolute;
	top: -12px;
	left: 24px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	background: var(--ot-green, #445c32);
	color: #fff;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
}

.curriculum-card__icon {
	font-size: 2.5rem;
	margin-bottom: 1rem;
	line-height: 1;
}

.curriculum-card__title {
	font-size: 1.35rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.75rem;
}

.curriculum-card__desc {
	font-size: 0.95rem;
	color: var(--ot-text-muted, #66615b);
	line-height: 1.55;
	margin-bottom: 1.25rem;
}

.curriculum-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.curriculum-list li {
	font-size: 0.9rem;
	color: var(--ot-text, #211e1e);
	padding: 0.45rem 0;
	border-top: 1px dashed var(--ot-border, #ded5cd);
	line-height: 1.45;
}

.webinar-pitch-notice {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	background: #fcf9f2;
	border: 1px solid var(--ot-gold, #f89a48);
	border-radius: var(--radius-lg, 12px);
	padding: 1.75rem 2rem;
	box-shadow: 0 4px 16px rgba(248, 154, 72, 0.08);
}

.webinar-pitch-notice__icon {
	font-size: 2.25rem;
	line-height: 1;
}

.webinar-pitch-notice__content h4 {
	font-size: 1.15rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.35rem;
}

.webinar-pitch-notice__content p {
	font-size: 0.95rem;
	color: var(--ot-text-muted, #66615b);
	margin: 0;
	line-height: 1.55;
}

/* ==========================================================================
   4. 150+ Recipe Showcase Grid & Category Filter Tabs
   ========================================================================== */
.seminar-recipes {
	padding: 5rem 0;
	background: var(--ot-cream, #faf8f5);
}

.recipe-filter-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
	margin-bottom: 2.5rem;
}

.recipe-filter-btn {
	background: #ffffff;
	border: 1px solid var(--ot-border, #ded5cd);
	color: var(--ot-text, #211e1e);
	padding: 0.55rem 1.25rem;
	border-radius: var(--radius-full, 9999px);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.recipe-filter-btn:hover {
	border-color: var(--ot-green, #445c32);
	color: var(--ot-green, #445c32);
}

.recipe-filter-btn.is-active {
	background: var(--ot-green, #445c32);
	color: #ffffff;
	border-color: var(--ot-green, #445c32);
	box-shadow: 0 4px 12px rgba(68, 92, 50, 0.2);
}

.recipe-preview-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
	margin-bottom: 3rem;
}

.recipe-preview-card {
	background: #ffffff;
	border: 1px solid var(--ot-border-light, #ece7e1);
	border-radius: var(--radius-lg, 12px);
	padding: 1.5rem;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: transform 0.2s ease, border-color 0.2s ease;
}

.recipe-preview-card:hover {
	transform: translateY(-3px);
	border-color: var(--ot-gold, #f89a48);
	box-shadow: 0 8px 24px rgba(33, 30, 30, 0.08);
}

.recipe-preview-card__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.75rem;
}

.recipe-cat-badge {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--ot-green, #445c32);
}

.recipe-flag-badge {
	font-size: 0.75rem;
	background: #fdf0e4;
	color: #ab5000;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	font-weight: 600;
}

.recipe-preview-card__title {
	font-size: 1.15rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.5rem;
	line-height: 1.35;
}

.recipe-preview-card__desc {
	font-size: 0.875rem;
	color: var(--ot-text-muted, #66615b);
	line-height: 1.5;
	margin-bottom: 1.25rem;
	flex-grow: 1;
}

.recipe-preview-card__meta {
	display: flex;
	justify-content: space-between;
	font-size: 0.8rem;
	color: var(--ot-charcoal, #211e1e);
	padding-top: 0.75rem;
	border-top: 1px solid var(--ot-border-light, #ece7e1);
}

.recipes-vault-footer {
	text-align: center;
	max-width: 680px;
	margin: 0 auto;
}

.vault-counter-badge span {
	display: inline-block;
	background: #eef5e9;
	color: #2b611e;
	font-weight: 700;
	padding: 0.5rem 1.25rem;
	border-radius: 20px;
	margin-bottom: 1rem;
	font-size: 0.95rem;
}

.vault-footer-text {
	font-size: 1rem;
	color: var(--ot-text-muted, #66615b);
	margin-bottom: 1.5rem;
}

/* ==========================================================================
   5. Business Toolkit Showcase
   ========================================================================== */
.seminar-toolkit {
	padding: 5rem 0;
	background: #ffffff;
}

.toolkit-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.5rem;
	margin-bottom: 3.5rem;
}

.toolkit-card {
	background: var(--ot-cream, #faf8f5);
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-lg, 12px);
	padding: 1.75rem 1.5rem;
	transition: transform 0.2s ease, border-color 0.2s ease;
}

.toolkit-card:hover {
	transform: translateY(-3px);
	border-color: var(--ot-spice-amber, #ab5000);
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(171, 80, 0, 0.08);
}

.toolkit-card__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.75rem;
}

.toolkit-card__icon {
	font-size: 2rem;
	line-height: 1;
}

.toolkit-card__tag {
	font-size: 0.75rem;
	font-weight: 700;
	background: #e8ede3;
	color: #334724;
	padding: 0.2rem 0.55rem;
	border-radius: 4px;
}

.toolkit-card__title {
	font-size: 1.15rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.5rem;
}

.toolkit-card__desc {
	font-size: 0.875rem;
	color: var(--ot-text-muted, #66615b);
	line-height: 1.5;
	margin: 0;
}

.toolkit-cta-callout {
	background: linear-gradient(135deg, #334724 0%, #1f2d15 100%);
	color: #ffffff;
	border-radius: var(--radius-lg, 16px);
	padding: 2.5rem 3rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.toolkit-cta-callout__text h3 {
	color: #ffffff;
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

.toolkit-cta-callout__text p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	max-width: 600px;
}

/* ==========================================================================
   6. Registration Main Card & Form
   ========================================================================== */
.seminar-registration {
	padding: 5rem 0;
	background: radial-gradient(circle at 50% 0%, #f7f3ec 0%, #ede6db 100%);
}

.registration-main-card {
	background: #ffffff;
	border-radius: var(--radius-lg, 20px);
	box-shadow: 0 16px 50px rgba(33, 30, 30, 0.12);
	border: 1px solid var(--ot-border, #ded5cd);
	overflow: hidden;
	margin-bottom: 4.5rem;
}

.registration-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 900px) {
	.registration-layout {
		grid-template-columns: 1fr;
	}
}

.registration-included {
	padding: 3rem 2.5rem;
	background: #faf8f5;
	border-right: 1px solid var(--ot-border-light, #ece7e1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.included-badge {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--ot-spice-amber, #ab5000);
	background: #fff1e5;
	padding: 0.35rem 0.85rem;
	border-radius: 20px;
	margin-bottom: 0.75rem;
}

.included-title {
	font-size: 1.75rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 1.5rem;
}

.included-checklist {
	list-style: none;
	padding: 0;
	margin: 0 0 2rem;
}

.included-checklist li {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	margin-bottom: 1.15rem;
}

.check-icon {
	color: #fff;
	background: var(--ot-green, #445c32);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 900;
	flex-shrink: 0;
	margin-top: 2px;
}

.check-content strong {
	display: block;
	font-size: 0.95rem;
	color: var(--ot-charcoal, #211e1e);
}

.check-content span {
	font-size: 0.85rem;
	color: var(--ot-text-muted, #66615b);
}

.included-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--ot-border, #ded5cd);
}

.trust-badge-mini {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--ot-charcoal, #211e1e);
}

.registration-checkout-box {
	padding: 3rem 2.5rem;
}

.checkout-box__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--ot-border-light, #ece7e1);
}

.checkout-price-tag .original-price {
	display: block;
	font-size: 0.85rem;
	color: #777;
}

.checkout-price-tag .final-price {
	display: flex;
	align-items: baseline;
	gap: 0.2rem;
}

.final-price .currency {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--ot-green, #445c32);
}

.final-price .amount {
	font-size: 2.75rem;
	font-weight: 800;
	color: var(--ot-green, #445c32);
	line-height: 1;
}

.final-price .tax-info {
	font-size: 0.8rem;
	color: var(--ot-text-muted, #66615b);
	margin-left: 0.5rem;
}

.live-dot-tag {
	font-size: 0.85rem;
	font-weight: 700;
	color: #d35400;
	background: #fef4ec;
	padding: 0.35rem 0.85rem;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.pulse-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d35400;
	animation: pillPulse 1.8s infinite;
}

.seminar-reg-form .form-group {
	margin-bottom: 1.25rem;
}

.seminar-reg-form label {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 0.4rem;
	color: var(--ot-charcoal, #211e1e);
}

.seminar-reg-form .form-control {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-sm, 6px);
	font-family: inherit;
	font-size: 0.95rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.seminar-reg-form .form-control:focus {
	outline: none;
	border-color: var(--ot-green, #445c32);
	box-shadow: 0 0 0 3px rgba(68, 92, 50, 0.15);
}

.phone-input-wrap {
	display: flex;
}

.phone-prefix {
	background: #eef1eb;
	border: 1px solid var(--ot-border, #ded5cd);
	border-right: none;
	border-radius: var(--radius-sm, 6px) 0 0 var(--radius-sm, 6px);
	padding: 0.75rem 0.85rem;
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--ot-text, #211e1e);
}

.phone-input-wrap .form-control {
	border-radius: 0 var(--radius-sm, 6px) var(--radius-sm, 6px) 0;
}

.radio-pill-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
}

.radio-pill {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-sm, 6px);
	cursor: pointer;
	font-size: 0.85rem;
	font-weight: 600;
	transition: all 0.2s ease;
}

.radio-pill:has(input:checked) {
	border-color: var(--ot-green, #445c32);
	background: var(--ot-green-soft, #f0f4ec);
	color: var(--ot-green-dark, #334724);
}

.btn-pay-ticket {
	margin-top: 1.25rem;
	background: linear-gradient(135deg, #f26522 0%, #d35400 50%, #ab5000 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 1.2rem !important;
	letter-spacing: 0.02em;
	padding: 1.15rem 2rem !important;
	border: none !important;
	border-radius: var(--radius-full, 9999px) !important;
	cursor: pointer;
	box-shadow: 0 6px 22px rgba(211, 84, 0, 0.4) !important;
	transition: all 0.25s ease !important;
	display: block;
	width: 100%;
	text-align: center;
}

.btn-pay-ticket .btn-text,
.btn-pay-ticket * {
	color: #ffffff !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
}

.btn-pay-ticket:hover {
	background: linear-gradient(135deg, #e65100 0%, #bf4000 100%) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(211, 84, 0, 0.5) !important;
	color: #ffffff !important;
}

.btn-pay-ticket:active {
	transform: translateY(0);
}

.payment-methods-strip {
	margin-top: 1.25rem;
	text-align: center;
	font-size: 0.75rem;
	color: var(--ot-text-muted, #66615b);
}

.payment-icons-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	margin-top: 0.4rem;
}

.pay-icon-tag {
	background: #f3efe9;
	border: 1px solid #ded5cd;
	padding: 0.15rem 0.5rem;
	border-radius: 4px;
	font-size: 0.7rem;
	font-weight: 600;
}

.form-guarantee-note {
	margin-top: 1.25rem;
	font-size: 0.775rem;
	color: var(--ot-text-muted, #66615b);
	text-align: center;
	line-height: 1.45;
	background: #f9fbf8;
	padding: 0.75rem;
	border-radius: 6px;
	border: 1px solid #e1ebdc;
}

.checkout-success-msg {
	text-align: center;
	padding: 2.5rem 1rem;
}

.success-icon {
	font-size: 3.5rem;
	margin-bottom: 1rem;
}

/* Sneak Peek Path Comparison */
.path-comparison-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 2rem;
	max-width: 900px;
	margin: 0 auto;
}

.path-card {
	background: #ffffff;
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-lg, 16px);
	padding: 2.5rem 2rem;
	position: relative;
	box-shadow: 0 4px 20px rgba(33, 30, 30, 0.05);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.path-card--featured {
	border: 2px solid var(--ot-spice-orange, #d35400);
	background: #fffdfb;
	box-shadow: 0 12px 35px rgba(211, 84, 0, 0.12);
}

.path-card__popular-tag {
	position: absolute;
	top: -12px;
	right: 24px;
	background: var(--ot-spice-orange, #d35400);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
}

.path-card__badge {
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--ot-green, #445c32);
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.path-card__title {
	font-size: 1.5rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.25rem;
}

.path-card__subtitle {
	font-size: 0.9rem;
	color: var(--ot-text-muted, #66615b);
	margin-bottom: 1.5rem;
}

.path-features {
	list-style: none;
	padding: 0;
	margin: 0 0 2rem;
}

.path-features li {
	font-size: 0.9rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--ot-border-light, #ece7e1);
	line-height: 1.45;
}

.path-features .feature-disabled {
	color: #999;
	text-decoration: line-through;
}

.path-footer-note {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--ot-spice-amber, #ab5000);
	text-align: center;
	background: #fbf5ee;
	padding: 0.6rem;
	border-radius: 6px;
}

/* ==========================================================================
   7. Frequently Asked Questions Accordion
   ========================================================================== */
.seminar-faq {
	padding: 5rem 0;
	background: #ffffff;
}

.faq-accordion {
	max-width: 800px;
	margin: 0 auto 3.5rem;
}

.faq-item {
	border-bottom: 1px solid var(--ot-border, #ded5cd);
}

.faq-question {
	width: 100%;
	background: none;
	border: none;
	padding: 1.25rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--ot-heading, #4e2d16);
	cursor: pointer;
	transition: color 0.2s ease;
}

.faq-question:hover {
	color: var(--ot-spice-amber, #ab5000);
}

.faq-toggle-icon {
	font-size: 1.5rem;
	line-height: 1;
	color: var(--ot-green, #445c32);
	transition: transform 0.2s ease;
}

.faq-item.is-open .faq-toggle-icon {
	transform: rotate(45deg);
}

.faq-answer {
	padding-bottom: 1.25rem;
	color: var(--ot-text-muted, #66615b);
	font-size: 0.95rem;
	line-height: 1.6;
}

.faq-help-box {
	background: var(--ot-cream, #faf8f5);
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-lg, 12px);
	padding: 2rem;
	max-width: 600px;
	margin: 0 auto;
}

.faq-help-box p {
	font-size: 1rem;
	margin-bottom: 1.25rem;
	color: var(--ot-charcoal, #211e1e);
}

/* ==========================================================================
   8. Sticky Bottom Registration Bar (Mobile & Desktop)
   ========================================================================== */
.seminar-sticky-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(10px);
	border-top: 1px solid var(--ot-border, #ded5cd);
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
	padding: 0.85rem 0;
	z-index: 999;
	transform: translateY(120%);
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.seminar-sticky-bar.is-visible {
	transform: translateY(0);
}

.seminar-sticky-bar__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.seminar-sticky-bar__info {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.sticky-tag {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background: var(--ot-green, #445c32);
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
}

.sticky-price-group {
	display: flex;
	align-items: baseline;
	gap: 0.4rem;
}

.sticky-original del {
	color: #999;
	font-size: 0.85rem;
}

.sticky-final {
	color: var(--ot-spice-amber, #ab5000);
	font-size: 1.25rem;
	font-weight: 800;
}

.sticky-seats-note {
	font-size: 0.8rem;
	color: #d35400;
	font-weight: 600;
}

.seminar-sticky-btn {
	padding: 0.65rem 1.5rem;
	font-size: 0.95rem;
	font-weight: 700;
	border-radius: var(--radius-full, 9999px);
	background: var(--ot-spice-orange, #d35400);
	color: #fff !important;
	text-decoration: none;
	white-space: nowrap;
}

/* ==========================================================================
   9. Responsive Tweaks
   ========================================================================== */
@media (max-width: 900px) {
	.seminar-ticket-box {
		grid-template-columns: 1fr;
		gap: 1.25rem;
		text-align: center;
		padding: 1.5rem;
	}

	.seminar-ticket-box__col--price {
		align-items: center;
	}

	.seminar-ticket-box__col--timer {
		border-left: none;
		border-top: 1px solid var(--ot-border-light, #ece7e1);
		padding-left: 0;
		padding-top: 1rem;
		align-items: center;
	}

	.seminar-ticket-box__col--cta {
		align-items: center;
		width: 100%;
	}

	.seminar-hero-btn {
		width: 100%;
		text-align: center;
	}

	.seminar-ticket-box__guarantee {
		text-align: center;
	}

	.seminar-meta-bar {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.seminar-proof-strip {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.25rem;
	}

	.seminar-proof-divider {
		display: none;
	}

	.radio-pill-group {
		grid-template-columns: 1fr;
	}

	.registration-included,
	.registration-checkout-box {
		padding: 2rem 1.5rem;
	}

	.toolkit-cta-callout {
		padding: 2rem 1.5rem;
		text-align: center;
		justify-content: center;
	}
}

/* ==========================================================================
   10. Thank You Page Styling
   ========================================================================== */
.seminar-thankyou-page {
	padding-bottom: 5rem;
}

.thankyou-hero {
	padding: 4.5rem 0 3rem;
	background: radial-gradient(circle at 50% 20%, #ffffff 0%, #faf6f0 70%, #f4eee3 100%);
	border-bottom: 1px solid var(--ot-border-light, #ece7e1);
}

.thankyou-badge-wrap {
	margin-bottom: 1.5rem;
}

.thankyou-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #eaf6ec;
	color: #1f6b2d;
	border: 1px solid rgba(31, 107, 45, 0.25);
	font-weight: 700;
	font-size: 0.95rem;
	padding: 0.45rem 1.25rem;
	border-radius: var(--radius-full, 9999px);
	box-shadow: 0 2px 8px rgba(31, 107, 45, 0.1);
}

.pill-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: #1f6b2d;
	color: #fff;
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 900;
}

.thankyou-title {
	font-family: var(--font-display, "Playfair Display", Georgia, serif);
	font-size: clamp(2rem, 4vw, 3.25rem);
	color: var(--ot-heading, #4e2d16);
	line-height: 1.25;
	margin-bottom: 1rem;
}

.thankyou-subtitle {
	font-size: 1.15rem;
	color: var(--ot-text-muted, #66615b);
	max-width: 760px;
	margin: 0 auto 1.5rem;
	line-height: 1.6;
}

.thankyou-order-strip {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	background: #ffffff;
	border: 1px solid var(--ot-border, #ded5cd);
	padding: 0.5rem 1.25rem;
	border-radius: 8px;
	font-size: 0.85rem;
	color: var(--ot-charcoal, #211e1e);
}

.dot-sep {
	color: var(--ot-border, #ded5cd);
}

/* Action Cards Grid */
.thankyou-actions-section {
	padding: 3.5rem 0;
	background: #ffffff;
}

.action-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	max-width: 1080px;
	margin: 0 auto;
}

.action-card {
	background: var(--ot-cream, #faf8f5);
	border: 2px solid var(--ot-border-light, #ece7e1);
	border-radius: var(--radius-lg, 16px);
	padding: 2.25rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.action-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 35px rgba(33, 30, 30, 0.08);
}

.action-card--calendar {
	border-color: #e0ebf5;
}

.action-card--community {
	border-color: #25d366;
	background: #f7fdf9;
}

.action-card--channel {
	border-color: #e5f4ea;
}

.action-card__step {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ot-text-muted, #66615b);
	margin-bottom: 0.75rem;
}

.action-card__icon {
	font-size: 2.75rem;
	margin-bottom: 0.75rem;
	line-height: 1;
}

.action-card__title {
	font-size: 1.25rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 0.5rem;
}

.action-card__desc {
	font-size: 0.9rem;
	color: var(--ot-text-muted, #66615b);
	line-height: 1.5;
	margin-bottom: 1.5rem;
	flex-grow: 1;
}

.action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.5rem;
	border-radius: var(--radius-full, 9999px);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none !important;
	transition: all 0.2s ease;
	line-height: 1.2;
}

.action-btn--calendar {
	background: #1a73e8;
	color: #ffffff !important;
	box-shadow: 0 4px 15px rgba(26, 115, 232, 0.25);
}

.action-btn--calendar:hover {
	background: #1557b0;
	transform: translateY(-2px);
}

.action-btn--community {
	background: #25d366;
	color: #ffffff !important;
	box-shadow: 0 4px 15px rgba(37, 211, 102, 0.35);
}

.action-btn--community:hover {
	background: #1da851;
	transform: translateY(-2px);
}

.action-btn--channel {
	background: var(--ot-charcoal, #211e1e);
	color: #ffffff !important;
	box-shadow: 0 4px 15px rgba(33, 30, 30, 0.2);
}

.action-btn--channel:hover {
	background: #000000;
	transform: translateY(-2px);
}

/* Thank You Details Section */
.thankyou-details-section {
	padding: 4rem 0;
	background: var(--ot-cream, #faf8f5);
}

.details-card-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 2rem;
	max-width: 960px;
	margin: 0 auto;
}

.details-card {
	background: #ffffff;
	border: 1px solid var(--ot-border, #ded5cd);
	border-radius: var(--radius-lg, 16px);
	padding: 2.25rem 2rem;
	box-shadow: 0 4px 20px rgba(33, 30, 30, 0.04);
}

.details-card h3 {
	font-size: 1.25rem;
	color: var(--ot-heading, #4e2d16);
	margin-bottom: 1.25rem;
}

.checklist-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.checklist-items li {
	font-size: 0.9rem;
	color: var(--ot-text, #211e1e);
	padding: 0.65rem 0;
	border-bottom: 1px dashed var(--ot-border-light, #ece7e1);
	line-height: 1.5;
}

.details-card--support {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.details-card--support p {
	font-size: 0.95rem;
	color: var(--ot-text-muted, #66615b);
	line-height: 1.6;
	margin-bottom: 1.5rem;
}


/* ==========================================================================
   Minimal Header — Seminar Landing Page & Thank You Page
   Body class: .seminar-minimal-header
   Hides the announcement bar, search, nav, and all action icons.
   Only the centered logo remains visible.
   ========================================================================== */

/* Hide the top announcement bar */
.seminar-minimal-header .announcement-bar,
.seminar-minimal-header #announcement-bar {
	display: none !important;
}

/* Hide mobile hamburger */
.seminar-minimal-header .menu-toggle {
	display: none !important;
}

/* Hide search bar */
.seminar-minimal-header .site-header__search {
	display: none !important;
}

/* Hide the action icons strip (WhatsApp, Account, Wishlist, Cart) */
.seminar-minimal-header .site-header__actions {
	display: none !important;
}

/* Hide the full navigation bar */
.seminar-minimal-header .site-header__nav {
	display: none !important;
}

/* Center the logo inside the header now that siblings are gone */
.seminar-minimal-header .site-header__main-inner {
	justify-content: center;
}

/* Make the branding wrapper full width so it truly centers */
.seminar-minimal-header .site-branding--center {
	position: static;
	transform: none;
	flex: none;
	margin: 0 auto;
}

/* Optional: slim the header height slightly on minimal pages */
.seminar-minimal-header .site-header__main {
	padding-block: 0.75rem;
}

/* Hide footer on seminar minimal pages */
.seminar-minimal-header #colophon,
.seminar-minimal-header .site-footer,
.seminar-minimal-header footer {
	display: none !important;
}


/* ==========================================================================
   11. Version 2 High-Conversion Palette:
       - Warm Spice Orange: Action, Energy, Key CTA Buttons & Price Hooks
       - Herbal Green: Purity, Clean-Label Verification, Guarantees & Profit
       - Cream & Linen: Warm Organic Backgrounds, Soft Food-Grade Texture
       - Deep Espresso Roast: Maximum Contrast Typography
   ========================================================================== */

.seminar-landing-page--v2,
.seminar-funnel-v2 {
	background-color: #faf7f2;
	color: #2b2420;
}

/* Hero Section Base with Soft Organic Cream Radial Gradient */
.seminar-hero--v2 {
	background: radial-gradient(circle at 50% 12%, #ffffff 0%, #fbf8f3 50%, #f4ecdf 100%) !important;
	border-bottom: 1px solid #e7ded2;
	padding: 3.5rem 0 4.5rem;
}

/* Top Scarcity & Proof Ticker */
.v2-top-ticker {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	justify-content: center;
	align-items: center;
	margin-bottom: 2.25rem;
}

.v2-ticker-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.45rem 1.05rem;
	border-radius: 9999px;
	font-size: 0.84rem;
	font-weight: 600;
	background: #ffffff;
	border: 1px solid #e4dacd;
	box-shadow: 0 2px 10px rgba(78, 45, 22, 0.04);
}

.v2-ticker-pill--rating {
	color: #633e00;
	border-color: #f5d487;
	background: #fffdf5;
}

.v2-stars {
	color: #e67e22;
	letter-spacing: 1px;
}

.v2-ticker-pill--urgency {
	background: #fff5ed;
	border-color: #f9d3b4;
	color: #873600;
}

.v2-accent-text {
	color: #e65100;
	font-weight: 800;
}

.v2-ticker-pill--urgency del {
	color: #8c827a;
	margin-left: 0.25rem;
}

.v2-ticker-pill--seats {
	background: #fdf3f2;
	border-color: #f7cecb;
	color: #922b21;
}

.v2-live-dot {
	width: 9px;
	height: 9px;
	background: #27ae60;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.28);
	animation: pulse 1.8s infinite;
}

/* 2-Column Split Hero Layout */
.v2-hero-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 3.5rem;
	align-items: flex-start;
}

@media (max-width: 992px) {
	.v2-hero-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
}

/* Herbal Green Eyebrow Badge */
.v2-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #1b4d24;
	background: #eaf5ec;
	border: 1px solid #b8dec0;
	padding: 0.4rem 0.95rem;
	border-radius: 6px;
	margin-bottom: 1.25rem;
}

/* Headlines: Deep Espresso Roast */
.v2-hero-title {
	font-size: 2.75rem;
	font-weight: 800;
	line-height: 1.2;
	color: #2e1a0f;
	margin-bottom: 1.25rem;
	letter-spacing: -0.025em;
}

/* Saffron / Warm Spice Highlight Accent */
.v2-title-highlight {
	color: #b83d00;
	background: linear-gradient(180deg, transparent 72%, rgba(243, 156, 18, 0.32) 72%);
	display: inline;
}

.v2-hero-subtitle {
	font-size: 1.12rem;
	color: #554a43;
	line-height: 1.65;
	margin-bottom: 2rem;
}

/* Psychology Promise List with Herbal Green Check Badges */
.v2-promise-list {
	list-style: none;
	padding: 0;
	margin: 0 0 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.v2-promise-list li {
	display: flex;
	gap: 0.9rem;
	align-items: flex-start;
}

.v2-check-badge {
	width: 25px;
	height: 25px;
	background: #2d6a36;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.88rem;
	font-weight: 800;
	flex-shrink: 0;
	margin-top: 0.15rem;
	box-shadow: 0 3px 8px rgba(45, 106, 54, 0.25);
}

.v2-promise-list li div strong {
	display: block;
	color: #2e1a0f;
	font-size: 1.02rem;
	margin-bottom: 0.15rem;
}

.v2-promise-list li div span {
	color: #554a43;
	font-size: 0.9rem;
	line-height: 1.48;
}

/* Event Metadata Card: Warm Linen with Subtle Gold/Green Accents */
.v2-event-meta-card {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	background: #ffffff;
	border: 1px solid #e2d8cb;
	border-radius: 12px;
	padding: 1.15rem 1.25rem;
	margin-bottom: 2.25rem;
	box-shadow: 0 4px 18px rgba(78, 45, 22, 0.04);
}

@media (max-width: 600px) {
	.v2-event-meta-card {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}
}

.v2-meta-cell {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.v2-meta-icon {
	font-size: 1.5rem;
	line-height: 1;
}

.v2-meta-cell small {
	display: block;
	font-size: 0.74rem;
	color: #7d7066;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 600;
}

.v2-meta-cell strong {
	font-size: 0.94rem;
	color: #2e1a0f;
	font-weight: 700;
}

/* Primary CTA Button: Unmissable Warm Spice Orange */
.v2-hero-actions {
	margin-bottom: 1rem;
}

.v2-cta-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(135deg, #f26522 0%, #e65100 50%, #bf360c 100%) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 1.15rem 1.85rem;
	border-radius: 14px;
	box-shadow: 0 8px 25px rgba(230, 81, 0, 0.42);
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.v2-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 34px rgba(230, 81, 0, 0.55);
	color: #ffffff !important;
}

.v2-cta-icon {
	font-size: 1.85rem;
	margin-right: 0.5rem;
}

.v2-cta-text-wrap {
	display: flex;
	flex-direction: column;
	text-align: left;
	flex: 1;
}

.v2-cta-main {
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.2;
	color: #ffffff !important;
}

.v2-cta-sub {
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.92);
	font-weight: 500;
	margin-top: 0.2rem;
}

.v2-cta-arrow {
	font-size: 1.6rem;
	font-weight: 800;
	margin-left: 0.5rem;
	transition: transform 0.2s ease;
	color: #ffffff;
}

.v2-cta-btn:hover .v2-cta-arrow {
	transform: translateX(5px);
}

/* Herbal Green Guarantee Reassurance Strip */
.v2-guarantee-strip {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	font-size: 0.82rem;
	color: #4a5c43;
	margin-top: 0.85rem;
	justify-content: center;
	font-weight: 600;
}

/* Right Column: Visual Product Box */
.v2-card-preview {
	background: #ffffff;
	border: 1px solid #ded4c5;
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(58, 34, 19, 0.08);
	overflow: hidden;
	position: sticky;
	top: 1.5rem;
}

.v2-preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	background: #fbf8f3;
	border-bottom: 1px solid #ebd9c5;
}

.v2-masterclass-tag {
	font-size: 0.84rem;
	font-weight: 700;
	color: #2e1a0f;
}

.v2-batch-fill {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.25rem;
}

.v2-progress-bar {
	width: 110px;
	height: 6px;
	background: #e7decb;
	border-radius: 3px;
	overflow: hidden;
}

.v2-progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #f39c12, #e65100);
	border-radius: 3px;
}

.v2-progress-label {
	font-size: 0.72rem;
	font-weight: 700;
	color: #b83d00;
}

/* Video Thumbnail Area */
.v2-video-thumbnail-box {
	position: relative;
	background: #111;
}

.v2-video-badge-group {
	position: absolute;
	bottom: 0.85rem;
	left: 0.85rem;
	display: flex;
	gap: 0.4rem;
	flex-wrap: wrap;
	z-index: 3;
}

.v2-vid-pill {
	background: rgba(0, 0, 0, 0.78);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 600;
	padding: 0.22rem 0.65rem;
	border-radius: 4px;
	backdrop-filter: blur(4px);
}

/* Alex Hormozi Mini Value Stack */
.v2-value-stack-mini {
	padding: 1.25rem 1.25rem 1.5rem;
}

.v2-stack-title {
	font-size: 0.96rem;
	font-weight: 800;
	color: #2e1a0f;
	margin-bottom: 0.85rem;
}

.v2-stack-items {
	list-style: none;
	padding: 0;
	margin: 0 0 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.v2-stack-items li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.84rem;
	color: #2b2420;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed #ede5d8;
}

.stack-tick {
	color: #2d6a36;
	font-weight: 800;
	margin-right: 0.45rem;
}

.stack-val {
	font-size: 0.78rem;
	color: #8c827a;
	text-decoration: line-through;
	font-weight: 600;
	margin-left: 0.5rem;
	white-space: nowrap;
}

/* Value Summary Box */
.v2-value-summary {
	background: #fbf8f3;
	border: 1px solid #ebd9c5;
	border-radius: 10px;
	padding: 0.85rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.v2-total-worth span {
	display: block;
	font-size: 0.72rem;
	color: #7d7066;
}

.v2-total-worth strong del {
	font-size: 1.1rem;
	color: #7d7066;
}

.v2-today-deal {
	text-align: right;
}

.v2-today-deal span {
	display: block;
	font-size: 0.72rem;
	color: #7d7066;
}

.deal-price {
	font-size: 1.65rem;
	font-weight: 900;
	color: #e65100;
	line-height: 1;
}

.deal-discount {
	font-size: 0.72rem;
	color: #27ae60;
	font-weight: 800;
	margin-left: 0.25rem;
}

/* Box Countdown */
.v2-box-timer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border: 1px solid #e0d5c5;
	border-radius: 8px;
	padding: 0.6rem 0.85rem;
}

.timer-tag {
	font-size: 0.78rem;
	font-weight: 700;
	color: #c0392b;
}

.v2-box-timer .seminar-countdown {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.v2-box-timer .countdown-unit {
	display: flex;
	align-items: baseline;
	gap: 0.15rem;
	background: #fbf8f3;
	padding: 0.2rem 0.45rem;
	border-radius: 4px;
	border: 1px solid #f0e6d6;
}

.v2-box-timer .countdown-val {
	font-size: 0.85rem;
	font-weight: 800;
	color: #2e1a0f;
}

.v2-box-timer .countdown-lbl {
	font-size: 0.65rem;
	color: #777;
}

.v2-box-timer .countdown-sep {
	font-weight: 700;
	color: #8c827a;
}

/* ==========================================================================
   12. Unit Economics Section (Rich Herbal Green Profits + Warm Cream)
   ========================================================================== */
.v2-economics-section {
	padding: 5rem 0;
	background: #ffffff;
	border-top: 1px solid #ece4d7;
	border-bottom: 1px solid #ece4d7;
}

.v2-economics-card {
	background: #faf7f2;
	border: 1px solid #ded4c5;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 12px 35px rgba(58, 34, 19, 0.04);
}

.v2-econ-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-bottom: 1px solid #ded4c5;
}

@media (max-width: 900px) {
	.v2-econ-grid {
		grid-template-columns: 1fr;
	}
}

.v2-econ-col {
	padding: 2.25rem 2rem;
	position: relative;
}

.v2-econ-col:not(:last-child) {
	border-right: 1px solid #ded4c5;
}

@media (max-width: 900px) {
	.v2-econ-col:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid #ded4c5;
	}
}

.v2-econ-badge {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #7d7066;
	background: #ffffff;
	border: 1px solid #d5cbbe;
	padding: 0.25rem 0.65rem;
	border-radius: 9999px;
	margin-bottom: 0.75rem;
}

.v2-econ-badge--green {
	color: #1b4d24;
	border-color: #b8dec0;
	background: #eaf5ec;
}

.v2-econ-badge--gold {
	color: #873600;
	border-color: #f7d27e;
	background: #fffdf5;
}

.v2-econ-title {
	font-size: 1.25rem;
	font-weight: 800;
	color: #2e1a0f;
	margin-bottom: 1.25rem;
}

.v2-cost-breakdown,
.v2-revenue-breakdown {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.v2-cost-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.88rem;
	color: #2b2420;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed #e7ded2;
}

.v2-cost-row strong {
	font-size: 0.95rem;
	color: #2e1a0f;
}

.v2-cost-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.75rem;
	padding: 0.85rem 1rem;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #ded4c5;
	font-weight: 700;
}

.v2-cost-total .cost-num {
	font-size: 1.3rem;
	color: #c0392b;
}

.v2-cost-total--green .revenue-num {
	font-size: 1.3rem;
	color: #27ae60;
}

/* Herbal Green High-Profit Card */
.v2-profit-highlight {
	background: #ffffff;
	border: 2px solid #27ae60;
	border-radius: 12px;
	padding: 1.25rem;
	box-shadow: 0 4px 15px rgba(39, 174, 96, 0.12);
}

.profit-per-pack {
	display: block;
	font-size: 0.95rem;
	color: #554a43;
	margin-bottom: 1rem;
}

.profit-per-pack strong {
	font-size: 1.45rem;
	color: #27ae60;
	font-weight: 900;
	display: block;
}

.v2-scale-table {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.scale-item {
	display: flex;
	justify-content: space-between;
	font-size: 0.88rem;
	padding: 0.45rem 0.65rem;
	border-radius: 6px;
	background: #fbf8f3;
}

.scale-item--featured {
	background: #eafaf1;
	border: 1px solid #a9dfbf;
	font-weight: 700;
}

.featured-profit {
	color: #27ae60;
	font-size: 1.05rem;
}

.v2-econ-footer {
	padding: 1.5rem 2rem;
	background: #f3ecdf;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25rem;
}

.v2-econ-footer-text {
	font-size: 0.92rem;
	color: #2e1a0f;
	max-width: 700px;
}

.v2-btn-sm-reserve {
	display: inline-block;
	background: linear-gradient(135deg, #f26522, #e65100);
	color: #ffffff !important;
	padding: 0.75rem 1.4rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.92rem;
	text-decoration: none !important;
	box-shadow: 0 4px 15px rgba(230, 81, 0, 0.35);
	transition: all 0.2s ease;
}

.v2-btn-sm-reserve:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(230, 81, 0, 0.45);
}

/* ==========================================================================
   13. Qualification Section (Herbal Green Yes vs. Crimson Red No)
   ========================================================================== */
.v2-qualification-section {
	padding: 5rem 0;
	background: #faf7f2;
}

.v2-qual-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

@media (max-width: 800px) {
	.v2-qual-grid {
		grid-template-columns: 1fr;
	}
}

.v2-qual-box {
	background: #ffffff;
	border-radius: 16px;
	padding: 2.25rem 2rem;
	border: 1px solid #e2d8cb;
	box-shadow: 0 4px 20px rgba(58, 34, 19, 0.04);
}

.v2-qual-box--yes {
	border-top: 4px solid #2d6a36;
}

.v2-qual-box--no {
	border-top: 4px solid #c0392b;
}

.v2-qual-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.v2-qual-icon {
	font-size: 1.5rem;
}

.v2-qual-header h3 {
	font-size: 1.25rem;
	font-weight: 800;
	color: #2e1a0f;
	margin: 0;
}

.v2-qual-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.v2-qual-list li {
	font-size: 0.95rem;
	line-height: 1.55;
	color: #554a43;
	position: relative;
	padding-left: 1.5rem;
}

.v2-qual-box--yes .v2-qual-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #2d6a36;
	font-weight: 900;
}

.v2-qual-box--no .v2-qual-list li::before {
	content: '✕';
	position: absolute;
	left: 0;
	color: #c0392b;
	font-weight: 900;
}

.v2-qual-list li strong {
	color: #2e1a0f;
}

/* ==========================================================================
   14. Social Proof Section
   ========================================================================== */
.v2-social-proof-section {
	padding: 5rem 0;
	background: #ffffff;
}

.v2-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin-bottom: 3.5rem;
}

@media (max-width: 800px) {
	.v2-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.v2-stat-card {
	background: #faf7f2;
	border: 1px solid #e2d8cb;
	border-radius: 12px;
	padding: 1.5rem 1rem;
	text-align: center;
}

.v2-stat-number {
	display: block;
	font-size: 2.2rem;
	font-weight: 900;
	color: #e65100;
	line-height: 1.1;
	margin-bottom: 0.35rem;
}

.v2-stat-label {
	font-size: 0.85rem;
	color: #554a43;
	font-weight: 600;
}

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

@media (max-width: 900px) {
	.v2-reviews-grid {
		grid-template-columns: 1fr;
	}
}

.v2-review-card {
	background: #faf7f2;
	border: 1px solid #e2d8cb;
	border-radius: 16px;
	padding: 1.75rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.v2-review-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
	position: relative;
}

.v2-review-avatar {
	width: 44px;
	height: 44px;
	background: linear-gradient(135deg, #f26522, #e65100);
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 0.95rem;
	flex-shrink: 0;
	box-shadow: 0 4px 10px rgba(230, 81, 0, 0.3);
}

.v2-review-meta {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.v2-review-meta strong {
	font-size: 0.95rem;
	color: #2e1a0f;
}

.v2-review-meta span {
	font-size: 0.75rem;
	color: #7d7066;
}

.v2-review-rating {
	color: #f39c12;
	font-size: 0.9rem;
	letter-spacing: 1px;
}

.v2-review-text {
	font-size: 0.92rem;
	line-height: 1.6;
	color: #2b2420;
	font-style: italic;
	margin-bottom: 1.25rem;
}

.v2-review-tag {
	font-size: 0.75rem;
	font-weight: 700;
	color: #1b4d24;
	background: #eaf5ec;
	border: 1px solid #b8dec0;
	padding: 0.3rem 0.65rem;
	border-radius: 4px;
	display: inline-block;
	align-self: flex-start;
}

/* ==========================================================================
   15. Exit-Intent Re-engagement Modal
   ========================================================================== */
.v2-exit-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
}

.v2-exit-modal.is-hidden {
	display: none !important;
}

.v2-exit-modal__backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(46, 26, 15, 0.8);
	backdrop-filter: blur(5px);
}

.v2-exit-modal__dialog {
	position: relative;
	background: #ffffff;
	border-radius: 20px;
	max-width: 580px;
	width: 100%;
	padding: 2.5rem 2rem;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
	border: 2px solid #e65100;
	z-index: 2;
	animation: modalSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalSlideIn {
	from {
		opacity: 0;
		transform: scale(0.9) translateY(20px);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.v2-exit-modal__close {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	background: none;
	border: none;
	font-size: 2rem;
	line-height: 1;
	color: #8c827a;
	cursor: pointer;
	padding: 0.25rem;
}

.v2-exit-modal__close:hover {
	color: #2e1a0f;
}

.v2-exit-badge {
	display: inline-block;
	background: #fff5ed;
	border: 1px solid #f9d3b4;
	color: #873600;
	font-size: 0.78rem;
	font-weight: 700;
	padding: 0.3rem 0.75rem;
	border-radius: 9999px;
	margin-bottom: 1rem;
}

.v2-exit-title {
	font-size: 1.6rem;
	font-weight: 800;
	color: #2e1a0f;
	line-height: 1.25;
	margin-bottom: 0.85rem;
}

.v2-exit-desc {
	font-size: 0.95rem;
	line-height: 1.55;
	color: #554a43;
	margin-bottom: 1.5rem;
}

.v2-exit-perks {
	background: #faf7f2;
	border: 1px solid #e2d8cb;
	border-radius: 12px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.v2-exit-perk {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 0.88rem;
	color: #2b2420;
}

.v2-exit-actions {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.v2-exit-btn-primary {
	display: block;
	text-align: center;
	background: linear-gradient(135deg, #f26522 0%, #e65100 50%, #bf360c 100%) !important;
	color: #ffffff !important;
	font-size: 1.1rem;
	font-weight: 800;
	padding: 1rem 1.5rem;
	border-radius: 12px;
	text-decoration: none !important;
	box-shadow: 0 6px 20px rgba(230, 81, 0, 0.38);
	transition: transform 0.2s ease;
}

.v2-exit-btn-primary:hover {
	transform: translateY(-2px);
}

.v2-exit-btn-secondary {
	display: block;
	text-align: center;
	background: #ffffff;
	color: #2e1a0f !important;
	border: 1px solid #ded4c5;
	font-size: 0.9rem;
	font-weight: 700;
	padding: 0.75rem 1rem;
	border-radius: 10px;
	text-decoration: none !important;
}

.v2-exit-dismiss {
	text-align: center;
	margin: 0;
}

.v2-exit-dismiss-link {
	background: none;
	border: none;
	color: #8c827a;
	font-size: 0.78rem;
	cursor: pointer;
	text-decoration: underline;
}

.v2-exit-dismiss-link:hover {
	color: #554a43;
}

/* ==========================================================================
   16. Live Toast Ticker (Warm Spice Avatar + Crisp Contrast)
   ========================================================================== */
.v2-live-toast {
	position: fixed;
	bottom: 90px;
	left: 20px;
	z-index: 99999;
	background: #ffffff;
	border: 1px solid #ded4c5;
	border-radius: 12px;
	padding: 0.75rem 1.15rem 0.75rem 0.85rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	box-shadow: 0 10px 30px rgba(58, 34, 19, 0.12);
	animation: toastSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	max-width: 330px;
}

@keyframes toastSlideIn {
	from {
		opacity: 0;
		transform: translateY(20px) scale(0.95);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.v2-live-toast.is-hidden {
	display: none !important;
}

.v2-toast-avatar {
	width: 36px;
	height: 36px;
	background: linear-gradient(135deg, #f26522, #e65100);
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	flex-shrink: 0;
	box-shadow: 0 3px 8px rgba(230, 81, 0, 0.3);
}

.v2-toast-content {
	display: flex;
	flex-direction: column;
	font-size: 0.82rem;
	line-height: 1.3;
}

.v2-toast-content strong {
	color: #2e1a0f;
}

.v2-toast-content span {
	color: #554a43;
	font-size: 0.75rem;
}

.v2-toast-close {
	background: none;
	border: none;
	font-size: 1.1rem;
	color: #8c827a;
	cursor: pointer;
	padding: 0 0 0 0.5rem;
	line-height: 1;
}

.v2-toast-close:hover {
	color: #2e1a0f;
}

@media (max-width: 600px) {
	.v2-live-toast {
		left: 10px;
		right: 10px;
		max-width: none;
		bottom: 85px;
	}
}