/* ------------------------------------------------------------------
   Bổ sung cho phần SEO/AEO: H1 trang chủ, tiêu đề trang con + breadcrumb,
   khối Câu hỏi thường gặp.
   File riêng để không phải sửa css/style.css (153KB) và mobile/css/style.css.
   ------------------------------------------------------------------ */

/* Tiêu đề section: trước đây dùng h4, nay đổi sang h2 cho đúng cấp bậc.
   Giữ nguyên hình thức bằng cách nhân bản các quy tắc của h4. */
.title_main h2 {
    font-weight: normal;
    font-size: 42px;
    margin: 10px 0;
    padding: 10px 0;
}
.title_main_1 h2 { color: #d84261; font-family: "Times new roman"; }
.title_main_2 h2 { color: #fff; font-family: "RobotoThin"; }
.title_main_n h2 {
    font-family: "RobotoRegular";
    font-weight: bold;
    font-size: 30px;
    color: #282828;
    text-transform: uppercase;
}

/* ---------- H1 trang chủ ---------- */
.home-intro {
    text-align: center;
    padding: 26px 15px 6px;
}
.home-intro__title {
    font-family: "Times new roman", "SFUTimesTenRoman", serif;
    font-size: 38px;
    line-height: 1.25;
    font-weight: normal;
    color: #2d2626;
    margin: 0 0 10px;
}
.home-intro__sub {
    font-size: 17px;
    line-height: 1.55;
    color: #6a6a6a;
    margin: 0 auto;
    max-width: 860px;
}

/* ---------- Tiêu đề + breadcrumb trang con ---------- */
.page-heading {
    background: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
    margin-bottom: 24px;
}
.page-heading .container { position: relative; }
.page-heading__title {
    font-family: "Times new roman", "SFUTimesTenRoman", serif;
    font-size: 32px;
    line-height: 1.3;
    font-weight: normal;
    color: #2d2626;
    margin: 0;
    padding: 0 15px;
}
.page-heading__crumbs { padding: 8px 15px 0; }
.page-heading__crumbs ol {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #7a7a7a;
}
.page-heading__crumbs li { display: inline; }
.page-heading__crumbs li + li:before {
    content: "/";
    margin: 0 8px;
    color: #b5b5b5;
}
.page-heading__crumbs a { color: #7a7a7a; text-decoration: none; }
.page-heading__crumbs a:hover { color: #d84261; text-decoration: underline; }
.page-heading__crumbs [aria-current="page"] { color: #2d2626; }

/* ---------- Câu hỏi thường gặp ---------- */
.faq-block {
    padding: 34px 0 40px;
    background: #fafafa;
    border-top: 1px solid #ececec;
}
.faq-block__head { text-align: center; margin-bottom: 22px; }
.faq-block__title {
    font-family: "Times new roman", "SFUTimesTenRoman", serif;
    font-size: 32px;
    line-height: 1.3;
    font-weight: normal;
    color: #d84261;
    margin: 0;
    padding: 0 15px;
}
.faq-list { max-width: 900px; margin: 0 auto; padding: 0 15px; }
.faq-item {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 10px;
}
.faq-item__q {
    cursor: pointer;
    list-style: none;
    padding: 14px 44px 14px 16px;
    position: relative;
}
.faq-item__q::-webkit-details-marker { display: none; }
.faq-item__q h3 {
    display: inline;
    font-family: inherit;
    font-size: 17px;
    line-height: 1.45;
    font-weight: bold;
    color: #2d2626;
    margin: 0;
}
.faq-item__q:after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -13px;
    font-size: 24px;
    line-height: 26px;
    color: #d84261;
}
.faq-item[open] .faq-item__q:after { content: "\2212"; }
.faq-item[open] .faq-item__q { border-bottom: 1px solid #efefef; }
.faq-item__a { padding: 12px 16px 16px; }
.faq-item__a p {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: #4a4a4a;
}

/* ---------- Trang 404 ---------- */
.error404 {
    text-align: center;
    padding: 50px 15px 60px;
    max-width: 720px;
    margin: 0 auto;
}
.error404__code {
    font-family: "Times new roman", "SFUTimesTenRoman", serif;
    font-size: 84px;
    line-height: 1;
    font-weight: normal;
    color: #d84261;
    margin: 0 0 10px;
}
.error404__title {
    font-size: 22px;
    color: #2d2626;
    margin: 0 0 12px;
}
.error404__text {
    font-size: 16px;
    line-height: 1.65;
    color: #6a6a6a;
    margin: 0 0 18px;
}
.error404__text a { color: #d84261; }
.error404__links {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
}
.error404__links li { display: inline-block; margin: 0 6px 8px; }
.error404__links a {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #d84261;
    border-radius: 3px;
    color: #d84261;
    text-decoration: none;
    font-size: 15px;
}
.error404__links a:hover { background: #d84261; color: #fff; }

/* ---------- Bản mobile ---------- */
@media (max-width: 767px) {
    .home-intro { padding: 18px 12px 4px; }
    .home-intro__title { font-size: 25px; }
    .home-intro__sub { font-size: 15px; }
    .page-heading { padding: 14px 0; margin-bottom: 16px; }
    .page-heading__title { font-size: 22px; padding: 0 12px; }
    .page-heading__crumbs { padding: 6px 12px 0; font-size: 13px; }
    .faq-block { padding: 24px 0 28px; }
    .faq-block__title { font-size: 23px; }
    .faq-list { padding: 0 12px; }
    .faq-item__q { padding: 12px 40px 12px 13px; }
    .faq-item__q h3 { font-size: 16px; }
    .faq-item__a { padding: 10px 13px 14px; }
    .faq-item__a p { font-size: 15px; }
    .title_main h2 { font-size: 26px; }
}