/*
 * Page: V2 - Outside Catering
 * URL: /dich-vu/v2-outside-catering/
 */

/* ============================================================
   Section intro: ornament + DỊCH VỤ + OUTSIDE CATERING + 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;
}

/* ============================================================
   Section "Lời chia sẻ" (LỜI NÓI CHÂN THẬT): bỏ gạch chân (divider)
   — thiết kế không có. Trang chỉ có 1 divider duy nhất.
   Ẩn cả row chứa divider để thu gọn khoảng cách heading → mô tả.
   ============================================================ */
.is-divider.divider {
    display: none !important;
}

/* Ẩn cột chứa divider (chỉ mình cột đó) để thu gọn khoảng cách,
   không ảnh hưởng title/mô tả nằm ở cột khác cùng row */
.col:has(> .col-inner > .text-center > .is-divider.divider) {
    display: none !important;
}

/* Heading → mô tả: giảm margin-bottom heading (đang 38px) về 16px ~ Ebook.
   Scope qua row chứa divider (duy nhất trên trang) */
.row:has(.is-divider.divider) h2.style-heading,
.row:has(.is-divider.divider) h3.style-heading {
    margin-bottom: 13px !important;
}

/* Giảm khoảng cách mô tả → hàng card: bỏ padding-bottom 24px của cột (trong cùng row),
   không ảnh hưởng heading → mô tả */
.row:has(.is-divider.divider) > .col {
    padding-bottom: 0 !important;
}