/*
Theme Name: giaodiengiatot-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 10.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.svg#SVN-GilroyLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-Gilroy.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-Gilroy.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.svg#SVN-Gilroy') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.svg#SVN-GilroyBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.svg#SVN-GilroyMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.svg#SVN-GilroySemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.svg#SVN-GilroyHeavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Alias Heavy file → weight 800 (vì SVN-Gilroy không có ExtraBold 800) */
/* Fix font-weight 800 bị trình duyệt fake bold gây "lộn xộn" */
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'SVN-Gilroy';
    overflow: hidden;
    font-weight: 500;
}

/* Form elements default Arial → force inherit SVN-Gilroy */
input, textarea, select, button {
    font-family: inherit !important;
}

/* ============================================================ */
/* HOMEPAGE - bump font cho các block (Tại sao chọn, Tiêu chí, USP) */
/* ============================================================ */
.section-why .why-title h3,
.section-why .why-title * {
    font-size: 19px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}
.section-why .featured-box p,
.section-why .featured-box .featured-box-content p,
.section-why p {
    font-size: 17px !important;
    line-height: 1.65 !important;
    color: #475569;
}
.section-tieuchi .infoGraphic li h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
}
.section-tieuchi .infoGraphic li p,
.section-tieuchi .infoGraphic li .content p {
    font-size: 16.5px !important;
    line-height: 1.7 !important;
    color: #475569;
}
.section-tieuchi > .row > .col > p,
section.section-tieuchi > .section-content > div > p,
.section-tieuchi p {
    font-size: 17px !important;
}
.section-themes1 h1,
[class*="section-themes"] h1 {
    font-size: 42px !important;
    line-height: 1.25 !important;
}
.section-themes1 .list-feature li,
[class*="themes-head"] .list-feature li,
.list-feature li {
    font-size: 17px !important;
    line-height: 1.7 !important;
}
.title-count {
    font-size: 38px !important;
    font-weight: 900 !important;
}
/* Default entry content paragraph bump */
.entry-content p,
.page-content p,
section p {
    font-size: 17px;
    line-height: 1.7;
}
.gdgt-review-text {
    font-size: 17px !important;
}

/* ============================================================ */
/* Single page/post - bài viết, điều khoản, blog                */
/* ============================================================ */
.single .entry-content,
.page .entry-content,
.post-content,
.page-content,
article .entry-content {
    font-size: 17px;
    line-height: 1.75;
    color: #334155;
    max-width: 820px;
    margin: 0 auto;
}
.single .entry-content h1, .page .entry-content h1 {
    font-size: 32px !important;
    line-height: 1.3 !important;
    font-weight: 800;
    color: #0c2545;
    margin: 32px 0 16px;
}
.single .entry-content h2, .page .entry-content h2,
.entry-content h2 {
    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: 800;
    color: #0c2545;
    margin: 28px 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e8edf8;
}
.single .entry-content h3, .page .entry-content h3,
.entry-content h3 {
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 700;
    color: #0c2545;
    margin: 22px 0 12px;
}
.single .entry-content h4, .page .entry-content h4,
.entry-content h4 {
    font-size: 19px !important;
    font-weight: 700;
    color: #0c2545;
    margin: 18px 0 10px;
}
.single .entry-content p, .page .entry-content p,
.entry-content p {
    font-size: 17px !important;
    line-height: 1.75 !important;
    color: #334155;
    margin-bottom: 14px;
}
.single .entry-content ul, .single .entry-content ol,
.page .entry-content ul, .page .entry-content ol,
.entry-content ul, .entry-content ol {
    font-size: 17px;
    line-height: 1.75;
    color: #334155;
    margin: 12px 0 16px 24px;
}
.single .entry-content li, .page .entry-content li,
.entry-content li {
    margin-bottom: 8px;
}
.single .entry-content strong, .single .entry-content b,
.page .entry-content strong, .page .entry-content b,
.entry-content strong, .entry-content b {
    color: #0c2545;
    font-weight: 700;
}
.single .entry-content a, .page .entry-content a,
.entry-content a {
    color: #0160e7;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.entry-title, .page-title {
    font-size: 36px !important;
    line-height: 1.25 !important;
    font-weight: 900;
    color: #0c2545;
    margin-bottom: 20px;
}

/* Mobile bài viết */
@media (max-width: 767px) {
    .single .entry-content, .page .entry-content,
    .entry-content {
        font-size: 16px;
    }
    .single .entry-content p, .page .entry-content p,
    .entry-content p {
        font-size: 16px !important;
    }
    .entry-title, .page-title { font-size: 26px !important; }
    .single .entry-content h2, .page .entry-content h2,
    .entry-content h2 { font-size: 22px !important; }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media (max-width: 767px) {
    .device-collection .phone-container, .device-collection .tablet-container, .device-collection .desktop {
        position: unset;
    }
}
}

/* Căn chỉnh 2 nút Thêm vào giỏ và Xem thử giao diện lên cùng 1 hàng */
form.cart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
form.cart .single_add_to_cart_button,
form.cart .btn-view {
    flex: 1;
    margin: 0 !important;
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

/* === Badge/label .title p trên page 1834 === */
.page-id-1834 .title p {
    color: #fff !important;
}

/* === Cloud Hosting pricing — AZDIGI-style custom cards (post 1834) === */
.page-id-1834 .gdgt-pricing-wrap {
    max-width: 1200px;
    margin: 40px auto 0;
}
.page-id-1834 .gdgt-billing-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #eaf2ff;
    padding: 10px 16px;
    border-radius: 12px;
    margin: 0 auto 32px;
    font-size: 18px;
    color: #1f2937;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.page-id-1834 .gdgt-toggle-icon { font-size: 20px; }
.page-id-1834 .gdgt-toggle-label { font-weight: 600; color: #0160e7; }
.page-id-1834 .gdgt-period-select {
    appearance: none;
    -webkit-appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230160e7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 12px center;
    border: 1px solid #c5d9ff;
    border-radius: 8px;
    padding: 8px 36px 8px 14px;
    font-size: 18px;
    font-weight: 600;
    color: #0160e7;
    cursor: pointer;
    line-height: 1.2;
    min-width: 180px;
}
.page-id-1834 .gdgt-period-select:focus { outline: 2px solid #0160e7; outline-offset: 2px; }

.page-id-1834 .gdgt-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}
.page-id-1834 .gdgt-card {
    position: relative;
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 18px;
    padding: 28px 26px 26px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.page-id-1834 .gdgt-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(1, 96, 231, 0.12);
    border-color: #c5d9ff;
}
.page-id-1834 .gdgt-featured {
    border: 2px solid #0160e7;
    box-shadow: 0 12px 36px rgba(1, 96, 231, 0.18);
}
.page-id-1834 .gdgt-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: #0160e7;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 6px 14px;
    border-radius: 99px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(1, 96, 231, 0.3);
}

.page-id-1834 .gdgt-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
.page-id-1834 .gdgt-card-title {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}
.page-id-1834 .gdgt-card-icon {
    width: 34px;
    height: 34px;
    background: #eaf2ff;
    color: #0160e7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-id-1834 .gdgt-card-pricing {
    padding-bottom: 22px;
    border-bottom: 1px solid #eef1f6;
    margin-bottom: 22px;
}
.page-id-1834 .gdgt-from {
    font-size: 18px;
    color: #6b7280;
    margin-bottom: 4px;
}
.page-id-1834 .gdgt-amount {
    display: flex;
    align-items: baseline;
    gap: 2px;
    margin-bottom: 12px;
}
.page-id-1834 .gdgt-num {
    font-size: 48px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -1px;
    line-height: 1;
}
.page-id-1834 .gdgt-cur {
    font-size: 30px;
    font-weight: 700;
    color: #0f172a;
}
.page-id-1834 .gdgt-suf {
    font-size: 18px;
    color: #6b7280;
    margin-left: 4px;
}
.page-id-1834 .gdgt-breakdown {
    font-size: 18px;
    color: #6b7280;
    margin-bottom: 4px;
}
.page-id-1834 .gdgt-total {
    font-size: 18px;
    color: #1f2937;
    margin-bottom: 4px;
}
.page-id-1834 .gdgt-total strong {
    color: #0f172a;
    font-weight: 700;
}
.page-id-1834 .gdgt-savings {
    font-size: 17px;
    color: #16a34a;
    font-weight: 600;
    min-height: 18px;
}

.page-id-1834 .gdgt-card-specs {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 24px;
}
.page-id-1834 .gdgt-spec {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.page-id-1834 .gdgt-spec-ic {
    font-size: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}
.page-id-1834 .gdgt-spec-text { flex: 1; min-width: 0; }
.page-id-1834 .gdgt-spec-label {
    font-size: 17px;
    color: #6b7280;
    line-height: 1.3;
}
.page-id-1834 .gdgt-spec-value {
    font-size: 18px;
    color: #0f172a;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 2px;
}
.page-id-1834 .gdgt-gift .gdgt-spec-value { color: #0160e7; }

.page-id-1834 .gdgt-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: #0f172a;
    color: #fff;
    border-radius: 99px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
.page-id-1834 .gdgt-cta:hover {
    background: #1f2937;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}
.page-id-1834 .gdgt-featured .gdgt-cta {
    background: #0160e7;
}
.page-id-1834 .gdgt-featured .gdgt-cta:hover {
    background: #0048b3;
}

.page-id-1834 .gdgt-pricing-foot {
    text-align: center;
    margin-top: 28px;
    font-size: 18px;
    color: #6b7280;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Tablet/mobile */
@media (max-width: 991px) {
    .page-id-1834 .gdgt-pricing-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
    }
    .page-id-1834 .gdgt-featured { margin: 20px 0; }
}

/* Stats row */
.page-id-1834 .block-info p:first-child strong,
.page-id-1834 .block-info p:first-child {
    color: #0160e7 !important;
    line-height: 1.1;
}

/* === CTA section (dark navy) === */
.page-id-1834 .section-cta-gdgt {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}
.page-id-1834 .section-cta-gdgt .title h2 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 14px;
}
.page-id-1834 .section-cta-gdgt .title p {
    color: rgba(255,255,255,0.75);
    font-size: 18px;
    max-width: 720px;
    margin: 0 auto 28px;
    display: inline-block;
    padding: 10px 24px;
    background: rgba(1, 96, 231, 0.15);
    border-radius: 99px;
    border: 1px solid rgba(1, 96, 231, 0.3);
}
.page-id-1834 .gdgt-cta-row {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8px;
}
.page-id-1834 .gdgt-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 56px;
    padding: 0 32px;
    border-radius: 99px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    line-height: 1;
}
.page-id-1834 .gdgt-cta-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}
.page-id-1834 .gdgt-cta-ic {
    font-size: 22px;
    line-height: 1;
}
.page-id-1834 .gdgt-cta-primary {
    background: #0160e7;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(1, 96, 231, 0.4);
}
.page-id-1834 .gdgt-cta-primary:hover {
    background: #0048b3;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(1, 96, 231, 0.55);
}
.page-id-1834 .gdgt-cta-ghost {
    background: transparent;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.3);
}
.page-id-1834 .gdgt-cta-ghost:hover {
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff !important;
}

