/* =========================================
   FILE: public/css/section4.css
   Chứa style riêng biệt cho Section 4 (Offers)
========================================= */

.section-4-offers {
    background-color: var(--bg-section, #ffffff);
    width: 100%;
}

/* --- BỐ CỤC PC: 2 ẢNH XẾP CHỒNG DỌC (TRÊN/DƯỚI) --- */
.offers-grid-pc {
    display: flex;
    flex-direction: column;
    /* Ép các phần tử xếp dọc từ trên xuống dưới */
    width: 100%;
}

.offer-item {
    width: 100%;
}

.offer-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* --- BỐ CỤC MOBILE: 2 ẢNH XẾP CHỒNG DỌC --- */
.offers-stack-mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.offer-item-mb img {
    width: 100%;
    height: auto;
    display: block;
}