/**
 * Mobile layout fixes — overflow, touch targets, stacked sections.
 */

html {
	overflow-x: clip;
}

body {
	overflow-x: clip;
}

@media (max-width: 767px) {
	.teya-container {
		width: min(100% - var(--teya-space-md) * 2, var(--teya-container-max));
	}

	.hero__title,
	.teya-page-hero__title {
		font-size: clamp(1.55rem, 6.8vw, 2.15rem);
		word-break: break-word;
	}

	.hero__lead,
	.teya-page-hero__lead {
		font-size: var(--teya-text-body-md);
	}

	.hero__cta {
		flex-direction: column;
		align-items: stretch;
	}

	.hero__cta .button-primary,
	.hero__cta .button-secondary {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.teya-page-hero__cta {
		flex-direction: column;
		align-items: stretch;
	}

	.teya-page-hero__cta .button-primary,
	.teya-page-hero__cta .button-secondary {
		width: 100%;
		justify-content: center;
	}

	.section-prompt-studio {
		padding-block: var(--teya-space-xl);
	}

	.teya-prompt-studio__shell {
		border-radius: var(--teya-radius-xl);
	}

	.teya-prompt-studio__workspace,
	.teya-prompt-studio__panel {
		padding: var(--teya-space-lg);
	}

	.teya-prompt-studio__title {
		font-size: clamp(1.1rem, 4.5vw, 1.35rem);
	}

	.teya-prompt-studio__segmented {
		flex-wrap: wrap;
	}

	.teya-prompt-studio__segmented button {
		flex: 1 1 calc(50% - 4px);
		min-height: 44px;
	}

	.teya-prompt-studio__ratios {
		flex-wrap: wrap;
	}

	.teya-prompt-studio__ratio {
		min-height: 44px;
	}

	.teya-table-wrap {
		margin-inline: calc(-1 * var(--teya-space-md));
		padding-inline: var(--teya-space-md);
		-webkit-overflow-scrolling: touch;
	}

	.teya-table-wrap table {
		min-width: 520px;
	}

	.teya-models__grid,
	.teya-features__grid,
	.teya-pricing__grid,
	.teya-demo-gallery__grid,
	.teya-compare-visuals {
		grid-template-columns: 1fr;
	}

	.teya-comparison__layout {
		gap: var(--teya-space-lg);
	}

	.teya-cookie-banner__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.teya-cookie-banner__actions {
		width: 100%;
	}

	.teya-cookie-banner__actions .button-primary,
	.teya-cookie-banner__actions .button-secondary {
		flex: 1 1 auto;
		justify-content: center;
	}

	.teya-blog-teaser__grid {
		grid-template-columns: 1fr;
	}

	.teya-final-cta__inner {
		text-align: center;
	}

	.teya-final-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.teya-final-cta__actions .button-primary,
	.teya-final-cta__actions .button-secondary {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 400px) {
	.teya-site-header__logo-img {
		max-width: 120px;
	}
}