/* ===========================
   BANGGIA.CSS – Page Bảng giá
   =========================== */

.page-pricing .hero-section {
    padding-top: 78px;
    padding-bottom: 64px;
}
.page-pricing .card-elevated{color: #0a0a0a}
/* Card lưu ý bên phải hero */
.page-pricing .contact-card {
    border-radius: 18px;
    border: 1px solid var(--border);
    background: #ffffff;
}

/* Grid price card – giãn cột một chút */
.page-pricing .price-card-grid .price-card-box {
    border-radius: 18px;
    border: 1px solid var(--border);
    background: #ffffff;
}

/* Đảm bảo icon & badge đẹp như config chung */
.page-pricing .price-card-icon {
    box-shadow: 0 4px 12px rgba(39,174,96,0.16);
}

.page-pricing .price-card-badge {
    box-shadow: 0 2px 6px rgba(39,174,96,0.24);
}

/* Note nhỏ phía dưới */
.page-pricing .price-note {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/* CTA báo giá cuối trang – reuse section-consult */
.page-pricing #pricing-contact.section-consult {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 767.98px) {
    .page-pricing .hero-section {
        padding-top: 64px;
        padding-bottom: 48px;
    }
}