/* === Đăng ký form (CF7 #864) on this page === */
.page-id-1834 .section-dang-ky {
    padding: 80px 0 !important;
}
.page-id-1834 .section-dang-ky .title h2 {
    font-weight: 800;
    margin-bottom: 8px;
}
.page-id-1834 .section-dang-ky .title p {
    font-size: 18px;
    opacity: 0.85;
    margin-bottom: 30px;
}
.page-id-1834 .form-lienhe {
    background: #fff !important;
    border-radius: 18px;
    padding: 36px 32px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    max-width: 900px;
    margin: 0 auto;
}
.page-id-1834 .form-lienhe label {
    display: block;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #475569;
    text-transform: none;
    letter-spacing: 0.2px;
}
.page-id-1834 .form-lienhe label input.wpcf7-form-control,
.page-id-1834 .form-lienhe label .wpcf7-form-control-wrap {
    display: block;
    margin-top: 6px;
}
.page-id-1834 .form-lienhe input[type="text"],
.page-id-1834 .form-lienhe input[type="email"],
.page-id-1834 .form-lienhe input[type="tel"],
.page-id-1834 .form-lienhe textarea {
    width: 100%;
    height: 50px;
    padding: 0 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    font-size: 18px;
    color: #0f172a;
    box-shadow: none;
    transition: border-color .2s ease, background .2s ease;
    margin-bottom: 0;
}
.page-id-1834 .form-lienhe input:focus,
.page-id-1834 .form-lienhe textarea:focus {
    border-color: #0160e7;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 96, 231, 0.12);
}
.page-id-1834 .form-lienhe input::placeholder {
    color: #94a3b8;
}
.page-id-1834 .form-lienhe .wpcf7-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 56px;
    padding: 0 40px !important;
    background: #0160e7 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 99px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-top: 16px;
    box-shadow: 0 8px 22px rgba(1, 96, 231, 0.35);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
    line-height: 1 !important;
}
.page-id-1834 .form-lienhe .wpcf7-submit:hover {
    background: #fff !important;
    color: #0160e7 !important;
    box-shadow: 0 8px 22px rgba(1, 96, 231, 0.35), inset 0 0 0 2px #0160e7 !important;
    transform: translateY(-2px);
}
.page-id-1834 .form-lienhe .wpcf7-submit::before {
    content: none !important;
}
.page-id-1834 .form-lienhe .wpcf7-submit br { display: none; }
.page-id-1834 .form-lienhe .wpcf7-submit span {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.page-id-1834 .form-lienhe .wpcf7-submit svg {
    width: 16px;
    height: 16px;
}
.page-id-1834 .form-lienhe .wpcf7-submit svg path {
    fill: #fff !important;
}
.page-id-1834 .form-lienhe .wpcf7-submit:hover svg path {
    fill: #0160e7 !important;
}
.page-id-1834 .form-lienhe .wpcf7-response-output {
    margin-top: 16px;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 18px;
}

@media (max-width: 600px) {
    .page-id-1834 .gdgt-cta-btn { width: 100%; justify-content: center; }
    .page-id-1834 .form-lienhe { padding: 28px 22px; }
}

/* === Legacy Flatsome price-table styles (kept for backwards-compat) === */
.page-id-1834 .pricing-table-wrapper {
    height: 100%;
    margin-bottom: 0;
}
.page-id-1834 .pricing-table-wrapper .pricing-table {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 36px 28px 28px;
    border-radius: 14px;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 6px 28px rgba(1, 96, 231, 0.08);
    border: 1px solid #eef1f6;
    transition: transform .25s ease, box-shadow .25s ease;
}
.page-id-1834 .pricing-table-wrapper .pricing-table:before {
    display: none !important;
}
.page-id-1834 .pricing-table-wrapper .pricing-table:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 36px rgba(1, 96, 231, 0.14);
}
.page-id-1834 .pricing-table-wrapper .pricing-table .pricing-table-header {
    padding-bottom: 18px;
    border-bottom: 1px solid #eef1f6;
    margin-bottom: 18px;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .title {
    font-size: 18px;
    letter-spacing: 0.6px;
    margin-bottom: 14px;
    color: #6b7280;
    font-weight: 600;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .price.is-xxlarge {
    font-size: 42px;
    line-height: 1.1;
    color: #0160e7;
    font-weight: 700;
    letter-spacing: -1px;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .description {
    font-size: 18px;
    color: #8a94a6;
    margin-top: 8px;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .pricing-table-items {
    flex: 1;
    margin-bottom: 22px;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .bullet-item {
    padding: 9px 0;
    font-size: 18px;
    line-height: 1.55;
    color: #374151;
    border-bottom: 1px solid #f3f5f8;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .bullet-item:last-child {
    border-bottom: none;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .button.btn-main {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0 24px;
    height: 50px;
    line-height: 1;
    background: #0160e7;
    color: #fff !important;
    border: none;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.3px;
    box-shadow: 0 4px 14px rgba(1, 96, 231, 0.25);
    text-transform: uppercase;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .button.btn-main span {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.page-id-1834 .pricing-table-wrapper .pricing-table .button.btn-main:hover {
    background: #0048b3;
    box-shadow: 0 6px 18px rgba(1, 96, 231, 0.35);
}

/* Featured (middle) tier — blue background */
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table {
    background: linear-gradient(160deg, #0160e7 0%, #013fa3 100%) !important;
    background-image: linear-gradient(160deg, #0160e7 0%, #013fa3 100%) !important;
    border-color: transparent;
    box-shadow: 0 18px 44px rgba(1, 96, 231, 0.3);
    position: relative;
    z-index: 2;
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table:before {
    display: none !important;
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table * {
    color: #fff;
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .title {
    color: rgba(255,255,255,0.85);
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .price.is-xxlarge {
    color: #fff;
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .description {
    color: rgba(255,255,255,0.85);
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .pricing-table-header {
    border-bottom-color: rgba(255,255,255,0.18);
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .bullet-item {
    border-bottom-color: rgba(255,255,255,0.12);
    color: #fff;
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .button.btn-main {
    background: #fff !important;
    color: #0160e7 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .button.btn-main:hover {
    background: #f0f6ff !important;
    color: #0048b3 !important;
}
.page-id-1834 .pricing-table-wrapper .pricing-table.featured-table .button.btn-main span {
    color: inherit !important;
}

/* Subtext below each price card — give it clearance from the card */
.page-id-1834 [class*="col_inner"] .text-box,
.page-id-1834 .pricing-table-wrapper + .text-box,
.page-id-1834 .pricing-table-wrapper + p,
.page-id-1834 .col-inner > .text:has(p) {
    margin-top: 18px;
}
.page-id-1834 .col-inner > .text p {
    font-size: 18px;
    color: #6b7280;
}

/* Spacing around price tables row */
.page-id-1834 .row.row-pricing,
.page-id-1834 [class*="row_inner"] {
    margin-bottom: 0;
}
.page-id-1834 .pricing-table-wrapper {
    margin-top: 24px;
    margin-bottom: 8px;
}

/* Stats row */
.page-id-1834 .block-info p:first-child strong {
    color: #0160e7 !important;
}
.page-id-1834 .block-info p:first-child {
    line-height: 1.1;
    color: #0160e7 !important;
}

/* ============================================================
   FOOTER PROFESSIONAL STYLES
   ============================================================ */

/* Accent line trên đầu footer */
#footer > .section:first-child {
    border-top: 3px solid #0160e7 !important;
    padding-top: 52px !important;
    padding-bottom: 48px !important;
}

/* Logo row — giảm padding dưới */
#footer .row-small {
    padding-bottom: 28px !important;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    margin-bottom: 12px;
}

/* Footer column title */
.footer-title p {
    color: #e2e8f0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    position: relative;
}
.footer-title p::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 2px;
    background: #0160e7;
    border-radius: 2px;
}

/* Footer description text */
.desc-ff p {
    color: #94a3b8 !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

/* Footer links */
#footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#footer ul li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    line-height: 1.5 !important;
}
#footer ul li a {
    color: #94a3b8 !important;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s ease, padding-left .2s ease;
    display: inline-block;
}
#footer ul li a:hover {
    color: #60a5fa !important;
    padding-left: 4px;
}
#footer ul li:not(:has(a)) {
    color: #6b7280;
    font-size: 18px;
    cursor: default;
}

/* Maps iframe */
#footer iframe {
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
    width: 100% !important;
    max-width: 300px;
    height: 195px !important;
    display: block;
    margin-top: 4px;
}

/* Copyright bar */
#footer > .section:last-child {
    background: #131920 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}
#footer .mg0 * {
    color: #6b7280 !important;
    font-size: 18px !important;
}
#footer .mg0 strong {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

/* ============================================================ */
/* Single Product — Benefits Block                             */
/* ============================================================ */

.gdgt-benefits {
    margin: 20px 0 28px;
    font-family: inherit;
    color: #1e293b;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gdgt-benefits * { box-sizing: border-box; }

/* 1. Feature highlights */
.gdgt-features {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 8px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.gdgt-features li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 6px;
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
    min-height: 92px;
    text-align: center;
}
.gdgt-feature-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0160e7;
}
.gdgt-feature-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.gdgt-feature-label {
    font-size: 17px;
    font-weight: 700;
    color: #334155;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/* 2. Perks card */
.gdgt-perks-card {
    background: linear-gradient(180deg, #f0f7ff 0%, #f8fbff 100%);
    border: 1px solid #dbeafe;
    border-radius: 14px;
    padding: 20px 22px;
}
.gdgt-perks-head {
    margin-bottom: 14px;
}
.gdgt-perks-badge {
    display: inline-block;
    background: #0160e7;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: .4px;
    margin-bottom: 10px;
}
.gdgt-perks-head h3 {
    font-size: 20px;
    font-weight: 800;
    color: #0c2545;
    margin: 0 !important;
    line-height: 1.35;
}
.gdgt-perks-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.gdgt-perks-list li {
    position: relative;
    padding: 8px 0 8px 30px;
    font-size: 18px;
    color: #334155;
    line-height: 1.55;
    border-top: 1px dashed rgba(1,96,231,.15);
}
.gdgt-perks-list li:first-child { border-top: 0; padding-top: 4px; }
.gdgt-perks-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 20px;
    height: 20px;
    background: #16a34a url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/></svg>") center/14px no-repeat;
    border-radius: 50%;
    flex-shrink: 0;
}
.gdgt-perks-list li strong {
    color: #0c2545;
    font-weight: 700;
}

/* 3. Trust badges */
.gdgt-trust {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 8px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.gdgt-trust li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 10px;
    min-height: 64px;
}
.gdgt-trust li svg {
    width: 26px;
    height: 26px;
    color: #0160e7;
    flex-shrink: 0;
}
.gdgt-trust li div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.gdgt-trust li strong {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.25;
}
.gdgt-trust li span {
    font-size: 17px;
    color: #64748b;
    line-height: 1.3;
    margin-top: 2px;
}

/* 4. Promo banners */
.gdgt-promo {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid;
    font-size: 18px;
    line-height: 1.45;
}
.gdgt-promo-tag {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 6px;
    letter-spacing: .4px;
    white-space: nowrap;
}
.gdgt-promo-body { flex: 1; color: #334155; }
.gdgt-promo-body strong { color: #1e293b; font-weight: 700; }
.gdgt-promo-body a {
    margin-left: 6px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.gdgt-promo-hot {
    background: linear-gradient(90deg, #fff4ed 0%, #fffaf5 100%);
    border-color: #fed7aa;
}
.gdgt-promo-hot .gdgt-promo-tag { background: #ea580c; color: #fff; }
.gdgt-promo-hot .gdgt-promo-body a { color: #ea580c; }

.gdgt-promo-free {
    background: linear-gradient(90deg, #f0fdf4 0%, #f7fef9 100%);
    border-color: #bbf7d0;
}
.gdgt-promo-free .gdgt-promo-tag { background: #16a34a; color: #fff; }
.gdgt-promo-free .gdgt-promo-body a { color: #16a34a; }

.gdgt-promo-free-install {
    background: linear-gradient(90deg, #ecfdf5 0%, #f0fdf4 100%);
    border-color: #6ee7b7;
}
.gdgt-promo-free-install .gdgt-promo-tag {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(16,185,129,.3);
}

/* ============================================================ */
/* Product Combos – 4 cards bundle                             */
/* ============================================================ */

.gdgt-combos {
    margin: 40px auto 32px;
    padding: 36px 32px 32px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
    border: 1.5px solid #dbeafe;
    border-radius: 16px;
    max-width: 100%;
    clear: both;
}
.gdgt-combos * { box-sizing: border-box; }

.gdgt-combos-head {
    text-align: center;
    margin-bottom: 20px;
}
.gdgt-combos-badge {
    display: inline-block;
    background: linear-gradient(90deg, #f59e0b 0%, #f97316 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 20px;
    letter-spacing: .6px;
    margin-bottom: 8px;
    box-shadow: 0 2px 8px rgba(245,158,11,.3);
}
.gdgt-combos-head h3 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0c2545 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.35;
}
.gdgt-combos-head p {
    font-size: 18px;
    color: #475569;
    margin: 0;
    line-height: 1.55;
}
.gdgt-combos-head p strong { color: #ea580c; }

/* Combo grid — default 4 cols, override 3 */
.gdgt-combos-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
    margin-bottom: 18px;
}
.gdgt-combos-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}
.gdgt-combo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 20px 20px;
    background: #fff;
    border: 1.5px solid #e8edf8;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
    transition: all .22s ease;
    min-height: 100%;
    min-width: 0;
}
.gdgt-combo-card:hover {
    border-color: #0160e7;
    box-shadow: 0 10px 28px rgba(1,96,231,.14);
    transform: translateY(-3px);
}

/* Bestseller card */
.gdgt-combo-bestseller {
    border-color: #0160e7 !important;
    background: linear-gradient(180deg, #f0f7ff 0%, #fff 60%);
    box-shadow: 0 6px 24px rgba(1,96,231,.18) !important;
    transform: scale(1.02);
}
.gdgt-combo-bestseller:hover {
    transform: translateY(-3px) scale(1.02);
}
.gdgt-combo-tag {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #0160e7 0%, #2563eb 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 20px;
    letter-spacing: .6px;
    box-shadow: 0 4px 12px rgba(1,96,231,.35);
    white-space: nowrap;
}

.gdgt-combo-icon {
    font-size: 38px;
    margin-bottom: 6px;
    line-height: 1;
}
.gdgt-combo-name {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0c2545 !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.3;
}
.gdgt-combo-tagline {
    font-size: 17px !important;
    color: #64748b !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.4;
    min-height: 34px;
}

.gdgt-combo-price {
    margin-bottom: 14px;
    padding: 12px 12px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e8edf8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.gdgt-combo-bestseller .gdgt-combo-price {
    background: #fff;
    border-color: #dbeafe;
}
.gdgt-combo-amount {
    font-size: 28px;
    font-weight: 800;
    color: #0160e7;
    line-height: 1;
}
.gdgt-combo-amount span {
    font-size: 18px;
    font-weight: 700;
    margin-left: 2px;
}
.gdgt-combo-old {
    font-size: 17px;
    color: #94a3b8;
    text-decoration: line-through;
}
.gdgt-combo-save {
    display: inline-block;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #b45309;
    background: #fef3c7;
    padding: 3px 8px;
    border-radius: 4px;
}

.gdgt-combo-includes {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    flex: 1;
}
.gdgt-combo-includes li {
    position: relative;
    padding: 6px 0 6px 22px;
    font-size: 17px;
    color: #334155;
    line-height: 1.45;
    border: 0 !important;
}
.gdgt-combo-includes li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: #16a34a;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
    border-radius: 4px;
}

.gdgt-combo-cta {
    display: block;
    text-align: center;
    padding: 11px 12px;
    background: #fff;
    color: #0160e7 !important;
    border: 1.5px solid #0160e7;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .18s ease;
}
.gdgt-combo-cta:hover {
    background: #0160e7;
    color: #fff !important;
}
.gdgt-combo-cta-primary {
    background: linear-gradient(90deg, #0160e7 0%, #2563eb 100%);
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(1,96,231,.3);
}
.gdgt-combo-cta-primary:hover {
    box-shadow: 0 8px 20px rgba(1,96,231,.45);
    transform: translateY(-1px);
}

/* Info banner: included vs not included */
.gdgt-combos-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 22px;
}
.gdgt-info-col {
    padding: 14px 16px;
    border-radius: 10px;
    line-height: 1.55;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.gdgt-info-col strong {
    font-size: 18px;
    font-weight: 800;
}
.gdgt-info-col span {
    color: #475569;
}
.gdgt-info-col em {
    color: #1e293b;
    font-style: normal;
    font-weight: 600;
}
.gdgt-info-yes {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}
.gdgt-info-yes strong { color: #15803d; }
.gdgt-info-no {
    background: #fff7ed;
    border: 1px solid #fdba74;
}
.gdgt-info-no strong { color: #c2410c; }

/* Divider: "HOẶC TỰ CHỌN..." */
.gdgt-combos-divider {
    position: relative;
    text-align: center;
    margin: 4px -10px -8px;
}
.gdgt-combos-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e2e8f0;
}
.gdgt-combos-divider span {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 1px;
}

/* ============================================================ */
/* Product Card Thumbnail — full website screenshot           */
/* File ảnh giữ nguyên 600 wide (full height) — CSS crop display */
/* ============================================================ */

.product-small .box-image,
.products .product .box-image,
.products .product-small .box-image {
    height: 280px !important;
    overflow: hidden !important;
    position: relative;
}
.product-small .box-image img,
.products .product .box-image img,
.products .product-small .box-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    transition: object-position 3s ease !important;
}
/* Hover: scroll image down để khách xem được phần dưới */
.product-small:hover .box-image img,
.products .product:hover .box-image img {
    object-position: bottom center !important;
}

/* ============================================================ */
/* Product Description – Auto template                         */
/* ============================================================ */

.gdgt-product-desc {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-family: inherit;
}
.gdgt-product-desc * { box-sizing: border-box; }

.gdgt-desc-section h3 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0c2545 !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.35;
}
.gdgt-desc-section p {
    font-size: 18px;
    color: #475569;
    line-height: 1.65;
    margin: 0 0 12px 0;
}
.gdgt-desc-section p strong { color: #0c2545; }

/* Bullet list with brand-blue checkmarks */
.gdgt-desc-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.gdgt-desc-list li {
    position: relative;
    padding: 10px 0 10px 36px;
    font-size: 18px;
    color: #334155;
    line-height: 1.6;
    border-bottom: 1px solid #f1f5f9;
}
.gdgt-desc-list li:last-child { border-bottom: 0; }
.gdgt-desc-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 22px;
    height: 22px;
    background: #eff6ff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230160e7'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/></svg>") center/14px no-repeat;
    border-radius: 6px;
    border: 1px solid #dbeafe;
}
.gdgt-desc-list li strong { color: #0c2545; font-weight: 700; }
.gdgt-desc-list-checks li::before {
    background-color: #f0fdf4;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316a34a'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/></svg>");
    border-color: #bbf7d0;
}

/* 6-item grid for "Bạn nhận được gì" */
.gdgt-desc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.gdgt-desc-item {
    position: relative;
    padding: 18px 16px 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
    border: 1px solid #e8edf8;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.gdgt-desc-item .gdgt-desc-num {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 28px;
    font-weight: 800;
    color: #0160e7;
    opacity: 0.18;
    line-height: 1;
}
.gdgt-desc-item strong {
    font-size: 18px;
    color: #0c2545;
    font-weight: 800;
    line-height: 1.3;
    padding-right: 32px;
}
.gdgt-desc-item span {
    font-size: 18px;
    color: #64748b;
    line-height: 1.5;
}

/* CTA section */
.gdgt-desc-cta {
    background: linear-gradient(135deg, #0160e7 0%, #0046a8 100%);
    border-radius: 14px;
    padding: 28px 24px;
    color: #fff;
    text-align: center;
}
.gdgt-desc-cta h3 {
    color: #fff !important;
    font-size: 28px !important;
    margin-bottom: 10px !important;
}
.gdgt-desc-cta p {
    color: #cfe1ff !important;
    font-size: 18px;
    margin-bottom: 18px;
}
.gdgt-desc-cta p strong { color: #fff; }
.gdgt-desc-btn {
    display: inline-block;
    padding: 14px 32px;
    background: #fff;
    color: #0160e7 !important;
    font-weight: 800;
    font-size: 18px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all .2s;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.gdgt-desc-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

/* ============================================================ */
/* Product Addons – Gói cơ bản / Gói mở rộng (cweo plugin)    */
/* ============================================================ */

.cweo-extra-options-wrapper {
    margin: 24px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.cweo-group {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .22s ease;
}
.cweo-group:hover {
    box-shadow: 0 4px 16px rgba(15,23,42,.06);
}

/* Header (toggle bar) */
.cweo-group-header {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: linear-gradient(90deg, #f0f7ff 0%, #fafcff 100%);
    border-bottom: 1px solid #e8edf8;
    cursor: pointer;
    user-select: none;
}
.cweo-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #0160e7;
    color: #fff !important;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
}
.cweo-group-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0c2545 !important;
    margin: 0 !important;
    flex: 0 0 auto;
}
.cweo-group-optional {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    margin-left: -4px;
}
.cweo-group-subtitle {
    flex: 1 0 100%;
    margin-top: 4px !important;
    font-size: 17px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    line-height: 1.4;
    padding-left: 34px;
}
.cweo-group-link {
    display: none !important; /* Ẩn vì subtitle đã đủ rõ, link gây vỡ layout */
}
.cweo-group-optional {
    display: none !important; /* Bỏ — tên group mới đã rõ */
}

/* Options list */
.cweo-options-list {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cweo-option-label {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    margin: 0 !important;
    background: #fff;
    border: 1.5px solid #e8edf8;
    border-radius: 10px;
    cursor: pointer;
    transition: all .18s ease;
}
.cweo-option-label:hover {
    border-color: #93c5fd;
    background: #f8fbff;
}

/* Custom checkbox */
.cweo-option-label .cweo-option-input {
    appearance: none;
    -webkit-appearance: none;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px;
    margin: 0 !important;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: all .18s ease;
    flex-shrink: 0;
}
.cweo-option-label .cweo-option-input:hover {
    border-color: #0160e7;
}
.cweo-option-label .cweo-option-input:checked {
    background: #0160e7;
    border-color: #0160e7;
}
.cweo-option-label .cweo-option-input:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg);
}

/* Khi checkbox được chọn — highlight cả row */
.cweo-option-label:has(.cweo-option-input:checked) {
    border-color: #0160e7;
    background: #eff6ff;
    box-shadow: 0 2px 8px rgba(1,96,231,.08);
}

/* Text + price */
.cweo-option-text {
    flex: 1;
    font-size: 18px !important;
    color: #1e293b !important;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.cweo-option-price {
    margin-left: auto !important;
    font-size: 18px !important;
    color: #0c2545 !important;
    font-weight: 700;
    padding: 4px 10px;
    background: #f1f5f9;
    border-radius: 6px;
    white-space: nowrap;
}
.cweo-option-price .woocommerce-Price-amount {
    color: #0c2545 !important;
    font-weight: 700 !important;
}
.cweo-option-label:has(.cweo-option-input:checked) .cweo-option-price {
    background: #0160e7;
    color: #fff !important;
}
.cweo-option-label:has(.cweo-option-input:checked) .cweo-option-price .woocommerce-Price-amount {
    color: #fff !important;
}

/* Recommended option (Hosting) — đặc biệt nổi bật */
.cweo-option-recommended {
    border-color: #0160e7 !important;
    background: linear-gradient(180deg, #f0f7ff 0%, #fff 50%) !important;
    position: relative;
    box-shadow: 0 4px 18px rgba(1, 96, 231, 0.12) !important;
}
.cweo-option-recommended::before {
    content: '';
    position: absolute;
    left: -1.5px;
    top: -1.5px;
    bottom: -1.5px;
    width: 5px;
    background: linear-gradient(180deg, #0160e7 0%, #60a5fa 100%);
    border-radius: 10px 0 0 10px;
}
.cweo-recommend-badge {
    display: inline-block;
    font-size: 15px !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #0160e7 0%, #2563eb 100%);
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 6px;
    letter-spacing: 0.6px;
    margin-right: 6px;
    white-space: nowrap;
    line-height: 1.3;
    box-shadow: 0 2px 6px rgba(1, 96, 231, 0.3);
    text-transform: uppercase;
}
.cweo-option-recommended:has(.cweo-option-input:checked) {
    border-color: #0160e7 !important;
    background: #eff6ff !important;
}
.cweo-option-recommended:has(.cweo-option-input:checked)::before {
    background: #0160e7;
}

/* Option layout — wrap với body riêng */
.cweo-option-label {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    padding: 14px 16px !important;
}
.cweo-option-label .cweo-option-input {
    margin-top: 2px !important;
}
.cweo-option-label .cweo-option-text {
    align-items: flex-start;
    padding-top: 1px;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0c2545 !important;
}

/* Body chứa pills + desc + cta + save */
.cweo-option-body {
    flex: 1 0 100%;
    margin-top: 12px;
    margin-left: 34px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Spec pills — mỗi spec là 1 pill có background xanh nhạt */
.cweo-spec-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.cweo-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    background: #eff6ff;
    color: #0160e7;
    font-size: 17px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #dbeafe;
    line-height: 1.3;
    white-space: nowrap;
}

/* Description: chữ rõ hơn, không mờ nhạt */
.cweo-option-desc {
    font-size: 18px;
    color: #475569;
    line-height: 1.55;
    margin: 0;
}
.cweo-option-desc strong {
    color: #0c2545;
    font-weight: 700;
}

/* CTA button (Xem chi tiết) */
.cweo-option-cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    padding: 7px 14px;
    background: #0160e7;
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none !important;
    transition: background .18s;
    white-space: nowrap;
}
.cweo-option-cta:hover {
    background: #014bb4;
    color: #fff !important;
}

/* Save badge */
.cweo-option-save {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    padding: 6px 12px;
    background: linear-gradient(90deg, #fef3c7 0%, #fffbeb 100%);
    border: 1.5px solid #fcd34d;
    color: #92400e;
    font-size: 17px;
    font-weight: 700;
    border-radius: 6px;
    line-height: 1.3;
}
.cweo-option-save.cweo-option-bestseller {
    background: linear-gradient(90deg, #fee2e2 0%, #fff1f2 100%);
    border-color: #fca5a5;
    color: #991b1b;
}

/* Hover state — toàn card sáng lên */
.cweo-option-label:hover .cweo-pill {
    background: #dbeafe;
    border-color: #93c5fd;
}

/* Selected state — đổi pills */
.cweo-option-label:has(.cweo-option-input:checked) .cweo-pill {
    background: #fff;
    color: #0160e7;
    border-color: #0160e7;
}


/* ============================================================ */
/* Banner dịch vụ hỗ trợ - shop page + product page            */
/* ============================================================ */
.gdgt-product-services-banner,
.gdgt-shop-services-banner {
    margin: 24px auto 28px;
    max-width: 1200px;
    padding: 0 15px;
}
.gdgt-services-banner {
    background: linear-gradient(135deg, #f8fbff 0%, #fff 100%);
    border: 1px solid #dbeafe;
    border-radius: 14px;
    padding: 28px 28px 24px;
}
.gdgt-banner-head {
    text-align: center;
    margin-bottom: 22px;
}
.gdgt-banner-tag {
    display: inline-block;
    background: #0160e7;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.gdgt-banner-head h3 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0c2545 !important;
    margin: 0 !important;
    line-height: 1.35;
}
.gdgt-banner-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.gdgt-banner-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 18px;
    background: #fff;
    border: 1.5px solid #e8edf8;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all .22s ease;
    position: relative;
}
.gdgt-banner-card:hover {
    border-color: #0160e7;
    box-shadow: 0 6px 20px rgba(1,96,231,.12);
    transform: translateY(-2px);
    text-decoration: none !important;
}
.gdgt-banner-icon {
    width: 44px;
    height: 44px;
    background: #eff6ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #0160e7;
    transition: background .22s, color .22s;
}
.gdgt-banner-card:hover .gdgt-banner-icon {
    background: #0160e7;
    color: #fff;
}
.gdgt-banner-icon svg {
    width: 22px;
    height: 22px;
}
.gdgt-banner-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.gdgt-banner-content strong {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #0c2545;
    margin-bottom: 4px;
    line-height: 1.3;
}
.gdgt-banner-content p,
.gdgt-banner-desc {
    display: block;
    font-size: 17px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}
.gdgt-banner-content p b,
.gdgt-banner-desc b {
    color: #dd1f26;
    font-weight: 700;
}
.gdgt-banner-icon {
    display: flex !important;
}
.gdgt-banner-arrow {
    flex-shrink: 0;
    color: #94a3b8;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    transition: transform .22s, color .22s;
}
.gdgt-banner-card:hover .gdgt-banner-arrow {
    color: #0160e7;
    transform: translateX(4px);
}

/* Card variants - subtle accent */
.gdgt-banner-card-be:hover .gdgt-banner-icon { background: #dc2626; }
.gdgt-banner-card-host:hover .gdgt-banner-icon { background: #16a34a; }
.gdgt-banner-card-be:hover { border-color: #dc2626; }
.gdgt-banner-card-host:hover { border-color: #16a34a; }
.gdgt-banner-card-be:hover .gdgt-banner-arrow { color: #dc2626; }
.gdgt-banner-card-host:hover .gdgt-banner-arrow { color: #16a34a; }

/* Mobile */
@media (max-width: 849px) {
    .gdgt-services-banner { padding: 22px 18px; }
    .gdgt-banner-head h3 { font-size: 20px !important; }
    .gdgt-banner-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* ============================================================ */
/* Trang Dịch vụ Backlink Entity (page-id-1878)                */
/* Style: bám sát homepage, dùng red accent + Flatsome native   */
/* ============================================================ */

.page-id-1878 .section-be-hero h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 18px;
}

/* Pain points - 4 items với số đỏ */
.page-id-1878 .be-pain-item {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 8px;
    padding: 22px 18px 18px;
    height: 100%;
    min-height: 180px;
    position: relative;
    transition: all .2s;
}
.page-id-1878 .be-pain-item:hover {
    border-color: #dd1f26;
    box-shadow: 0 4px 16px rgba(221,31,38,.1);
}
.page-id-1878 .be-pain-num {
    width: 38px;
    height: 38px;
    background: #dd1f26;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 12px;
}
.page-id-1878 .be-pain-item h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0c2545;
    margin: 0 0 8px;
}
.page-id-1878 .be-pain-item p {
    font-size: 18px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
}

.page-id-1878 .section-be-define h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0c2545;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #0160e7;
    display: inline-block;
}

/* Benefits - featured_box */
.page-id-1878 .section-be-benefits .featured-box {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 8px;
    padding: 24px 18px;
    height: 100%;
    transition: box-shadow .2s;
}
.page-id-1878 .section-be-benefits .featured-box:hover {
    box-shadow: 0 4px 18px rgba(1,96,231,.1);
}
.page-id-1878 .section-be-benefits .featured-box h3 {
    margin-top: 12px !important;
    color: #0c2545;
    font-weight: 700;
}
.page-id-1878 .section-be-benefits .featured-box p {
    color: #475569;
    font-size: 18px;
    line-height: 1.6;
}

/* Target items - 4 numbered cards */
.page-id-1878 .be-target-item {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 8px;
    padding: 28px 20px 22px;
    text-align: center;
    height: 100%;
    min-height: 200px;
    transition: all .2s;
}
.page-id-1878 .be-target-item:hover {
    border-color: #0160e7;
    box-shadow: 0 4px 18px rgba(1,96,231,.1);
}
.page-id-1878 .be-target-num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}
.page-id-1878 .be-target-item h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0c2545;
    margin: 0 0 8px;
}
.page-id-1878 .be-target-item p {
    font-size: 18px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
}

/* Promo banner - trên pricing */
.page-id-1878 .section-be-promo {
    margin-bottom: 0;
}
.page-id-1878 .be-promo-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #dd1f26;
    color: #fff;
    padding: 16px 24px;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(221,31,38,.22);
}
.page-id-1878 .be-promo-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 0;
}
.page-id-1878 .be-promo-label {
    background: #fff;
    color: #dd1f26;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}
.page-id-1878 .be-promo-content {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
}
.page-id-1878 .be-promo-content strong {
    color: #fff;
    font-weight: 800;
}
.page-id-1878 .be-promo-btn {
    display: inline-block;
    background: #fff;
    color: #dd1f26 !important;
    padding: 10px 22px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all .18s;
    flex-shrink: 0;
}
.page-id-1878 .be-promo-btn:hover {
    background: #fff7ed;
    transform: translateX(2px);
}

/* Pricing group title */
.page-id-1878 .be-pricing-group-title {
    text-align: center;
    margin: 20px 0 24px;
    padding: 22px 20px 18px;
    background: #fff;
    border-radius: 8px;
    border-top: 4px solid #0160e7;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
}
.page-id-1878 .be-pricing-group-ceo {
    border-top-color: #fe4c1c;
}
.page-id-1878 .be-pricing-tag {
    display: inline-block;
    background: #0160e7;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
}
.page-id-1878 .be-pricing-tag-ceo {
    background: #fe4c1c;
}
.page-id-1878 .be-pricing-group-title h3 {
    font-size: 28px;
    font-weight: 800;
    color: #0c2545;
    margin: 6px 0 4px;
}
.page-id-1878 .be-pricing-group-title p {
    font-size: 18px;
    color: #64748b;
    margin: 0;
}
.page-id-1878 .be-pricing-spacer { margin-top: 50px !important; }

/* Pricing boxes */
.page-id-1878 .be-price-box {
    position: relative;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .2s;
}
.page-id-1878 .be-price-box:hover {
    border-color: #0160e7;
    box-shadow: 0 6px 20px rgba(1,96,231,.12);
}
.page-id-1878 .be-price-featured {
    border: 2px solid #0160e7;
    box-shadow: 0 6px 24px rgba(1,96,231,.18);
}
.page-id-1878 .be-price-box-ceo.be-price-featured {
    border-color: #fe4c1c;
    box-shadow: 0 6px 24px rgba(254,76,28,.18);
}
.page-id-1878 .be-price-ribbon {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #0160e7;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    white-space: nowrap;
}
.page-id-1878 .be-price-box-ceo .be-price-ribbon { background: #fe4c1c; }

.page-id-1878 .be-price-head h4 {
    font-size: 20px;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 4px;
}
.page-id-1878 .be-price-head p {
    font-size: 17px;
    color: #94a3b8;
    margin: 0 0 14px;
}
.page-id-1878 .be-price-amount {
    font-size: 34px;
    font-weight: 900;
    color: #dd1f26;
    line-height: 1;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
}
.page-id-1878 .be-price-amount sup {
    font-size: 18px;
    font-weight: 700;
    margin-left: 2px;
}
.page-id-1878 .be-price-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    flex: 1;
}
.page-id-1878 .be-price-list li {
    padding: 7px 0 7px 22px;
    font-size: 18px;
    color: #334155;
    line-height: 1.5;
    position: relative;
}
.page-id-1878 .be-price-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 7px;
    color: #16a34a;
    font-weight: 800;
    font-size: 18px;
}
.page-id-1878 .be-price-list li b,
.page-id-1878 .be-price-list li strong { color: #0c2545; font-weight: 700; }

.page-id-1878 .be-price-btn {
    display: block;
    text-align: center;
    padding: 11px;
    background: #fff;
    color: #0160e7 !important;
    border: 1.5px solid #0160e7;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .18s;
}
.page-id-1878 .be-price-btn:hover {
    background: #0160e7;
    color: #fff !important;
}
.page-id-1878 .be-price-btn-featured {
    background: #0160e7;
    color: #fff !important;
}

/* Nút Form - xanh lá phân biệt với Zalo (xanh dương) */
.page-id-1878 .be-price-btn-form {
    background: #16a34a !important;
    color: #fff !important;
    border-color: #16a34a !important;
}
.page-id-1878 .be-price-btn-form:hover {
    background: #15803d !important;
    border-color: #15803d !important;
}
.page-id-1878 .be-price-btn-form-featured {
    background: linear-gradient(90deg, #16a34a 0%, #15803d 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(22,163,74,0.3);
}
.page-id-1878 .be-price-btn-form-featured:hover {
    box-shadow: 0 8px 20px rgba(22,163,74,0.45);
}
.page-id-1878 .be-price-btn-featured:hover {
    background: #014bb4;
}
.page-id-1878 .be-price-box-ceo .be-price-btn {
    color: #fe4c1c !important;
    border-color: #fe4c1c;
}
.page-id-1878 .be-price-box-ceo .be-price-btn:hover,
.page-id-1878 .be-price-box-ceo .be-price-btn-featured {
    background: #fe4c1c;
    color: #fff !important;
}

.page-id-1878 .be-pricing-note {
    margin-top: 24px;
    padding: 14px 20px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    font-size: 18px;
    color: #78350f;
    text-align: center;
}
.page-id-1878 .be-pricing-note a {
    margin-left: 6px;
    font-weight: 700;
    color: #dd1f26 !important;
    text-decoration: none !important;
}

/* Process - use existing infoGraphic from site */
.page-id-1878 .be-process-list { margin: 0; }

/* Industries grid - 12 ngành */
.page-id-1878 .be-industries-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin: 16px 0;
}
.page-id-1878 .be-industry-card {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 6px;
    padding: 14px 8px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    transition: all .2s;
}
.page-id-1878 .be-industry-card:hover {
    border-color: #0160e7;
    box-shadow: 0 4px 12px rgba(1,96,231,.1);
    transform: translateY(-2px);
}
.page-id-1878 .be-industry-icon {
    font-size: 34px;
    line-height: 1;
    margin-bottom: 2px;
}
.page-id-1878 .be-industry-card strong {
    font-size: 18px;
    font-weight: 700;
    color: #0c2545;
    line-height: 1.3;
}
.page-id-1878 .be-industry-card em {
    font-size: 17px;
    color: #dd1f26;
    font-style: normal;
    font-weight: 600;
}
.page-id-1878 .be-industries-note {
    text-align: center;
    font-size: 18px;
    color: #64748b;
    margin: 24px 0 0;
}
.page-id-1878 .be-industries-note a {
    color: #0160e7;
    font-weight: 700;
    text-decoration: none;
}
.page-id-1878 .be-industries-note a:hover {
    text-decoration: underline;
}

/* Testimonials - 3 cards style đơn giản, không gradient */
.page-id-1878 .be-testi-item {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 8px;
    padding: 24px 22px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
    transition: box-shadow .2s;
}
.page-id-1878 .be-testi-item:hover {
    box-shadow: 0 6px 18px rgba(1,96,231,.1);
}
.page-id-1878 .be-testi-stars {
    color: #f59e0b;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}
.page-id-1878 .be-testi-quote {
    font-size: 18px;
    color: #475569;
    font-style: italic;
    line-height: 1.65;
    margin: 0 0 16px;
    flex: 1;
}
.page-id-1878 .be-testi-author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
}
.page-id-1878 .be-testi-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #0160e7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 20px;
    flex-shrink: 0;
}
.page-id-1878 .be-testi-info {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}
.page-id-1878 .be-testi-info strong {
    font-size: 18px;
    color: #0c2545;
    font-weight: 700;
}
.page-id-1878 .be-testi-info span {
    font-size: 17px;
    color: #94a3b8;
    margin-top: 1px;
}
.page-id-1878 .be-testi-info em {
    font-size: 17px;
    color: #dd1f26;
    font-style: normal;
    font-weight: 600;
    margin-top: 3px;
}

/* VS Comparison table - Tự làm vs Thuê shop */
.page-id-1878 .be-vs-table {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}
.page-id-1878 .be-vs-row {
    display: grid;
    grid-template-columns: 1.2fr 1.4fr 1.4fr;
    border-bottom: 1px solid #f1f5f9;
}
.page-id-1878 .be-vs-row:last-child { border-bottom: none; }
.page-id-1878 .be-vs-head {
    background: #f8fafc;
    font-weight: 800;
}
.page-id-1878 .be-vs-cell {
    padding: 14px 18px;
    font-size: 18px;
    color: #334155;
    line-height: 1.5;
    border-right: 1px solid #f1f5f9;
}
.page-id-1878 .be-vs-cell:last-child { border-right: none; }
.page-id-1878 .be-vs-cell small {
    display: block;
    margin-top: 2px;
    font-size: 17px;
    color: #94a3b8;
    font-weight: 400;
}
.page-id-1878 .be-vs-criteria {
    font-weight: 700;
    color: #0c2545;
    background: #f8fafc;
}
.page-id-1878 .be-vs-diy {
    color: #dc2626;
}
.page-id-1878 .be-vs-pro {
    color: #0160e7;
}
.page-id-1878 .be-vs-good {
    background: rgba(22, 163, 74, 0.04);
    color: #0c2545;
    position: relative;
}
.page-id-1878 .be-vs-good::before {
    content: '✓';
    color: #16a34a;
    font-weight: 800;
    margin-right: 6px;
}
.page-id-1878 .be-vs-note {
    text-align: center;
    margin-top: 24px;
    padding: 14px 20px;
    background: #f0f7ff;
    border: 1px solid #dbeafe;
    border-radius: 6px;
    font-size: 18px;
    color: #475569;
    line-height: 1.6;
}
.page-id-1878 .be-vs-note strong { color: #0160e7; }

/* Lead Form section - sau FAQ */
.page-id-1878 .section-be-leadform {
    background: #fff;
}
.page-id-1878 .be-leadform-intro {
    padding-right: 20px;
}
.page-id-1878 .be-leadform-badge {
    display: inline-block;
    background: #dd1f26;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.page-id-1878 .be-leadform-intro h2 {
    font-size: 32px;
    font-weight: 800;
    color: #0c2545;
    line-height: 1.3;
    margin: 0 0 12px;
}
.page-id-1878 .be-leadform-intro p {
    font-size: 18px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 16px;
}
.page-id-1878 .be-leadform-perks {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
}
.page-id-1878 .be-leadform-perks li {
    padding: 7px 0 7px 24px;
    font-size: 18px;
    color: #334155;
    line-height: 1.5;
    position: relative;
}
.page-id-1878 .be-leadform-perks li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 7px;
    color: #16a34a;
    font-weight: 800;
}
.page-id-1878 .be-leadform-or {
    text-align: center;
    margin: 18px 0 14px;
    position: relative;
}
.page-id-1878 .be-leadform-or::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e2e8f0;
}
.page-id-1878 .be-leadform-or span {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.page-id-1878 .be-leadform-contact {
    display: flex;
    gap: 10px;
}
.page-id-1878 .be-leadform-zalo,
.page-id-1878 .be-leadform-phone {
    flex: 1;
    text-align: center;
    padding: 11px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .18s;
}
.page-id-1878 .be-leadform-zalo {
    background: #0068ff;
    color: #fff !important;
}
.page-id-1878 .be-leadform-zalo:hover { background: #0052cc; }
.page-id-1878 .be-leadform-phone {
    background: #fff;
    color: #16a34a !important;
    border: 1.5px solid #16a34a;
}
.page-id-1878 .be-leadform-phone:hover {
    background: #16a34a;
    color: #fff !important;
}

/* Form box */
.page-id-1878 .be-leadform-box {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 28px 26px;
}
.page-id-1878 .be-leadform-wrap label {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #0c2545;
    margin-bottom: 6px;
}
.page-id-1878 .be-leadform-wrap label small {
    font-weight: 400;
    color: #94a3b8;
    margin-left: 4px;
}
.page-id-1878 .be-leadform-wrap .be-req {
    color: #dd1f26;
}
.page-id-1878 .be-leadform-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.page-id-1878 .be-leadform-field { margin-bottom: 0; }
.page-id-1878 .be-leadform-full { margin-bottom: 14px; }
.page-id-1878 .be-leadform-wrap input[type="text"],
.page-id-1878 .be-leadform-wrap input[type="tel"],
.page-id-1878 .be-leadform-wrap input[type="email"],
.page-id-1878 .be-leadform-wrap input[type="url"],
.page-id-1878 .be-leadform-wrap select,
.page-id-1878 .be-leadform-wrap textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 6px;
    font-size: 18px;
    background: #fff;
    color: #0c2545;
    transition: border-color .18s;
    margin: 0 !important;
}
.page-id-1878 .be-leadform-wrap input:focus,
.page-id-1878 .be-leadform-wrap select:focus,
.page-id-1878 .be-leadform-wrap textarea:focus {
    border-color: #0160e7;
    outline: none;
    box-shadow: 0 0 0 3px rgba(1,96,231,.1);
}
.page-id-1878 .be-leadform-submit {
    margin-top: 6px;
    text-align: center;
}
.page-id-1878 .be-leadform-btn,
.page-id-1878 .be-leadform-wrap input[type="submit"] {
    width: 100%;
    padding: 14px;
    background: #dd1f26 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: background .18s;
    text-transform: uppercase;
}
.page-id-1878 .be-leadform-btn:hover,
.page-id-1878 .be-leadform-wrap input[type="submit"]:hover {
    background: #b91c20 !important;
}
.page-id-1878 .be-leadform-note {
    margin: 10px 0 0;
    font-size: 17px;
    color: #94a3b8;
    text-align: center;
}

/* Commit items */
.page-id-1878 .be-commit-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border-left: 4px solid #dd1f26;
    border-radius: 4px;
    padding: 18px 20px;
    height: 100%;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
    margin-bottom: 16px;
}
.page-id-1878 .be-commit-no {
    width: 36px;
    height: 36px;
    background: #dd1f26;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    flex-shrink: 0;
}
.page-id-1878 .be-commit-content h4 {
    font-size: 18px;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 4px;
}
.page-id-1878 .be-commit-content p {
    font-size: 18px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
}

/* Mobile */
@media (max-width: 849px) {
    .page-id-1878 .section-be-hero h1 { font-size: 32px; }
    .page-id-1878 .be-target-item { min-height: auto; margin-bottom: 14px; }
    .page-id-1878 .be-price-box { margin-bottom: 28px; }
    .page-id-1878 .be-industries-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .page-id-1878 .be-promo-banner {
        flex-direction: column;
        text-align: center;
        gap: 14px;
        padding: 18px 18px;
    }
    .page-id-1878 .be-promo-left {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .page-id-1878 .be-promo-content {
        font-size: 18px;
    }
    .page-id-1878 .be-industry-icon { font-size: 30px; }
    .page-id-1878 .be-industry-card strong { font-size: 17px; }
    .page-id-1878 .be-industry-card em { font-size: 15px; }
    .page-id-1878 .be-vs-row {
        grid-template-columns: 1fr 1fr;
        position: relative;
    }
    .page-id-1878 .be-vs-criteria {
        grid-column: 1 / -1;
        background: #0c2545;
        color: #fff;
        font-size: 18px;
        padding: 10px 14px;
    }
    .page-id-1878 .be-vs-cell {
        padding: 12px 14px;
        font-size: 18px;
    }
    .page-id-1878 .be-vs-cell small { font-size: 15px; }
    .page-id-1878 .be-vs-head .be-vs-criteria { display: none; }
    .page-id-1878 .be-leadform-intro {
        padding-right: 0;
        margin-bottom: 24px;
    }
    .page-id-1878 .be-leadform-intro h2 { font-size: 20px; }
    .page-id-1878 .be-leadform-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .page-id-1878 .be-leadform-box {
        padding: 20px 18px;
    }
}

/* ============================================================ */
/* Trang Dịch vụ SEO Care (page-id-1890)                       */
/* Apply landing page style guide                              */
/* ============================================================ */

.page-id-1890 .section-seo-hero h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 18px;
}

/* Pain Points - CSS Grid 5 cột */
.page-id-1890 .seo-pain-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-top: 8px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .page-id-1890 .seo-pain-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    .page-id-1890 .seo-pain-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.page-id-1890 .seo-pain-item {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 8px;
    padding: 22px 18px 18px;
    height: 100%;
    min-height: 220px;
    transition: all .2s;
}
.page-id-1890 .seo-pain-item:hover {
    border-color: #dd1f26;
    box-shadow: 0 4px 16px rgba(221,31,38,.1);
}
.page-id-1890 .seo-pain-num {
    width: 38px;
    height: 38px;
    background: #dd1f26;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 12px;
}
.page-id-1890 .seo-pain-item h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0c2545;
    margin: 0 0 8px;
}
.page-id-1890 .seo-pain-item p {
    font-size: 18px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
}
.page-id-1890 .seo-pain-conclusion {
    margin-top: 24px;
    padding: 18px 24px;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 8px;
    font-size: 18px;
    color: #9a3412;
    line-height: 1.6;
    text-align: center;
}
.page-id-1890 .seo-pain-conclusion strong { color: #c2410c; }

/* Define section */
.page-id-1890 .section-seo-define h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0c2545;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #0160e7;
    display: inline-block;
}

/* Benefits - 6 cards CSS Grid với inline SVG */
.page-id-1890 .seo-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 8px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .page-id-1890 .seo-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .page-id-1890 .seo-benefit-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.page-id-1890 .seo-benefit-card {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 10px;
    padding: 28px 22px 22px;
    text-align: center;
    height: 100%;
    transition: all .2s;
}
.page-id-1890 .seo-benefit-card:hover {
    border-color: #0160e7;
    box-shadow: 0 6px 20px rgba(1,96,231,.1);
    transform: translateY(-2px);
}
.page-id-1890 .seo-benefit-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    background: #eff6ff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0160e7;
    transition: background .22s, color .22s;
}
.page-id-1890 .seo-benefit-card:hover .seo-benefit-icon {
    background: #0160e7;
    color: #fff;
}
.page-id-1890 .seo-benefit-icon svg {
    width: 28px;
    height: 28px;
}
.page-id-1890 .seo-benefit-card h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0c2545 !important;
    margin: 0 0 8px !important;
    line-height: 1.35;
}
.page-id-1890 .seo-benefit-card p {
    color: #475569;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}
.page-id-1890 .seo-benefit-card p strong { color: #0c2545; font-weight: 700; }

/* Promo banner */
.page-id-1890 .seo-promo-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #dd1f26;
    color: #fff;
    padding: 16px 24px;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(221,31,38,.22);
}
.page-id-1890 .seo-promo-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 0;
}
.page-id-1890 .seo-promo-label {
    background: #fff;
    color: #dd1f26;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}
.page-id-1890 .seo-promo-content { color: #fff; font-size: 18px; line-height: 1.5; }
.page-id-1890 .seo-promo-content strong { color: #fff; font-weight: 800; }
.page-id-1890 .seo-promo-btn {
    display: inline-block;
    background: #fff;
    color: #dd1f26 !important;
    padding: 10px 22px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all .18s;
    flex-shrink: 0;
}
.page-id-1890 .seo-promo-btn:hover { background: #fff7ed; transform: translateX(2px); }

/* Pricing boxes (3 plans) */
.page-id-1890 .seo-price-box {
    position: relative;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .2s;
}
.page-id-1890 .seo-price-box:hover {
    border-color: #0160e7;
    box-shadow: 0 6px 20px rgba(1,96,231,.12);
}
.page-id-1890 .seo-price-featured {
    border: 2px solid #0160e7;
    box-shadow: 0 6px 24px rgba(1,96,231,.18);
}
.page-id-1890 .seo-price-ribbon {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #0160e7;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    white-space: nowrap;
}
.page-id-1890 .seo-price-head h4 {
    font-size: 20px;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 4px;
}
.page-id-1890 .seo-price-head p {
    font-size: 17px;
    color: #94a3b8;
    margin: 0 0 14px;
}
.page-id-1890 .seo-price-amount {
    font-size: 34px;
    font-weight: 900;
    color: #dd1f26;
    line-height: 1;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
}
.page-id-1890 .seo-price-amount sup {
    font-size: 18px;
    font-weight: 700;
    margin-left: 2px;
}
.page-id-1890 .seo-price-period {
    font-size: 18px;
    color: #64748b;
    font-weight: 600;
    margin-left: 6px;
}

/* New pricing display - kiểu hosting page (tháng to + năm nhỏ) */
.page-id-1890 .seo-price-pricing {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
}
.page-id-1890 .seo-price-from {
    font-size: 15px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 700;
    margin-bottom: 2px;
}
.page-id-1890 .seo-price-monthly {
    font-size: 38px;
    font-weight: 900;
    color: #dd1f26;
    line-height: 1.1;
    margin-bottom: 8px;
}
.page-id-1890 .seo-price-monthly sup {
    font-size: 18px;
    font-weight: 700;
    margin-left: 2px;
    vertical-align: super;
}
.page-id-1890 .seo-price-monthly span {
    font-size: 18px;
    color: #64748b;
    font-weight: 600;
    margin-left: 4px;
}
.page-id-1890 .seo-price-breakdown {
    font-size: 17px;
    color: #94a3b8;
    margin-bottom: 4px;
}
.page-id-1890 .seo-price-total {
    font-size: 17px;
    color: #475569;
}
.page-id-1890 .seo-price-total strong {
    color: #0c2545;
    font-weight: 800;
}
.page-id-1890 .seo-price-premium .seo-price-monthly { color: #ea580c; }
/* Why combo - hook trên đầu pricing */
.page-id-1890 .seo-combo-why {
    max-width: 720px;
    margin: 0 auto 26px;
    padding: 16px 22px;
    background: #fff;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 6px;
    text-align: left;
}
.page-id-1890 .seo-combo-why strong {
    display: block;
    font-size: 18px;
    color: #92400e;
    margin-bottom: 8px;
}
.page-id-1890 .seo-combo-why ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.page-id-1890 .seo-combo-why li {
    padding: 4px 0;
    font-size: 18px;
    color: #475569;
    line-height: 1.5;
}
.page-id-1890 .seo-combo-why li strong {
    display: inline;
    color: #b45309;
    margin: 0;
    font-size: inherit;
}

/* Bao gồm dịch vụ - mapping với 5 services */
.page-id-1890 .seo-price-includes {
    margin-bottom: 14px;
    padding: 12px 14px;
    background: #eff6ff;
    border-left: 3px solid #0160e7;
    border-radius: 0 6px 6px 0;
}
.page-id-1890 .seo-price-includes strong {
    display: block;
    font-size: 15px;
    color: #0160e7;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
    font-weight: 800;
}
.page-id-1890 .seo-price-includes span {
    display: block;
    font-size: 18px;
    color: #0c2545;
    font-weight: 700;
    line-height: 1.6;
    padding-left: 16px;
    position: relative;
}
.page-id-1890 .seo-price-includes span:not(:last-child) {
    margin-bottom: 4px;
}
.page-id-1890 .seo-price-includes span::before {
    content: '▸';
    position: absolute;
    left: 0;
    top: 0;
    color: #0160e7;
}

/* Savings box - so sánh giá lẻ */
.page-id-1890 .seo-price-savings {
    margin: 14px 0 16px;
    padding: 10px 12px;
    background: linear-gradient(180deg, #fef3c7 0%, #fffbeb 100%);
    border: 1px dashed #f59e0b;
    border-radius: 6px;
    text-align: center;
}
.page-id-1890 .seo-price-original {
    display: block;
    font-size: 17px;
    color: #78350f;
    margin-bottom: 2px;
}
.page-id-1890 .seo-price-original s {
    color: #94a3b8;
    font-weight: 600;
}
.page-id-1890 .seo-price-save {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #dd1f26;
}
.page-id-1890 .seo-price-savings-note {
    margin-top: 24px;
    padding: 16px 22px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: 18px;
    color: #78350f;
    line-height: 1.65;
    text-align: center;
}
.page-id-1890 .seo-price-savings-note strong { color: #b45309; }

.page-id-1890 .seo-price-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    flex: 1;
}
.page-id-1890 .seo-price-list li {
    padding: 7px 0 7px 22px;
    font-size: 18px;
    color: #334155;
    line-height: 1.5;
    position: relative;
}
.page-id-1890 .seo-price-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 7px;
    color: #16a34a;
    font-weight: 800;
    font-size: 18px;
}
.page-id-1890 .seo-price-list li b,
.page-id-1890 .seo-price-list li strong { color: #0c2545; font-weight: 700; }
.page-id-1890 .seo-price-btn {
    display: block;
    text-align: center;
    padding: 11px;
    background: #fff;
    color: #0160e7 !important;
    border: 1.5px solid #0160e7;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .18s;
}
.page-id-1890 .seo-price-btn:hover { background: #0160e7; color: #fff !important; }
.page-id-1890 .seo-price-btn-featured { background: #0160e7; color: #fff !important; }
.page-id-1890 .seo-price-btn-featured:hover { background: #014bb4; }

/* Premium combo - tier cao cấp */
.page-id-1890 .seo-price-premium {
    border: 2px solid #f59e0b;
    background: linear-gradient(180deg, #fffbeb 0%, #fff 60%);
    box-shadow: 0 6px 24px rgba(245,158,11,.18);
}
.page-id-1890 .seo-price-ribbon-premium {
    background: linear-gradient(90deg, #f59e0b 0%, #ea580c 100%);
    box-shadow: 0 4px 12px rgba(245,158,11,.35);
}
.page-id-1890 .seo-price-premium .seo-price-amount {
    color: #ea580c;
}
.page-id-1890 .seo-price-btn-premium {
    background: linear-gradient(90deg, #f59e0b 0%, #ea580c 100%) !important;
    color: #fff !important;
}
.page-id-1890 .seo-price-btn-premium:hover {
    box-shadow: 0 6px 18px rgba(245,158,11,.4);
}

/* Responsive 4-column grid → 2x2 trên tablet, 1x4 trên mobile */
@media (max-width: 1024px) and (min-width: 850px) {
    .page-id-1890 .seo-price-box {
        margin-bottom: 24px;
    }
}

/* Audit Mini horizontal box */
.page-id-1890 .seo-price-mini {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #fff7ed;
    border: 1.5px dashed #f59e0b;
    border-radius: 10px;
    padding: 22px 26px;
}
.page-id-1890 .seo-price-mini-left { flex: 1; min-width: 0; }
.page-id-1890 .seo-price-mini-tag {
    display: inline-block;
    background: #f59e0b;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}
.page-id-1890 .seo-price-mini-left h4 {
    font-size: 20px;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 6px;
}
.page-id-1890 .seo-price-mini-left p {
    font-size: 18px;
    color: #475569;
    margin: 0;
    line-height: 1.55;
}
.page-id-1890 .seo-price-mini-right { text-align: right; flex-shrink: 0; }
.page-id-1890 .seo-price-mini-amount {
    font-size: 30px;
    font-weight: 900;
    color: #ea580c;
    line-height: 1;
    margin-bottom: 10px;
}
.page-id-1890 .seo-price-mini-amount sup { font-size: 18px; font-weight: 700; }
.page-id-1890 .seo-price-mini-amount span { display: block; font-size: 18px; color: #92400e; font-weight: 600; margin-top: 4px; }
.page-id-1890 .seo-price-mini-btn {
    display: inline-block;
    background: #ea580c;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .18s;
}
.page-id-1890 .seo-price-mini-btn:hover { background: #c2410c; }

/* 5 Service detail cards - horizontal */
.page-id-1890 .seo-svc-card {
    position: relative;
    display: flex;
    gap: 24px;
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 10px;
    padding: 26px 28px 26px 70px;
    margin-bottom: 18px;
    transition: all .2s;
}
.page-id-1890 .seo-svc-card:hover {
    border-color: #0160e7;
    box-shadow: 0 6px 24px rgba(1,96,231,.1);
}
.page-id-1890 .seo-svc-num {
    position: absolute;
    top: 26px;
    left: 24px;
    width: 36px;
    height: 36px;
    background: #0160e7;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    flex-shrink: 0;
}
.page-id-1890 .seo-svc-body {
    flex: 1;
    min-width: 0;
}
.page-id-1890 .seo-svc-head {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.page-id-1890 .seo-svc-head h3 {
    font-size: 20px;
    font-weight: 800;
    color: #0c2545;
    margin: 0;
    line-height: 1.3;
}
.page-id-1890 .seo-svc-tag {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 4px;
    letter-spacing: 0.4px;
}
.page-id-1890 .seo-svc-tag-hot { background: #dd1f26; color: #fff; }
.page-id-1890 .seo-svc-tag-cheap { background: #16a34a; color: #fff; }
.page-id-1890 .seo-svc-tag-mini { background: #f59e0b; color: #fff; }
.page-id-1890 .seo-svc-desc {
    font-size: 18px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 14px;
}
.page-id-1890 .seo-svc-desc strong { color: #0c2545; }
.page-id-1890 .seo-svc-content {
    background: #f8fbff;
    border-left: 3px solid #0160e7;
    border-radius: 0 6px 6px 0;
    padding: 12px 16px;
    margin-bottom: 12px;
}
.page-id-1890 .seo-svc-content strong {
    display: block;
    font-size: 18px;
    color: #0c2545;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.page-id-1890 .seo-svc-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    column-count: 2;
    column-gap: 20px;
}
.page-id-1890 .seo-svc-content li {
    padding: 4px 0 4px 18px;
    font-size: 18px;
    color: #334155;
    line-height: 1.5;
    position: relative;
    break-inside: avoid;
}
.page-id-1890 .seo-svc-content li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 4px;
    color: #16a34a;
    font-weight: 800;
}
.page-id-1890 .seo-svc-content li b { color: #0c2545; font-weight: 700; }
.page-id-1890 .seo-svc-fit {
    font-size: 18px;
    color: #64748b;
    line-height: 1.6;
    padding: 10px 14px;
    background: #fff7ed;
    border-radius: 6px;
    border-left: 3px solid #f59e0b;
}
.page-id-1890 .seo-svc-fit strong { color: #92400e; }

/* Price column */
.page-id-1890 .seo-svc-price {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    border-left: 1px dashed #e2e8f0;
}
.page-id-1890 .seo-svc-price-month {
    font-size: 28px;
    font-weight: 900;
    color: #dd1f26;
    line-height: 1;
    margin-bottom: 8px;
}
.page-id-1890 .seo-svc-price-month sup { font-size: 17px; font-weight: 700; }
.page-id-1890 .seo-svc-price-month span {
    font-size: 18px;
    color: #64748b;
    font-weight: 600;
    margin-left: 4px;
}
.page-id-1890 .seo-svc-price-once {
    font-size: 28px;
    font-weight: 900;
    color: #ea580c;
    line-height: 1;
    margin-bottom: 8px;
}
.page-id-1890 .seo-svc-price-once strong { color: #ea580c; }
.page-id-1890 .seo-svc-price-once sup { font-size: 17px; font-weight: 700; }
.page-id-1890 .seo-svc-price-once span {
    font-size: 18px;
    color: #64748b;
    font-weight: 600;
    margin-left: 4px;
}
.page-id-1890 .seo-svc-price-year {
    padding: 8px 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 5px;
    margin-bottom: 14px;
}
.page-id-1890 .seo-svc-price-year strong {
    display: block;
    font-size: 18px;
    color: #b45309;
    font-weight: 800;
}
.page-id-1890 .seo-svc-price-year strong sup { font-size: 15px; }
.page-id-1890 .seo-svc-price-year em {
    display: block;
    font-size: 15px;
    color: #78350f;
    font-style: normal;
    margin-top: 2px;
}
.page-id-1890 .seo-svc-btn {
    display: block;
    text-align: center;
    padding: 11px;
    background: #0160e7;
    color: #fff !important;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .18s;
}
.page-id-1890 .seo-svc-btn:hover { background: #014bb4; }

/* Nút Form - xanh lá, để phân biệt với Zalo */
.page-id-1890 .seo-svc-btn-form,
.page-id-1890 .seo-price-btn-form {
    background: #16a34a !important;
    color: #fff !important;
}
.page-id-1890 .seo-svc-btn-form:hover,
.page-id-1890 .seo-price-btn-form:hover {
    background: #15803d !important;
}

/* Tip box */
.page-id-1890 .seo-svc-tip {
    margin-top: 24px;
    padding: 18px 22px;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    font-size: 18px;
    color: #334155;
    line-height: 1.8;
}
.page-id-1890 .seo-svc-tip strong { color: #0160e7; }
.page-id-1890 .seo-svc-tip em { color: #dd1f26; font-style: normal; font-weight: 700; }

/* Fit/Not fit cards */
.page-id-1890 .seo-fit-card {
    background: #fff;
    border-radius: 10px;
    padding: 24px 22px;
    height: 100%;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
}
.page-id-1890 .seo-fit-yes {
    border: 2px solid #16a34a;
    background: #f0fdf4;
}
.page-id-1890 .seo-fit-no {
    border: 2px solid #cbd5e1;
}
.page-id-1890 .seo-fit-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.page-id-1890 .seo-fit-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    flex-shrink: 0;
}
.page-id-1890 .seo-fit-yes .seo-fit-icon { background: #16a34a; }
.page-id-1890 .seo-fit-no .seo-fit-icon { background: #94a3b8; }
.page-id-1890 .seo-fit-head h3 {
    font-size: 20px;
    font-weight: 800;
    color: #0c2545;
    margin: 0;
}
.page-id-1890 .seo-fit-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.page-id-1890 .seo-fit-card li {
    padding: 8px 0;
    font-size: 18px;
    color: #334155;
    line-height: 1.55;
    border-bottom: 1px dashed rgba(0,0,0,0.06);
}
.page-id-1890 .seo-fit-card li:last-child { border-bottom: 0; }
.page-id-1890 .seo-fit-card li strong { color: #0c2545; font-weight: 700; }

/* Testimonials */
.page-id-1890 .seo-testi-item {
    background: #fff;
    border: 1px solid #e8edf8;
    border-radius: 8px;
    padding: 24px 22px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
    transition: box-shadow .2s;
}
.page-id-1890 .seo-testi-item:hover { box-shadow: 0 6px 18px rgba(1,96,231,.1); }
.page-id-1890 .seo-testi-stars { color: #f59e0b; font-size: 18px; letter-spacing: 2px; margin-bottom: 12px; }
.page-id-1890 .seo-testi-quote {
    font-size: 18px; color: #475569; font-style: italic;
    line-height: 1.65; margin: 0 0 16px; flex: 1;
}
.page-id-1890 .seo-testi-author {
    display: flex; align-items: center; gap: 12px;
    padding-top: 14px; border-top: 1px solid #f1f5f9;
}
.page-id-1890 .seo-testi-avatar {
    width: 44px; height: 44px; border-radius: 50%;
    background: #0160e7; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 20px; flex-shrink: 0;
}
.page-id-1890 .seo-testi-info { display: flex; flex-direction: column; line-height: 1.35; }
.page-id-1890 .seo-testi-info strong { font-size: 18px; color: #0c2545; font-weight: 700; }
.page-id-1890 .seo-testi-info span { font-size: 17px; color: #94a3b8; margin-top: 1px; }
.page-id-1890 .seo-testi-info em {
    font-size: 17px; color: #dd1f26; font-style: normal;
    font-weight: 600; margin-top: 3px;
}

/* Commitments */
.page-id-1890 .seo-commit-item {
    display: flex; align-items: flex-start; gap: 14px;
    background: #fff; border-left: 4px solid #dd1f26;
    border-radius: 4px; padding: 18px 20px;
    height: 100%; box-shadow: 0 2px 8px rgba(15,23,42,.04);
    margin-bottom: 16px;
}
.page-id-1890 .seo-commit-no {
    width: 36px; height: 36px; background: #dd1f26; color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 18px; flex-shrink: 0;
}
.page-id-1890 .seo-commit-content h4 {
    font-size: 18px; font-weight: 800; color: #0c2545; margin: 0 0 4px;
}
.page-id-1890 .seo-commit-content p {
    font-size: 18px; color: #64748b; line-height: 1.55; margin: 0;
}

/* FAQ - căn giữa accordion */
.page-id-1890 .seo-faq-wrap {
    max-width: 900px;
    margin: 0 auto;
}
.page-id-1890 .section-seo-faq .accordion {
    max-width: 900px;
    margin: 0 auto;
}
.page-id-1890 .section-seo-faq .accordion-item {
    border: 1px solid #e8edf8 !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    background: #fff;
    overflow: hidden;
}
.page-id-1890 .section-seo-faq .accordion-item-title {
    background: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0c2545 !important;
    padding: 16px 20px !important;
    transition: background .18s;
}
.page-id-1890 .section-seo-faq .accordion-item-title:hover {
    background: #f8fbff !important;
}
.page-id-1890 .section-seo-faq .accordion-item.active .accordion-item-title {
    background: #f0f7ff !important;
    color: #0160e7 !important;
}
.page-id-1890 .section-seo-faq .accordion-item-content {
    padding: 18px 20px !important;
    background: #fafbfc;
    font-size: 18px;
    color: #475569;
    line-height: 1.7;
    border-top: 1px solid #e8edf8;
}
.page-id-1890 .section-seo-faq .accordion-item-content strong { color: #0c2545; }

/* Lead Form */
.page-id-1890 .section-seo-leadform { background: #fff; }
.page-id-1890 .seo-leadform-intro { padding-right: 20px; }
.page-id-1890 .seo-leadform-badge {
    display: inline-block; background: #dd1f26; color: #fff;
    font-size: 15px; font-weight: 800; padding: 5px 12px;
    border-radius: 4px; letter-spacing: 0.5px; margin-bottom: 12px;
}
.page-id-1890 .seo-leadform-intro h2 {
    font-size: 32px; font-weight: 800; color: #0c2545;
    line-height: 1.3; margin: 0 0 12px;
}
.page-id-1890 .seo-leadform-intro p {
    font-size: 18px; color: #475569; line-height: 1.6; margin: 0 0 16px;
}
.page-id-1890 .seo-leadform-perks {
    list-style: none !important; padding: 0 !important; margin: 0 0 22px !important;
}
.page-id-1890 .seo-leadform-perks li {
    padding: 7px 0 7px 24px; font-size: 18px; color: #334155;
    line-height: 1.5; position: relative;
}
.page-id-1890 .seo-leadform-perks li::before {
    content: '✓'; position: absolute; left: 0; top: 7px;
    color: #16a34a; font-weight: 800;
}
.page-id-1890 .seo-leadform-or {
    text-align: center; margin: 18px 0 14px; position: relative;
}
.page-id-1890 .seo-leadform-or::before {
    content: ''; position: absolute; top: 50%; left: 0; right: 0;
    height: 1px; background: #e2e8f0;
}
.page-id-1890 .seo-leadform-or span {
    position: relative; display: inline-block; padding: 0 14px;
    background: #fff; font-size: 17px; font-weight: 700;
    color: #94a3b8; text-transform: uppercase; letter-spacing: 0.8px;
}
.page-id-1890 .seo-leadform-contact { display: flex; gap: 10px; }
.page-id-1890 .seo-leadform-zalo,
.page-id-1890 .seo-leadform-phone {
    flex: 1; text-align: center; padding: 11px; border-radius: 6px;
    font-size: 18px; font-weight: 700; text-decoration: none !important;
    transition: all .18s;
}
.page-id-1890 .seo-leadform-zalo { background: #0068ff; color: #fff !important; }
.page-id-1890 .seo-leadform-zalo:hover { background: #0052cc; }
.page-id-1890 .seo-leadform-phone {
    background: #fff; color: #16a34a !important; border: 1.5px solid #16a34a;
}
.page-id-1890 .seo-leadform-phone:hover { background: #16a34a; color: #fff !important; }

.page-id-1890 .seo-leadform-box {
    background: #f8fbff; border: 1px solid #dbeafe;
    border-radius: 10px; padding: 28px 26px;
}
.page-id-1890 .seo-leadform-wrap label {
    display: block; font-size: 18px; font-weight: 700;
    color: #0c2545; margin-bottom: 6px;
}
.page-id-1890 .seo-leadform-wrap label small {
    font-weight: 400; color: #94a3b8; margin-left: 4px;
}
.page-id-1890 .seo-leadform-wrap .seo-req { color: #dd1f26; }
.page-id-1890 .seo-leadform-row {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;
}
.page-id-1890 .seo-leadform-full { margin-bottom: 14px; }
.page-id-1890 .seo-leadform-wrap input[type="text"],
.page-id-1890 .seo-leadform-wrap input[type="tel"],
.page-id-1890 .seo-leadform-wrap input[type="email"],
.page-id-1890 .seo-leadform-wrap input[type="url"],
.page-id-1890 .seo-leadform-wrap select,
.page-id-1890 .seo-leadform-wrap textarea {
    width: 100%; padding: 11px 14px;
    border: 1.5px solid #e2e8f0; border-radius: 6px;
    font-size: 18px; background: #fff; color: #0c2545;
    transition: border-color .18s; margin: 0 !important;
}
.page-id-1890 .seo-leadform-wrap input:focus,
.page-id-1890 .seo-leadform-wrap select:focus,
.page-id-1890 .seo-leadform-wrap textarea:focus {
    border-color: #0160e7; outline: none;
    box-shadow: 0 0 0 3px rgba(1,96,231,.1);
}
.page-id-1890 .seo-leadform-submit { margin-top: 6px; text-align: center; }
.page-id-1890 .seo-leadform-btn,
.page-id-1890 .seo-leadform-wrap input[type="submit"] {
    width: 100%; padding: 14px;
    background: #dd1f26 !important; color: #fff !important;
    border: none !important; border-radius: 6px;
    font-size: 18px; font-weight: 800; letter-spacing: 0.3px;
    cursor: pointer; transition: background .18s; text-transform: uppercase;
}
.page-id-1890 .seo-leadform-btn:hover,
.page-id-1890 .seo-leadform-wrap input[type="submit"]:hover {
    background: #b91c20 !important;
}
.page-id-1890 .seo-leadform-note {
    margin: 10px 0 0; font-size: 17px; color: #94a3b8; text-align: center;
}

/* CTA final section - redesign 2 cột */
.page-id-1890 .seo-cta-final-wrap {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 40px;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
}
.page-id-1890 .seo-cta-final-left {
    color: #fff;
}
.page-id-1890 .seo-cta-final-badge {
    display: inline-block;
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    backdrop-filter: blur(10px);
}
.page-id-1890 .seo-cta-final-left h2 {
    color: #fff !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 0 12px !important;
}
.page-id-1890 .seo-cta-highlight {
    color: #fde68a;
    text-decoration: underline;
    text-decoration-color: rgba(253,230,138,.4);
    text-underline-offset: 4px;
}
.page-id-1890 .seo-cta-final-left p {
    color: #cfe1ff;
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 18px;
}
.page-id-1890 .seo-cta-final-left p strong {
    color: #fde68a;
    font-weight: 800;
}
.page-id-1890 .seo-cta-final-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    font-size: 18px;
    color: #cfe1ff;
}
.page-id-1890 .seo-cta-final-trust span {
    white-space: nowrap;
}

.page-id-1890 .seo-cta-final-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 2 button CTA - style refined */
.page-id-1890 .seo-cta-btn-zalo,
.page-id-1890 .seo-cta-btn-call {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all .22s ease;
    position: relative;
    overflow: hidden;
}

/* Zalo button - nền trắng */
.page-id-1890 .seo-cta-btn-zalo {
    background: #fff;
    color: #0c2545 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}
.page-id-1890 .seo-cta-btn-zalo:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.22);
}
.page-id-1890 .seo-cta-btn-zalo:hover .seo-cta-arrow {
    transform: translateX(4px);
    color: #0068FF;
}

/* Call button - nền xanh lá */
.page-id-1890 .seo-cta-btn-call {
    background: #16a34a;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(22,163,74,0.35);
}
.page-id-1890 .seo-cta-btn-call:hover {
    background: #15803d;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(22,163,74,0.5);
}
.page-id-1890 .seo-cta-btn-call:hover .seo-cta-arrow {
    transform: translateX(4px);
}

/* Icon */
.page-id-1890 .seo-cta-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
}
.page-id-1890 .seo-cta-btn-call .seo-cta-icon {
    background: rgba(255,255,255,.15);
    border-radius: 50%;
    padding: 8px;
}

/* Content text (span containing strong + small) */
.page-id-1890 .seo-cta-btn-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.page-id-1890 .seo-cta-btn-content strong {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    display: block;
}
.page-id-1890 .seo-cta-btn-content small {
    font-size: 17px;
    opacity: 0.75;
    line-height: 1.3;
    display: block;
}

/* Arrow → */
.page-id-1890 .seo-cta-arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #94a3b8;
    transition: transform .22s ease, color .22s ease;
}
.page-id-1890 .seo-cta-btn-call .seo-cta-arrow {
    color: rgba(255,255,255,.7);
}

/* Link fallback */
.page-id-1890 .seo-cta-btn-link {
    text-align: center;
    padding: 8px;
    color: #cfe1ff !important;
    font-size: 18px;
    text-decoration: none !important;
    transition: color .18s;
    margin-top: 2px;
}
.page-id-1890 .seo-cta-btn-link:hover {
    color: #fde68a !important;
}

@media (max-width: 849px) {
    .page-id-1890 .seo-cta-final-wrap {
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }
    .page-id-1890 .seo-cta-final-left h2 {
        font-size: 28px !important;
    }
    .page-id-1890 .seo-cta-final-trust {
        justify-content: center;
    }
}

/* Mobile */
@media (max-width: 849px) {
    .page-id-1890 .section-seo-hero h1 { font-size: 32px; }
    .page-id-1890 .seo-pain-item { min-height: auto; margin-bottom: 14px; }
    .page-id-1890 .seo-price-box { margin-bottom: 28px; }
    .page-id-1890 .seo-promo-banner {
        flex-direction: column; text-align: center; gap: 14px; padding: 18px;
    }
    .page-id-1890 .seo-promo-left { flex-direction: column; align-items: center; gap: 10px; }
    .page-id-1890 .seo-price-mini {
        flex-direction: column; text-align: center; gap: 16px;
    }
    .page-id-1890 .seo-price-mini-right { text-align: center; }
    .page-id-1890 .seo-fit-card { margin-bottom: 18px; }
    .page-id-1890 .seo-leadform-intro { padding-right: 0; margin-bottom: 24px; }
    .page-id-1890 .seo-leadform-intro h2 { font-size: 20px; }
    .page-id-1890 .seo-leadform-row { grid-template-columns: 1fr; gap: 12px; }
    .page-id-1890 .seo-leadform-box { padding: 20px 18px; }
    .page-id-1890 .seo-svc-card {
        flex-direction: column;
        padding: 22px 20px 22px 22px;
        gap: 18px;
    }
    .page-id-1890 .seo-svc-num {
        position: static;
        margin-bottom: 4px;
    }
    .page-id-1890 .seo-svc-head h3 { font-size: 20px; }
    .page-id-1890 .seo-svc-content ul { column-count: 1; }
    .page-id-1890 .seo-svc-price {
        width: 100%;
        padding-left: 0;
        padding-top: 16px;
        border-left: none;
        border-top: 1px dashed #e2e8f0;
    }
}

/* ============================================================ */
/* Sticky Contact Buttons (Zalo + Phone — bottom-right)        */
/* ============================================================ */
.gdgt-sticky-contact {
    position: fixed;
    right: 16px;
    bottom: 80px;
    z-index: 9998;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}
.gdgt-sc-btn {
    position: relative;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-decoration: none !important;
    transition: all .22s ease;
    cursor: pointer;
    overflow: hidden;
}
.gdgt-sc-btn svg {
    width: 100%;
    height: 100%;
    display: block;
}
.gdgt-sc-zalo {
    box-shadow: 0 4px 16px rgba(0, 104, 255, 0.4);
}
.gdgt-sc-zalo:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 24px rgba(0, 104, 255, 0.55);
}
.gdgt-sc-phone {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.4);
}
.gdgt-sc-phone:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 24px rgba(22, 163, 74, 0.55);
}
.gdgt-sc-phone svg {
    width: 28px;
    height: 28px;
}
.gdgt-sc-label {
    display: none;
}

/* Pulse animation for Zalo */
.gdgt-sc-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 104, 255, 0.4);
    animation: gdgt-sc-pulse 2s ease-out infinite;
    pointer-events: none;
    z-index: -1;
}
@keyframes gdgt-sc-pulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: .6; }
    100% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; }
}

/* Mobile */
@media (max-width: 768px) {
    .gdgt-sticky-contact {
        right: 12px;
        bottom: 16px;
        gap: 8px;
    }
    .gdgt-sc-btn {
        width: 48px;
        height: 48px;
    }
    .gdgt-sc-phone svg {
        width: 24px;
        height: 24px;
    }
}

/* ============================================================ */
/* Menu Toolbar (homepage – Menu Second)                       */
/* ============================================================ */

.menu-toolbar .row-fullwidth {
    align-items: center;
}
.menu-toolbar-nav {
    flex-wrap: nowrap !important;
    gap: 4px;
    align-items: center;
}
.menu-toolbar-nav > li {
    margin: 0 !important;
}
.menu-toolbar-nav > li > a {
    padding: 8px 12px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #475569 !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    transition: background .18s, color .18s !important;
}
.menu-toolbar-nav > li > a:hover {
    background: #eff6ff !important;
    color: #0160e7 !important;
}
.menu-toolbar-nav > li > a .nav-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}
.menu-toolbar-nav > li > a .nav-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: #0160e7 !important;
}

/* Search box — fluid width, button stays at right edge */
.menu-toolbar .filter-form form input {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    padding-right: 56px !important;
    padding-left: 18px !important;
    font-size: 18px !important;
}
.menu-toolbar .filter-form form button {
    width: 44px !important;
    height: 36px !important;
    line-height: 36px !important;
    right: 4px !important;
    top: 4px !important;
    font-size: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.menu-toolbar .filter-form form button i {
    font-size: 20px !important;
}

/* ============================================================ */
/* Mega-dropdown: Kho Giao Diện (menu-item-1847)              */
/* ============================================================ */

/* Wider dropdown box */
.menu-item-1847 > .nav-dropdown {
    min-width: 540px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 48px rgba(1,96,231,0.14) !important;
    border: 1px solid #e8edf8 !important;
}

/* 2-column grid */
.menu-item-1847 > .nav-dropdown > ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;
    padding: 0 !important;
}

/* First item (Tất Cả) spans full width */
.menu-item-1847 > .nav-dropdown > ul > .gdgt-cat-all {
    grid-column: 1 / -1;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 4px;
    padding-bottom: 8px;
}

/* Each dropdown item */
.menu-item-1847 .nav-dropdown li {
    margin: 0 !important;
}
.menu-item-1847 .nav-dropdown li > a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    color: #334155 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    transition: background .18s, color .18s !important;
    white-space: normal !important;
}
.menu-item-1847 .nav-dropdown li > a:hover {
    background: #eff6ff !important;
    color: #0160e7 !important;
}

/* Icon via ::before on each item */
.menu-item-1847 .nav-dropdown li > a::before {
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}
.gdgt-cat-all   > a::before { content: "🛍️"; }
.gdgt-cat-bds   > a::before { content: "🏠"; }
.gdgt-cat-dn    > a::before { content: "🏢"; }
.gdgt-cat-cn    > a::before { content: "💻"; }
.gdgt-cat-mp    > a::before { content: "💄"; }
.gdgt-cat-blog  > a::before { content: "📰"; }
.gdgt-cat-dl    > a::before { content: "✈️"; }
.gdgt-cat-gd    > a::before { content: "📚"; }
.gdgt-cat-nt    > a::before { content: "🛋️"; }
.gdgt-cat-tt    > a::before { content: "👗"; }
.gdgt-cat-tp    > a::before { content: "🍜"; }
.gdgt-cat-xe    > a::before { content: "🚗"; }
.gdgt-cat-khac  > a::before { content: "🎯"; }

/* ============================================================ */
/* Sidebar Category Widget                                     */
/* ============================================================ */

.widget_product_categories .widget-title,
.widget_layered_nav .widget-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #f1f5f9 !important;
}

.widget .product-categories {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget .product-categories li.cat-item {
    margin: 0 !important;
    padding: 0 !important;
}
.widget .product-categories li.cat-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    color: #334155 !important;
    font-weight: 500 !important;
    transition: background .18s, color .18s, padding-left .18s !important;
    text-decoration: none !important;
}
.widget .product-categories li.cat-item > a:hover {
    background: #eff6ff !important;
    color: #0160e7 !important;
    padding-left: 14px !important;
}
.widget .product-categories li.cat-item.current-cat > a {
    background: #eff6ff !important;
    color: #0160e7 !important;
    font-weight: 700 !important;
}

/* Count badge */
.widget .product-categories .count {
    margin-left: auto !important;
    font-size: 15px !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    border-radius: 20px !important;
    padding: 2px 8px !important;
    font-weight: 600 !important;
    min-width: 28px !important;
    text-align: center !important;
}
.widget .product-categories li.cat-item.current-cat .count {
    background: #dbeafe !important;
    color: #0160e7 !important;
}

/* Icons per category ID */
.widget .product-categories li.cat-item > a::before {
    font-size: 20px;
    flex-shrink: 0;
}
.widget .product-categories li.cat-item-67 > a::before  { content: "🏠"; }
.widget .product-categories li.cat-item-68 > a::before  { content: "💻"; }
.widget .product-categories li.cat-item-69 > a::before  { content: "🏢"; }
.widget .product-categories li.cat-item-70 > a::before  { content: "✈️"; }
.widget .product-categories li.cat-item-71 > a::before  { content: "📚"; }
.widget .product-categories li.cat-item-72 > a::before  { content: "🎯"; }
.widget .product-categories li.cat-item-73 > a::before  { content: "💄"; }
.widget .product-categories li.cat-item-74 > a::before  { content: "🛋️"; }
.widget .product-categories li.cat-item-75 > a::before  { content: "👗"; }
.widget .product-categories li.cat-item-76 > a::before  { content: "🍜"; }
.widget .product-categories li.cat-item-77 > a::before  { content: "📰"; }
.widget .product-categories li.cat-item-78 > a::before  { content: "🚗"; }

/* ============================================================ */
/* Shop Category Grid – /shop/                                 */
/* ============================================================ */

.gdgt-cat-heading {
    font-size: 34px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 8px !important;
}
.gdgt-cat-subheading {
    color: #64748b;
    font-size: 18px;
    margin-bottom: 0 !important;
}
.gdgt-cat-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
    margin-top: 28px;
}
.gdgt-cat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 12px 16px;
    background: #fff;
    border: 1.5px solid #e8edf8;
    border-radius: 14px;
    text-decoration: none !important;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    gap: 10px;
}
.gdgt-cat-card:hover {
    border-color: #0160e7;
    box-shadow: 0 6px 24px rgba(1, 96, 231, 0.13);
    transform: translateY(-3px);
    text-decoration: none !important;
}
.gdgt-cat-icon {
    font-size: 38px;
    line-height: 1;
}
.gdgt-cat-info strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
    margin-bottom: 4px;
}
.gdgt-cat-info span {
    font-size: 17px;
    color: #94a3b8;
    font-weight: 500;
}

/* ============================================================ */
/* Testimonials Section – Block 367                            */
/* ============================================================ */

.gdgt-reviews-section {
    padding: 64px 0 72px;
}
.gdgt-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}
.gdgt-review-card {
    background: #fff;
    border-radius: 16px;
    padding: 28px 24px 24px;
    box-shadow: 0 2px 16px rgba(1, 96, 231, 0.07);
    border: 1.5px solid #e8edf8;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: box-shadow .25s ease, transform .25s ease;
}
.gdgt-review-card:hover {
    box-shadow: 0 8px 32px rgba(1, 96, 231, 0.14);
    transform: translateY(-4px);
}
.gdgt-review-card.gdgt-review-featured {
    border-color: #0160e7;
    box-shadow: 0 4px 28px rgba(1, 96, 231, 0.18);
    position: relative;
}
.gdgt-review-card.gdgt-review-featured::before {
    content: '⭐ Nổi bật';
    position: absolute;
    top: -13px;
    left: 24px;
    background: #0160e7;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    padding: 3px 12px;
    border-radius: 20px;
}
.gdgt-review-stars {
    color: #f59e0b;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1;
}
.gdgt-review-text {
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    font-style: italic;
    flex: 1;
}
.gdgt-review-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}
.gdgt-review-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0160e7 0%, #60a5fa 100%);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.gdgt-review-info strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}
.gdgt-review-info span {
    font-size: 17px;
    color: #94a3b8;
}

/* Stats bar */
.gdgt-review-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 20px rgba(1, 96, 231, 0.10);
    border: 1.5px solid #e8edf8;
    padding: 28px 16px;
    margin-top: 40px;
}
.gdgt-stat-item {
    flex: 1;
    text-align: center;
}
.gdgt-stat-item strong {
    display: block;
    font-size: 38px;
    font-weight: 800;
    color: #0160e7;
    line-height: 1.15;
}
.gdgt-stat-item span {
    font-size: 18px;
    color: #64748b;
    margin-top: 4px;
    display: block;
}
.gdgt-stat-divider {
    width: 1px;
    height: 48px;
    background: #e2e8f0;
    flex-shrink: 0;
}

/* ============================================================ */

@media (max-width: 849px) {
    .page-id-1834 .pricing-table-wrapper .pricing-table.featured-table {
        margin: 20px 0;
    }
    .page-id-1834 .pricing-table-wrapper .pricing-table {
        padding: 28px 22px 22px;
    }
    .gdgt-cat-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .gdgt-cat-icon {
        font-size: 32px;
    }
    .gdgt-reviews-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .gdgt-review-stats {
        flex-wrap: wrap;
        gap: 16px;
        padding: 20px 12px;
    }
    .gdgt-stat-divider {
        display: none;
    }
    .gdgt-stat-item {
        min-width: 40%;
    }

    /* ===== Menu Toolbar – Mobile (chip scroll bar) ===== */
    .menu-toolbar {
        padding: 8px 0 !important;
    }
    .menu-toolbar .row-fullwidth {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
    }
    .menu-toolbar .row-fullwidth > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 15px !important;
    }
    /* Search trên cùng — full width gọn */
    .menu-toolbar .row-fullwidth > .col:last-child {
        order: -1;
    }
    .menu-toolbar .filter-form form input {
        height: 42px !important;
        line-height: 42px !important;
        font-size: 18px !important;
    }
    /* Benefits — mobile: features 2×2, trust 1 col */
    .gdgt-features {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .gdgt-trust {
        grid-template-columns: 1fr !important;
    }
    .gdgt-desc-grid {
        grid-template-columns: 1fr !important;
    }
    .gdgt-combos {
        padding: 18px 14px;
    }
    .gdgt-combos-head h3 { font-size: 20px !important; }
    .gdgt-combos-info {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }
    .gdgt-combos-grid {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }
    .gdgt-combo-bestseller {
        transform: none !important;
    }
    .gdgt-combo-bestseller:hover {
        transform: translateY(-3px) !important;
    }
    .gdgt-combo-tagline {
        min-height: auto !important;
    }
    .gdgt-combos-divider {
        margin-left: 0;
        margin-right: 0;
    }
    .gdgt-desc-section h3 { font-size: 20px !important; }
    .gdgt-desc-cta { padding: 22px 18px; }
    .gdgt-desc-cta h3 { font-size: 20px !important; }
    .gdgt-desc-btn { font-size: 18px; padding: 12px 22px; }
    .gdgt-perks-card { padding: 16px 16px; }
    .gdgt-perks-head h3 { font-size: 18px; }
    .gdgt-perks-list li { font-size: 18px; padding-left: 28px; }
    .gdgt-promo { flex-wrap: wrap; padding: 12px; font-size: 18px; }
    .gdgt-promo-body a { margin-left: 0; }

    /* Menu items — grid 3×2 card đều */
    .menu-toolbar-nav {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-auto-rows: 1fr !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .menu-toolbar-nav > li {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .menu-toolbar-nav > li > a {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 14px 4px !important;
        min-height: 84px !important;
        height: 100% !important;
        width: 100% !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px !important;
        text-transform: uppercase !important;
        color: #1e293b !important;
        background: #fff !important;
        border: 1px solid #e8edf8 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        transition: all .2s ease !important;
        overflow: hidden !important;
    }
    .menu-toolbar-nav > li > a:hover,
    .menu-toolbar-nav > li > a:active {
        border-color: #0160e7 !important;
        box-shadow: 0 4px 14px rgba(1, 96, 231, 0.18) !important;
        color: #0160e7 !important;
    }
    /* Icon: clean, không cần background riêng */
    .menu-toolbar-nav > li > a .nav-icon {
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    .menu-toolbar-nav > li > a .nav-icon svg {
        width: 24px !important;
        height: 24px !important;
        fill: #0160e7 !important;
        display: block !important;
    }
    .menu-toolbar-nav > li > a .nav-icon {
        width: 14px !important;
        height: 14px !important;
        margin: 0 !important;
        display: inline-flex !important;
    }
    .menu-toolbar-nav > li > a .nav-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
}

/* ============================================================ */
/* POLICY / INFO PAGES - typography cho Gutenberg blocks         */
/* CHỈ áp dụng cho .col-inner chỉ chứa các wp-block-* trực tiếp  */
/* (Bảo hành, Liên hệ, Điều khoản, Về chúng tôi).                */
/* Trang dùng Flatsome UX Builder (FAQ, Hosting...) KHÔNG bị ảnh */
/* hưởng vì các .col-inner đó chứa <section>, không phải wp-block*/
/* ============================================================ */

/* Scoped wrapper: chỉ kích hoạt khi col-inner có trực tiếp wp-block-* */
.content-area.page-wrapper .col-inner:has(> .wp-block-heading),
.content-area.page-wrapper .col-inner:has(> .wp-block-paragraph),
.content-area.page-wrapper .col-inner:has(> .wp-block-list) {
    max-width: 880px;
    margin: 0 auto;
    padding: 28px 12px 48px;
}

/* Typography — chỉ target trực tiếp các block của Gutenberg */
.content-area.page-wrapper h1.wp-block-heading {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 22px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e8edf8;
    letter-spacing: -0.01em;
}
.content-area.page-wrapper h2.wp-block-heading {
    font-size: 25px;
    line-height: 1.3;
    font-weight: 800;
    color: #0c2545;
    margin: 40px 0 14px;
}
.content-area.page-wrapper h3.wp-block-heading {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #0c2545;
    margin: 28px 0 10px;
}
.content-area.page-wrapper h4.wp-block-heading {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    color: #0c2545;
    margin: 22px 0 8px;
}

.content-area.page-wrapper p.wp-block-paragraph,
.content-area.page-wrapper ul.wp-block-list,
.content-area.page-wrapper ol.wp-block-list {
    font-size: 17px;
    line-height: 1.8;
    color: #334155;
}
.content-area.page-wrapper p.wp-block-paragraph {
    margin: 0 0 16px;
}
.content-area.page-wrapper p.wp-block-paragraph strong,
.content-area.page-wrapper p.wp-block-paragraph b,
.content-area.page-wrapper ul.wp-block-list strong,
.content-area.page-wrapper ol.wp-block-list strong {
    color: #0c2545;
    font-weight: 700;
}
.content-area.page-wrapper p.wp-block-paragraph a,
.content-area.page-wrapper ul.wp-block-list a,
.content-area.page-wrapper ol.wp-block-list a {
    color: #0160e7;
}
.content-area.page-wrapper p.wp-block-paragraph a:hover,
.content-area.page-wrapper ul.wp-block-list a:hover,
.content-area.page-wrapper ol.wp-block-list a:hover {
    color: #0148b3;
    text-decoration: underline;
}

/* Danh sách Gutenberg */
.content-area.page-wrapper ul.wp-block-list,
.content-area.page-wrapper ol.wp-block-list {
    margin: 8px 0 18px 22px;
    padding-left: 0;
}
.content-area.page-wrapper ul.wp-block-list > li {
    list-style: disc;
    margin-bottom: 6px;
    padding-left: 4px;
}
.content-area.page-wrapper ul.wp-block-list > li::marker {
    color: #0160e7;
}
.content-area.page-wrapper ol.wp-block-list > li {
    list-style: decimal;
    margin-bottom: 6px;
    padding-left: 4px;
}

/* Separator, code, blockquote, table — chỉ khi là wp-block hoặc trong scope */
.content-area.page-wrapper hr.wp-block-separator {
    border: 0;
    border-top: 1px solid #e4e7ec;
    margin: 28px 0;
}
.content-area.page-wrapper pre.wp-block-preformatted {
    background: #f7f8fa;
    border: 1px solid #e4e7ec;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #1d2939;
    overflow-x: auto;
    margin: 12px 0 18px;
}
.content-area.page-wrapper .col-inner:has(> .wp-block-paragraph) blockquote {
    border-left: 3px solid #0160e7;
    padding: 4px 16px;
    margin: 16px 0;
    color: #475467;
    font-style: italic;
}
.content-area.page-wrapper .col-inner:has(> .wp-block-paragraph) table,
.content-area.page-wrapper .col-inner:has(> .wp-block-list) table {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0 20px;
    font-size: 15px;
}
.content-area.page-wrapper .col-inner:has(> .wp-block-paragraph) table th,
.content-area.page-wrapper .col-inner:has(> .wp-block-paragraph) table td,
.content-area.page-wrapper .col-inner:has(> .wp-block-list) table th,
.content-area.page-wrapper .col-inner:has(> .wp-block-list) table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e4e7ec;
    text-align: left;
    vertical-align: top;
}
.content-area.page-wrapper .col-inner:has(> .wp-block-paragraph) table th,
.content-area.page-wrapper .col-inner:has(> .wp-block-list) table th {
    color: #1d2939;
    font-weight: 700;
    background: #f7f8fa;
}

@media (max-width: 767px) {
    .content-area.page-wrapper .col-inner:has(> .wp-block-heading),
    .content-area.page-wrapper .col-inner:has(> .wp-block-paragraph),
    .content-area.page-wrapper .col-inner:has(> .wp-block-list) {
        padding: 18px 10px 30px;
    }
    .content-area.page-wrapper h1.wp-block-heading {
        font-size: 26px;
        margin-bottom: 18px;
        padding-bottom: 12px;
    }
    .content-area.page-wrapper h2.wp-block-heading {
        font-size: 20px;
        margin: 30px 0 10px;
    }
    .content-area.page-wrapper h3.wp-block-heading {
        font-size: 18px;
        margin: 22px 0 8px;
    }
    .content-area.page-wrapper p.wp-block-paragraph,
    .content-area.page-wrapper ul.wp-block-list,
    .content-area.page-wrapper ol.wp-block-list {
        font-size: 16px;
        line-height: 1.75;
    }
}

/* ============================================================ */
/* FAQ PAGE (page-id-964) - Câu Hỏi Thường Gặp                  */
/* Style accordion Flatsome đẹp giống section FAQ trên page 1890*/
/* ============================================================ */
.page-id-964 .accordion {
    margin-top: 18px;
}
.page-id-964 .accordion-item {
    border: 1px solid #e8edf8 !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: box-shadow .18s, border-color .18s;
}
.page-id-964 .accordion-item:hover {
    border-color: #cfdcf4 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
.page-id-964 .accordion-title.plain {
    border-top: 0 !important;
    background: #fff;
    font-size: 16.5px;
    font-weight: 700;
    color: #0c2545;
    padding: 16px 20px 16px 56px;
    transition: background .18s, color .18s;
}
.page-id-964 .accordion-title.plain:hover {
    background: #f8fbff;
    color: #0160e7;
}
.page-id-964 .accordion-title.plain[aria-expanded="true"] {
    background: #f0f7ff;
    color: #0160e7;
}
.page-id-964 .accordion-title.plain .toggle {
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: #f0f5fb;
    border-radius: 999px;
    transition: background .18s, color .18s, transform .25s;
    color: #0c2545;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-id-964 .accordion-title.plain:hover .toggle,
.page-id-964 .accordion-title.plain[aria-expanded="true"] .toggle {
    background: #0160e7;
    color: #fff;
}
.page-id-964 .accordion-title.plain[aria-expanded="true"] .toggle {
    transform: translateY(-50%) rotate(180deg);
}
.page-id-964 .accordion-inner {
    padding: 16px 20px 18px !important;
    background: #fafbfc;
    border-top: 1px solid #e8edf8;
    color: #475569;
    line-height: 1.75;
    font-size: 15.5px;
}
.page-id-964 .accordion-inner p {
    margin: 0 0 12px;
    color: inherit;
}
.page-id-964 .accordion-inner p:last-child {
    margin-bottom: 0;
}
.page-id-964 .accordion-inner h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0c2545;
    margin: 14px 0 8px;
}
.page-id-964 .accordion-inner ul {
    margin: 8px 0 12px 22px;
    padding: 0;
}
.page-id-964 .accordion-inner ul li {
    margin-bottom: 6px;
    list-style: disc;
}
.page-id-964 .accordion-inner ul li::marker {
    color: #0160e7;
}
.page-id-964 .accordion-inner strong { color: #0c2545; }
.page-id-964 .accordion-inner hr {
    border: 0;
    border-top: 1px solid #e4e7ec;
    margin: 16px 0;
}

/* Title của section "Câu Hỏi Thường Gặp" */
.page-id-964 #text-2456947908 h2,
.page-id-964 .text.title h2 {
    font-size: 28px;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 6px;
    line-height: 1.25;
}

/* Image FAQ bên phải — giới hạn lại cho cân */
.page-id-964 #image_523002992 {
    max-width: 460px;
    margin: 0 auto;
}

/* Mobile */
@media (max-width: 767px) {
    .page-id-964 .accordion-title.plain {
        font-size: 15.5px;
        padding: 14px 16px 14px 50px;
    }
    .page-id-964 .accordion-title.plain .toggle {
        left: 12px;
        width: 26px;
        height: 26px;
    }
    .page-id-964 .accordion-inner {
        padding: 14px 16px 16px !important;
        font-size: 15px;
    }
    .page-id-964 #text-2456947908 h2,
    .page-id-964 .text.title h2 {
        font-size: 22px;
        text-align: center;
    }
}

/* ============================================================ */
/* HEADER MAIN MENU - bump font, tăng contrast, polish hover     */
/* ============================================================ */
.header-nav-main.nav > li > a,
.header-nav.header-nav-main > li > a {
    font-size: 16px !important;
    font-weight: 700;
    color: #0c2545 !important;
    letter-spacing: 0.3px;
    padding: 10px 4px;
    transition: color .18s ease;
}
.header-nav-main.nav > li > a:hover,
.header-nav.header-nav-main > li > a:hover,
.header-nav-main.nav > li.current-menu-item > a,
.header-nav-main.nav > li.current-menu-parent > a,
.header-nav-main.nav > li.current-menu-ancestor > a {
    color: #0160e7 !important;
}

/* Khoảng cách giữa các menu item rộng hơn cho dễ đọc */
.header-nav-main.nav > li {
    margin: 0 8px;
}

/* Mũi tên dropdown */
.header-nav-main.nav > li.has-dropdown > a::after {
    margin-left: 6px;
    opacity: 0.7;
    transition: opacity .18s, color .18s;
}
.header-nav-main.nav > li.has-dropdown:hover > a::after {
    opacity: 1;
    color: #0160e7;
}

/* Icons (search, cart, account) */
.header-nav-main .nav-icon > a,
.header-nav.nav-right > li.html.custom > a,
.header-nav .cart-item > a,
.header-nav .account-item > a {
    color: #0c2545 !important;
    transition: color .18s ease;
}
.header-nav-main .nav-icon > a:hover,
.header-nav .cart-item > a:hover,
.header-nav .account-item > a:hover {
    color: #0160e7 !important;
}
.header-nav-main .nav-icon svg,
.header-nav .cart-icon-handle,
.header-nav .header-cart-link svg {
    width: 22px;
    height: 22px;
}

/* ============================================================ */
/* SUBMENU (DROPDOWN) - class thật là .nav-dropdown.nav-dropdown-bold */
/* Loại trừ Kho Giao Diện vì đã có mega-menu riêng (.menu-item-1847)  */
/* ============================================================ */
.nav-dropdown.nav-dropdown-bold {
    padding: 8px 0 !important;
    border-radius: 10px !important;
    border: 1px solid #e8edf8 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
    min-width: 240px !important;
}

.nav-dropdown.nav-dropdown-bold > li:not(.menu-item-1847 *) > a {
    font-size: 15.5px !important;
    font-weight: 600 !important;
    color: #0c2545 !important;
    padding: 11px 18px !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 6px;
    margin: 0 6px;
    transition: background .15s ease, color .15s ease, padding-left .15s ease !important;
}

.nav-dropdown.nav-dropdown-bold > li:not(.menu-item-1847 *) > a:hover {
    background: #f0f7ff !important;
    color: #0160e7 !important;
    padding-left: 22px !important;
}

/* Active item trong dropdown */
.nav-dropdown.nav-dropdown-bold > li.current-menu-item > a,
.nav-dropdown.nav-dropdown-bold > li.current-menu-parent > a {
    color: #0160e7 !important;
    background: #f0f7ff !important;
}

/* Responsive: tablet menu nhỏ lại 1 chút */
@media (max-width: 991px) {
    .header-nav-main.nav > li > a,
    .header-nav.header-nav-main > li > a {
        font-size: 14.5px !important;
        padding: 10px 2px;
    }
    .header-nav-main.nav > li {
        margin: 0 5px;
    }
    .nav-dropdown.nav-dropdown-bold > li > a {
        font-size: 14.5px !important;
        padding: 10px 14px !important;
    }
}

/* ============================================================ */
/* SHOP / CATEGORY PAGE TITLE BAR — fix oversized controls       */
/* Gốc: .shop-page-title set font-size 36px (cho heading)         */
/* → breadcrumb, result-count, sort dropdown đều kế thừa to vĩ đại*/
/* Fix: reset font-size 16px gốc cho cả container, KHÔNG đụng <h1>*/
/* ============================================================ */
.shop-page-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
.shop-page-title h1,
.shop-page-title .page-title-inner > .flex-col > h1 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 800;
    color: #0c2545;
    margin: 0 0 4px;
}

/* Breadcrumb */
.shop-page-title .woocommerce-breadcrumb,
.shop-page-title .breadcrumbs {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #475467;
    letter-spacing: 0.3px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shop-page-title .woocommerce-breadcrumb a {
    color: #0c2545;
    transition: color .15s;
}
.shop-page-title .woocommerce-breadcrumb a:hover {
    color: #0160e7;
}
.shop-page-title .woocommerce-breadcrumb .divider {
    margin: 0 8px;
    color: #94a3b8;
}

/* Bỏ scale .is-large bên trong page-title */
.shop-page-title .is-large {
    font-size: 1em !important;
    line-height: 1.5 !important;
}

/* "Hiển thị 1-12 của 76 kết quả" */
.shop-page-title .woocommerce-result-count {
    font-size: 14px;
    color: #475467;
    margin: 0 12px 0 0;
    line-height: 1.5;
}

/* Sort/order dropdown */
.shop-page-title .woocommerce-ordering {
    margin: 0;
}
.shop-page-title .woocommerce-ordering select.orderby {
    font-size: 14px !important;
    font-weight: 600;
    height: auto;
    padding: 8px 36px 8px 14px;
    line-height: 1.4;
    color: #0c2545;
    background-color: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    max-width: 240px;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}
.shop-page-title .woocommerce-ordering select.orderby:hover,
.shop-page-title .woocommerce-ordering select.orderby:focus {
    border-color: #0160e7;
    box-shadow: 0 0 0 3px rgba(1, 96, 231, 0.12);
    outline: none;
}

/* Flex layout */
.page-title-inner > .flex-col.flex-grow {
    min-width: 0;
    flex: 1 1 50% !important;
}
.page-title-inner > .flex-col:not(.flex-grow) {
    flex: 0 1 auto !important;
    min-width: 0;
}

@media (max-width: 767px) {
    .shop-page-title .woocommerce-breadcrumb,
    .shop-page-title .breadcrumbs {
        font-size: 13px;
        white-space: normal;
    }
    .shop-page-title h1 {
        font-size: 22px;
    }
    .shop-page-title .woocommerce-ordering select.orderby {
        max-width: 100%;
        width: 100%;
    }
    .page-title-inner {
        flex-wrap: wrap !important;
    }
    .page-title-inner > .flex-col {
        flex: 1 1 100% !important;
        text-align: left !important;
    }
}