.elementor-11 .elementor-element.elementor-element-5483e71{--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-11 .elementor-element.elementor-element-c32ccf0{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-e37672b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-fada4cf{padding:0px 50px 0px 50px;}.elementor-11 .elementor-element.elementor-element-af0aa46{padding:0px 50px 0px 50px;}.elementor-11 .elementor-element.elementor-element-fdc5fa7{padding:0px 50px 0px 50px;}.elementor-11 .elementor-element.elementor-element-11e7779d{--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-11 .elementor-element.elementor-element-66fb6304{width:100%;max-width:100%;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-c32ccf0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-e37672b{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c32ccf0 *//* --- TỔNG THỂ KHUNG CAM --- */
.hy-hero-container {
    background-color: #f36f21;
    color: #ffffff;
    padding: 40px;
    border-radius: 15px;
    font-family: 'Inter', sans-serif;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

/* Đảm bảo layout không vỡ */
.hy-hero-container * { box-sizing: border-box; }

.hy-hero-inner {
    max-width: 2000px;
    margin: 0 auto;
}

/* --- PHẦN TRÊN --- */
.hy-top-section {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.hy-text-area {
    flex: 1;
    min-width: 300px;
}

/* Badge */
.hy-badge {
    background: #fff;
    color: #27ae60;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 800;
    font-size: 30px;
    display: inline-block;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Tiêu đề */
.hy-heading {
    color: #fff;
    font-size: 68px;
    font-weight: 900;
    margin: 0 0 20px 0;
    line-height: 1.2;
}
.hy-highlight { color: #ffeaa7; }

/* Mô tả */
.hy-description {
    font-size: 20px;
    line-height: 1.6;
    color: rgba(255,255,255,0.95);
    margin-bottom: 30px;
}

/* Nút bấm */
.hy-actions-row {
    display: flex; gap: 20px; flex-wrap: wrap;
}

.hy-btn-fill {
    background: #fff; color: #f36f21;
    padding: 12px 30px; border-radius: 50px;
    font-weight: 700; text-decoration: none;
    border: 2px solid #fff; display: inline-block;
    transition: 0.3s;
}
.hy-btn-fill:hover { transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0,0,0,0.1); }

.hy-btn-empty {
    background: transparent; color: #fff;
    padding: 12px 30px; border-radius: 50px;
    font-weight: 700; text-decoration: none;
    border: 2px solid #fff; display: inline-block;
    transition: 0.3s;
}
.hy-btn-empty:hover { background: rgba(255,255,255,0.1); }

/* Cột Ảnh */
.hy-image-area {
    flex: 1;
    text-align: center;
    min-width: 250px;
}
.hy-image-area img {
    width: 100%; max-width: 450px;
    border-radius: 15px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    display: block; margin: 0 auto;
}

/* --- PHẦN DƯỚI --- */
.hy-divider-line {
    height: 1px;
    background: rgba(255,255,255,0.3);
    width: 100%;
    margin-bottom: 25px;
}

.hy-bottom-icons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.hy-icon-group {
    display: flex; align-items: center; gap: 10px;
    font-weight: 600; font-size: 15px; color: #fff;
}

.hy-icon-symbol {
    background: rgba(255,255,255,0.2);
    width: 42px; height: 42px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .hy-top-section { flex-direction: column; text-align: center; }
    .hy-actions-row { justify-content: center; }
    .hy-heading { font-size: 30px; }
    .hy-bottom-icons { display: grid; grid-template-columns: 1fr 1fr; }
    .hy-icon-group { justify-content: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e37672b *//* --- KHUNG BAO NGOÀI --- */
.hy-about-section {
    padding: 60px 20px;
    background-color: #F8681A; /* Nền cam */
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}
/* Đảm bảo mọi thành phần tính toán kích thước đúng */
.hy-about-section * { box-sizing: border-box; }

.hy-about-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    max-width: 1100px;
    margin: 0 auto;
    flex-wrap: wrap;
}

/* --- CỘT ẢNH (TRÁI) --- */
.hy-about-img-col {
    flex: 1;
    /* FIX LỖI: Giảm min-width xuống để không vỡ layout khi co nhỏ */
    min-width: 300px; 
}

.hy-img-frame {
    border: 2px solid #27ae60;
    border-radius: 20px;
    padding: 15px;
    position: relative;
    background: rgba(255,255,255,0.1); /* Thêm chút nền mờ cho đẹp */
}

.hy-img-frame img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    display: block;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* --- CỘT NỘI DUNG (PHẢI) --- */
.hy-about-text-col {
    flex: 1.2;
    min-width: 300px;
}

/* Tag nhỏ */
.hy-subtitle {
    color: white;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
}

/* Tiêu đề lớn */
.hy-about-title {
    font-size: 42px; /* Giảm xíu cho cân đối */
    font-weight: 900;
    color: white;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

/* FIX MÀU: Đổi thành màu Vàng nổi bật */
.hy-text-yellow {
    color: #FFFF00; 
    text-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Thêm bóng nhẹ cho chữ vàng dễ đọc */
}

/* Đoạn mô tả */
.hy-about-desc {
    color: white;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: justify;
}

/* Danh sách dấu tích */
.hy-about-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hy-about-list li {
    font-size: 16px;
    color: #F7F700; /* Màu vàng của list */
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.check-icon {
    color: #111;
    font-weight: 900;
    font-size: 18px;
}

/* --- MOBILE RESPONSIVE (QUAN TRỌNG) --- */
@media (max-width: 768px) {
    .hy-about-section {
        padding: 40px 20px; /* Giảm padding */
    }

    .hy-about-row {
        flex-direction: column; /* Xếp dọc */
        gap: 30px;
    }

    /* Đưa chữ lên trên ảnh */
    .hy-about-text-col {
        order: -1; 
        width: 100%; /* Full màn hình */
        min-width: 100%;
    }

    .hy-about-img-col {
        width: 100%; /* Full màn hình */
        min-width: 100%;
    }

    .hy-about-title {
        font-size: 28px; /* Chữ nhỏ lại vừa điện thoại */
    }
    
    .hy-about-desc {
        text-align: left; /* Mobile canh trái dễ đọc hơn canh đều */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fada4cf *//* --- CẤU HÌNH CHUNG --- */
.hy-features-section {
    padding: 20px;
    background-color: #fff;
    font-family: 'Inter', sans-serif;
    border-radius: 12px;
    box-sizing: border-box;
}

/* Đảm bảo padding không làm phình kích thước gây vỡ layout */
.hy-features-section * {
    box-sizing: border-box;
}

.hy-features-grid {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
    flex-wrap: wrap;
    width: 100%;
}

/* --- TỪNG THẺ CARD --- */
.hy-feat-item {
    flex: 1;
    /* PC: Giữ kích thước tối thiểu này */
    min-width: 280px; 
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 40px 25px;
    text-align: center;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

.hy-feat-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    border-color: #f36f21;
}

/* ICON */
.hy-feat-icon-img {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
}
.hy-feat-icon-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* TIÊU ĐỀ */
.hy-feat-heading {
    font-size: 24px; /* Giảm nhẹ size cho cân đối */
    font-weight: 700;
    color: #F8681A;
    margin: 0 0 15px 0;
}

/* MÔ TẢ */
.hy-feat-text {
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* --- MOBILE RESPONSIVE (FIX LỖI BỂ) --- */
@media (max-width: 768px) {
    .hy-features-grid {
        flex-direction: column; /* Xếp dọc */
        gap: 20px; /* Giảm khoảng cách giữa các thẻ */
    }

    .hy-feat-item {
        width: 100%; /* Chiếm full chiều rộng màn hình */
        min-width: unset; /* Bỏ giới hạn chiều rộng tối thiểu */
        padding: 30px 20px; /* Giảm padding một chút cho đỡ chật */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af0aa46 *//* --- KHUNG BAO NGOÀI --- */
.hy-vm-section {
    padding: 60px 20px;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}
/* QUAN TRỌNG: Đảm bảo padding không làm phình kích thước */
.hy-vm-section * { box-sizing: border-box; }

/* --- KHỐI CARD CHÍNH --- */
.hy-vm-card {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    flex-wrap: wrap; /* Cho phép rớt dòng nếu cần */
}

.hy-vm-card:hover {
    transform: translateY(-5px);
}

/* --- CỘT CHUNG --- */
.hy-vm-col {
    flex: 1;
    padding: 60px 50px;
    color: #ffffff;
    /* PC: Giữ độ rộng tối thiểu này cho đẹp */
    min-width: 300px;
    display: flex;
    align-items: center;
}

/* MÀU NỀN */
.hy-vm-orange { background-color: #f36f21; }
.hy-vm-green { background-color: #27ae60; }

/* --- NỘI DUNG --- */
.hy-vm-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

/* HỘP ICON */
.hy-vm-icon-box {
    width: 60px;
    height: 60px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    backdrop-filter: blur(5px);
}

.hy-vm-emoji { font-size: 30px; }

/* TIÊU ĐỀ */
.hy-vm-title {
    font-size: 28px;
    font-weight: 800;
    color: white;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* MÔ TẢ */
.hy-vm-desc {
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.95;
    font-weight: 500;
}

/* --- MOBILE RESPONSIVE (FIX LỖI BỂ) --- */
@media (max-width: 768px) {
    .hy-vm-section {
        padding: 40px 15px; /* Giảm lề ngoài */
    }

    .hy-vm-card {
        flex-direction: column; /* Xếp dọc 2 khối */
        width: 100%;
    }
    
    .hy-vm-col {
        width: 100%; /* Chiếm full chiều rộng */
        min-width: unset; /* Bỏ giới hạn chiều rộng tối thiểu */
        padding: 40px 25px; /* Giảm lề trong cho đỡ chật */
    }

    .hy-vm-title {
        font-size: 24px; /* Giảm cỡ chữ tiêu đề xíu */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdc5fa7 *//* ===================================================
   SECTION SẢN PHẨM BÁN CHẠY (BẢN TAM08 - NỀN TRẮNG SANG TRỌNG)
=================================================== */

.hy-sp-wrapper-TAM08 {
    width: 100%;
    background-color: #ffffff; /* ÉP NỀN TRẮNG ĐỂ KHÔNG BỊ CHÌM VÀO NỀN CAM */
    padding: 60px 0; /* Khoảng cách trên dưới cho thoáng */
    font-family: 'Inter', sans-serif, Arial;
}

.hy-sp-section {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
}
.hy-sp-section * { box-sizing: border-box; }

/* --- 1. TIÊU ĐỀ SECTION --- */
.hy-sp-header { margin-bottom: 40px; }
.hy-sp-header h2 {
    font-size: 32px; font-weight: 800;
    color: #333333; /* Chữ "Sản phẩm" màu đen đậm */
    margin: 0 0 10px 0; text-transform: uppercase;
}
.hy-sp-header h2 span {
    color: #F8681A; /* Chữ "Bán chạy" màu cam chuẩn của Hyamin */
}
.hy-sp-header p { font-size: 16px; color: #666666; margin: 0; }

/* --- 2. LƯỚI SẢN PHẨM (GRID 5 CỘT) --- */
.hy-sp-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* PC: 5 Cột */
    gap: 20px;
}

/* --- 3. THẺ SẢN PHẨM --- */
.hy-sp-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px; /* Bo góc mềm mại hơn */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex; flex-direction: column;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Đổ bóng cực nhẹ mặc định */
}
.hy-sp-card:hover {
    box-shadow: 0 10px 25px rgba(248, 104, 26, 0.15); /* Bóng cam nhạt khi hover */
    transform: translateY(-5px);
}

/* Khung hình ảnh */
.hy-sp-img-box {
    position: relative; width: 100%; aspect-ratio: 1 / 1;
    background-color: #fafafa;
}
.hy-sp-img-box img {
    width: 100%; height: 100%; object-fit: cover;
}

/* Nhãn dán HOT / GIẢM GIÁ */
.hy-sp-badge {
    position: absolute; top: 10px; left: 10px;
    background-color: #E30019; color: #ffffff;
    font-size: 12px; font-weight: bold; padding: 4px 10px;
    border-radius: 4px; z-index: 2; letter-spacing: 0.5px;
}

/* --- 4. THÔNG TIN SẢN PHẨM --- */
.hy-sp-info {
    padding: 15px; display: flex; flex-direction: column; flex-grow: 1;
}

.hy-sp-title {
    font-size: 14px; font-weight: 700; color: #222222;
    margin: 0 0 12px 0; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; height: 39px; text-align: left;
}

/* Khu vực Giá */
.hy-sp-price-box {
    margin-bottom: 15px; text-align: left;
}
.hy-sp-price-new {
    font-size: 17px; font-weight: 800; color: #F8681A;
}
.hy-sp-price-old {
    font-size: 13px; color: #999999; text-decoration: line-through; margin-left: 8px;
}

/* Nút Thêm Vào Giỏ - Chuyển sang nút ĐẶC (Solid) */
.hy-sp-btn {
    width: 100%; padding: 10px 0;
    background-color: #F8681A; /* Nền cam */
    color: #ffffff; /* Chữ trắng */
    border: none; border-radius: 6px;
    font-size: 13px; font-weight: 700;
    cursor: pointer; text-transform: uppercase;
    transition: background-color 0.3s;
    margin-top: auto;
}
.hy-sp-btn:hover { background-color: #d95612; /* Cam đậm hơn khi hover */ }

/* --- 5. NÚT XEM TẤT CẢ TỔNG --- */
.hy-sp-footer { margin-top: 40px; }
.hy-sp-view-all {
    display: inline-block; padding: 12px 35px;
    border: 2px solid #F8681A; color: #F8681A;
    border-radius: 30px; text-decoration: none;
    font-size: 15px; font-weight: 700; transition: all 0.3s;
}
.hy-sp-view-all:hover { background-color: #F8681A; color: #ffffff; }

/* --- 6. MOBILE RESPONSIVE (1 TRÊN 1 DƯỚI, CHỈ HIỆN 2 SP) --- */
@media (max-width: 900px) {
    .hy-sp-wrapper-TAM08 { padding: 30px 0; }
    
    /* CHIA LẠI: 1 CỘT (1 HÀNG CHỈ CÓ 1 SẢN PHẨM) */
    .hy-sp-grid { 
        grid-template-columns: 1fr; 
        gap: 25px; /* Khoảng cách giữa sản phẩm trên và dưới */
        max-width: 400px; /* Giới hạn độ rộng để thẻ không bị bè quá mức */
        margin: 0 auto; /* Căn giữa */
    }
    
    /* Phục hồi lại kích thước chữ to rõ vì khung đã rất rộng rãi */
    .hy-sp-info { padding: 20px; }
    .hy-sp-title { font-size: 16px; height: auto; margin-bottom: 12px; }
    .hy-sp-price-new { font-size: 18px; }
    .hy-sp-price-old { font-size: 14px; display: inline-block; margin-left: 8px; margin-top: 0; }
    .hy-sp-btn { font-size: 14px; padding: 12px 0; border-radius: 8px; margin-top: 15px; }
    .hy-sp-badge { font-size: 13px; padding: 5px 10px; top: 12px; left: 12px; }
    
    .hy-sp-header h2 { font-size: 26px; }
    .hy-sp-header p { font-size: 15px; margin-bottom: 20px; }

    /* LỆNH ẨN: CHỈ HIỂN THỊ 2 SẢN PHẨM ĐẦU (Ẩn từ sản phẩm thứ 3 trở đi) */
    .hy-sp-card:nth-child(n+3) {
        display: none;
    }
}
/* ===================================================
   7. GIAO DIỆN POPUP THÔNG TIN SẢN PHẨM
=================================================== */
.hy-popup-overlay {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.6); /* Nền đen mờ */
    z-index: 999999; /* Luôn nằm trên cùng */
    display: flex; justify-content: center; align-items: center;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;
}
.hy-popup-overlay.show { opacity: 1; visibility: visible; }

.hy-popup-box {
    background: #ffffff; width: 90%; max-width: 800px;
    border-radius: 12px; position: relative; padding: 30px;
    transform: translateY(30px); transition: transform 0.3s ease;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    font-family: 'Inter', sans-serif, Arial;
    max-height: 90vh; overflow-y: auto;
}
.hy-popup-overlay.show .hy-popup-box { transform: translateY(0); }

/* Nút tắt Popup (Dấu X) */
.hy-popup-close {
    position: absolute; top: 15px; right: 20px;
    font-size: 28px; color: #999; cursor: pointer; line-height: 1;
}
.hy-popup-close:hover { color: #E30019; }

/* Bố cục bên trong Popup */
.hy-popup-body { display: flex; gap: 30px; }
.hy-popup-img-col { flex: 1; }
.hy-popup-img-col img { width: 100%; border-radius: 8px; object-fit: cover; aspect-ratio: 1/1; background: #fafafa;}
.hy-popup-info-col { flex: 1.2; display: flex; flex-direction: column; text-align: left; }

.hy-popup-info-col h3 { font-size: 22px; font-weight: 800; color: #333; margin-top: 0; margin-bottom: 15px; line-height: 1.4;}
.hy-popup-price { margin-bottom: 20px; }
#hy-popup-price-new { font-size: 24px; font-weight: 800; color: #F8681A; }
#hy-popup-price-old { font-size: 16px; color: #999; text-decoration: line-through; margin-left: 10px; }
.hy-popup-desc-text { font-size: 15px; color: #555; line-height: 1.6; margin-bottom: 25px; }

/* Nút chốt sale trong Popup */
.hy-popup-add-cart {
    padding: 12px 0; background: #F8681A; color: #fff; border: none;
    border-radius: 6px; font-weight: 700; font-size: 15px; cursor: pointer;
    margin-top: auto; text-transform: uppercase; transition: 0.3s;
}
.hy-popup-add-cart:hover { background: #333333; }

/* Popup trên Mobile */
@media (max-width: 768px) {
    .hy-popup-body { flex-direction: column; gap: 15px; }
    .hy-popup-box { padding: 20px; width: 95%; }
    .hy-popup-img-col { max-width: 250px; margin: 0 auto; }
    .hy-popup-info-col h3 { font-size: 18px; }
    #hy-popup-price-new { font-size: 20px; }
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66fb6304 *//* ===================================================
   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 */