*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Times New Roman",Times,serif;color:#111;background:#f5f5f5}.site-header{background:#08090a;color:#fff}.header-main{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;border-bottom:1px solid #333}.logo-area{display:flex;align-items:center;gap:17px}.logo-area img{ width:78px; height:78px; border-radius:50%; object-fit:cover; object-position:center center; border:1px solid #fff; background:#fff; }.brand{font-family:"Times New Roman",Times,serif;font-size:30px;font-weight:900;letter-spacing:0;color:#f47a1e;white-space:nowrap}.brand span{color:#e53d2c}.tagline{font-size:11px;font-weight:700;margin-top:5px}.contact-top{display:flex;align-items:center;gap:34px;font-size:25px;color:#f26c1d}.contact-top span{display:inline-block;color:#aaa;font-size:11px;margin-left:7px}.contact-top strong{display:block;color:#fff;font-size:14px}.contact-top>a{background:linear-gradient(90deg,#f24d29,#df2d22);padding:15px 28px;color:#fff;font-family:'Times New Roman', serif;font-size:20px;font-weight:900;border-radius:4px}nav{height:55px;display:flex;padding-left:8%;border-bottom:1px solid #292b2e}nav a{padding:19px 22px; font-family:"Times New Roman", Times, serif; font-size:15px; font-weight:700; color:#eb641e; border-right:1px solid #292b2e;}nav a.active{background:linear-gradient(#111,#111)}nav .search{margin-left:auto;font-size:20px}.hero{height:390px;position:relative;overflow:hidden;background:#080909}.hero-image{width:100%;height:100%;object-fit:cover;opacity:.95}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.62) 42%,rgba(0,0,0,.08) 75%);color:#fff}.hero-copy{position:absolute;left:6%;top:43px}.small-title{font-size:18px;font-weight:800;margin-bottom:14px}.hero h1{font-size:38px;line-height:1.1;margin:0;font-weight:900}.hero h1 span{color:#f5751d}.hero p{font-size:14px;line-height:1.5}.hero-buttons{display:flex;align-items:center;gap:15px;margin-top:20px}.hero-buttons a{background:linear-gradient(90deg,#ff4a25,#e42f20);padding:15px 25px;border-radius:3px;font-family:'Times New Roman', serif;font-size:13px;font-weight:900}.hero-buttons .dark-btn{background:#111; border:1px solid #ddd; font-size:16px; font-weight:900;}.benefits{display:flex;gap:28px;margin-top:25px}.benefits div{color:#f5741c;font-size:19px;display:flex;gap:7px;align-items:center}.benefits b{font-size:9px;color:#fff}.benefits small{display:block;color:#aaa;font-size:9px;margin-top:4px}.float-buttons{position:absolute;right:15px;top:160px;display:grid;gap:8px}.float-buttons a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ed3c28;border:2px solid #fff;font-weight:900}.float-buttons a:nth-child(2){background:#1685e8}.float-buttons a:nth-child(3){background:#287df0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px 5%;background:#fff}.quick-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e5e5e5;border-radius:9px;box-shadow:0 3px 14px #0000000b}.round{width:62px;height:62px;border-radius:50%;border:1px solid #f3b36d;display:grid;place-items:center;font-size:27px;color:#111;flex:none}.quick h3{font-size:13px;margin:0 0 7px}.quick p{font-size:10px;line-height:1.45;margin:0;color:#555}.quick b{font-size:10px;color:#eb641e}.content{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;padding:23px 5%;background:#f4f4f4}.panel{background:#fff;border-radius:6px;padding:15px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:15px;margin:0}.section-head a{font-size:10px;color:#e76820}.machine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.machine-grid article{text-align:center}.photo{height:160px;position:relative}.photo img{width:100%;height:100%;object-fit:cover;border-radius:4px}.photo i{position:absolute;top:5px;left:5px;background:#e83227;color:#fff;padding:4px 6px;font-style:normal;font-size:9px;font-weight:900;border-radius:3px}.machine-grid b{display:block;font-size:10px;margin-top:7px}.machine-grid small{font-size:10px}.small-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small-grid article{overflow:hidden;text-align:center}.small-grid img{width:100%;height:86px;object-fit:cover;border-radius:5px;display:block}.small-grid b{font-size:9px;display:block;padding:6px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);background:#0c0d0e;color:#fff;padding:21px 6%}.stats>div{display:grid;grid-template-columns:35px 1fr;border-right:1px solid #333;padding:0 25px}.stats b{grid-row:span 2;color:#f47a1e;font-size:22px}.stats strong{color:#f47a1e;font-size:22px}.stats small{font-size:9px}.lower{background:#fff;padding:55px 6%}.lower h2{text-align:center}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.articles article{padding:25px;border:1px solid #ddd;font-weight:700}.contact{background:#111;color:#fff;text-align:center;padding:55px}.contact h2{font-size:28px}.contact b{color:#ff731c}footer{background:#070809;color:#888;text-align:center;padding:20px;font-size:10px}@media(max-width:900px){.contact-top{display:none}.quick{grid-template-columns:1fr 1fr}.content{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.articles{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header-main{height:75px}.logo-area img{width:55px;height:55px}.brand{font-family:"Times New Roman",Times,serif;font-size:20px}.tagline{font-size:9px}nav{overflow:auto;padding-left:0}.hero{height:540px}.hero h1{font-size:30px}.benefits{display:grid;grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr}.machine-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.articles{grid-template-columns:1fr}}

