/* ==========================================================================
   AnNam Spa – Trang "Chăm Sóc Da Toàn Thân"
   Prefix: cham-soc-da
   Dựng theo bản chạy thật annamspa.vn/cham-soc-da-toan-than/
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Banner hero
   -------------------------------------------------------------------------- */

/* Font phụ của theme đang hỏng ("inherit") nên chữ tiếng Việt bị chồng dấu.
   Đặt lại Taviraj như bản chạy thật — font có subset vietnamese đầy đủ.
   Cần !important vì Flatsome in CSS typography inline trong <head>, nằm sau
   file này nên mặc định sẽ thắng. */
.alt-font {
	font-family: Taviraj, sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

.cham-soc-da-hero-text h2 {
	margin: 0 0 12px;
	color: #000;
	font-family: Taviraj, sans-serif !important;
	font-size: 2.2em;
	line-height: 1.2;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.cham-soc-da-hero-text p {
	margin: 0;
	color: #000;
	font-size: 1.15em;
	line-height: 1.6;
}

a.button.cham-soc-da-btn {
	margin-top: 18px;
	background-color: var(--trang-chu-wat-gold-btn, #f89f02);
	border-color: var(--trang-chu-wat-gold-btn, #f89f02);
	color: #fff;
	border-radius: 99px;
	padding: 0 26px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600;
	box-shadow: none;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

a.button.cham-soc-da-btn:hover {
	background-color: var(--trang-chu-wat-brown, #723301);
	border-color: var(--trang-chu-wat-brown, #723301);
	box-shadow: none;
}

/* --------------------------------------------------------------------------
   2. Giới thiệu
   -------------------------------------------------------------------------- */

/* Bo góc chữ ký, giống class .img-radius của bản thật */
.cham-soc-da-img img {
	border-radius: 30px 0 30px 0;
}

.cham-soc-da-text p {
	margin: 0;
	color: var(--trang-chu-wat-muted, #666);
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
}

/* --------------------------------------------------------------------------
   3. Dịch vụ liên quan
   -------------------------------------------------------------------------- */

.cham-soc-da-title .section-title {
	border-bottom: 0;
	justify-content: center;
}

.cham-soc-da-title .section-title b {
	display: none;
}

.cham-soc-da-title .section-title-main {
	position: relative;
	margin: 0;
	padding: 0 0 40px;
	border-bottom: 0;
	color: var(--trang-chu-wat-brown, #723301);
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 700;
}

.cham-soc-da-title .section-title-main:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 116px;
	height: 25px;
	transform: translateX(-50%);
	background-image: url("../../trang-chu-wat/img/logo-css.png");
	background-repeat: no-repeat;
	background-size: contain;
}

/* Card bài viết — bo góc chữ ký như .col.post-item .col-inner của bản thật */
.cham-soc-da-blog .col.post-item .col-inner {
	height: 100%;
	border-radius: 30px 0 30px 0;
	overflow: hidden;
}

.cham-soc-da-blog .post-title {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--trang-chu-wat-brown, #723301);
}

.cham-soc-da-blog .from_the_blog_excerpt {
	font-size: 13px;
	line-height: 1.65;
	color: var(--trang-chu-wat-muted, #666);
}

.cham-soc-da-blog .button {
	border-radius: 99px;
	border-color: var(--trang-chu-wat-gold-btn, #f89f02);
	color: var(--trang-chu-wat-brown, #723301);
	font-weight: 600;
}

.cham-soc-da-blog .button:hover {
	background-color: var(--trang-chu-wat-gold-btn, #f89f02);
	border-color: var(--trang-chu-wat-gold-btn, #f89f02);
	color: #fff;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media only screen and (max-width: 849px) {
	.cham-soc-da-hero-text h2 {
		font-size: 1.6em;
	}

	.cham-soc-da-hero-text p {
		font-size: 1em;
	}

	.cham-soc-da-title .section-title-main {
		padding-bottom: 34px;
		font-size: 25px;
	}

	.cham-soc-da-text p {
		text-align: left;
	}
}