/**
 * TRVL Desktop Planner — 2-column hero + quiz card (mockup).
 */

@media (min-width: 1024px) {
	.trvl-planner-home .site-main {
		padding-bottom: 0;
	}

	.trvl-planner-home .site-footer {
		display: block;
	}

	/* ── Header desktop planner ─────────────────────── */

	.trvl-planner-home .site-header--planner {
		position: sticky;
		top: 0;
		z-index: 200;
		background: #050505;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.trvl-planner-home .site-header--planner .site-header__inner {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 24px;
		max-width: var(--container-max);
		margin-inline: auto;
		padding-inline: var(--shell-gutter);
		min-height: 72px;
	}

	.trvl-planner-home .site-header--planner .site-logo {
		justify-self: start;
	}

	.trvl-planner-home .site-header--planner .site-logo__mark {
		width: clamp(8rem, 14vw, 11rem);
	}

	.trvl-planner-home .site-header--planner .site-nav--desktop {
		display: flex;
		justify-self: center;
	}

	.trvl-planner-home .site-header--planner .site-header__actions {
		display: flex;
		justify-self: end;
		gap: 8px;
	}

	.trvl-planner-home .site-header--planner .site-header__cta,
	.trvl-planner-home .site-header--planner .site-nav-toggle--desktop {
		display: inline-flex;
	}

	.trvl-planner-home .site-header--planner .site-nav-toggle--desktop {
		display: none;
	}

	.trvl-planner-home .site-header__icon-btn--fav {
		gap: 6px;
	}

	.trvl-planner-home .site-header__lang-btn {
		gap: 4px;
	}

	.trvl-planner-home .site-header__chevron {
		width: 14px;
		height: 14px;
		opacity: 0.55;
	}

	.trvl-planner-home .site-header__avatar {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		border: 2px solid #e5e7eb;
		border-radius: 50%;
		background: #f3f4f6;
		cursor: pointer;
		overflow: visible;
	}

	.trvl-planner-home .site-header__avatar img,
	.trvl-planner-home .site-header__avatar-placeholder {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
	}

	.trvl-planner-home .site-header__avatar-placeholder {
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(135deg, #dbeafe, #bfdbfe);
		color: var(--color-primary);
	}

	.trvl-planner-home .site-header__avatar-dot {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 10px;
		height: 10px;
		border: 2px solid #fff;
		border-radius: 50%;
		background: var(--quiz-green, #1e4d3a);
	}

	/* ── Planner layout ─────────────────────────────── */

	.planner-home {
		position: relative;
		min-height: calc(100vh - 72px);
		min-height: calc(100svh - 72px);
		background: transparent;
	}

	.planner-home__bg {
		display: block;
	}

	.planner-home__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(500px, 600px);
		align-items: stretch;
		min-height: calc(100vh - 72px);
		min-height: calc(100svh - 72px);
		max-width: min(1600px, 100%);
		margin-inline: auto;
	}

	.planner-home__hero {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 48px 40px 48px 48px;
		background: none;
	}

	.planner-home__hero::before {
		display: none;
	}

	.planner-home__intro--mobile {
		display: none;
	}

	.planner-home__intro--desktop {
		position: relative;
		z-index: 1;
		max-width: 520px;
	}

	.planner-home__badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin: 0 0 20px;
		padding: 8px 14px;
		border-radius: var(--radius-ui, 12px);
		background: rgba(30, 77, 58, 0.1);
		color: var(--quiz-green, #1e4d3a);
		font-size: 0.8125rem;
		font-weight: 700;
	}

	.planner-home__title--desktop {
		margin: 0 0 16px;
		font-family: var(--font-heading);
		font-size: clamp(2rem, 3.2vw, 2.75rem);
		font-weight: 800;
		line-height: 1.15;
		color: #121212;
	}

	.planner-home__title-accent {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-family: var(--font-heading);
		font-style: italic;
		font-weight: 800;
		color: #121212;
		text-shadow:
			0 0 12px rgba(255, 255, 255, 0.95),
			0 0 28px rgba(255, 255, 255, 0.65);
	}

	.planner-home__sparkle {
		color: #fff;
		filter: none;
	}

	.planner-home__subtitle--desktop {
		margin: 0 0 32px;
		font-size: 1.0625rem;
		line-height: 1.6;
		color: var(--quiz-text-muted, #6b7280);
		max-width: 28rem;
	}

	.planner-home__features {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.planner-home__features li {
		display: flex;
		align-items: flex-start;
		gap: 14px;
	}

	.planner-home__features strong {
		display: block;
		margin-bottom: 2px;
		font-size: 0.9375rem;
		font-weight: 800;
		color: #121212;
	}

	.planner-home__features span {
		font-size: 0.875rem;
		color: var(--quiz-text-muted, #6b7280);
	}

	.planner-home__feature-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 44px;
		height: 44px;
		border-radius: var(--radius-ui, 12px);
	}

	.planner-home__feature-icon--blue {
		background: rgba(0, 82, 255, 0.1);
		color: var(--quiz-blue, #0052ff);
	}

	.planner-home__feature-icon--green {
		background: rgba(0, 214, 125, 0.12);
		color: var(--quiz-green, #1e4d3a);
	}

	.planner-home__feature-icon .home-icon {
		width: 20px;
		height: 20px;
	}

	.planner-home__quiz {
		display: flex;
		align-items: center;
		padding: 32px 40px 32px 24px;
		background: transparent;
	}

	.trvl-planner-home .ai-quiz {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.trvl-planner-home .ai-quiz__card {
		padding: 24px 24px 20px;
		border-radius: 24px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	}

	.ai-quiz__stepper-item:not(:last-child)::after {
		border-top-style: solid;
	}

	.ai-quiz__stepper-item.is-done:not(:last-child)::after {
		border-color: var(--quiz-blue, #0052ff);
	}

	.ai-quiz__question {
		font-size: 1.25rem;
	}

	/* Vibe cards — desktop 2×2 grid */

	.ai-quiz__option-row-mobile {
		display: none;
	}

	.ai-quiz__options--vibe {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.ai-quiz__option-card {
		position: relative;
		display: flex;
		flex-direction: column;
		border: 2px solid #e5e7eb;
		border-radius: 14px;
		background: #fff;
		overflow: hidden;
		cursor: pointer;
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	}

	.ai-quiz__option-card input {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}

	.ai-quiz__option-card-check {
		display: none;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 2;
		width: 24px;
		height: 24px;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: var(--quiz-green, #1e4d3a);
		color: #fff;
		font-size: 0.75rem;
		font-weight: 800;
	}

	.ai-quiz__option-card.is-selected .ai-quiz__option-card-check {
		display: flex;
	}

	.ai-quiz__option-card-media {
		position: relative;
		display: block;
		aspect-ratio: 16 / 9;
		overflow: hidden;
	}

	.ai-quiz__option-card-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.ai-quiz__option-card-icon {
		position: absolute;
		left: 10px;
		bottom: -14px;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		border: 2px solid #fff;
		border-radius: 50%;
		background: #f3f4f6;
		font-size: 0.875rem;
	}

	.ai-quiz__option-card-icon.ai-quiz__option-icon--spa::before { content: '🪷'; }
	.ai-quiz__option-card-icon.ai-quiz__option-icon--mountain::before { content: '⛰️'; }
	.ai-quiz__option-card-icon.ai-quiz__option-icon--column::before { content: '🏛️'; }
	.ai-quiz__option-card-icon.ai-quiz__option-icon--heart::before { content: '♥'; color: #9ca3af; }

	.ai-quiz__option-card-body {
		display: flex;
		flex-direction: column;
		gap: 4px;
		padding: 20px 12px 12px;
		flex: 1;
		position: relative;
	}

	.ai-quiz__option-card-label {
		font-size: 0.875rem;
		font-weight: 800;
		color: #121212;
	}

	.ai-quiz__option-card-desc {
		font-size: 0.75rem;
		line-height: 1.4;
		color: var(--quiz-text-muted, #6b7280);
		padding-right: 28px;
	}

	.ai-quiz__option-card-body .ai-quiz__option-radio {
		position: absolute;
		right: 12px;
		bottom: 12px;
	}

	.ai-quiz__option-card.is-selected {
		border-color: var(--quiz-green, #1e4d3a);
		box-shadow: 0 0 0 1px var(--quiz-green, #1e4d3a);
	}

	.ai-quiz__option-card.is-selected .ai-quiz__option-card-label {
		color: var(--quiz-green, #1e4d3a);
	}

	.ai-quiz__option-card.is-selected .ai-quiz__option-card-icon {
		background: rgba(0, 214, 125, 0.12);
	}

	.ai-quiz__option-card.is-selected .ai-quiz__option-icon--heart::before {
		color: var(--quiz-green, #1e4d3a);
	}

	.ai-quiz__option-card.is-selected .ai-quiz__option-radio {
		border-color: var(--quiz-green, #1e4d3a);
		background: var(--quiz-green, #1e4d3a);
		box-shadow: inset 0 0 0 3px #fff;
	}

	.trvl-planner-home .ai-quiz__cta {
		margin-top: 20px;
		border-radius: 14px;
	}

	.ai-quiz__privacy {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		margin: 16px 0 0;
		padding-top: 12px;
		border-top: 1px solid #f3f4f6;
		font-size: 0.75rem;
		line-height: 1.45;
		color: #9ca3af;
	}

	.ai-quiz__privacy .home-icon {
		flex-shrink: 0;
		width: 14px;
		height: 14px;
		margin-top: 1px;
		opacity: 0.7;
	}

	/* Trust bar */

	.planner-trust-bar {
		display: block;
		padding: 20px 24px;
		background: #fff;
		border-top: 1px solid var(--color-border);
	}

	.planner-trust-bar__grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
		max-width: var(--container-max);
		margin-inline: auto;
	}

	.planner-trust-bar__item {
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.planner-trust-bar__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}

	.planner-trust-bar__icon--blue {
		background: rgba(0, 82, 255, 0.1);
		color: var(--quiz-blue, #0052ff);
	}

	.planner-trust-bar__icon--green {
		background: rgba(0, 214, 125, 0.12);
		color: var(--quiz-green, #1e4d3a);
	}

	.planner-trust-bar__item strong {
		display: block;
		margin-bottom: 2px;
		font-size: 0.875rem;
		font-weight: 800;
		color: #121212;
	}

	.planner-trust-bar__item p {
		margin: 0;
		font-size: 0.8125rem;
		color: var(--quiz-text-muted, #6b7280);
		line-height: 1.4;
	}

	.ai-results-mount {
		max-width: var(--container-max);
		margin-inline: auto;
		padding-inline: 24px;
	}

	.mobile-bottom-nav {
		display: none;
	}
}

@media (max-width: 1023px) {
	.planner-home__intro--desktop {
		display: none;
	}

	.planner-trust-bar {
		display: none;
	}

	.ai-quiz__option-card-media,
	.ai-quiz__option-card-body,
	.ai-quiz__option-card-check {
		display: none;
	}

	.ai-quiz__option-card {
		display: block;
		border: none;
		background: transparent;
		overflow: visible;
	}

	.ai-quiz__option-row-mobile {
		display: grid;
		grid-template-columns: 56px 40px 1fr 24px;
		align-items: center;
		gap: 12px;
		padding: 8px 12px 8px 8px;
		border: 1.5px solid #e5e7eb;
		border-radius: 14px;
		background: #fff;
	}

	.ai-quiz__option-card.is-selected .ai-quiz__option-row-mobile {
		border-color: var(--quiz-green, #1e4d3a);
		box-shadow: 0 0 0 1px var(--quiz-green, #1e4d3a);
	}

	.ai-quiz__privacy {
		display: none;
	}
}