/**
 * Contact page mobile — Send Your Project Brief + 3 tip cards.
 * Link Build Forge v2.17.0
 * Supports both ctc-stack (new) and ctc-console__body (legacy) markup.
 */

@media (max-width: 1200px) {
	.ctc-hero__grid {
		grid-template-columns: 1fr !important;
		gap: 2rem;
	}

	.ctc-stack,
	.ctc-console__body {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
	}

	.ctc-aside {
		border-left: 0 !important;
		border-top: 1px solid #E1E4EA;
		width: 100% !important;
		max-width: 100% !important;
	}

	.ctc-tips {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 900px) {
	.ctc-console__steps {
		display: none !important;
	}

	.ctc-aside__visual {
		display: none !important;
	}

	.ctc-form__row {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 0 !important;
		margin-bottom: 0 !important;
	}

	.ctc-form__row .ctc-field {
		margin-bottom: 1.2rem !important;
		width: 100% !important;
	}

	.ctc-field input,
	.ctc-field select,
	.ctc-field textarea {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 1.6rem !important;
		min-height: 4.8rem;
		box-sizing: border-box;
	}

	.ctc-form {
		padding: 0 1.6rem 1.6rem !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.ctc-aside {
		background: #F4F5F7 !important;
		padding: 1.6rem !important;
		box-sizing: border-box;
	}

	.ctc-aside__panel {
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
	}

	.ctc-aside__panel h3 {
		color: #12151A !important;
		font-size: 1.65rem;
		margin-bottom: 1rem;
	}

	.ctc-aside__channel {
		background: #fff !important;
		border: 1px solid #E1E4EA !important;
		border-radius: 1.1rem !important;
		padding: 1.3rem 1.4rem !important;
		box-shadow: 0 0.2rem 0.8rem rgba(18, 21, 26, 0.04);
	}

	.ctc-aside__icon {
		background: #D8F3E8 !important;
		color: #007E56 !important;
		width: 4.2rem !important;
		height: 4.2rem !important;
		flex-shrink: 0;
	}

	.ctc-aside__channel b {
		color: #12151A !important;
	}

	.ctc-aside__value {
		color: #5C6470 !important;
		word-break: break-word;
	}

	.ctc-aside__channel small {
		color: #8A9198 !important;
	}

	.ctc-aside__book {
		width: 100% !important;
		margin-top: 0.8rem;
		border-color: #00A26F !important;
		color: #007E56 !important;
		background: #fff !important;
	}

	/* 3 tip cards — stack full width, horizontal card layout */
	.ctc-tips {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 0.9rem !important;
		width: 100% !important;
	}

	.ctc-tips__item {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 1.2rem !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 1.4rem 1.6rem !important;
		background: #fff !important;
		border: 1px solid #E1E4EA !important;
		border-radius: 1.1rem !important;
		border-left: 3px solid #00A26F !important;
		border-top: 1px solid #E1E4EA !important;
		box-shadow: 0 0.2rem 0.8rem rgba(18, 21, 26, 0.04);
		box-sizing: border-box;
	}

	.ctc-tips__icon {
		display: grid !important;
		flex: none !important;
		width: 3.6rem !important;
		height: 3.6rem !important;
		border-radius: 50%;
		place-items: center;
		font-weight: 800;
		color: #007E56;
		background: #D8F3E8;
	}

	.ctc-tips__item b {
		font-size: 1.35rem;
		color: #12151A;
		margin-bottom: 0.35rem;
	}

	.ctc-tips__item p {
		font-size: 1.3rem;
		line-height: 1.45;
		color: #8A9198;
	}

	.ctc-next__card {
		background: #fff !important;
		border: 1px solid #E1E4EA !important;
		padding: 1.2rem 1.4rem !important;
		border-radius: 1.1rem !important;
	}

	.ctc-next__card b {
		color: #12151A !important;
	}

	.ctc-next__card span {
		color: #8A9198 !important;
	}

	.ctc-next__label {
		color: #8A9198 !important;
	}

	.ctc-form__submit {
		width: 100% !important;
	}
}