:root {
    --navy: #0F2B46;
    --orange: #C2410C;
    --orange-dark: #9A3412;
    --bg-light: #F5F7FA;
    --line: #DCE3EA;
    --text: #1B2733;
    --text-soft: #33434F;
    --text-muted: #5B6B7C;
    --text-faint: #8A99A8;
    --line-strong: #C9D4DF;
    --bg-soft: #E8EEF3;
    --navy-light: #1D4468;
    --on-navy-soft: #D5E0EB;     /* chữ phụ trên nền navy */
    --on-navy-muted: #BFD0E0;
    --orange-tint: #FBE9DF;
    --blue: #1D6FB8;
    --placeholder: #E6ECF2;      /* ô thay ảnh sản phẩm */
    --placeholder-media: #A9C8E4; /* ô thay ảnh lớn */
    --font: 'Be Vietnam Pro', system-ui, sans-serif;
}

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

body {
    margin: 0;
    font-family: var(--font);
    color: var(--text);
    background: #fff;
}

/* Trình duyệt không cho form control kế thừa font mặc định */
button, input, select, textarea, optgroup {
    font-family: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

/* Nút */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    border: 2px solid var(--navy);
    text-align: center;
    line-height: 1.3;
}

.btn-solid { background: var(--navy); color: #fff; }
.btn-out { background: #fff; color: var(--navy); }
.btn-hero { border-color: #fff; color: #fff; }

/* Tiêu đề phần */
.sechead {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
}

.bar {
    width: 64px;
    height: 6px;
    border-radius: 3px;
    background: var(--orange);
}

.sec {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
    color: var(--navy);
    letter-spacing: -.01em;
}

.txt {
    margin: 0;
    font-size: 18px;
    line-height: 1.75;
    color: var(--text-soft);
}

@media (max-width: 666px) {
    .wrap { padding: 0 16px; }
    .sec { font-size: 30px; }
    .txt { font-size: 16px; }
}