/* Trang Liên hệ (page-contact.php) — theo trang mẫu /lien-he-decox, đo ở 1440px:
 * cột nội dung rộng 82% (1115px), chữ 16px/30px, ô nhập 755×38 viền #ccc bo 4px,
 * ô tích 22px, nút gửi 150×48 nền #264c5d bo 5px, bản đồ cao 800px. */

.ct-wrap {
	width: min(82%, 1115px);
	max-width: none;
	margin: 0 auto;
	padding-bottom: 30px;
	color: #484338;
	font-size: 16px;
	line-height: 30px;
}

/* ---- Thông tin công ty ---- */
.ct-info { margin: 6px 0 24px; }
.ct-info__heading {
	margin: 0 0 12px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #484338;
}
.ct-info__intro p { margin: 0 0 10px; }
.ct-info__offices { margin: 10px 0; padding: 0; list-style: none; }
.ct-info__offices li { margin: 0; }
.ct-info__offices strong,
.ct-info__line strong { font-weight: 700; color: #000000; }
.ct-info__line { margin: 0; }
.ct-info a { color: inherit; }
.ct-info__after { margin-top: 10px; }
.ct-info__after p { margin: 0 0 6px; }

/* ---- Biểu mẫu ---- */
.ct-form { margin: 20px 0 30px; }
.ct-form__title {
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #264c5d;
}
.ct-form__form { width: 755px; max-width: 100%; }
.ct-form__form input[type="text"],
.ct-form__form input[type="tel"],
.ct-form__form input[type="email"] {
	display: block;
	width: 100%;
	height: 38px;
	margin: 0 0 12px;
	padding: 0 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #ffffff;
	font: inherit;
	font-size: 14px;
	line-height: 38px;
	color: #6b6868;
}
.ct-form__form input::placeholder { color: #6b6868; opacity: 1; }
.ct-form__form input:focus { outline: 0; border-color: #264c5d; }

.ct-form__options { margin: 6px 0 14px; padding: 0; border: 0; }
.ct-form__options legend { padding: 0; margin: 0 0 6px; font-size: 14px; line-height: 22px; color: #484338; }
.ct-check { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; font-size: 14px; line-height: 22px; cursor: pointer; }
.ct-check input { width: 22px; height: 22px; margin: 0; flex: 0 0 22px; cursor: pointer; }

.ct-form__submit {
	width: 150px;
	height: 48px;
	margin-top: 6px;
	padding: 8px;
	border: 1px solid #264c5d;
	border-radius: 5px;
	background: #264c5d;
	color: #ffffff;
	font: inherit;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.ct-form__submit:hover { background: #ffffff; color: #264c5d; }

.ct-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ct-form__notice { margin: 0 0 12px; padding: 8px 12px; border-radius: 4px; font-size: 14px; line-height: 22px; }
.ct-form__notice--ok { background: #e6f4ea; color: #1e6b34; }
.ct-form__notice--err { background: #fdecea; color: #a1281d; }

/* ---- Bản đồ ---- */
.ct-map { margin: 0 0 20px; }
.ct-map iframe { display: block; width: 100%; border: 0; background: #e1e0e0; }

/* ---- Ghi chú cuối trang ---- */
.ct-note { margin-top: 10px; font-size: 16px; line-height: 24px; }
.ct-note p { margin: 0 0 6px; }
.ct-note strong { font-weight: 700; color: #000000; }

@media (max-width: 1024px) {
	.ct-wrap { width: calc(100% - 32px); }
	.ct-form__form { width: 100%; }
	.ct-map iframe { height: 420px; }
}