.elementor-15 .elementor-element.elementor-element-7c34be92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-53f29f26{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-53f29f26 *//* ===================================================
   FOOTER HYAMIN - PHIÊN BẢN TAM07 (TỐI ƯU ẢNH MOBILE)
=================================================== */

/* 1. KHUNG BAO FULL MÀN HÌNH */
.hy-ft-full-TAM07 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #F8681A; 
    box-sizing: border-box;
    font-family: 'Inter', sans-serif, Arial;
    color: #ffffff;
}
.hy-ft-full-TAM07 * { box-sizing: border-box; }

/* 2. KHUNG NỘI DUNG CHÍNH (SIÊU RỘNG TRÊN PC) */
.hy-ft-inner-TAM07 {
    display: flex;
    width: 98%; 
    max-width: 1920px; 
    margin: 0 auto;
    align-items: stretch; 
}

/* 3. CỘT TRÁI: HÌNH ẢNH TRÊN PC (KÉO FULL DỌC) */
.hy-ft-img-col-TAM07 {
    flex: 1; 
    min-height: 100%;
    /* LINK ẢNH CỦA BẠN (GIỮ NGUYÊN HOẶC THAY THẾ) */
    background-image: url('https://www.hyamin.vn/wp-content/uploads/2026/02/8.jpg'); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
}

/* 4. CỘT PHẢI: NỘI DUNG & THÔNG TIN */
.hy-ft-content-col-TAM07 {
    flex: 1.2; 
    padding: 60px 4vw; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hy-ft-title-TAM07 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #ffffff;
}

/* 5. KHỐI NHẬP EMAIL */
.hy-ft-sub-wrap-TAM07 {
    margin-bottom: 40px;
    background: rgba(255, 255, 255, 0.15);
    padding: 30px;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hy-ft-sub-label-TAM07 {
    display: block; font-size: 15px; margin-bottom: 20px; font-weight: 500; line-height: 1.5;
}

.hy-ft-form-TAM07 { display: flex; gap: 12px; }

.hy-ft-input-TAM07 {
    flex-grow: 1; padding: 15px 20px; border: 2px solid #ffffff; border-radius: 8px;
    background: #ffffff; color: #333; font-size: 16px; outline: none; font-weight: 600;
    transition: all 0.3s ease;
}
.hy-ft-input-TAM07:focus { border-color: #333333; }

.hy-ft-btn-TAM07 {
    padding: 15px 30px; background-color: #333333; color: #ffffff; border: none;
    border-radius: 8px; font-weight: 800; font-size: 16px; cursor: pointer;
    text-transform: uppercase; transition: all 0.3s ease;
}
.hy-ft-btn-TAM07:hover { background-color: #ffffff; color: #333333; }

/* 6. LƯỚI THÔNG TIN BÊN DƯỚI */
.hy-ft-grid-TAM07 {
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px;
    border-top: 1px solid rgba(255,255,255,0.2); padding-top: 35px;
}
.hy-ft-col-TAM07 { flex: 1; min-width: 180px; }
.hy-ft-col-title-TAM07 {
    font-size: 16px; font-weight: 800; margin-bottom: 20px; text-transform: uppercase;
    letter-spacing: 0.5px; color: #ffffff;
}
.hy-ft-list-TAM07 { list-style: none; padding: 0; margin: 0; }
.hy-ft-list-TAM07 li { margin-bottom: 12px; font-size: 14px; opacity: 0.95; line-height: 1.5; }
.hy-ft-list-TAM07 li a { color: #ffffff; text-decoration: none; transition: 0.2s; }
.hy-ft-list-TAM07 li a:hover { opacity: 1; text-decoration: underline; color: #333333; }

/* Icon mạng xã hội */
.hy-ft-socials-TAM07 { display: flex; gap: 15px; }
.hy-ft-social-link-TAM07 {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; background: rgba(255,255,255,0.2);
    border-radius: 50%; color: #fff; text-decoration: none;
    font-size: 18px; transition: all 0.3s;
}
.hy-ft-social-link-TAM07:hover { background: #ffffff; color: #F8681A; transform: scale(1.1); }

/* 7. BẢN QUYỀN */
.hy-ft-copy-TAM07 {
    text-align: center; padding-top: 30px; margin-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.15); font-size: 13px; opacity: 0.8; line-height: 1.6;
}

/* ===================================================
   8. MOBILE RESPONSIVE (TỐI ƯU HÌNH ẢNH CỰC MẠNH)
=================================================== */
@media (max-width: 900px) {
    .hy-ft-inner-TAM07 { flex-direction: column; width: 100%; }
    
    /* XỬ LÝ ẢNH TRÊN MOBILE: Không bị cắt xén, tự động co giãn */
    .hy-ft-img-col-TAM07 { 
        width: 100%; 
        min-height: auto; /* Hủy bỏ chiều cao cố định để không làm méo ảnh */
        /* Tỷ lệ 1/1 (hình vuông). Bạn có thể đổi thành 4/5 (hình chữ nhật dọc) nếu muốn ảnh cao hơn */
        aspect-ratio: 1 / 1; 
        /* Chuyển sang contain để đảm bảo ôm trọn 100% chi tiết ảnh vào màn hình */
        background-size: contain; 
        /* Nếu nền ảnh bạn màu khác, có thể đổi mã màu nền này cho tệp màu */
        background-color: #FDF4E6; 
        background-position: center;
    }
    
    .hy-ft-content-col-TAM07 { padding: 40px 20px; }
    .hy-ft-form-TAM07 { flex-direction: column; }
    .hy-ft-btn-TAM07 { width: 100%; }
    .hy-ft-grid-TAM07 { flex-direction: column; gap: 30px; }
}/* End custom CSS */