/* ========================================
   CHUẨN HOÁ PADDING THEO B-ALERT SKILL
   ======================================== */
.contact-section,
.showroom-section,
.lienhe-cta-wrap {
    padding: 112px 32px !important;
    box-sizing: border-box;
}

@media (max-width: 1024px) {

    .contact-section,
    .showroom-section,
    .lienhe-cta-wrap {
        padding: 72px 24px !important;
    }
}

@media (max-width: 767px) {

    .contact-section,
    .showroom-section,
    .lienhe-cta-wrap {
        padding: 32px 16px !important;
    }
}

/* Triệt tiêu padding dư thừa từ các file CSS component nội bộ (tránh double padding) */
.contact-wrap {
    padding: 0 !important;
}

/* Triệt tiêu margin cũ của cta */
.lienhe-cta-wrap {
    margin: 0 !important;
}

/* ========================================
   MÀU NỀN XEN KẼ (ALTERNATING BACKGROUNDS)
   ======================================== */

/* Phần Form liên hệ chính */
.contact-section {
    background-color: var(--color-obsidian-black) !important;
}

/* Phần Bản đồ / Showroom (Thường nền chứa ảnh/map, đặt màu graphite đề phòng không có ảnh) */
.showroom-section {
    background-color: var(--panel-graphite) !important;
}

/* Phần Kêu gọi hành động (CTA) */
.lienhe-cta-wrap {
    background-color: var(--color-obsidian-black) !important;
}