/* ================= HERO BANNER DANH MỤC TOUR ================= */
.tour-cat-hero {
    background: var(--vt-primary, darkorange);
    background-size: cover;
    background-position: center;
    padding: 40px 0 32px;
    margin-bottom: 24px;
}

    .tour-cat-hero__title {
        color: #ffffff;
        font-size: 30px;
        font-weight: 800;
        margin-bottom: 12px;
        text-shadow: 0 3px 10px rgba(0,0,0,0.3);
    }

    .tour-cat-hero__desc,
    .tour-cat-hero__desc * {
        /* Description lấy từ nội dung CMS (rich text) — chữ trong đó thường mang sẵn style
           màu đen do trình soạn thảo gắn vào từng thẻ (vd. <b>), phải !important mới thắng được. */
        color: rgba(255,255,255,0.92) !important;
        text-shadow: 0 1px 4px rgba(0,0,0,0.25);
    }

    .tour-cat-hero__desc {
        text-align: justify;
        font-size: 14.5px;
        line-height: 1.6;
        margin-bottom: 0;
    }

@media (max-width: 575px) {
    .tour-cat-hero {
        padding: 36px 0;
    }

        .tour-cat-hero__title {
            font-size: 22px;
        }
}