/**
 * Mobilní optimalizace — společné pro všechny redesign stránky.
 */

body.mok-redesign {
	overflow-x: clip;
}

body.mok-redesign .mok-btn,
body.mok-redesign button,
body.mok-redesign .mok-service-card__more {
	-webkit-tap-highlight-color: transparent;
}

/* Tablet a menší */
@media (max-width: 900px) {
	.mok-container {
		width: min(1140px, calc(100% - 1.5rem));
	}

	.mok-hero__inner,
	.mok-hero--split .mok-hero__inner {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.mok-section-head {
		margin-bottom: 1.75rem;
	}

	.mok-benefits,
	.mok-process,
	.mok-services,
	.mok-gallery,
	.mok-areas,
	.mok-contact,
	.mok-final-cta {
		padding-top: 2.75rem;
		padding-bottom: 2.75rem;
	}

	.mok-services__grid--six {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
	}

	.mok-price-cta {
		padding: 2.75rem 0 3.25rem;
	}

	.mok-price-cta__inner {
		padding: 2rem 1.35rem;
	}

	.mok-price-cta__actions,
	.mok-contact__actions,
	.mok-final-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.mok-price-cta__actions .mok-btn,
	.mok-contact__actions .mok-btn,
	.mok-final-cta__actions .mok-btn {
		width: 100%;
		justify-content: center;
	}

	.mok-areas__inner {
		padding: 1.85rem 1.35rem;
	}

	.mok-areas__tags {
		flex-wrap: wrap;
		justify-content: center;
	}

	.mok-gallery__footer {
		margin-top: 1.25rem;
	}

	.mok-gallery__footer .mok-inline-link {
		width: 100%;
		justify-content: center;
	}

	.mok-contact__panel,
	.mok-final-cta__panel {
		padding: 1.75rem 1.35rem;
	}

	.mok-kontakt-link {
		padding: 0.85rem 1rem;
	}

	.mok-calc-hero,
	.mok-cenik-hero,
	.mok-page-hero,
	.mok-realizace-hero,
	.mok-kontakt-hero {
		padding-top: 2rem;
		padding-bottom: 1.75rem;
	}

	.mok-realizace-cta__panel {
		grid-template-columns: 1fr;
	}

	.mok-realizace-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.mok-realizace-cta__actions .mok-btn {
		width: 100%;
		justify-content: center;
	}
}

/* Telefony */
@media (max-width: 600px) {
	.mok-container {
		width: min(1140px, calc(100% - 1.25rem));
	}

	.mok-hero {
		padding-top: 1.75rem;
		padding-bottom: 2rem;
	}

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

	.mok-hero__cta .mok-btn {
		width: 100%;
		justify-content: center;
		min-height: 3rem;
	}

	.mok-services__grid--six {
		grid-template-columns: 1fr;
	}

	.mok-services--page .mok-service-card:not(.is-expanded),
	.mok-services--page .mok-service-card--expandable.is-expanded {
		padding: 1.35rem;
	}

	.mok-service-card__more {
		display: inline-flex;
		align-items: center;
		min-height: 2.75rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.mok-areas__inner h2 {
		font-size: clamp(1.35rem, 5.5vw, 1.75rem);
	}

	.mok-about-hero__gallery {
		grid-template-columns: 1fr;
	}

	.mok-about-hero__caption {
		flex-direction: column;
		text-align: center;
		padding: 1rem;
	}

	.mok-about-hero__caption-copy {
		align-items: center;
	}

	.mok-about-tags {
		flex-wrap: wrap;
	}

	.mok-about-tags li {
		white-space: normal;
		text-align: center;
	}

	.mok-calc-type__grid {
		grid-template-columns: 1fr;
	}

	.mok-calc-mode__grid {
		grid-template-columns: 1fr;
	}

	.mok-calc-notice {
		flex-direction: column;
		align-items: flex-start;
	}

	.mok-form__file-item-remove {
		width: 2.75rem;
		height: 2.75rem;
	}

	.mok-cenik-plans__actions .mok-btn {
		width: 100%;
	}
}

/* Malé displeje */
@media (max-width: 380px) {
	.mok-hero__title {
		font-size: clamp(1.8rem, 8.5vw, 2.2rem);
	}

	.mok-hero__lead,
	.mok-lead {
		font-size: 1rem;
	}
}

#masthead .site-branding a.brand img.custom-logo {
	max-width: min(220px, 58vw);
	height: auto;
}