/**
 * =========================================================
 * COTEIA — HERO MOBILE
 * =========================================================
 */

@media (max-width: 767px) {

	.coteia-hero {
		min-height: auto;
	}

	.coteia-hero-inner,
	.coteia-hero-columns-two .coteia-hero-inner,
	.coteia-hero-columns-one .coteia-hero-inner {
		grid-template-columns: minmax(0, 1fr);
		min-height: auto;
		gap: 28px;
		padding:
			38px
			var(--coteia-page-padding-mobile);
	}

	.coteia-hero-title,
	.coteia-hero-subtitle {
		font-size: clamp(30px, 9vw, 42px);
	}

	.coteia-hero-description {
		max-width: 100%;
		font-size: clamp(14px, 4vw, 16px);
		line-height: 1.55;
	}

	.coteia-hero-actions {
		gap: 10px;
		margin-top: 26px;
	}

	.coteia-hero-button,
	.coteia-hero-monitor {
		min-height: 46px;
	}

	.coteia-hero-button {
		padding: 10px 16px;
		font-size: 0.82rem;
	}

	.coteia-hero-monitor {
		padding: 9px 14px;
		font-size: 0.82rem;
	}

	.coteia-hero-monitor-dot {
		width: 11px;
		height: 11px;
		flex-basis: 11px;
	}

	.coteia-hero-ad {
		min-height: 150px;
		max-height: none;
		border-radius: 12px;
	}

	.coteia-curator-modal {
		padding: 12px;
	}

	.coteia-curator-modal-dialog {
		max-height: calc(100vh - 24px);
		border-radius: 14px;
	}

	.coteia-curator-modal-content {
		padding: 20px;
	}
}

@media (max-width: 480px) {

	.coteia-hero-inner,
	.coteia-hero-columns-two .coteia-hero-inner,
	.coteia-hero-columns-one .coteia-hero-inner {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.coteia-hero-title,
	.coteia-hero-subtitle {
		font-size: clamp(27px, 9.3vw, 36px);
	}

	.coteia-hero-actions {
		align-items: stretch;
	}

	.coteia-hero-button,
	.coteia-hero-monitor {
		width: 100%;
	}

	.coteia-hero-monitor {
		justify-content: center;
	}
}


@media (max-width: 767px) {
	.coteia-hero-mobile-second-only .coteia-hero-inner {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.coteia-hero-mobile-second-only .coteia-hero-secondary {
		width: 100%;
		max-width: 100%;
	}
}