/* =========================================================
LĨNH VỰC HOẠT ĐỘNG
========================================================= */

.activity-business-poster-section{
    background:#fff !important;
    padding:90px 0 0 !important;
}

.activity-business-poster-section .container{
    width:100% !important;
    max-width:1280px !important;
    padding:0 24px !important;
    margin:0 auto !important;
}

/* Tiêu đề giống section khác */
.activity-section-header{
    max-width:700px !important;
    margin:0 0 56px !important;
    text-align:left !important;
}

.activity-section-header .section-tag{
    display:inline-block !important;
    position:relative !important;
    margin:0 0 12px !important;
    padding-left:32px !important;
    background:transparent !important;
    color:var(--primary, #e85d04) !important;
    font-size:.85rem !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.15em !important;
}

.activity-section-header .section-tag::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:20px !important;
    height:2px !important;
    background:var(--primary, #e85d04) !important;
    transform:translateY(-50%) !important;
}

.activity-section-header .section-title{
    margin:0 0 20px !important;
    color:var(--text-dark, #111827) !important;
    font-size:clamp(1.8rem, 4vw, 2.75rem) !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
}

.activity-section-header .section-description{
    max-width:680px !important;
    margin:0 !important;
    color:var(--text-muted, #4b5563) !important;
    font-size:clamp(.95rem, 1.8vw, 1.05rem) !important;
    line-height:1.7 !important;
    font-weight:400 !important;
}

/* Poster */
.activity-business-poster{
    width:100% !important;
    max-width:900px !important;
    margin:0 auto !important;
    background:#fff !important;
    overflow:hidden !important;
}

.activity-business-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(260px, 1fr)) !important;
    justify-items:center !important;
    align-items:start !important;
    gap:58px 80px !important;
    padding:60px 40px 46px !important;
}

.activity-business-item{
    width:100% !important;
    max-width:350px !important;
    display:block !important;
    text-align:center !important;
    text-decoration:none !important;
    color:inherit !important;
    cursor:pointer !important;
    transition:.28s ease !important;
    opacity:1 !important;
    filter:none !important;
}

.activity-business-item:hover{
    transform:translateY(-8px) !important;
}

.activity-business-icon{
    width:138px !important;
    height:138px !important;
    margin:0 auto 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#cf1f2e !important;
    overflow:hidden !important;
    transition:.28s ease !important;
}

.activity-business-icon img{
    width:78px !important;
    height:78px !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center !important;
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

.activity-business-item:hover .activity-business-icon{
    background:#e85d04 !important;
    box-shadow:0 18px 42px rgba(207,31,46,.24) !important;
}

.activity-business-item h3{
    margin:0 0 8px !important;
    color:#cf1f2e !important;
    font-size:30px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
}

.activity-business-item p{
    margin:0 !important;
    color:#111 !important;
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}

.activity-business-item:hover h3{
    color:#e85d04 !important;
}

/* Mục bị chặn: vẫn rõ, không bấm, không sáng */
.activity-business-blocked,
.activity-business-blocked *,
.activity-business-blocked img{
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
}

.activity-business-blocked{
    cursor:not-allowed !important;
    pointer-events:auto !important;
}

.activity-business-blocked:hover{
    transform:none !important;
}

.activity-business-blocked:hover .activity-business-icon{
    background:#cf1f2e !important;
    box-shadow:none !important;
    transform:none !important;
}

.activity-business-blocked:hover h3{
    color:#cf1f2e !important;
}

.activity-business-blocked:hover p{
    color:#111 !important;
}

/* Ảnh dưới */
.activity-business-bottom{
    width:100% !important;
    min-height:260px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding:28px 40px 0 !important;
    background:#cf1f2e !important;
}

.activity-business-bottom img{
    max-width:min(620px, 90%) !important;
    max-height:245px !important;
    object-fit:contain !important;
    display:block !important;
}

/* Mobile */
@media(max-width:900px){

    .activity-business-poster-section .container{
        width:calc(100% - 28px) !important;
        max-width:none !important;
        padding:0 !important;
    }

    .activity-business-grid{
        gap:44px 32px !important;
        padding:46px 22px 38px !important;
    }

    .activity-business-icon{
        width:112px !important;
        height:112px !important;
    }

    .activity-business-icon img{
        width:64px !important;
        height:64px !important;
    }

    .activity-business-item h3{
        font-size:22px !important;
    }

    .activity-business-item p{
        font-size:14px !important;
    }

    .activity-business-bottom{
        min-height:190px !important;
        padding:22px 18px 0 !important;
    }

    .activity-business-bottom img{
        max-height:180px !important;
    }

}

@media(max-width:560px){

    .activity-business-grid{
        grid-template-columns:1fr !important;
    }

}