/*
 * Page: V2 - Tiệc Sinh Nhật
 * URL: /dich-vu/v2-tiec-sinh-nhat/
 */

/* ============================================================
   Section intro: ornament + DỊCH VỤ + TỔ CHỨC SINH NHẬT + nút
   Đồng bộ khoảng cách/kích thước giống Ebook
   ============================================================ */

/* Ảnh ornament 94px (đang 113px) */
.oc-ornament-col .img img {
    width: 94px !important;
    height: auto !important;
}

/* Khoảng cách ornament → "DỊCH VỤ" */
.oc-ornament-col {
    margin-bottom: 37px !important;
}

/* Sub "DỊCH VỤ": 24px như Ebook (đang 20.8px) */
.oc-intro-text .text:first-child p {
    font-size: 24px !important;
}

/* Heading line-height normal + heading → mô tả 16px (h3 đang mb 38px) */
.oc-intro-text h1,
.oc-intro-text h2,
.oc-intro-text h3 {
    line-height: normal !important;
    margin-bottom: 16px !important;
}

/* Giảm khoảng cách "DỊCH VỤ" → heading thêm 2px */
.oc-intro-text .col-inner > .text:nth-child(2) {
    margin-top: -2px !important;
}

/* Bỏ margin-bottom đoạn mô tả để nút cách mô tả đúng 28px */
.oc-intro-text .col-inner > .text:nth-child(3) p {
    margin-bottom: 0 !important;
}

/* Nút "ĐĂNG KÍ TƯ VẤN": cách mô tả 28px, cách ảnh dưới 64px (10 + colInner 30 + col 24) */
.oc-intro-text a.button {
    margin-top: 28px !important;
    margin-bottom: 10px !important;
}

/* ============================================================
   Box concept "Chiến sĩ tí hon" (.text_concept_sinhnhat)
   Desktop: 3 cột 416px. Mobile: block riêng dùng [ux_slider] —
   KHÔNG ép width để slider tự quản lý kích thước slide.
   ============================================================ */

/* Áp dụng chung cả desktop + mobile */
.text_concept_sinhnhat {
    background-color: #F7F5EF !important;
}
.text_concept_sinhnhat h1,
.text_concept_sinhnhat h2,
.text_concept_sinhnhat h3 {
    font-size: 24px !important;
}
.text_concept_sinhnhat p {
    font-size: 14px !important;
}

/* DESKTOP (≥850px): card 416px + nới container + khoảng cách nút */
@media (min-width: 850px) {
    .text_concept_sinhnhat {
        width: 416px !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .section-content:has(.text_concept_sinhnhat),
    .row:has(.text_concept_sinhnhat) {
        max-width: 1392px !important;
    }
    .section:has(.text_concept_sinhnhat) {
        padding-bottom: 100px !important;
    }
    .section:has(.text_concept_sinhnhat) a.button {
        margin-top: 44px !important;
    }
}

/* MOBILE (≤849px): không ép width card; chỉ gọn khoảng cách */
@media (max-width: 849px) {
    .is-divider.divider {
        display: none !important;
    }

    .col:has(> .col-inner > .text-center > .is-divider.divider) {
        display: none !important;
    }

    .section:has(.text_concept_sinhnhat) {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }
    .text_concept_sinhnhat h1,
    .text_concept_sinhnhat h2,
    .text_concept_sinhnhat h3 {
        font-size: 40px !important;
    }
    .section:has(.text_concept_sinhnhat) > .section-content > .row > .col > .col-inner > .text h3 {
        font-size: 40px !important;
    }
    .section:has(.text_concept_sinhnhat) a.button {
        margin-top: 20px !important;
    }
}