@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&display=swap');

*, *::before, *::after { box-sizing: border-box; }

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Be Vietnam Pro', sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 700;
    line-height: 1.3;
}

p, span, a, label, input, select, textarea, button {
    font-family: 'Be Vietnam Pro', sans-serif;
}

/* ── HERO BANNER CHUNG ── */
.khu-vuc-hero,
.hero-trang {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    min-height: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* lien-he.php dùng class .dau-trang cho hero */
header.dau-trang {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    min-height: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

@media (min-width: 769px) {
    .khu-vuc-hero,
    .hero-trang,
    header.dau-trang {
        min-height: 360px !important;
    }
}

@media (max-width: 768px) {
    .khu-vuc-hero,
    .hero-trang,
    header.dau-trang {
        min-height: 200px !important;
    }
}
