/* HT Home Redesign Final V3 */
.ht-home-redesign{--ht-blue:#063b91;--ht-blue2:#075ecf;--ht-red:#e9232f;--ht-text:#10233f;--ht-muted:#5d6b82;--ht-light:#f5f9ff;--ht-border:#e7eef8;font-family:Roboto,Arial,sans-serif;color:var(--ht-text);background:#fff}.ht-home-redesign *{box-sizing:border-box}.ht-container{max-width:1180px;margin:0 auto;padding:0 15px}.ht-center{text-align:center}.ht-section{padding:66px 0}.ht-section-title{text-align:center;margin-bottom:34px}.ht-section-title h2{text-transform:uppercase;color:#0a2b68;font-size:28px;line-height:1.25;font-weight:800;margin:0}.ht-section-title span{display:block;width:78px;height:4px;background:var(--ht-red);border-radius:99px;margin:13px auto 0}.ht-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;border-radius:99px;padding:13px 24px;font-weight:800;text-transform:uppercase;font-size:14px;text-decoration:none!important;line-height:1;transition:.2s ease}.ht-btn-red{background:var(--ht-red);color:#fff!important;box-shadow:0 12px 28px rgba(233,35,47,.28)}.ht-btn-white{background:#fff;color:#0b367b!important}.ht-btn-blue{background:var(--ht-blue2);color:#fff!important;box-shadow:0 10px 24px rgba(7,94,207,.22)}
.ht-hero-final{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,38,101,.96),rgba(8,85,184,.78)),url('../assets/images/ht-home/hero/hero-main.webp') center/cover no-repeat;color:#fff}.ht-hero-final:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.18),transparent 24%),linear-gradient(90deg,rgba(0,16,61,.1),rgba(0,0,0,.08));pointer-events:none}.ht-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;min-height:560px;align-items:center}.ht-eyebrow{display:inline-flex;font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:8px 14px;margin-bottom:18px}.ht-hero h1{font-size:48px;line-height:1.12;text-transform:uppercase;color:#fff;margin:0 0 18px;font-weight:700}.ht-hero h1 strong{font-size:58px;color:#fff;font-weight:900}.ht-hero p{font-size:18px;line-height:1.75;color:#eef5ff;margin:0 0 24px;max-width:650px}.ht-hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin-bottom:28px}.ht-hero-points span{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700}.ht-hero-points i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff}.ht-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.ht-hero-media{position:relative}.ht-hero-media img{width:100%;height:390px;object-fit:cover;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.34);border:5px solid rgba(255,255,255,.24)}.ht-hero-card{position:absolute;left:-20px;bottom:28px;background:#fff;color:#0c2c68;border-radius:16px;padding:14px 18px;box-shadow:0 16px 34px rgba(0,0,0,.22);min-width:170px}.ht-hero-card strong{display:block;font-size:22px}.ht-hero-card span{color:#59697f;font-size:13px;font-weight:700}
.ht-services{background:#fff}.ht-service-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:13px;margin-bottom:25px}.ht-service-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;text-decoration:none!important;color:#0b2d68!important;background:#fff;border:1px solid var(--ht-border);border-radius:14px;padding:13px 8px;box-shadow:0 10px 28px rgba(7,36,84,.06);min-height:136px;transition:.2s ease}.ht-service-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(7,36,84,.12)}.ht-service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f4f8ff;overflow:hidden}.ht-service-icon img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.ht-service-card strong{font-size:13px;line-height:1.3;font-weight:800;color:#0b2d68}.ht-why{background:#f4f9ff}.ht-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.ht-why-item{text-align:center;background:#fff;border:1px solid var(--ht-border);border-radius:18px;padding:28px 18px;box-shadow:0 10px 28px rgba(7,36,84,.05)}.ht-why-item i{width:46px;height:46px;border-radius:50%;background:#eaf3ff;color:var(--ht-blue2);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:19px}.ht-why-item h3{font-size:16px;line-height:1.35;color:#0b2d68;font-weight:800;margin:0 0 9px}.ht-why-item p{font-size:13px;line-height:1.65;color:var(--ht-muted);margin:0}.ht-process{background:#fff}.ht-process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}.ht-step{text-align:center;position:relative}.ht-step:after{content:"";position:absolute;top:32px;right:-24px;width:45px;height:1px;background:#c9d7ea}.ht-step:last-child:after{display:none}.ht-step b{position:absolute;top:0;left:50%;transform:translate(-50%,-45%);width:25px;height:25px;border-radius:50%;background:#075ecf;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.ht-step i{width:66px;height:66px;border-radius:50%;background:#fff;border:2px solid #d9e6f8;color:var(--ht-red);display:flex;align-items:center;justify-content:center;margin:18px auto 14px;font-size:22px}.ht-step h3{font-size:15px;color:#0b2d68;font-weight:800;margin:0 0 8px}.ht-step p{font-size:13px;line-height:1.55;color:var(--ht-muted);margin:0}.ht-app-section{background:linear-gradient(135deg,#0645aa,#075fe0);color:#fff;padding:70px 0 0;overflow:hidden}.ht-app-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.ht-section-title-light{text-align:left;margin-bottom:18px}.ht-section-title-light h2{color:#fff}.ht-section-title-light span{margin-left:0;background:#fff}.ht-app-copy p{font-size:17px;line-height:1.75;color:#eaf3ff;margin:0 0 30px}.ht-app-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.ht-app-features span{text-align:center;font-size:13px;font-weight:700;color:#fff}.ht-app-features i{display:flex;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.26);align-items:center;justify-content:center;margin:0 auto 8px}.ht-store-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:42px}.ht-store{background:#081124;border-radius:8px;color:#fff!important;text-decoration:none!important;display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;padding:8px 13px;min-width:145px}.ht-store i{font-size:25px;grid-row:1/3}.ht-store em{font-style:normal;font-size:9px;line-height:1;color:#dbe6ff}.ht-store strong{font-size:17px;line-height:1.1}.ht-qr-img{width:82px;height:82px;border-radius:8px;background:#fff;padding:6px;object-fit:contain}.ht-phone-real{display:flex;justify-content:center;align-items:flex-end}.ht-phone-real img{display:block;width:270px;max-height:520px;object-fit:cover;object-position:top;border:11px solid #07162d;border-radius:35px 35px 0 0;box-shadow:0 24px 65px rgba(0,0,0,.3);background:#fff}.ht-branches{background:#fff}.ht-subtitle{text-align:center;color:#5b6780;margin:-18px auto 35px;max-width:830px}.ht-branch-accordion{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ht-branch-card{background:#fff;border:1px solid var(--ht-border);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(7,36,84,.06)}.ht-branch-card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:112px 1fr 22px;gap:14px;align-items:center;padding:12px}.ht-branch-card summary::-webkit-details-marker{display:none}.ht-branch-card summary img{width:112px;height:78px;object-fit:cover;border-radius:12px}.ht-branch-info strong{display:block;color:#0b2d68;font-size:17px;font-weight:900;line-height:1.25}.ht-branch-info em{display:block;font-style:normal;color:#66748b;font-size:13px;margin-top:5px}.ht-branch-card summary>i{color:#0d55bd;transition:.2s ease}.ht-branch-card[open] summary>i{transform:rotate(180deg)}.ht-branch-links{border-top:1px solid var(--ht-border);padding:10px 12px 14px;display:grid;gap:9px;background:#f8fbff}.ht-branch-links a,.ht-branch-missing{display:block;text-decoration:none!important;background:#fff;border:1px solid #e9eef7;border-radius:12px;padding:10px 12px;color:#10233f!important}.ht-branch-links a:hover{border-color:#0d55bd;box-shadow:0 6px 16px rgba(7,94,207,.1)}.ht-branch-links strong{display:block;font-size:14px;color:#0d3d8b}.ht-branch-links small{display:block;color:#e54b30;font-weight:800;margin-top:3px}.ht-branch-links em{display:block;font-style:normal;color:#69768a;font-size:12px;line-height:1.45;margin-top:4px}.ht-branch-main-link{background:#eaf3ff!important;border-color:#cfe1ff!important}.ht-branch-missing{opacity:.65}.ht-news{background:#f8fbff}.ht-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.ht-news-card{display:block;background:#fff;border:1px solid #edf1f7;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(7,36,84,.07);text-decoration:none!important;color:#13223a!important}.ht-news-card img{width:100%;height:170px;object-fit:cover}.ht-news-card time{display:block;margin:16px 18px 8px;color:#9aa7bd;font-size:13px}.ht-news-card h3{font-size:16px;line-height:1.45;color:#0b2d68;margin:0 18px 18px;font-weight:800}.ht-news-card span{display:block;margin:0 18px 20px;color:#0d55bd;font-size:13px;font-weight:700}.ht-brand-strip{background:#fff;padding:28px 0;border-top:1px solid #eef2f7}.ht-brand-strip .ht-container{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;color:#b9c2d1;font-size:24px;font-weight:800}
.ht-footer{background:#062c78;color:#dbe9ff;padding-top:55px}.ht-footer a{color:#fff!important;text-decoration:none!important}.ht-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.1fr 1.3fr;gap:35px}.ht-footer h3{font-size:17px;color:#fff;text-transform:uppercase;font-weight:800;margin:0 0 18px}.ht-footer p,.ht-footer li{font-size:14px;line-height:1.8;color:#dbe9ff}.ht-footer ul{list-style:none;padding:0;margin:0}.ht-social{display:flex;gap:8px;margin-top:18px}.ht-social a{width:34px;height:34px;border-radius:50%;background:#0d55bd;display:flex;align-items:center;justify-content:center;font-size:12px}.ht-store-footer{margin-bottom:10px}.ht-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:40px;padding:18px 0}.ht-footer-bottom .ht-container{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#b9cff2}
@media(max-width:1200px){.ht-service-grid{grid-template-columns:repeat(5,1fr)}.ht-why-grid{grid-template-columns:repeat(3,1fr)}.ht-branch-accordion{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ht-hero-grid,.ht-app-grid{grid-template-columns:1fr;gap:30px}.ht-hero-grid{min-height:auto;padding-top:55px;padding-bottom:55px}.ht-hero-media img{height:320px}.ht-news-grid{grid-template-columns:repeat(2,1fr)}.ht-process-line{grid-template-columns:repeat(2,1fr)}.ht-step:after{display:none}.ht-footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ht-section{padding:44px 0}.ht-section-title h2{font-size:22px}.ht-hero h1{font-size:33px}.ht-hero h1 strong{font-size:38px}.ht-hero-points,.ht-app-features{grid-template-columns:1fr}.ht-service-grid{grid-template-columns:repeat(2,1fr)}.ht-why-grid,.ht-news-grid,.ht-branch-accordion{grid-template-columns:1fr}.ht-branch-card summary{grid-template-columns:96px 1fr 18px}.ht-branch-card summary img{width:96px;height:70px}.ht-hero-media{display:none}.ht-phone-real img{width:230px;max-height:460px}.ht-footer-grid{grid-template-columns:1fr}.ht-footer-bottom .ht-container{flex-direction:column;text-align:center}.ht-brand-strip .ht-container{font-size:18px}}
/* HT desktop text fix - không đụng icon */
@media (min-width: 992px) {

    /* Chỉ áp font cho vùng text chính, không dùng * */
    .ht-home-redesign {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #0f2544;
    }

    .ht-home-redesign h1,
    .ht-home-redesign h2,
    .ht-home-redesign h3,
    .ht-home-redesign h4,
    .ht-home-redesign p,
    .ht-home-redesign li,
    .ht-home-redesign a,
    .ht-home-redesign button,
    .ht-section-title,
    .ht-section-desc,
    .ht-hero-title,
    .ht-hero-subtitle,
    .ht-service-title,
    .ht-why-title,
    .ht-why-desc,
    .ht-step-title,
    .ht-step-desc,
    .ht-app-desc,
    .ht-branch-card summary strong {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    }

    /* Heading bớt to, bớt gắt */
    .ht-home-redesign h1,
    .ht-hero-title {
        font-size: 40px !important;
        line-height: 1.18 !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
    }

    .ht-home-redesign h2,
    .ht-section-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
    }

    .ht-home-redesign h3,
    .ht-why-title,
    .ht-step-title {
        font-size: 17px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
    }

    /* Body text giống hethongdientuht hơn: nhỏ, gọn, không phồng */
    .ht-home-redesign p,
    .ht-home-redesign li,
    .ht-section-desc,
    .ht-why-desc,
    .ht-step-desc,
    .ht-app-desc {
        font-size: 14.5px !important;
        line-height: 1.58 !important;
        font-weight: 400 !important;
        color: #4b5b73 !important;
    }

    .ht-hero-subtitle {
        font-size: 15.5px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;
    }

    .ht-service-title,
    .ht-branch-card summary strong {
        font-size: 15px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    .ht-btn,
    .ht-hero-actions a,
    .ht-home-redesign button {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    /* Bảo vệ icon, không cho font chữ thường đè icon */
    .ht-home-redesign i,
    .ht-home-redesign .fa,
    .ht-home-redesign .fas,
    .ht-home-redesign .far,
    .ht-home-redesign .fal,
    .ht-home-redesign .fab,
    .ht-home-redesign .glyphicon,
    .ht-home-redesign [class^="fa-"],
    .ht-home-redesign [class*=" fa-"] {
        font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free" !important;
        font-weight: 900;
    }
}
/* FIX RIÊNG SECTION DỊCH VỤ - DESKTOP ONLY */
@media (min-width: 992px) {

    .ht-services-section .ht-section-title,
    .ht-service-section .ht-section-title,
    .ht-home-redesign .ht-services .ht-section-title {
        font-size: 27px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        margin-bottom: 34px !important;
    }

    .ht-services-grid,
    .ht-service-grid,
    .ht-home-redesign .ht-services-list {
        display: flex !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 18px !important;
        flex-wrap: nowrap !important;
    }

    .ht-service-card,
    .ht-home-redesign .service-card {
        width: 130px !important;
        min-width: 130px !important;
        max-width: 130px !important;
        min-height: 172px !important;
        padding: 18px 10px 14px !important;
        border-radius: 14px !important;
    }

    .ht-service-card img,
    .ht-home-redesign .service-card img {
        width: 76px !important;
        height: 76px !important;
        object-fit: contain !important;
        margin: 0 auto 13px !important;
        display: block !important;
    }

    .ht-service-title,
    .ht-service-card a,
    .ht-home-redesign .service-card a,
    .ht-home-redesign .service-card span {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.22 !important;
        font-weight: 700 !important;
        color: #002b66 !important;
        text-align: center !important;
        letter-spacing: 0 !important;
        display: block !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .ht-services-section .ht-btn,
    .ht-service-section .ht-btn,
    .ht-home-redesign .ht-services .ht-btn {
        margin-top: 32px !important;
        font-size: 14px !important;
        padding: 14px 30px !important;
        border-radius: 999px !important;
    }
}
/* TEST: bắt trực tiếp link dịch vụ trang chủ */
@media (min-width: 992px) {
    body a[href*="sua-tivi"],
    body a[href*="sua-may-giat"],
    body a[href*="sua-tu-lanh"],
    body a[href*="sua-may-lanh"],
    body a[href*="sua-bep-tu"],
    body a[href*="sua-may-loc-nuoc"],
    body a[href*="sua-may-rua-chen"],
    body a[href*="sua-may-hut-mui"],
    body a[href*="sua-loa-keo"],
    body a[href*="sua-quat-hoi-nuoc"] {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
        color: #143b74 !important;
        letter-spacing: -0.1px !important;
        text-transform: none !important;
        text-shadow: none !important;
    }
}
/* FIX CHỮ DỊCH VỤ - BẮT CẢ THẺ CON TRONG LINK */
@media (min-width: 992px) {
    body a[href*="sua-tivi"],
    body a[href*="sua-tivi"] *,
    body a[href*="sua-may-giat"],
    body a[href*="sua-may-giat"] *,
    body a[href*="sua-tu-lanh"],
    body a[href*="sua-tu-lanh"] *,
    body a[href*="sua-may-lanh"],
    body a[href*="sua-may-lanh"] *,
    body a[href*="sua-bep-tu"],
    body a[href*="sua-bep-tu"] *,
    body a[href*="sua-may-loc-nuoc"],
    body a[href*="sua-may-loc-nuoc"] *,
    body a[href*="sua-may-rua-chen"],
    body a[href*="sua-may-rua-chen"] *,
    body a[href*="sua-may-hut-mui"],
    body a[href*="sua-may-hut-mui"] *,
    body a[href*="sua-loa-keo"],
    body a[href*="sua-loa-keo"] *,
    body a[href*="sua-quat-hoi-nuoc"],
    body a[href*="sua-quat-hoi-nuoc"] * {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
        color: #143b74 !important;
        letter-spacing: -0.1px !important;
        text-transform: none !important;
        text-shadow: none !important;
    }
}
/* HERO FINAL CLEAN FIX - chữ gọn, không rớt chữ QUỐC */
@media (min-width: 992px) {

    .ht-home-redesign .ht-hero h1,
    .ht-hero h1 {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        line-height: 1.16 !important;
        font-weight: 600 !important;
        letter-spacing: -0.3px !important;
        text-transform: none !important;
        max-width: 700px !important;
        margin-bottom: 18px !important;
    }

    .ht-home-redesign .ht-hero h1 strong,
    .ht-hero h1 strong {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        display: block !important;
        font-size: 50px !important;
        line-height: 1.08 !important;
        font-weight: 800 !important;
        letter-spacing: -0.8px !important;
        white-space: nowrap !important;
    }

    .ht-home-redesign .ht-eyebrow,
    .ht-hero .ht-eyebrow {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: rgba(255,255,255,0.92) !important;
        margin-bottom: 14px !important;
    }

    .ht-home-redesign .ht-hero p,
    .ht-hero p {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 15.5px !important;
        line-height: 1.65 !important;
        font-weight: 400 !important;
        color: rgba(255,255,255,0.78) !important;
        max-width: 650px !important;
    }

    .ht-home-redesign .ht-hero-points span,
    .ht-hero-points span {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 14.5px !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        color: #fff !important;
    }

    .ht-home-redesign .ht-hero-actions a,
    .ht-hero-actions a {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
}
/* APP SECTION FIX */
@media (min-width: 992px) {
    .ht-app-section h2,
    .ht-home-redesign .ht-app h2 {
        font-size: 32px !important;
        line-height: 1.25 !important;
        font-weight: 750 !important;
        letter-spacing: -0.3px !important;
        color: #fff !important;
        margin-bottom: 18px !important;
    }

    .ht-app-section .ht-section-desc,
    .ht-app-section p,
    .ht-home-redesign .ht-app p {
        font-size: 16px !important;
        line-height: 1.65 !important;
        color: rgba(255,255,255,0.88) !important;
        max-width: 720px !important;
        font-weight: 400 !important;
    }

    .ht-app-section .ht-app-feature,
    .ht-home-redesign .ht-app-feature {
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .ht-app-section .ht-app-feature i,
    .ht-home-redesign .ht-app-feature i {
        width: 52px !important;
        height: 52px !important;
        font-size: 20px !important;
        border: 1px solid rgba(255,255,255,0.28) !important;
        background: rgba(255,255,255,0.08) !important;
    }

    .ht-app-section .ht-app-badges img,
    .ht-home-redesign .ht-app-badges img {
        height: 52px !important;
    }

    .ht-app-section .ht-app-phone img,
    .ht-home-redesign .ht-app-phone img {
        max-height: 580px !important;
        object-fit: contain !important;
    }
}
/* FIX PHONE APP SECTION - bỏ khung trắng, cho giống mẫu 2 */

.ht-app-section {
    overflow: hidden !important;
}

.ht-app-grid {
    min-height: 430px !important;
    align-items: center !important;
}

.ht-phone-real {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
    height: 430px !important;
}

.ht-phone-real img {
    display: block !important;
    width: auto !important;
    height: 585px !important;
    max-height: none !important;
    max-width: none !important;

    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    object-fit: contain !important;
    object-position: center bottom !important;

    margin-top: -70px !important;
    margin-bottom: -95px !important;
    transform: translateX(10px) !important;

    filter: drop-shadow(0 18px 28px rgba(0,0,0,0.28)) !important;
}
/* FIX SIZE APP STORE / GOOGLE PLAY / QR */

.ht-app-section .ht-store-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

.ht-app-section .ht-badge-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    text-decoration: none !important;
}

.ht-app-section img.ht-store-badge {
    display: block !important;
    height: 52px !important;
    width: auto !important;
    max-width: 185px !important;
    object-fit: contain !important;
    border-radius: 7px !important;
}

.ht-app-section img.ht-qr-img {
    display: block !important;
    width: 92px !important;
    height: 92px !important;
    max-width: 92px !important;
    object-fit: contain !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 5px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .ht-app-section .ht-store-row {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .ht-app-section img.ht-store-badge {
        height: 44px !important;
        max-width: 155px !important;
    }

    .ht-app-section img.ht-qr-img {
        width: 78px !important;
        height: 78px !important;
        max-width: 78px !important;
    }
}
/* LOGO HÃNG / ĐỐI TÁC BẢO HÀNH - CHẠY NGANG */

.ht-partner-marquee {
    background: #fff !important;
    padding: 24px 0 !important;
    border-top: 1px solid #eef2f7 !important;
    border-bottom: 1px solid #eef2f7 !important;
    overflow: hidden !important;
    position: relative !important;
    white-space: nowrap !important;
}

.ht-partner-track {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    animation: htPartnerScroll 36s linear infinite !important;
}

.ht-partner-list {
    display: flex !important;
    align-items: center !important;
    gap: 72px !important;
    padding-right: 72px !important;
}

.ht-partner-list img {
    display: block !important;
    height: 38px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
    opacity: 0.72 !important;
    filter: grayscale(100%) !important;
    transition: 0.2s ease !important;
}

.ht-partner-list img:hover {
    opacity: 1 !important;
    filter: grayscale(0%) !important;
}

.ht-partner-marquee:hover .ht-partner-track {
    animation-play-state: paused !important;
}

@keyframes htPartnerScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .ht-partner-marquee {
        padding: 18px 0 !important;
    }

    .ht-partner-track {
        animation-duration: 24s !important;
    }

    .ht-partner-list {
        gap: 44px !important;
        padding-right: 44px !important;
    }

    .ht-partner-list img {
        height: 28px !important;
        max-width: 110px !important;
    }
}
/* SOS FIX LOGO ĐỐI TÁC BỊ PHÓNG TO */

.ht-brand-strip,
.ht-partner-section,
.ht-partner-marquee {
    overflow: hidden !important;
    max-width: 100% !important;
}

.ht-brand-strip img,
.ht-partner-section img,
.ht-partner-marquee img,
.ht-partner-list img {
    display: block !important;
    width: auto !important;
    height: 38px !important;
    max-width: 150px !important;
    max-height: 50px !important;
    object-fit: contain !important;
}

.ht-partner-track {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    animation: htPartnerScroll 36s linear infinite !important;
}

.ht-partner-list {
    display: flex !important;
    align-items: center !important;
    gap: 72px !important;
    padding-right: 72px !important;
    flex-shrink: 0 !important;
}

@keyframes htPartnerScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.ht-partner-title{
    text-align:center;
    margin:40px 0 20px;
}

.ht-partner-title h2{
    font-size:32px;
    font-weight:800;
    color:#0b2d6b;
    text-transform:uppercase;
    margin:0;
}

.ht-partner-title span{
    display:block;
    width:80px;
    height:4px;
    background:#e31b23;
    margin:12px auto 0;
    border-radius:999px;
}
/* FIX CĂN GIỮA TITLE ĐỐI TÁC GIỐNG CÁC SECTION KHÁC */

.ht-partner-section {
    background: #f8fbff !important;
    padding: 66px 0 0 !important;
    overflow: hidden !important;
    clear: both !important;
}

.ht-partner-section .ht-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.ht-partner-section .ht-section-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 34px !important;
}

.ht-partner-section .ht-section-title h2 {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #0a2b68 !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

.ht-partner-section .ht-section-title span {
    display: block !important;
    width: 78px !important;
    height: 4px !important;
    background: #e9232f !important;
    border-radius: 99px !important;
    margin: 13px auto 0 !important;
}

.ht-partner-section .ht-brand-strip {
    background: #fff !important;
    padding: 24px 0 !important;
    margin: 0 !important;
    border-top: 1px solid #eef2f7 !important;
    border-bottom: 1px solid #eef2f7 !important;
}
/* FIX CỨNG TITLE ĐỐI TÁC - CĂN GIỮA TUYỆT ĐỐI */

.ht-partner-title-fixed {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    background: #f8fbff !important;
    padding: 54px 15px 28px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.ht-partner-title-fixed h2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #0a2b68 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
}

.ht-partner-title-fixed span {
    display: block !important;
    width: 82px !important;
    height: 4px !important;
    background: #e9232f !important;
    border-radius: 999px !important;
    margin: 14px auto 0 !important;
}