/* ===== THIEN MINH LASER - POLISH / FIXES ===== */
html { scroll-padding-top: 149px; }
body { overflow-x:hidden; }
a { text-decoration:none; }
nav { align-items:stretch; padding-left:5%; padding-right:3%; }
nav a { display:flex; align-items:center; white-space:nowrap; }
nav .search { margin-left:auto; min-width:55px; justify-content:center; border-left:1px solid #292b2e; }
.quick-link { font-size:10px; color:#eb641e; font-weight:800; display:inline-block; margin-top:7px; }
.quick-link:hover, .section-head a:hover { color:#d92e20; }
.quick-card { transition:transform .2s ease, box-shadow .2s ease; }
.quick-card:hover { transform:translateY(-3px); box-shadow:0 7px 20px #00000012; }
.panel { min-width:0; }
.machine-grid article, .small-grid article { min-width:0; }
.machine-grid b, .small-grid b { line-height:1.35; }
.photo img, .small-grid img { background:#eee; }
.hero-buttons a, .contact a, .outline-btn { transition:transform .2s ease, opacity .2s ease; }
.hero-buttons a:hover, .contact a:hover, .outline-btn:hover { transform:translateY(-2px); opacity:.92; }

.info-strip { background:#0c0d0e; color:#fff; padding:42px 6%; }
.info-strip.light { background:#f4f4f4; color:#111; }
.info-inner { max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.info-inner h2 { margin:7px 0 10px; font-size:26px; }
.info-inner p { margin:0; max-width:720px; color:#aaa; font-size:13px; line-height:1.6; }
.info-strip.light .info-inner p { color:#555; }
.eyebrow { color:#f47a1e; font-size:11px; font-weight:900; letter-spacing:.7px; }
.outline-btn { flex:none; padding:13px 20px; border:1px solid #f47a1e; color:#f47a1e; border-radius:3px; font-weight:900; font-size:12px; }
.outline-btn.dark { color:#111; border-color:#111; }
.about { background:#fff; padding:48px 6%; text-align:center; }
.about-inner { max-width:820px; margin:auto; }
.about h2 { margin:8px 0 10px; font-size:30px; }
.about p { margin:0; color:#555; line-height:1.6; }

@media(max-width:900px){
  html { scroll-padding-top:130px; }
  nav { padding-left:0; }
  nav a { padding-left:15px; padding-right:15px; }
  .info-inner { align-items:flex-start; }
}
@media(max-width:600px){
  html { scroll-padding-top:130px; }
  .header-main { padding:0 4%; }
  .logo-area { gap:9px; min-width:0; }
  .logo-area img { width:55px; height:55px; }
  .brand { font-size:18px; white-space:nowrap; }
  .tagline { max-width:210px; line-height:1.2; }
  nav { height:48px; }
  nav a { font-size:12px; padding:16px 13px; }
  nav .search { min-width:45px; }
  .hero-copy { left:5%; right:5%; top:35px; }
  .hero p br { display:none; }
  .hero-buttons { flex-wrap:wrap; }
  .benefits { gap:12px; }
  .benefits div { font-size:16px; }
  .info-strip { padding:34px 5%; }
  .info-inner { flex-direction:column; }
  .info-inner h2 { font-size:22px; }
  .outline-btn { align-self:flex-start; }
  .about { padding:38px 5%; }
}

/* ===== CMS PAGES ===== */
.page-hero{background:#08090a;color:#fff;padding:42px 6% 38px;border-bottom:1px solid #292b2e}
.page-hero .eyebrow{color:#f47a1e;font-size:11px;font-weight:900;letter-spacing:.8px}
.page-hero h1{margin:8px 0 10px;font-size:34px}
.page-hero p{margin:0;color:#aaa;max-width:800px;line-height:1.6;font-size:13px}
.catalog{background:#f4f4f4;padding:28px 6% 60px;min-height:55vh}
.catalog-inner{max-width:1200px;margin:auto}
.catalog-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.catalog-toolbar input{width:min(420px,100%);padding:12px 14px;border:1px solid #ddd;border-radius:5px;background:#fff}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.catalog-card{background:#fff;border-radius:7px;overflow:hidden;border:1px solid #e2e2e2;box-shadow:0 3px 12px #00000008}
.catalog-card img{width:100%;height:180px;object-fit:cover;background:#eee;display:block}
.catalog-card .card-body{padding:14px}
.catalog-card .meta{font-size:9px;color:#eb641e;font-weight:900;text-transform:uppercase}
.catalog-card h3{font-size:14px;margin:7px 0;line-height:1.35}
.catalog-card p{font-size:11px;color:#666;line-height:1.5;margin:0 0 12px}
.catalog-card .card-link{font-size:11px;color:#e43b27;font-weight:900}
.back-link{display:inline-block;color:#f47a1e;font-size:11px;font-weight:900;margin-top:18px}
.admin-wrap{background:#f4f4f4;min-height:75vh;padding:30px 6% 60px}
.admin-inner{max-width:1200px;margin:auto}
.admin-panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:18px}
.admin-panel h2{font-size:17px;margin:0 0 15px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.admin-tabs button,.admin-btn{border:1px solid #ddd;background:#fff;padding:9px 13px;border-radius:4px;font-size:11px;font-weight:800;cursor:pointer}
.admin-tabs button.active,.admin-btn.primary{background:#e53d2c;color:#fff;border-color:#e53d2c}
.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-form .full{grid-column:1/-1}
.admin-form label{font-size:10px;font-weight:800;display:block;margin-bottom:5px}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font:inherit;font-size:12px}
.admin-form textarea{min-height:100px;resize:vertical}
.admin-actions{display:flex;gap:8px;margin-top:14px}
.admin-list{display:grid;gap:8px}
.admin-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e4e4e4;padding:11px;border-radius:5px}
.admin-item strong{font-size:11px}
.admin-item small{display:block;color:#888;margin-top:3px}
.admin-item .actions{display:flex;gap:5px}
.admin-note{font-size:11px;color:#666;line-height:1.5;background:#fafafa;padding:10px;border-left:3px solid #f47a1e}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.page-hero h1{font-size:27px}.catalog-grid{grid-template-columns:1fr}.catalog{padding-left:5%;padding-right:5%}.admin-wrap{padding-left:5%;padding-right:5%}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.admin-item{align-items:flex-start;flex-direction:column}.admin-actions{flex-wrap:wrap}}


/* FONT CHU SỬA CHỮA - THIÊN MINH LASER */
.repair-page,
.repair-page *,
.repair-content,
.repair-content *,
.repair-info,
.repair-info *,
.repair-card,
.repair-card *,
.service-repair,
.service-repair *,
[data-repair],
[data-repair] * {
  font-family: "Times New Roman", Times, serif !important;
}

/* =========================================================
   ABOUT PAGE — THIÊN MINH LASER
   Giao diện theo thiết kế About đã duyệt
   ========================================================= */
.about-page{background:#080808;color:#f4f4f4;font-family:"Times New Roman",Times,serif}.about-page .site-header{font-family:"Times New Roman",Times,serif}.about-page main{background:#080808}.about-hero{min-height:392px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 75%,rgba(224,67,32,.18),transparent 36%),linear-gradient(180deg,#111 0%,#090909 72%,#080808 100%);border-bottom:1px solid #161616}.about-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:105px;background:linear-gradient(90deg,rgba(155,25,18,.16),rgba(238,92,22,.18),rgba(246,122,30,.08));filter:blur(22px);pointer-events:none}.about-hero-inner{position:relative;z-index:1;width:min(1100px,90%);padding:42px 0 58px}.about-kicker{color:#f47a1e;font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:900;letter-spacing:5px;margin-bottom:17px}.about-hero h1{margin:0;font-family:"Times New Roman",Times,serif;font-size:clamp(48px,6vw,66px);line-height:1;font-weight:700}.about-brand-gradient{background:linear-gradient(90deg,#ff8a1f 0%,#f25a21 48%,#df2c22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.about-hero p{margin:25px 0 0;color:#cfcfcf;font-size:19px;line-height:1.5}.about-container{width:min(1060px,88%);margin:0 auto;padding:112px 0}.about-block{display:grid;grid-template-columns:92px minmax(0,1fr);gap:34px;align-items:start}.about-no{color:#f47a1e;font-family:"Times New Roman",Times,serif;font-size:30px;line-height:1;font-weight:900;padding-top:8px}.about-label{color:#f47a1e;font-family:"Times New Roman",Times,serif;font-size:11px;line-height:1.3;font-weight:900;letter-spacing:2px;margin-bottom:13px}.about-block h2,.about-difference h2,.about-final h2{margin:0 0 29px;color:#f4f4f4;font-family:"Times New Roman",Times,serif;font-size:clamp(31px,4vw,43px);line-height:1.12;font-weight:700}.about-block p{margin:0 0 24px;color:#c8c8c8;font-size:17px;line-height:1.85}.about-quote{margin-top:27px;padding:30px 31px;background:#111;border-left:4px solid #f47a1e;color:#f1f1f1;font-size:20px;line-height:1.55;font-weight:700}.about-difference{background:#101010;border-top:1px solid #191919;border-bottom:1px solid #191919;padding:92px 0 105px}.about-difference .about-container{padding:0}.about-difference>.about-container>h2{max-width:760px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}.about-card{min-height:220px;padding:29px 30px 31px;background:#0a0a0a;border:1px solid #242424;position:relative}.about-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(#f47a1e,#df2d22)}.about-card-number{color:#f47a1e;font-family:"Times New Roman",Times,serif;font-size:13px;font-weight:900;margin-bottom:18px}.about-card h3{margin:0 0 14px;color:#f3f3f3;font-family:"Times New Roman",Times,serif;font-size:24px;line-height:1.2}.about-card p{margin:0;color:#aaa;font-size:16px;line-height:1.7}.about-services{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px;margin-bottom:28px}.about-services span{display:inline-flex;align-items:center;min-height:39px;padding:8px 15px;border:1px solid #343434;background:#101010;color:#ddd;font-size:15px;line-height:1.3}.about-final{padding:105px 6% 115px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(235,75,28,.15),transparent 36%),#090909;border-top:1px solid #171717}.about-final .about-label{margin-bottom:17px}.about-final h2{margin-bottom:20px;font-size:clamp(42px,6vw,62px)}.about-slogan{color:#ddd;font-size:21px;line-height:1.5;margin-bottom:22px}.about-slogan span{color:#f47a1e;padding:0 7px}.about-final p{color:#aaa;font-size:16px;line-height:1.7;margin:0 0 28px}.about-final strong{color:#f47a1e}.about-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;background:linear-gradient(90deg,#f45125,#df2d22);color:#fff;font-family:"Times New Roman",Times,serif;font-size:15px;font-weight:700;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.about-cta:hover{transform:translateY(-2px);opacity:.92}.about-page footer{font-family:"Times New Roman",Times,serif;background:#050505;color:#666;border-top:1px solid #171717}
@media(max-width:900px){.about-hero{min-height:340px}.about-container{width:88%;padding:78px 0}.about-block{grid-template-columns:65px minmax(0,1fr);gap:22px}.about-grid{grid-template-columns:1fr}.about-difference{padding:75px 0 82px}.about-final{padding:80px 5% 90px}}
@media(max-width:600px){.about-hero{min-height:300px}.about-hero-inner{padding:40px 0 48px}.about-kicker{font-size:9px;letter-spacing:3px}.about-hero h1{font-size:38px}.about-hero p{margin-top:17px;font-size:16px}.about-container{width:90%;padding:58px 0}.about-block{grid-template-columns:1fr;gap:14px}.about-no{font-size:26px;padding-top:0}.about-block h2,.about-difference h2{font-size:31px;margin-bottom:21px}.about-block p{font-size:16px;line-height:1.72}.about-quote{padding:22px 20px;font-size:17px}.about-grid{margin-top:30px;gap:12px}.about-card{min-height:0;padding:24px 22px}.about-card h3{font-size:22px}.about-card p{font-size:15px}.about-services{gap:8px}.about-services span{font-size:14px;padding:7px 12px}.about-final{padding:68px 5% 78px}.about-final h2{font-size:42px}.about-slogan{font-size:18px}}


/* THIÊN MINH LASER - GIAO DIỆN CHUẨN THEO Website/index.html */
.site-header{background:#08090a !important;color:#fff !important}
.site-header .header-main{height:94px !important;min-height:94px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 4.8% !important;border-bottom:1px solid #333 !important;gap:0 !important}
.site-header .logo-area{display:flex !important;align-items:center !important;gap:17px !important}
.site-header .logo-area img{width:78px !important;height:78px !important;border-radius:50% !important;object-fit:cover !important;object-position:center center !important;border:1px solid #fff !important;background:#fff !important;flex:none !important}
.site-header .brand{font-family:"Times New Roman",Times,serif !important;font-size:30px !important;font-weight:900 !important;letter-spacing:0 !important;color:#f47a1e !important;white-space:nowrap !important}
.site-header .brand span{color:#e53d2c !important}
.site-header .tagline{font-family:"Times New Roman",Times,serif !important;font-size:11px !important;font-weight:700 !important;margin-top:5px !important;color:#fff !important}
.site-header .contact-top{display:flex !important;align-items:center !important;gap:34px !important;font-size:25px !important;color:#f26c1d !important}
.site-header .contact-top span{display:inline-block !important;color:#aaa !important;font-size:11px !important;margin-left:7px !important}
.site-header .contact-top strong{display:block !important;color:#fff !important;font-size:14px !important}
.site-header .contact-top>a{background:linear-gradient(90deg,#f24d29,#df2d22) !important;padding:15px 28px !important;color:#fff !important;font-family:"Times New Roman",Times,serif !important;font-size:20px !important;font-weight:900 !important;border-radius:4px !important;text-decoration:none !important}
.site-header nav{height:55px !important;display:flex !important;align-items:stretch !important;padding-left:8% !important;border-top:0 !important;border-bottom:1px solid #292b2e !important;background:#08090a !important;justify-content:flex-start !important;overflow:visible !important}
.site-header nav a{padding:19px 22px !important;font-family:"Times New Roman",Times,serif !important;font-size:15px !important;font-weight:700 !important;color:#eb641e !important;border-right:1px solid #292b2e !important;border-left:0 !important;background:none !important;white-space:nowrap !important;text-decoration:none !important}
.site-header nav a:hover,.site-header nav a.active{background:#15171a !important;color:#ff8a36 !important}
@media(max-width:1100px){.site-header .header-main{height:auto !important;min-height:94px !important;padding:10px 3% !important}.site-header .contact-top{gap:15px !important;font-size:21px !important}.site-header nav{padding-left:2% !important;overflow-x:auto !important}.site-header nav a{padding:18px 14px !important}}
@media(max-width:760px){.site-header .header-main{flex-direction:column !important;align-items:flex-start !important;gap:12px !important}.site-header .contact-top{flex-wrap:wrap !important}.site-header nav{height:auto !important;overflow-x:auto !important}.site-header nav a{padding:14px 13px !important;font-size:13px !important}}

/* SHARED SERVICE/PARTS LAYOUT - based on Chiller inner template */

.service-repair, .service-repair *{font-family:"Times New Roman",Times,serif !important;}
.service-repair .page{width:98%;max-width:1450px;margin:18px auto 50px;background:#fff;border-radius:6px;padding:20px;display:grid;grid-template-columns:290px 1fr;gap:28px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.service-repair .sidebar{border-right:1px solid #ddd;padding-right:20px}.service-repair .side-title{font-size:24px;color:#222;border-left:5px solid #e33;padding-left:13px;margin:0 0 28px}.service-repair .side-section{margin-bottom:28px}.service-repair .side-section h2{font-size:20px;color:#222;border-left:4px solid #e33;padding-left:10px;margin:0 0 12px}.service-repair .brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-repair .brand-item{border:1px solid #ddd;padding:8px;background:#fafafa;border-radius:4px;font-size:13px}.service-repair .info-list{list-style:none;padding:0;margin:0}.service-repair .info-list li{padding:8px 0;border-bottom:1px solid #e5e5e5;font-size:14px}.service-repair .info-list li:before{content:'›';color:#e33;font-weight:bold;margin-right:10px}.service-repair .main-content h1{font-size:34px;color:#222;margin:4px 0 8px;border-left:5px solid #e33;padding-left:12px}.service-repair .intro{color:#666;font-size:16px;line-height:1.65;margin:0 0 18px}.service-repair .sort{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 0;border-bottom:1px solid #ddd}.service-repair .sort button{background:#fff;border:1px solid #d5d5d5;border-radius:4px;padding:7px 11px;cursor:pointer}.service-repair .sort button.active{border-color:#e33;color:#d33}.service-repair .info-box{background:#fafafa;border:1px solid #ddd;border-left:5px solid #e33;padding:18px 20px;margin:20px 0}.service-repair .info-box h2{font-size:22px;margin:0 0 10px;color:#222}.service-repair .info-box p{font-size:16px;line-height:1.7;color:#555;margin:8px 0}.service-repair .type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.service-repair .type-card{border:1px solid #ddd;background:#fff;padding:13px;border-radius:4px}.service-repair .type-card h3{font-size:17px;color:#d33;margin:0 0 6px}.service-repair .type-card p{font-size:14px;line-height:1.55;margin:0;color:#666}.service-repair .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.service-repair .product{background:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.2s}.service-repair .product:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.09)}.service-repair .product-img{height:190px;background:#f5f5f5;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;overflow:hidden}.service-repair .product-img img{width:100%;height:100%;object-fit:contain}.service-repair .product-body{padding:12px;display:flex;flex-direction:column;flex:1}.service-repair .product-name{font-size:15px;font-weight:700;line-height:1.4;min-height:64px;color:#222}.service-repair .product-brand{font-size:12px;color:#e33;font-weight:700;margin:5px 0}.service-repair .price{font-size:17px;color:#d33;font-weight:700;margin-bottom:5px}.service-repair .delivery{font-size:11px;color:#888;margin-bottom:10px}.service-repair .contact-btn{display:block;text-align:center;background:linear-gradient(90deg,#f45125,#df2d22);color:#fff;border-radius:3px;padding:9px 7px;font-size:12px;font-weight:700;margin-top:auto;cursor:pointer}.service-repair .tech{margin-top:25px}.service-repair .tech h2{font-size:23px;color:#222;border-left:5px solid #e33;padding-left:12px}.service-repair .tech p,.service-repair .tech li{font-size:16px;line-height:1.7;color:#555}
/* Floating contact buttons */
.tm-float{position:fixed;right:18px;bottom:22px;z-index:9998;display:flex;flex-direction:column;gap:9px}.tm-float button,.tm-float a{width:48px;height:48px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e33;color:#fff;font:700 18px "Times New Roman",Times,serif;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}.tm-float a.zalo{background:#087bea}.tm-float button.consult{background:#f45125}
/* Consultation popup */
.tm-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:10000;align-items:center;justify-content:center;padding:18px}.tm-modal.show{display:flex}.tm-modal-box{width:min(520px,96vw);background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden;position:relative}.tm-modal-head{background:linear-gradient(90deg,#f45125,#df2d22);color:#fff;padding:17px 20px;font-size:22px;font-weight:700}.tm-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.tm-modal-body{padding:20px}.tm-modal-body p{font-size:16px;line-height:1.6;color:#555}.tm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.tm-modal-actions a{padding:12px;text-align:center;border-radius:4px;color:#fff;text-decoration:none;font-weight:700;background:#e33}.tm-modal-actions a.zalo{background:#087bea}
@media(max-width:1100px){.service-repair .products{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.service-repair .page{grid-template-columns:1fr;padding:20px 5%}.service-repair .sidebar{border-right:0;border-bottom:1px solid #ddd;padding:0 0 20px}.service-repair .products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.service-repair .type-grid{grid-template-columns:1fr}.service-repair .products{grid-template-columns:1fr 1fr;gap:10px}.service-repair .product-img{height:145px}.service-repair .product-name{font-size:13px}.service-repair .main-content h1{font-size:28px}.tm-modal-actions{grid-template-columns:1fr}.tm-float{right:12px;bottom:14px}}

/* Consultation buttons are orange across all PHỤ TÙNG inner pages */
.service-repair .contact-btn,.contact-btn{background:linear-gradient(90deg,#f45125,#df2d22)!important;color:#fff!important;border:0!important;font-family:"Times New Roman",Times,serif!important;font-weight:700!important;cursor:pointer}

/* ===== FINAL SHARED HEADER / CONTACT STANDARD ===== */
.site-header .contact-item span,.site-header .contact-item strong{font-family:"Times New Roman",Times,serif !important;font-size:16px !important;color:#fff !important;}
.site-header .contact-item span{line-height:1.05 !important;}
.site-header .contact-item strong{line-height:1.15 !important;margin-top:2px !important;}
.contact-top{font-family:"Times New Roman",Times,serif !important;}


/* ===== V12 AUTHORITATIVE INNER-PAGE BACKGROUND / CONTACT ===== */
html,body{min-height:100%;background-color:#08090a !important;}
body{background-image:linear-gradient(rgba(0,0,0,.66),rgba(0,0,0,.84)),url("images/hero.jpg") !important;background-position:center top !important;background-size:cover !important;background-attachment:fixed !important;background-repeat:no-repeat !important;color:#fff !important;}
main{background:transparent !important;}
/* Keep content readable while preserving the same dark industrial background */
.container,.folder-page,.catalog,.lower,.about,.article,.content,.quick,.info-strip.light{background:rgba(8,9,10,.82) !important;color:#fff !important;}
/* Normal Zalo logo: white background, blue mark, no transparent treatment */
.site-header .contact-icon[src*="icon-zalo.svg"], .tm-side-panel img[src*="icon-zalo.svg"]{content:url("images/zalo-logo.png") !important;}
.site-header .contact-icon[src*="zalo-logo.png"]{background:#fff !important;}
.tm-side-panel img[src*="zalo-logo.png"]{background:#fff !important;object-fit:contain !important;padding:0 !important;}
/* Swing animation must also work on the hidden right tab icons */
@keyframes tmSwingV12{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.tm-swing,.contact-icon.tm-swing{animation:tmSwingV12 1.8s ease-in-out infinite !important;transform-origin:50% 50% !important;}
.tm-delay{animation-delay:.45s !important;}
.tm-side-panel a img{animation:tmSwingV12 1.8s ease-in-out infinite !important;transform-origin:50% 50% !important;}
.tm-side-panel a:nth-child(2) img{animation-delay:.35s !important;}
.tm-side-panel a:nth-child(3) img{animation-delay:.7s !important;}
/* Side tab remains hidden until the pointer reaches it */
.tm-side-contact{position:fixed !important;right:0 !important;top:42% !important;width:18px !important;height:190px !important;z-index:99999 !important;}
.tm-side-panel{right:-80px !important;transition:right .25s ease !important;}
.tm-side-contact:hover .tm-side-panel{right:0 !important;}
/* Footer call-now block on inner pages */
.tm-inner-call{background:#111 !important;color:#fff !important;text-align:center !important;padding:55px 20px !important;border-top:1px solid #222 !important;}
.tm-inner-call h2{margin:0 0 16px !important;font-size:28px !important;color:#fff !important;font-family:"Times New Roman",Times,serif !important;}
.tm-inner-call p{margin:0 0 18px !important;font-size:16px !important;color:#fff !important;font-family:"Times New Roman",Times,serif !important;}
.tm-inner-call p strong{color:#f47a1e !important;}
.tm-inner-call a{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:13px 30px !important;border:2px solid #f47a1e !important;background:#08090a !important;color:#f47a1e !important;border-radius:0 !important;font-family:"Times New Roman",Times,serif !important;font-size:18px !important;font-weight:900 !important;text-decoration:none !important;transition:.2s ease !important;}
.tm-inner-call a:hover{background:#f47a1e !important;color:#fff !important;}


/* =========================================================
   V13 — INNER PAGES MUST SHARE HOMEPAGE INDUSTRIAL BACKGROUND
   ========================================================= */
html, body {
  min-height: 100%;
  background-color: #08090a !important;
}
body {
  background-image:
    linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.78)),
    url("images/hero.jpg") !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  color: #fff !important;
}

/* Inner-page wrappers stay transparent so the hero image is actually visible. */
main,
.container,
.folder-page,
.catalog,
.article,
.content,
.lower,
.about,
.about-container,
.page,
.page-wrap,
.main-content,
.service-page,
.service-content {
  background-color: transparent !important;
  color: #fff !important;
}

/* Dark cards/panels — never white full-page blocks. */
.folder-card,
.card,
.panel,
.info-box,
.type-card,
.product-card,
.service-card,
.article-card,
.contact-card,
.quick-card {
  background: rgba(17,18,20,.90) !important;
  color: #fff !important;
  border-color: #34363a !important;
}

.folder-page > p,
.folder-card p,
.service-card p,
.article p,
.article li,
.catalog p {
  color: #c7c7c7 !important;
}

/* The same orange framed CTA style used by the homepage. */
.folder-card a,
.service-card a,
.outline-btn,
.hero-buttons a,
.contact a {
  font-family: "Times New Roman", Times, serif !important;
}

/* Restore the normal supplied Zalo artwork — white background, blue logo. */
.site-header img[src*="zalo-logo.png"],
.tm-side-panel img[src*="zalo-logo.png"] {
  content: url("images/zalo-logo.png") !important;
  background: #fff !important;
  object-fit: contain !important;
  padding: 0 !important;
}

/* Keep the floating icons swinging on every index. */
.tm-side-panel a img,
.tm-swing,
.contact-icon.tm-swing {
  animation: tmSwingV13 1.8s ease-in-out infinite !important;
  transform-origin: 50% 50% !important;
}
@keyframes tmSwingV13 {
  0%,100% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
}
.tm-side-panel a:nth-child(2) img { animation-delay: .35s !important; }
.tm-side-panel a:nth-child(3) img { animation-delay: .7s !important; }

/* Keep the hidden side tab available on every inner page. */
.tm-side-contact { z-index: 99999 !important; }
.tm-side-panel { transition: right .25s ease !important; }
.tm-side-contact:hover .tm-side-panel { right: 0 !important; }


/* ===== V14: ONE SHARED INNER-PAGE BACKGROUND ===== */
html,body{background:#08090a!important;}
body.tm-inner-page{position:relative!important;min-height:100vh!important;color:#fff!important;background:#08090a!important;overflow-x:hidden!important;}
body.tm-inner-page::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;background-image:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.78)),url("images/hero.jpg")!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;pointer-events:none!important;}
body.tm-inner-page::after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;background:rgba(0,0,0,.18)!important;pointer-events:none!important;}
body.tm-inner-page main,body.tm-inner-page .page,body.tm-inner-page .folder-page,body.tm-inner-page .catalog,body.tm-inner-page .lower,body.tm-inner-page .about,body.tm-inner-page .article,body.tm-inner-page .service-page{background:rgba(8,9,10,.68)!important;color:#fff!important;}
body.tm-inner-page .service-wrap{background:rgba(17,19,21,.90)!important;color:#fff!important;border-color:#303338!important;}
body.tm-inner-page .service-card,body.tm-inner-page .step{background:#111315!important;color:#fff!important;border-color:#303338!important;}
body.tm-inner-page .service-card h2,body.tm-inner-page .service-card h3,body.tm-inner-page .step h3{color:#fff!important;}
body.tm-inner-page .service-card p,body.tm-inner-page .step p{color:#bbb!important;}
body.tm-inner-page .tm-side-panel img{animation:tmSwing 1.8s ease-in-out infinite!important;transform-origin:50% 50%!important;object-fit:contain!important;}
body.tm-inner-page .tm-side-panel a:nth-child(2) img{animation-delay:.25s!important;}
body.tm-inner-page .tm-side-panel a:nth-child(3) img{animation-delay:.5s!important;}
body.tm-inner-page .tm-side-panel a{background:#fff!important;border-color:#fff!important;}
body.tm-inner-page .tm-side-panel a img[src*="zalo-logo"]{background:#fff!important;}
body.tm-inner-page .contact{background:rgba(17,17,17,.92)!important;color:#fff!important;}
@media(max-width:760px){body.tm-inner-page::before{background-attachment:scroll!important;}}


/* ===== V14 DEFINITIVE INNER PAGE THEME ===== */
html,body{background:#08090a!important;}
body.tm-inner-page{position:relative!important;min-height:100vh!important;color:#fff!important;background:#08090a!important;overflow-x:hidden!important;}
body.tm-inner-page::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;background-image:linear-gradient(rgba(0,0,0,.46),rgba(0,0,0,.78)),url("images/hero.jpg")!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;pointer-events:none!important;}
body.tm-inner-page::after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;background:rgba(0,0,0,.12)!important;pointer-events:none!important;}
/* Never let page-level white backgrounds hide the shared hero image. */
body.tm-inner-page main,body.tm-inner-page .page,body.tm-inner-page .folder-page,body.tm-inner-page .catalog,body.tm-inner-page .lower,body.tm-inner-page .about,body.tm-inner-page .article,body.tm-inner-page .service-page{background:rgba(8,9,10,.72)!important;color:#fff!important;}
body.tm-inner-page .service-wrap{background:rgba(17,19,21,.90)!important;color:#fff!important;border-color:#303338!important;}
body.tm-inner-page .service-card,body.tm-inner-page .step{background:#111315!important;color:#fff!important;border-color:#303338!important;}
body.tm-inner-page .process{background:rgba(17,19,21,.90)!important;color:#fff!important;}
body.tm-inner-page .process .step{background:#111315!important;}
body.tm-inner-page .folder-card{background:#111315!important;color:#fff!important;border-color:#303338!important;}
body.tm-inner-page .folder-card:hover{border-color:#f47a1e!important;}
body.tm-inner-page .tm-side-panel img{animation:tmSwing 1.8s ease-in-out infinite!important;transform-origin:50% 50%!important;object-fit:contain!important;}
body.tm-inner-page .tm-side-panel a:nth-child(2) img{animation-delay:.25s!important;}
body.tm-inner-page .tm-side-panel a:nth-child(3) img{animation-delay:.5s!important;}
body.tm-inner-page .tm-side-panel a{background:#fff!important;border-color:#fff!important;}
body.tm-inner-page .tm-side-panel a img[src*="zalo-logo"]{background:#fff!important;}
body.tm-inner-page .contact,body.tm-inner-page .contact-strip{background:rgba(17,17,17,.94)!important;color:#fff!important;}
body.tm-inner-page .tm-inner-call{background:rgba(17,17,17,.94)!important;color:#fff!important;}
body.tm-inner-page .tm-inner-call a{border:2px solid #f47a1e!important;background:#08090a!important;color:#f47a1e!important;}
body.tm-inner-page .tm-inner-call a:hover{background:#f47a1e!important;color:#fff!important;}
/* service subpage header uses the same animated icons as the main header */
body.tm-inner-page .contact-top .contact-icon{animation:tmSwing 1.8s ease-in-out infinite!important;transform-origin:50% 50%!important;}
body.tm-inner-page .contact-top .contact-icon:nth-child(2){animation-delay:.25s!important;}
@media(max-width:760px){body.tm-inner-page::before{background-attachment:scroll!important;}}

/* ===== V15 - INNER PAGES HERO BACKGROUND ===== */
body.tm-inner-page:not(.about-page){
  background-color:#08090a !important;
  background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.72)),url("images/hero.png") !important;
  background-position:center top !important;
  background-size:cover !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
  color:#fff !important;
}
/* Any inner-page hero must use the same hero.png as the homepage */
body.tm-inner-page:not(.about-page) .hero{
  background-color:#08090a !important;
  background-image:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.62) 42%,rgba(0,0,0,.08) 75%),url("images/hero.png") !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
/* Keep the page background visible around content while preserving dark cards */
body.tm-inner-page:not(.about-page) .folder-page,
body.tm-inner-page:not(.about-page) .catalog,
body.tm-inner-page:not(.about-page) .content,
body.tm-inner-page:not(.about-page) .quick,
body.tm-inner-page:not(.about-page) .lower,
body.tm-inner-page:not(.about-page) .about,
body.tm-inner-page:not(.about-page) main.container{
  background:rgba(8,9,10,.62) !important;
  color:#fff !important;
}
body.tm-inner-page:not(.about-page) .folder-page>p,
body.tm-inner-page:not(.about-page) .catalog p,
body.tm-inner-page:not(.about-page) .section-title p{
  color:#c8c8c8 !important;
}


/* =========================================================
   V16 — AUTHORITATIVE FULL-SITE FIX
   Based on the existing Website/index.html visual standard.
   ========================================================= */
html,body{background:#08090a!important;color:#fff!important;}

/* Every inner index uses the same homepage hero.png as its fixed page background. */
body.tm-inner-page{
  position:relative!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  background-color:#08090a!important;
  background-image:linear-gradient(rgba(0,0,0,.54),rgba(0,0,0,.78)),url("images/hero.png")!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  color:#fff!important;
}

/* Keep the actual page transparent enough for hero.png to remain visible. */
body.tm-inner-page main,
body.tm-inner-page .folder-page,
body.tm-inner-page .catalog,
body.tm-inner-page .content,
body.tm-inner-page .lower,
body.tm-inner-page .about,
body.tm-inner-page .article,
body.tm-inner-page .service-page,
body.tm-inner-page .container{
  background:rgba(8,9,10,.60)!important;
  color:#fff!important;
}

/* Dark cards, never a full white page. */
body.tm-inner-page .folder-card,
body.tm-inner-page .card,
body.tm-inner-page .panel,
body.tm-inner-page .quick-card,
body.tm-inner-page .service-card,
body.tm-inner-page .article-card,
body.tm-inner-page article,
body.tm-inner-page .info-box,
body.tm-inner-page .type-card,
body.tm-inner-page .product,
body.tm-inner-page .step{
  background:rgba(17,19,21,.94)!important;
  color:#fff!important;
  border-color:#303338!important;
}

/* =========================================================
   HEADER — same dimensions/typography on every index
   ========================================================= */
.site-header .contact-item{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.site-header .contact-icon,
.site-header img.contact-icon{
  width:43px!important;height:43px!important;
  max-width:43px!important;max-height:43px!important;
  min-width:43px!important;min-height:43px!important;
  object-fit:contain!important;display:block!important;flex:0 0 43px!important;
}
.site-header .contact-item span,
.site-header .contact-item strong{
  font-family:"Times New Roman",Times,serif!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.site-header .contact-item span{color:#aaa!important;}
.site-header .contact-item strong{color:#fff!important;display:block!important;margin-top:2px!important;white-space:nowrap!important;}

/* Zalo in header is always the normal supplied logo and can never grow to native 447px. */
.site-header .contact-item img[src*="zalo-logo.png"]{
  width:43px!important;height:43px!important;max-width:43px!important;max-height:43px!important;
  object-fit:contain!important;background:#fff!important;border-radius:50%!important;
}

/* =========================================================
   RIGHT HIDDEN CONTACT TAB — hover to reveal
   ========================================================= */
.tm-side-contact{position:fixed!important;right:0!important;top:42%!important;width:18px!important;height:190px!important;z-index:99999!important;}
.tm-side-handle{position:absolute!important;left:0!important;top:66px!important;width:18px!important;height:58px!important;background:#f47a1e!important;color:#08090a!important;border-radius:10px 0 0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font:bold 24px "Times New Roman",Times,serif!important;cursor:pointer!important;}
.tm-side-panel{position:absolute!important;right:-80px!important;top:0!important;width:72px!important;padding:9px 8px!important;background:#082f4d!important;border-radius:14px 0 0 14px!important;display:flex!important;flex-direction:column!important;gap:8px!important;transition:right .25s ease!important;box-shadow:0 5px 20px rgba(0,0,0,.4)!important;}
.tm-side-contact:hover .tm-side-panel{right:0!important;}
.tm-side-panel a{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;border:2px solid #fff!important;overflow:hidden!important;}
.tm-side-panel a img,
.tm-side-panel img{
  width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;
  min-width:52px!important;min-height:52px!important;object-fit:contain!important;display:block!important;
  animation:tmSwingV16 1.8s ease-in-out infinite!important;transform-origin:50% 50%!important;
}
.tm-side-panel a:nth-child(2) img{animation-delay:.30s!important;}
.tm-side-panel a:nth-child(3) img{animation-delay:.60s!important;}
.tm-side-panel a img[src*="zalo-logo.png"]{background:#fff!important;object-fit:contain!important;}
@keyframes tmSwingV16{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.site-header .tm-swing{animation:tmSwingV16 1.8s ease-in-out infinite!important;transform-origin:50% 50%!important;}
.site-header .tm-delay{animation-delay:.25s!important;}

/* =========================================================
   INNER FOOTER CALL-NOW — same orange outlined style everywhere
   ========================================================= */
body.tm-inner-page .tm-inner-call{background:rgba(17,17,17,.94)!important;color:#fff!important;text-align:center!important;}
body.tm-inner-page .tm-inner-call a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:13px 30px!important;border:2px solid #f47a1e!important;border-radius:0!important;background:#08090a!important;color:#f47a1e!important;font-family:"Times New Roman",Times,serif!important;font-size:18px!important;font-weight:900!important;text-decoration:none!important;}
body.tm-inner-page .tm-inner-call a:hover{background:#f47a1e!important;color:#fff!important;}

/* =========================================================
   DỊCH VỤ — exactly four folders on desktop
   ========================================================= */
body.tm-inner-page .folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}
body.tm-inner-page .folder-card{min-height:210px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:28px!important;}
body.tm-inner-page .folder-card h2{font-family:"Times New Roman",Times,serif!important;font-size:27px!important;color:#fff!important;}
@media(max-width:1100px){body.tm-inner-page .folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){body.tm-inner-page .folder-grid{grid-template-columns:1fr!important;}}

/* No native-size image can break the header/sidebar. */
.tm-side-panel img[src*="zalo-logo"], .contact-icon[src*="zalo-logo"]{object-fit:contain!important;}

@media(max-width:760px){body.tm-inner-page{background-attachment:scroll!important;}}


/* ===== THIÊN MINH LASER V17 MASTER INNER-PAGE AUDIT ===== */
body.tm-inner-page{min-height:100vh;background:#08090a url("images/hero.png") center top/cover fixed no-repeat !important;color:#fff !important;}
body.tm-inner-page::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(0,0,0,.76),rgba(8,9,10,.94));pointer-events:none;}
.brand-home,.brand-home-text{display:inline-flex;align-items:center;text-decoration:none;color:inherit;}
.brand-home img{width:78px!important;height:78px!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;border:1px solid #fff!important;}
.site-header .contact-item{display:flex!important;align-items:center!important;gap:10px!important;}
.site-header .contact-icon{width:43px!important;height:43px!important;object-fit:contain!important;flex:none!important;}
.site-header .contact-item span,.site-header .contact-item strong{font-family:"Times New Roman",Times,serif!important;font-size:16px!important;color:#fff!important;}
.site-header .contact-item strong{white-space:nowrap!important;}
.tm-swing{animation:tmSwing 1.8s ease-in-out infinite!important;transform-origin:50% 50%!important;}
.tm-delay{animation-delay:.25s!important;}
@keyframes tmSwing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
body.tm-inner-page .page,body.tm-inner-page .wrap,body.tm-inner-page .content,body.tm-inner-page .main,body.tm-inner-page .folder-page,body.tm-inner-page .about,body.tm-inner-page .contact,body.tm-inner-page .quick,body.tm-inner-page .lower{background:rgba(8,9,10,.82)!important;color:#fff!important;}
body.tm-inner-page .service-repair .page{background:rgba(8,9,10,.82)!important;}
body.tm-inner-page .service-repair .sidebar,body.tm-inner-page .service-repair .info-box,body.tm-inner-page .service-repair .choice-card,body.tm-inner-page .service-repair .product,body.tm-inner-page .service-repair .sort{background:rgba(17,19,21,.94)!important;color:#fff!important;border-color:#333!important;}
body.tm-inner-page .tm-inner-call{background:#0b0c0e!important;color:#fff!important;}
body.tm-inner-page .tm-inner-call a{border:2px solid #f47a1e!important;background:#08090a!important;color:#f47a1e!important;font-family:"Times New Roman",Times,serif!important;}
body.tm-inner-page .tm-inner-call a:hover{background:#f47a1e!important;color:#fff!important;}


/* =========================================================
   V19 — HOMEPAGE AUTHORITATIVE DARK THEME
   Homepage follows the same dark industrial visual language as
   Website/may-laser/index.html. Content is preserved; only the
   homepage section backgrounds, text and controls are normalized.
   ========================================================= */
body:not(.tm-inner-page):not(.about-page){
  margin:0!important;
  font-family:"Times New Roman",Times,serif!important;
  color:#fff!important;
  background:#08090a!important;
  background-image:none!important;
}

/* All homepage structural sections stay black; no white bands. */
body:not(.tm-inner-page):not(.about-page) .quick,
body:not(.tm-inner-page):not(.about-page) .content,
body:not(.tm-inner-page):not(.about-page) .lower,
body:not(.tm-inner-page):not(.about-page) .about,
body:not(.tm-inner-page):not(.about-page) .info-strip,
body:not(.tm-inner-page):not(.about-page) .info-strip.light{
  background:#08090a!important;
  color:#fff!important;
}

/* Main content panels/cards use the same slightly lighter dark used by inner pages. */
body:not(.tm-inner-page):not(.about-page) .panel,
body:not(.tm-inner-page):not(.about-page) .quick-card,
body:not(.tm-inner-page):not(.about-page) .articles article{
  background:#111315!important;
  color:#fff!important;
  border-color:#303338!important;
  box-shadow:none!important;
}

/* Homepage text normalization. */
body:not(.tm-inner-page):not(.about-page) .machine-grid b,
body:not(.tm-inner-page):not(.about-page) .quick h3,
body:not(.tm-inner-page):not(.about-page) .articles article,
body:not(.tm-inner-page):not(.about-page) .section-head h2,
body:not(.tm-inner-page):not(.about-page) .about h2,
body:not(.tm-inner-page):not(.about-page) .info-inner h2,
body:not(.tm-inner-page):not(.about-page) .lower h2{
  color:#fff!important;
}
body:not(.tm-inner-page):not(.about-page) .quick p,
body:not(.tm-inner-page):not(.about-page) .machine-grid small,
body:not(.tm-inner-page):not(.about-page) .about p,
body:not(.tm-inner-page):not(.about-page) .info-inner p{
  color:#aaa!important;
}

/* Buttons/links that were designed for the light version become dark-theme controls. */
body:not(.tm-inner-page):not(.about-page) .outline-btn.dark{
  color:#f47a1e!important;
  border-color:#f47a1e!important;
  background:#08090a!important;
}
body:not(.tm-inner-page):not(.about-page) .round{
  color:#fff!important;
  border-color:#f3b36d!important;
}
body:not(.tm-inner-page):not(.about-page) footer{
  background:#070809!important;
  color:#888!important;
}
body:not(.tm-inner-page):not(.about-page) .hero{
  background:#08090a!important;
}
/* ===== KNOWLEDGE INDEX FINAL LAYOUT ===== */
body.tm-knowledge-home{background:#08090a !important;color:#fff !important;overflow-x:hidden !important;}
body.tm-knowledge-home .site-header{background:#08090a !important;}
.knowledge-hero{position:relative;min-height:320px;display:flex;align-items:center;overflow:hidden;background:#08090a url("images/hero.jpg") center/cover no-repeat !important;color:#fff !important;border-bottom:1px solid #242629 !important;}
.knowledge-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.72) 45%,rgba(0,0,0,.42) 100%);}
.knowledge-hero-inner{position:relative;z-index:1;width:90%;max-width:1450px;margin:0 auto;padding:46px 0;}
.knowledge-hero .eyebrow{font-family:"Times New Roman",Times,serif;font-size:14px;font-weight:800;letter-spacing:1.6px;color:#f47a1e;margin:0 0 14px;text-transform:uppercase;}
.knowledge-hero h1{font-family:"Times New Roman",Times,serif;font-size:42px;line-height:1.08;font-weight:900;letter-spacing:.2px;margin:0;color:#fff;max-width:900px;}
.knowledge-hero p{font-size:15px;line-height:1.55;color:#c8c8c8;margin:16px 0 0;max-width:760px;}
.knowledge-wrap{background:#08090a !important;color:#fff !important;padding:34px 5% 55px !important;}
.knowledge-grid{width:100%;max-width:1450px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.knowledge-card{display:flex !important;flex-direction:column;justify-content:space-between;min-height:238px;padding:24px !important;background:#111315 !important;color:#fff !important;border:1px solid #303338 !important;border-radius:4px !important;box-shadow:none !important;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.knowledge-card:hover{transform:translateY(-3px);border-color:#f47a1e !important;background:#15171a !important;}
.knowledge-num{font-family:"Times New Roman",Times,serif;font-size:18px;font-weight:900;color:#f47a1e;margin-bottom:18px;}
.knowledge-card h3{font-family:"Times New Roman",Times,serif;font-size:21px;line-height:1.25;font-weight:900;color:#fff !important;margin:0 0 12px;}
.knowledge-card p{font-size:14px;line-height:1.6;color:#b8b8b8 !important;margin:0 0 20px;}
.knowledge-card .quick-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:"Times New Roman",Times,serif;font-size:14px;font-weight:900;color:#f47a1e !important;text-decoration:none !important;border-bottom:1px solid transparent;padding-bottom:2px;}
.knowledge-card .quick-link:hover{border-color:#f47a1e;}
body.tm-knowledge-home footer{background:#070809 !important;color:#888 !important;border-top:1px solid #222 !important;text-align:center;padding:20px;font-size:10px;}
@media(max-width:1000px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.knowledge-hero{min-height:290px;}.knowledge-hero h1{font-size:36px;}}
@media(max-width:650px){.knowledge-wrap{padding:24px 4% 40px !important;}.knowledge-grid{grid-template-columns:1fr;gap:12px;}.knowledge-card{min-height:210px;padding:20px !important;}.knowledge-hero{min-height:250px;}.knowledge-hero-inner{width:92%;padding:34px 0;}.knowledge-hero h1{font-size:30px;}.knowledge-hero p{font-size:13px;}}


/* ===== PHỤ TÙNG – SORTING CONTROLS ===== */
.service-repair .sort{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #ddd}
.service-repair .sort b{font-size:14px;color:#222;margin-right:2px}
.service-repair .sort button{appearance:none;background:#fff;color:#333;border:1px solid #d5d5d5;border-radius:4px;padding:8px 12px;font:700 12px "Times New Roman",Times,serif;cursor:pointer;transition:.18s ease}
.service-repair .sort button:hover{border-color:#f47a1e;color:#f47a1e}
.service-repair .sort button.active{background:#f47a1e;border-color:#f47a1e;color:#fff}
.service-repair .products{align-items:stretch}
.service-repair .product{min-width:0}
@media(max-width:600px){.service-repair .sort button{padding:8px 10px;font-size:11px}}


/* ================================================================
   THIEN MINH LASER - IMAGE STANDARD / FINAL OVERRIDES
   4:3 product images, 16:9 hero/service/article images, 1:1 used goods.
   Source JPGs can be high resolution; CSS controls display consistently.
   ================================================================ */

/* Homepage: machine/product cut-outs should never be cropped. */
body:not(.tm-inner-page):not(.about-page) .machine-grid .photo{
  height:180px!important;
  background:#fff!important;
  border-radius:5px!important;
  overflow:hidden!important;
}
body:not(.tm-inner-page):not(.about-page) .machine-grid .photo img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  background:#fff!important;border-radius:5px!important;display:block!important;
}
body:not(.tm-inner-page):not(.about-page) .small-grid img{
  width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  object-fit:cover!important;object-position:center!important;display:block!important;
}

/* Homepage readability + balanced two-panel content. */
body:not(.tm-inner-page):not(.about-page) .content{
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;
  gap:18px!important;
}
body:not(.tm-inner-page):not(.about-page) .panel{
  min-width:0!important;
}
body:not(.tm-inner-page):not(.about-page) .section-head h2{
  font-size:22px!important;line-height:1.2!important;
}
body:not(.tm-inner-page):not(.about-page) .section-head a{
  font-size:14px!important;
}
body:not(.tm-inner-page):not(.about-page) .machine-grid b{
  font-size:14px!important;line-height:1.35!important;
}
body:not(.tm-inner-page):not(.about-page) .machine-grid small{
  font-size:13px!important;
}
body:not(.tm-inner-page):not(.about-page) .small-grid b{
  font-size:14px!important;line-height:1.35!important;padding:7px 2px!important;
}
/* The two homepage callout panels use the requested orange rectangle frame. */
body:not(.tm-inner-page):not(.about-page) .content > .panel{
  border:2px solid #f47a1e!important;
  border-radius:0!important;
}

/* Category pages: hero/banner is 16:9; product cards are fixed 4:3 and contained. */
body.tm-inner-page .page-hero-image{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  margin:0 0 20px!important;
}
body.tm-inner-page .card-image{
  height:220px!important;
  aspect-ratio:4/3!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f4f4f4!important;
}
body.tm-inner-page .card-image img,
body.tm-inner-page .catalog-card img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  display:block!important;background:#fff!important;
}

/* Knowledge cards: 16:9 editorial thumbnail. */
body.tm-inner-page .knowledge-card > img{
  width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  object-fit:cover!important;object-position:center!important;
  display:block!important;margin:0 0 18px!important;
  border-radius:3px!important;background:#eee!important;
}

/* About cards: 16:9 image, then Times New Roman text. */
.about-page .about-card > img{
  width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  object-fit:cover!important;object-position:center!important;
  display:block!important;margin:0 0 20px!important;
}

/* Service pages: 16:9 lead image. */
body.tm-inner-page .service-hero > img{
  width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  object-fit:cover!important;object-position:center!important;
  display:block!important;margin:0 0 24px!important;
  border-radius:3px!important;background:#eee!important;
}

/* Phu Tung: all product images share a 4:3 window; contain avoids cutting equipment. */
body.tm-inner-page .service-repair .product-img{
  height:210px!important;
  aspect-ratio:4/3!important;
  background:#fff!important;
  overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body.tm-inner-page .service-repair .product-img img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  background:#fff!important;display:block!important;
}
body.tm-inner-page .old-card img,
body.tm-inner-page .used-card img,
body.tm-inner-page .phu-tung-cu img{
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}

/* Responsive image heights remain ratio-driven. */
@media(max-width:900px){
  body:not(.tm-inner-page):not(.about-page) .machine-grid .photo{height:155px!important;}
  body.tm-inner-page .card-image{height:auto!important;min-height:180px!important;}
  body.tm-inner-page .service-repair .product-img{height:auto!important;min-height:180px!important;}
}
@media(max-width:600px){
  body:not(.tm-inner-page):not(.about-page) .machine-grid .photo{height:145px!important;}
  body.tm-inner-page .page-hero-image{max-height:none!important;}
  body.tm-inner-page .card-image{min-height:150px!important;}
  body.tm-inner-page .service-repair .product-img{min-height:150px!important;}
}

/* === DICH-VU: HANG MUC THUC HIEN TEXT FIX === */
body.tm-inner-page .service-page .service-card h2,
body.tm-inner-page .service-page .service-card ul,
body.tm-inner-page .service-page .service-card ul li,
body.tm-inner-page .service-page .service-card p {
  color:#fff !important;
}
body.tm-inner-page .service-page .service-card ul li::marker {
  color:#fff !important;
}


/* === TM HEADER / NAV FINAL STANDARD === */
.site-header .tagline{
  font-family:"Times New Roman", Times, serif !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  color:#fff !important;
  margin-top:5px !important;
  white-space:nowrap !important;
}
.site-header nav{
  width:100% !important;
  height:55px !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border-top:0 !important;
  border-bottom:1px solid #292b2e !important;
  background:#08090a !important;
  overflow:visible !important;
  font-family:"Times New Roman", Times, serif !important;
}
.site-header nav .tm-nav-item{
  position:relative !important;
  display:flex !important;
  align-items:stretch !important;
  height:55px !important;
  margin:0 !important;
  padding:0 !important;
}
.site-header nav .tm-nav-item > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:55px !important;
  padding:0 18px !important;
  margin:0 !important;
  font-family:"Times New Roman", Times, serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#eb641e !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid #292b2e !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.site-header nav .tm-nav-item:first-child > a{border-left:1px solid #292b2e !important;}
.site-header nav .tm-nav-item > a:hover,
.site-header nav .tm-nav-item > a.active{
  color:#ff8a36 !important;
  background:#15171a !important;
}
.site-header nav .tm-dropdown{
  display:none !important;
  position:absolute !important;
  left:0 !important;
  top:55px !important;
  min-width:225px !important;
  padding:6px 0 !important;
  margin:0 !important;
  background:#000 !important;
  border:1px solid #333 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.45) !important;
  z-index:99999 !important;
}
.site-header nav .tm-nav-item:hover > .tm-dropdown,
.site-header nav .tm-nav-item:focus-within > .tm-dropdown{
  display:block !important;
}
.site-header nav .tm-dropdown a{
  display:block !important;
  width:100% !important;
  height:auto !important;
  padding:11px 16px !important;
  margin:0 !important;
  border:0 !important;
  color:#fff !important;
  background:#000 !important;
  font-family:"Times New Roman", Times, serif !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:left !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
.site-header nav .tm-dropdown a:hover,
.site-header nav .tm-dropdown a:focus{
  color:#fff !important;
  background:#171717 !important;
}
.site-header nav .tm-nav-item > a::after{
  content:"" !important;
  display:inline-block !important;
  margin-left:7px !important;
}
@media(max-width:900px){
  .site-header nav{justify-content:center !important;overflow-x:auto !important;overflow-y:visible !important;}
  .site-header nav .tm-nav-item > a{padding:0 12px !important;font-size:14px !important;}
}
@media(max-width:600px){
  .site-header .tagline{font-size:9px !important;}
  .site-header nav{height:48px !important;}
  .site-header nav .tm-nav-item{height:48px !important;}
  .site-header nav .tm-nav-item > a{height:48px !important;padding:0 10px !important;font-size:12px !important;}
  .site-header nav .tm-dropdown{top:48px !important;min-width:200px !important;}
}


/* === TM UNIVERSAL HEADER / DROPDOWN FINAL OVERRIDE === */
.site-header,
.site-header .header-main,
.site-header nav,
.site-header .tm-main-nav{position:relative !important;}
.site-header{z-index:100000 !important;overflow:visible !important;}
.site-header .header-main{z-index:100001 !important;}
.site-header nav,
.site-header .tm-main-nav{
  width:100% !important;
  height:55px !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  background:#08090a !important;
  overflow:visible !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  isolation:isolate !important;
}
.site-header nav .tm-nav-item,
.site-header .tm-main-nav .tm-nav-item{
  position:relative !important;
  display:flex !important;
  align-items:stretch !important;
  height:55px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  z-index:100002 !important;
}
.site-header nav .tm-nav-item > a,
.site-header .tm-main-nav .tm-nav-item > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:55px !important;
  padding:0 18px !important;
  margin:0 !important;
  font-family:"Times New Roman",Times,serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#eb641e !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid #292b2e !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.site-header nav .tm-nav-item > a.active,
.site-header nav .tm-nav-item > a:hover,
.site-header .tm-main-nav .tm-nav-item > a.active,
.site-header .tm-main-nav .tm-nav-item > a:hover{color:#ff8a36 !important;background:#15171a !important;}
.site-header nav .tm-nav-item:first-child > a,
.site-header .tm-main-nav .tm-nav-item:first-child > a{border-left:1px solid #292b2e !important;}
.site-header nav .tm-nav-item > a .tm-caret,
.site-header .tm-main-nav .tm-nav-item > a .tm-caret{display:inline-block !important;margin-left:7px !important;font-family:"Times New Roman",Times,serif !important;font-size:11px !important;line-height:1 !important;color:inherit !important;}
.site-header nav .tm-dropdown,
.site-header .tm-main-nav .tm-dropdown{
  display:block !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  position:absolute !important;
  left:0 !important;
  top:55px !important;
  min-width:225px !important;
  width:max-content !important;
  max-width:360px !important;
  height:auto !important;
  padding:6px 0 !important;
  margin:0 !important;
  background:#000 !important;
  border:1px solid #333 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.55) !important;
  z-index:2147483000 !important;
  overflow:visible !important;
  transition:opacity .12s ease,visibility .12s ease !important;
}
.site-header nav .tm-nav-item:hover > .tm-dropdown,
.site-header nav .tm-nav-item:focus-within > .tm-dropdown,
.site-header .tm-main-nav .tm-nav-item:hover > .tm-dropdown,
.site-header .tm-main-nav .tm-nav-item:focus-within > .tm-dropdown,
.site-header nav .tm-dropdown:hover,
.site-header .tm-main-nav .tm-dropdown:hover{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.site-header nav .tm-dropdown a,
.site-header .tm-main-nav .tm-dropdown a{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:38px !important;
  box-sizing:border-box !important;
  padding:10px 16px !important;
  margin:0 !important;
  border:0 !important;
  color:#fff !important;
  background:#000 !important;
  font-family:"Times New Roman",Times,serif !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:left !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
.site-header nav .tm-dropdown a:hover,
.site-header nav .tm-dropdown a:focus,
.site-header .tm-main-nav .tm-dropdown a:hover,
.site-header .tm-main-nav .tm-dropdown a:focus{color:#ff8a36 !important;background:#171717 !important;}
/* Identical slogan position/typography on every page. */
.site-header .logo-area > div:last-child{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;align-items:flex-start !important;}
.site-header .tagline{font-family:"Times New Roman",Times,serif !important;font-size:12px !important;line-height:12px !important;font-weight:700 !important;color:#fff !important;margin-top:3px !important;white-space:nowrap !important;position:relative !important;top:-1px !important;}
.site-header .search{display:none !important;}
@media(max-width:900px){
 .site-header nav,.site-header .tm-main-nav{justify-content:center !important;overflow:visible !important;overflow-x:visible !important;overflow-y:visible !important;}
 .site-header nav .tm-nav-item > a,.site-header .tm-main-nav .tm-nav-item > a{padding:0 12px !important;font-size:14px !important;}
}
@media(max-width:600px){
 .site-header .tagline{font-size:9px !important;line-height:9px !important;}
 .site-header nav,.site-header .tm-main-nav{height:48px !important;overflow:visible !important;}
 .site-header nav .tm-nav-item,.site-header .tm-main-nav .tm-nav-item{height:48px !important;}
 .site-header nav .tm-nav-item > a,.site-header .tm-main-nav .tm-nav-item > a{height:48px !important;padding:0 9px !important;font-size:12px !important;}
 .site-header nav .tm-dropdown,.site-header .tm-main-nav .tm-dropdown{top:48px !important;min-width:200px !important;}
}


/* ================================================================
   THIÊN MINH LASER — FINAL MASTER UI / TYPOGRAPHY AUDIT
   One visual baseline for all pages. Content and image files are preserved.
   ================================================================ */
html, body{
  font-family:"Times New Roman",Times,serif !important;
}
body{
  margin:0 !important;
}
body p, body li, body a, body span, body strong, body small, body label,
body input, body select, body textarea, body button,
body h1, body h2, body h3, body h4, body h5, body h6,
body th, body td, body dt, body dd, body figcaption{
  font-family:"Times New Roman",Times,serif !important;
}
/* Prevent the space between THIÊN MINH and LASER from disappearing in flex text nodes. */
.site-header .brand-home-text{
  display:inline-block !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  vertical-align:middle !important;
}
.site-header .brand-home-text span{display:inline !important;}
/* Shared desktop header: stable vertical alignment. */
.site-header .header-main{
  min-height:94px !important;
  height:94px !important;
  display:flex !important;
  align-items:center !important;
}
.site-header .logo-area{align-items:center !important;}
.site-header .brand{line-height:1 !important;}
.site-header .tagline{
  font-family:"Times New Roman",Times,serif !important;
  font-size:13px !important;
  line-height:13px !important;
  font-weight:700 !important;
  margin-top:4px !important;
  white-space:nowrap !important;
  color:#fff !important;
}
.site-header .contact-top strong{
  font-family:"Times New Roman",Times,serif !important;
}
.site-header nav .tm-dropdown a{font-family:"Times New Roman",Times,serif !important;}
footer,.footer{font-family:"Times New Roman",Times,serif !important;font-size:11px !important;}
/* The smallest desktop/mobile text is raised by 1px without enlarging normal text. */
.benefits b{font-size:9px !important;}
.benefits small{font-size:9px !important;}
/* Contact page: headings always use the full content width; never collapse into a narrow column. */
.contact-modern .contact-heading,
.contact-modern .contact-heading > div,
.contact-modern .contact-heading h2,
.contact-modern .contact-heading p{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.contact-modern .contact-heading h2{
  display:block !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.contact-modern .contact-support-hours{
  width:min(760px,100%) !important;
  margin:28px auto 24px !important;
}
.contact-modern .contact-support-hours-inner{
  width:100% !important;
  box-sizing:border-box !important;
  border:2px solid #f47a1e !important;
  background:rgba(17,19,21,.96) !important;
  color:#fff !important;
  text-align:center !important;
}
.contact-modern .contact-support-hours-title{font-size:15px !important;}
.contact-modern .contact-support-hours-main{font-size:20px !important;white-space:nowrap !important;}
.contact-modern .contact-support-hours-main strong{font-size:23px !important;}
.contact-modern .contact-support-hours-time{font-size:18px !important;}
@media(max-width:760px){
  .site-header .header-main{height:auto !important;min-height:94px !important;}
  .site-header .tagline{font-size:9px !important;line-height:10px !important;}
  .site-header .contact-top span{font-size:12px !important;}
  .contact-modern .contact-support-hours-main{font-size:18px !important;white-space:normal !important;}
  .contact-modern .contact-support-hours-main strong{font-size:20px !important;display:block !important;margin:4px 0 0 !important;}
  .contact-modern .contact-support-hours-time{font-size:16px !important;}
}



/* TM HEADER MASTER SYNC — canonical visual baseline from Website/index.html */
.site-header{background:#08090a !important;color:#fff !important;position:relative !important;z-index:100000 !important;overflow:visible !important;}
.site-header .header-main{height:94px !important;min-height:94px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 4.8% !important;border-bottom:1px solid #333 !important;gap:28px !important;position:relative !important;z-index:100001 !important;}
.site-header .logo-area{display:flex !important;align-items:center !important;gap:17px !important;min-width:0 !important;}
.site-header .logo-area img{width:78px !important;height:78px !important;border-radius:50% !important;object-fit:cover !important;object-position:center center !important;border:1px solid #fff !important;background:#fff !important;flex:none !important;}
.site-header .logo-area > div:last-child{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;align-items:flex-start !important;}
.site-header .brand{font-family:"Times New Roman",Times,serif !important;font-size:30px !important;font-weight:900 !important;letter-spacing:0 !important;color:#f47a1e !important;white-space:nowrap !important;line-height:1 !important;}
.site-header .brand a,.site-header .brand-home-text{font-family:"Times New Roman",Times,serif !important;display:inline-block !important;white-space:nowrap !important;text-decoration:none !important;color:inherit !important;vertical-align:middle !important;}
.site-header .brand span,.site-header .brand-home-text span{color:#e53d2c !important;display:inline !important;}
.site-header .tagline{font-family:"Times New Roman",Times,serif !important;font-size:12px !important;font-weight:700 !important;color:#fff !important;margin-top:5px !important;white-space:nowrap !important;position:relative !important;top:-3px !important;}
.site-header .contact-top{display:flex !important;align-items:center !important;gap:30px !important;flex:none !important;color:#f26c1d !important;}
.site-header .contact-item{display:flex !important;align-items:center !important;gap:10px !important;color:#fff !important;min-width:0 !important;}
.site-header .contact-icon,.site-header img.contact-icon{width:43px !important;height:43px !important;max-width:43px !important;max-height:43px !important;min-width:43px !important;min-height:43px !important;object-fit:contain !important;display:block !important;flex:0 0 43px !important;}
.site-header .contact-item span{display:block !important;color:#fff !important;font-family:"Times New Roman",Times,serif !important;font-size:16px !important;line-height:1.05 !important;}
.site-header .contact-item strong{display:block !important;color:#fff !important;font-family:"Times New Roman",Times,serif !important;font-size:16px !important;line-height:1.15 !important;margin-top:2px !important;white-space:nowrap !important;}
.site-header .contact-item img[src*="zalo-logo.png"]{width:43px !important;height:43px !important;max-width:43px !important;max-height:43px !important;object-fit:contain !important;background:#fff !important;border-radius:50% !important;}
.site-header .consult-header{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:48px !important;padding:0 27px !important;border:2px solid #f47a1e !important;background:#08090a !important;color:#f47a1e !important;font-family:"Times New Roman",Times,serif !important;font-size:18px !important;font-weight:900 !important;text-decoration:none !important;border-radius:0 !important;white-space:nowrap !important;transition:.2s ease !important;}
.site-header .consult-header:hover{background:#f47a1e !important;color:#fff !important;}
.site-header nav,.site-header .tm-main-nav{position:relative !important;width:100% !important;height:55px !important;display:flex !important;align-items:stretch !important;justify-content:flex-start !important;padding-left:8% !important;padding-right:0 !important;margin:0 !important;border-top:0 !important;border-bottom:1px solid #292b2e !important;background:#08090a !important;overflow:visible !important;overflow-x:visible !important;overflow-y:visible !important;}
.site-header nav .tm-nav-item,.site-header .tm-main-nav .tm-nav-item{position:relative !important;display:flex !important;align-items:stretch !important;height:55px !important;margin:0 !important;padding:0 !important;overflow:visible !important;z-index:100002 !important;}
.site-header nav a,.site-header .tm-main-nav a{padding:19px 22px !important;font-family:"Times New Roman",Times,serif !important;font-size:15px !important;font-weight:700 !important;color:#eb641e !important;border-right:1px solid #292b2e !important;border-left:0 !important;background:none !important;white-space:nowrap !important;text-decoration:none !important;line-height:1 !important;cursor:pointer !important;}
.site-header nav .tm-nav-item > a,.site-header .tm-main-nav .tm-nav-item > a{display:flex !important;align-items:center !important;justify-content:center !important;height:55px !important;padding:0 18px !important;margin:0 !important;}
.site-header nav .tm-nav-item:first-child > a,.site-header .tm-main-nav .tm-nav-item:first-child > a{border-left:1px solid #292b2e !important;}
.site-header nav a:hover,.site-header nav a.active,.site-header .tm-main-nav a:hover,.site-header .tm-main-nav a.active{background:#15171a !important;color:#ff8a36 !important;}
.site-header nav .tm-caret,.site-header .tm-main-nav .tm-caret{display:inline-block !important;margin-left:7px !important;font-family:"Times New Roman",Times,serif !important;font-size:11px !important;line-height:1 !important;color:inherit !important;}
.site-header nav .tm-dropdown,.site-header .tm-main-nav .tm-dropdown{display:block !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;position:absolute !important;left:0 !important;top:55px !important;min-width:225px !important;width:max-content !important;max-width:360px !important;height:auto !important;padding:6px 0 !important;margin:0 !important;background:#000 !important;border:1px solid #333 !important;box-shadow:0 8px 20px rgba(0,0,0,.55) !important;z-index:2147483000 !important;overflow:visible !important;transition:opacity .12s ease,visibility .12s ease !important;}
.site-header nav .tm-nav-item:hover > .tm-dropdown,.site-header nav .tm-nav-item:focus-within > .tm-dropdown,.site-header .tm-main-nav .tm-nav-item:hover > .tm-dropdown,.site-header .tm-main-nav .tm-nav-item:focus-within > .tm-dropdown,.site-header nav .tm-dropdown:hover,.site-header .tm-main-nav .tm-dropdown:hover{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;}
.site-header nav .tm-dropdown a,.site-header .tm-main-nav .tm-dropdown a{display:block !important;width:100% !important;height:auto !important;min-height:38px !important;box-sizing:border-box !important;padding:10px 16px !important;margin:0 !important;border:0 !important;color:#fff !important;background:#000 !important;font-family:"Times New Roman",Times,serif !important;font-size:14px !important;line-height:1.25 !important;font-weight:700 !important;text-align:left !important;white-space:nowrap !important;text-decoration:none !important;}
.site-header nav .tm-dropdown a:hover,.site-header nav .tm-dropdown a:focus,.site-header .tm-main-nav .tm-dropdown a:hover,.site-header .tm-main-nav .tm-dropdown a:focus{color:#ff8a36 !important;background:#171717 !important;}
.tm-swing{animation:tmSwing 1.8s ease-in-out infinite !important;transform-origin:50% 50% !important;}
.tm-delay{animation-delay:.25s !important;}
@keyframes tmSwing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@media(max-width:1100px){.site-header .header-main{height:auto !important;min-height:94px !important;padding:10px 3% !important;gap:16px !important}.site-header .contact-top{gap:15px !important}.site-header nav,.site-header .tm-main-nav{padding-left:2% !important;overflow-x:auto !important}.site-header nav a,.site-header .tm-main-nav a{padding:18px 14px !important}.site-header nav .tm-nav-item > a,.site-header .tm-main-nav .tm-nav-item > a{padding:0 14px !important}.site-header .consult-header{padding:0 18px !important}}
@media(max-width:760px){.site-header .header-main{flex-direction:column !important;align-items:flex-start !important;gap:12px !important}.site-header .contact-top{flex-wrap:wrap !important}.site-header nav,.site-header .tm-main-nav{height:auto !important;overflow-x:auto !important}.site-header nav a,.site-header .tm-main-nav a{padding:14px 13px !important;font-size:13px !important}.site-header nav .tm-nav-item > a,.site-header .tm-main-nav .tm-nav-item > a{height:auto !important;padding:14px 13px !important}}
/* =========================================================
   THIÊN MINH LASER — MOBILE MASTER FIX
   Chỉ áp dụng cho màn hình <= 760px
   Không thay đổi giao diện PC
   ========================================================= */

@media (max-width:760px){

  /* =====================================================
     1. HEADER MOBILE
     ===================================================== */

  .site-header .header-main{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px 4% 12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    box-sizing:border-box !important;
  }

  /* Logo + tên công ty */
  .site-header .logo-area{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
  }

  .site-header .logo-area img{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    flex:0 0 58px !important;
  }

  .site-header .logo-area > div:last-child{
    min-width:0 !important;
    width:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }

  .site-header .brand,
  .site-header .brand a,
  .site-header .brand-home-text{
    max-width:100% !important;
    font-size:22px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  .site-header .tagline{
    max-width:100% !important;
    margin-top:4px !important;
    font-size:9px !important;
    line-height:10px !important;
    white-space:nowrap !important;
  }


  /* =====================================================
     2. HOTLINE + ZALO + TƯ VẤN
     ===================================================== */

  .site-header .contact-top{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .site-header .contact-item{
    flex:1 1 145px !important;
    min-width:0 !important;
    justify-content:center !important;
    gap:7px !important;
  }

  .site-header .contact-icon,
  .site-header img.contact-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    flex:0 0 38px !important;
  }

  .site-header .contact-item span{
    font-size:11px !important;
    line-height:1 !important;
  }

  .site-header .contact-item strong{
    font-size:13px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  .site-header .consult-header{
    width:100% !important;
    height:43px !important;
    min-height:43px !important;
    padding:0 15px !important;
    font-size:17px !important;
    box-sizing:border-box !important;
  }


  /* =====================================================
     3. MENU MOBILE
     ===================================================== */

  .site-header nav,
  .site-header .tm-main-nav{
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    padding:0 !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }

  .site-header nav::-webkit-scrollbar,
  .site-header .tm-main-nav::-webkit-scrollbar{
    display:none !important;
  }

  .site-header nav .tm-nav-item,
  .site-header .tm-main-nav .tm-nav-item{
    height:48px !important;
    min-height:48px !important;
    flex:0 0 auto !important;
  }

  .site-header nav .tm-nav-item > a,
  .site-header .tm-main-nav .tm-nav-item > a{
    height:48px !important;
    min-height:48px !important;
    padding:0 12px !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }


  /* =====================================================
     4. HERO MOBILE
     ===================================================== */

  body:not(.tm-inner-page):not(.about-page) .hero{
    width:100% !important;
    height:auto !important;
    min-height:540px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero-copy{
    left:5% !important;
    right:5% !important;
    top:32px !important;
    max-width:90% !important;
  }

  body:not(.tm-inner-page):not(.about-page) .small-title{
    font-size:16px !important;
    margin-bottom:12px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero h1{
    font-size:30px !important;
    line-height:1.08 !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero p{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin-top:18px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero-buttons a{
    min-height:43px !important;
    padding:11px 18px !important;
    font-size:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px 10px !important;
    margin-top:20px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits div{
    font-size:14px !important;
    line-height:1.2 !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits b{
    font-size:9px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits small{
    font-size:9px !important;
  }


  /* =====================================================
     5. NÚT LIÊN HỆ NỔI MOBILE
     ===================================================== */

  .tm-float{
    right:10px !important;
    bottom:12px !important;
    gap:7px !important;
  }

  .tm-float button,
  .tm-float a{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    font-size:17px !important;
  }

  /* Trên điện thoại không cần tab hover bên phải.
     Giữ các nút nổi làm phương thức liên hệ chính. */
  .tm-side-contact{
    display:none !important;
  }


  /* =====================================================
     6. QUICK CARDS
     ===================================================== */

  body:not(.tm-inner-page):not(.about-page) .quick{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:14px 5% !important;
  }

  body:not(.tm-inner-page):not(.about-page) .quick-card{
    width:100% !important;
    min-width:0 !important;
    padding:13px !important;
  }


  /* =====================================================
     7. HOMEPAGE CONTENT
     ===================================================== */

  body:not(.tm-inner-page):not(.about-page) .content{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:15px 5% !important;
  }

  body:not(.tm-inner-page):not(.about-page) .content > .panel{
    width:100% !important;
    min-width:0 !important;
  }

  body:not(.tm-inner-page):not(.about-page) .section-head h2{
    font-size:19px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .section-head a{
    font-size:12px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .machine-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .machine-grid .photo{
    height:145px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .machine-grid b{
    font-size:12px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .machine-grid small{
    font-size:11px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .small-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .small-grid b{
    font-size:12px !important;
  }


  /* =====================================================
     8. STATS
     ===================================================== */

  body:not(.tm-inner-page):not(.about-page) .stats{
    grid-template-columns:1fr !important;
    gap:0 !important;
    padding:15px 5% !important;
  }

  body:not(.tm-inner-page):not(.about-page) .stats > div{
    grid-template-columns:35px 1fr !important;
    border-right:0 !important;
    border-bottom:1px solid #333 !important;
    padding:10px 5px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .stats > div:last-child{
    border-bottom:0 !important;
  }


  /* =====================================================
     9. INNER PAGE / PHỤ TÙNG
     ===================================================== */

  body.tm-inner-page .page-hero{
    padding:28px 5% 25px !important;
  }

  body.tm-inner-page .page-hero h1{
    font-size:27px !important;
    line-height:1.12 !important;
  }

  body.tm-inner-page .page-hero p{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  body.tm-inner-page .folder-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.tm-inner-page .folder-card{
    min-height:180px !important;
    padding:22px !important;
  }

  body.tm-inner-page .folder-card h2{
    font-size:24px !important;
  }


  /* =====================================================
     10. PRODUCT CARDS — 2 CỘT MOBILE
     ===================================================== */

  body.tm-inner-page .service-repair .page{
    width:100% !important;
    margin:10px 0 30px !important;
    padding:15px 5% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    border-radius:0 !important;
  }

  body.tm-inner-page .service-repair .sidebar{
    border-right:0 !important;
    border-bottom:1px solid #333 !important;
    padding:0 0 15px !important;
  }

  body.tm-inner-page .service-repair .products{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.tm-inner-page .service-repair .product{
    min-width:0 !important;
  }

  body.tm-inner-page .service-repair .product-img{
    height:auto !important;
    min-height:145px !important;
    aspect-ratio:4/3 !important;
  }

  body.tm-inner-page .service-repair .product-name{
    font-size:13px !important;
    line-height:1.35 !important;
    min-height:0 !important;
  }

  body.tm-inner-page .service-repair .product-brand{
    font-size:11px !important;
  }

  body.tm-inner-page .service-repair .price{
    font-size:15px !important;
  }

  body.tm-inner-page .service-repair .delivery{
    font-size:10px !important;
  }

  body.tm-inner-page .service-repair .contact-btn{
    padding:8px 5px !important;
    font-size:11px !important;
  }


  /* =====================================================
     11. SORT MOBILE
     ===================================================== */

  body.tm-inner-page .service-repair .sort{
    gap:6px !important;
    padding:10px 0 !important;
  }

  body.tm-inner-page .service-repair .sort b{
    width:100% !important;
    font-size:13px !important;
    margin-bottom:2px !important;
  }

  body.tm-inner-page .service-repair .sort button{
    padding:7px 9px !important;
    font-size:11px !important;
  }


  /* =====================================================
     12. CATALOG / KNOWLEDGE
     ===================================================== */

  .catalog{
    padding-left:5% !important;
    padding-right:5% !important;
  }

  .catalog-grid{
    grid-template-columns:1fr !important;
  }

  .catalog-card img{
    height:auto !important;
    aspect-ratio:16/9 !important;
    object-fit:cover !important;
  }

  .knowledge-grid{
    grid-template-columns:1fr !important;
  }


  /* =====================================================
     13. ABOUT
     ===================================================== */

  .about-page .about-hero h1{
    font-size:38px !important;
  }

  .about-page .about-hero p{
    font-size:16px !important;
  }

  .about-page .about-container{
    width:90% !important;
    padding:58px 0 !important;
  }

  .about-page .about-block{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .about-page .about-grid{
    grid-template-columns:1fr !important;
  }


  /* =====================================================
     14. FOOTER
     ===================================================== */

  footer,
  .footer{
    font-size:11px !important;
    line-height:1.5 !important;
    padding:18px 5% !important;
  }

}

/* =========================================================
   MOBILE-ONLY FINAL PATCH — MAY LASER / CNC & DAO RUNG
   PC IS LOCKED: NOTHING BELOW APPLIES ABOVE 760px.
   This block is intentionally last so it wins over older
   responsive rules without changing desktop behavior.
   ========================================================= */
@media (max-width:760px){

  /* Keep the shared mobile header compact and prevent text overflow. */
  .site-header .header-main{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:72px !important;
    padding:8px 4% !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .site-header .logo-area{
    width:100% !important;
    min-width:0 !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .site-header .logo-area img{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
  }
  .site-header .brand{
    min-width:0 !important;
    max-width:100% !important;
    font-size:18px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .site-header .tagline{
    max-width:100% !important;
    margin-top:3px !important;
    font-size:9px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
  .site-header .contact-top{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .site-header .contact-top > *{
    flex:0 0 auto !important;
  }

  /* Mobile navigation: horizontal scrolling only inside the nav,
     never across the whole page. */
  .site-header nav,
  nav.tm-main-nav{
    width:100% !important;
    max-width:100% !important;
    height:45px !important;
    padding:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .site-header nav::-webkit-scrollbar,
  nav.tm-main-nav::-webkit-scrollbar{display:none !important;}
  .site-header nav a,
  nav.tm-main-nav a{
    flex:0 0 auto !important;
    padding:14px 12px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  /* The side hover contact panel is unsuitable for touch screens. */
  .tm-side-contact{display:none !important;}

  /* Smaller floating buttons so they do not cover the page content. */
  .tm-float{
    right:10px !important;
    bottom:12px !important;
    gap:7px !important;
  }
  .tm-float button,
  .tm-float a{
    width:42px !important;
    height:42px !important;
    font-size:16px !important;
  }

  /* ---------------------------------------------------------
     MACHINE BRANCHES
     The ZIP supplied for this patch contains only the MAY-LASER
     and CNC-DAO-RUNG branches. Their pages all use .tm-inner-page.
     The Hero itself is hidden on Mobile; desktop is untouched.
     --------------------------------------------------------- */
  body.tm-inner-page .hero{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  /* Remove visual space/background produced by the inner-page Hero.
     The opaque pseudo layer covers the inline body background image
     without deleting or changing the desktop Hero image. */
  body.tm-inner-page::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:0 !important;
    background:#08090a !important;
    pointer-events:none !important;
  }
  body.tm-inner-page > *{
    position:relative !important;
    z-index:1 !important;
  }

  /* Inner-page content starts immediately after the header/nav. */
  body.tm-inner-page main,
  body.tm-inner-page .page,
  body.tm-inner-page .folder-page,
  body.tm-inner-page .catalog,
  body.tm-inner-page .content,
  body.tm-inner-page .lower,
  body.tm-inner-page .about,
  body.tm-inner-page .container,
  body.tm-inner-page .page-wrap,
  body.tm-inner-page .service-page,
  body.tm-inner-page .service-content{
    margin-top:0 !important;
  }

  /* Inner page headings/content remain readable on narrow screens. */
  body.tm-inner-page .page-hero{
    padding:20px 5% !important;
  }
  body.tm-inner-page .page-hero h1{
    font-size:25px !important;
    line-height:1.15 !important;
  }
  body.tm-inner-page .page-hero p{
    font-size:13px !important;
    line-height:1.5 !important;
  }

  /* Folder/catalog grids: one column for category pages. */
  body.tm-inner-page .folder-grid,
  body.tm-inner-page .catalog-grid,
  body.tm-inner-page .knowledge-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body.tm-inner-page .folder-card{
    min-height:150px !important;
    padding:18px !important;
  }
  body.tm-inner-page .folder-card h2{
    font-size:22px !important;
  }

  /* Product pages: two compact columns where the existing
     product-card structure supports it. */
  body.tm-inner-page .service-repair .products{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.tm-inner-page .service-repair .product-img{
    min-height:125px !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
  }
  body.tm-inner-page .service-repair .product-name{
    font-size:13px !important;
    line-height:1.3 !important;
    min-height:0 !important;
  }
  body.tm-inner-page .service-repair .product-brand{
    font-size:11px !important;
  }
  body.tm-inner-page .service-repair .price{
    font-size:15px !important;
  }
  body.tm-inner-page .service-repair .delivery{
    font-size:10px !important;
  }
  body.tm-inner-page .service-repair .contact-btn{
    padding:8px 5px !important;
    font-size:11px !important;
  }

  /* Prevent tables and long technical content from widening the viewport. */
  body.tm-inner-page table{
    max-width:100% !important;
  }
  body.tm-inner-page .table-wrap,
  body.tm-inner-page .table-responsive{
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.tm-inner-page img,
  body.tm-inner-page video,
  body.tm-inner-page iframe{
    max-width:100% !important;
  }
}

/* =========================================================
   THIÊN MINH LASER — MOBILE HOMEPAGE FINAL LAYOUT
   Chỉ áp dụng Mobile <= 760px
   PC giữ nguyên hoàn toàn
   ========================================================= */
@media (max-width:760px){

  /* 1. BỎ NÚT "YÊU CẦU TƯ VẤN" TOÀN WEBSITE */
  .site-header .consult-header,
  .tm-float button.consult{
    display:none !important;
  }

  /* 2. HEADER MOBILE — logo/slogan ở giữa */
  .site-header .header-main{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:9px 10px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
  }

  .site-header .logo-area{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
  }

  .site-header .logo-area > div:last-child{
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
  }

  .site-header .logo-area img{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
  }

  .site-header .brand,
  .site-header .brand a,
  .site-header .brand-home-text{
    font-size:21px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .site-header .tagline{
    font-size:9px !important;
    line-height:10px !important;
    margin-top:4px !important;
    white-space:nowrap !important;
  }

  /* 3. HOTLINE + ZALO — chữ lớn hơn, cân giữa, vừa màn hình */
  .site-header .contact-top{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    margin:0 auto !important;
  }

  .site-header .contact-item{
    flex:0 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
  }

  .site-header .contact-icon,
  .site-header img.contact-icon,
  .site-header .contact-item img[src*="zalo-logo.png"]{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    flex:0 0 38px !important;
  }

  .site-header .contact-item span{
    font-size:12px !important;
    line-height:1 !important;
    margin-left:0 !important;
  }

  .site-header .contact-item strong{
    font-size:15px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    margin-top:2px !important;
  }

  /* 4. MENU — giữ gọn một hàng */
  .site-header nav,
  .site-header .tm-main-nav{
    width:100% !important;
    height:47px !important;
    min-height:47px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .site-header nav::-webkit-scrollbar,
  .site-header .tm-main-nav::-webkit-scrollbar{
    display:none !important;
  }

  .site-header nav .tm-nav-item,
  .site-header .tm-main-nav .tm-nav-item{
    height:47px !important;
    min-height:47px !important;
    flex:0 0 auto !important;
  }

  .site-header nav .tm-nav-item > a,
  .site-header .tm-main-nav .tm-nav-item > a{
    height:47px !important;
    min-height:47px !important;
    padding:0 12px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  /* 5. HOMEPAGE HERO — gọn, cân và đưa phần sản phẩm lên sớm hơn */
  body:not(.tm-inner-page):not(.about-page) .hero{
    width:100% !important;
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero-copy{
    left:5% !important;
    right:5% !important;
    top:27px !important;
    max-width:90% !important;
  }

  body:not(.tm-inner-page):not(.about-page) .small-title{
    font-size:15px !important;
    line-height:1.15 !important;
    margin-bottom:9px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero h1{
    font-size:29px !important;
    line-height:1.08 !important;
    margin:0 !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero p{
    font-size:13px !important;
    line-height:1.45 !important;
    margin:12px 0 0 !important;
    max-width:100% !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero-buttons{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:14px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .hero-buttons a{
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:11px 9px !important;
    margin-top:17px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits div{
    min-width:0 !important;
    font-size:14px !important;
    line-height:1.1 !important;
    gap:5px !important;
    align-items:flex-start !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits b{
    font-size:9px !important;
    line-height:1.1 !important;
  }

  body:not(.tm-inner-page):not(.about-page) .benefits small{
    font-size:8px !important;
    line-height:1.2 !important;
    margin-top:3px !important;
  }

  /* 6. Các khối sản phẩm bắt đầu gần Hero, không tạo khoảng trắng dư */
  body:not(.tm-inner-page):not(.about-page) .quick{
    padding:14px 4% !important;
    gap:10px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .quick-card{
    padding:11px !important;
    gap:11px !important;
  }

  body:not(.tm-inner-page):not(.about-page) .content{
    padding:18px 4% !important;
  }

  /* 7. Nút nổi không che phần nội dung */
  .tm-float{
    right:9px !important;
    bottom:10px !important;
    gap:6px !important;
  }

  .tm-float button,
  .tm-float a{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    font-size:16px !important;
  }
}

/* =========================================================
   THIÊN MINH LASER — MOBILE HOMEPAGE CLEANUP
   Chỉ áp dụng cho trang chủ trên Mobile <= 760px
   Không thay đổi giao diện PC và các trang khác
   ========================================================= */
@media (max-width:760px){
  body:not(.tm-inner-page):not(.about-page) .about{
    display:none !important;
  }

  body:not(.tm-inner-page):not(.about-page) .stats{
    display:none !important;
  }
}

/* =========================================================
   FINAL REQUEST — HEADER PHONE COLOR + MOBILE FOOTER CTA
   Header phone numbers: white everywhere.
   Footer CTA layout: mobile only; PC unchanged.
   ========================================================= */
.site-header .contact-item strong,
.site-header .contact-item strong a,
.site-header .contact-item a strong,
.site-header .contact-item a[href*="tel:"],
.site-header .contact-item a[href*="zalo"],
.site-header .contact-item a[href*="0939781000"]{
  color:#fff !important;
}

@media (max-width:760px){
  /* Header: force both Hotline and Zalo numbers to white. */
  .site-header .contact-item strong,
  .site-header .contact-item strong a,
  .site-header .contact-item a strong,
  .site-header .contact-item a[href*="tel:"],
  .site-header .contact-item a[href*="zalo"],
  .site-header .contact-item a[href*="0939781000"]{
    color:#fff !important;
  }

  /* Footer: "Hotline / Zalo:" centered on its own line,
     then the orange phone number centered inside orange frame. */
  body:not(.about-page) .contact{
    text-align:center !important;
  }

  body:not(.about-page) .contact p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body:not(.about-page) .contact p a{
    display:flex !important;
    width:max-content !important;
    max-width:90% !important;
    margin:12px auto 0 !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    padding:13px 30px !important;
    border:2px solid #f47a1e !important;
    background:#08090a !important;
    color:#f47a1e !important;
    text-align:center !important;
  }

  body:not(.about-page) .contact p a,
  body:not(.about-page) .contact p a strong,
  body:not(.about-page) .contact p strong{
    color:#f47a1e !important;
  }

  body:not(.about-page) .contact p a strong{
    display:inline !important;
    margin:0 !important;
  }
}


/* =========================================================
   THIÊN MINH LASER — PHỤ TÙNG MOBILE SIDEBAR HIDE
   Chỉ áp dụng Mobile <= 760px
   PC giữ nguyên hoàn toàn
   Ẩn toàn bộ sidebar (DANH MỤC / THƯƠNG HIỆU / THÔNG TIN)
   trên các trang danh sách phụ tùng.
   ========================================================= */
@media (max-width:760px){
  body.service-repair .sidebar{
    display:none !important;
  }

  body.service-repair .page{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   THIÊN MINH LASER — ẨN 0939 78 1000 TRONG KHỐI GỌI NGAY MOBILE
   Chỉ áp dụng Mobile <= 760px.
   Giữ nguyên nút GỌI NGAY và toàn bộ giao diện PC.
   ========================================================= */
@media (max-width:760px){
  .tm-inner-call > p,
  .contact > p{
    display:none !important;
  }
}