/* Tiến Phát migration layer — keeps legacy technical content while applying the approved visual system */
body.migrated-page{
 --tp-ink:#17332f;--tp-ink-2:#244941;--tp-forest:#0f4b43;--tp-forest-2:#17665a;--tp-sage:#dfe9df;--tp-cream:#f7f3e9;--tp-paper:#fffdf8;--tp-orange:#dc6d35;--tp-orange-2:#f08a4b;--tp-muted:#66756f;--tp-line:#d8ddd6;--tp-white:#fff;
 --navy:#17332f;--blue:#0f4b43;--teal:#17665a;--gold:#dc6d35;--ink:#17332f;--muted:#66756f;--line:#d8ddd6;--paper:#f7f3e9;--white:#fff;
 --n:#17332f;--n2:#0a2824;--g:#dc6d35;--i:#17332f;--m:#66756f;--l:#d8ddd6;--p:#f7f3e9;--soft:#e8efe8;
 --cn:#17332f;--cg:#dc6d35;--ct:#244941;--cm:#66756f;--cl:#d8ddd6;--cw:#f7f3e9;
 --fn:#17332f;--fg:#dc6d35;--ft:#244941;--fm:#66756f;--fl:#d8ddd6;
 --qm-navy:#17332f;--qm-blue:#0f4b43;--qm-gold:#dc6d35;--qm-soft:#e8efe8;--qm-border:#d8ddd6;
 margin:0;background:var(--tp-paper);color:var(--tp-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;
}
body.migrated-page *{box-sizing:border-box}
body.migrated-page img{max-width:100%}
body.migrated-page .tp-skip{position:fixed;left:16px;top:-70px;z-index:10000;padding:10px 16px;border-radius:8px;background:var(--tp-ink);color:#fff;text-decoration:none}
body.migrated-page .tp-skip:focus{top:12px}
body.migrated-page .clone-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.migrated-page .clone-utility{position:relative;z-index:1001;background:var(--tp-ink);color:#dce9e5;font-size:12px;letter-spacing:.02em}
body.migrated-page .clone-utility .clone-container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.migrated-page .clone-utility a{color:#fff;text-decoration:none}
body.migrated-page .clone-header{position:sticky;top:0;z-index:9998;background:rgba(255,253,248,.96);border-bottom:1px solid rgba(23,51,47,.11);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.migrated-page .clone-nav{min-height:82px;display:flex;align-items:center;gap:22px}
body.migrated-page .clone-brand{display:flex;align-items:center;gap:11px;margin-right:auto;color:var(--tp-ink);text-decoration:none;flex:0 0 auto}
body.migrated-page .clone-brand img{width:112px;height:52px;object-fit:contain}
body.migrated-page .clone-brand-copy{display:grid;line-height:1}
body.migrated-page .clone-brand-copy b{font-size:14px;letter-spacing:.08em}
body.migrated-page .clone-brand-copy small{margin-top:7px;color:var(--tp-muted);font-size:8px;letter-spacing:.15em;text-transform:uppercase}
body.migrated-page .clone-menu{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12.5px;font-weight:800}
body.migrated-page .clone-menu>a{position:relative;padding:29px 0;color:var(--tp-ink);text-decoration:none;white-space:nowrap}
body.migrated-page .clone-menu>a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--tp-orange);transition:.22s}
body.migrated-page .clone-menu>a:hover:after,body.migrated-page .clone-menu>a.active:after{right:0}
body.migrated-page .clone-call{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:var(--tp-sage);color:var(--tp-ink);text-decoration:none;flex:0 0 auto;font-size:10px;line-height:1.25}
body.migrated-page .clone-call i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--tp-forest);color:#fff;font-style:normal;font-size:16px}
body.migrated-page .clone-call b{display:block;color:var(--tp-forest);font-size:13px}
body.migrated-page .clone-menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--tp-ink);color:#fff;font-size:24px;line-height:1;cursor:pointer}
/* Disable legacy site chrome; page-specific technical content remains intact. */
body.migrated-page :is(.topbar,.qmfc-topbar,.qm-home-topbar){display:none!important}
body.migrated-page :is(header.header,.qmfc-header,.qm-home-header,.head,.cat-header):not(.clone-header){display:none!important}
body.migrated-page :is(footer,.qmfc-footer,.qm-home-footer,.foot,.fan-detail-footer):not(.clone-footer){display:none!important}
body.migrated-page :is(.floating-contact,.qmfc-floating,.mobile-bar,.water-mobile-actions,.motor-mobile-actions,.bearing-mobile-actions,.farm-mobile-actions,.composite-mobile-actions){display:none!important}
/* Approved palette and softer editorial surfaces */
body.migrated-page :is(.water-hero,.water-section.dark,.water-contact,.gear-hero,.gear-contact,.contact,.fan-hero,.composite-hero,.farm-hero,.roof-hero){background-color:var(--tp-ink)!important}
body.migrated-page :is(.water-hero,.fan-hero):after{display:none!important}
body.migrated-page :is(.water-section.soft,.water-route,.gear-catalog,.gear-faq,.composite-model-section,.farm-model-section){background-color:var(--tp-cream)!important}
body.migrated-page :is(main h1,main h2,.water-head h2,.water-hero h1,.gear-page h1,.gear-page h2,.fan-motor-page h1,.fan-motor-page h2,.composite-page h1,.composite-page h2,.farm-fan-page h1,.farm-fan-page h2,.roof-fan-page h1,.roof-fan-page h2){font-family:Cambria,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.03em!important}
body.migrated-page :is(.water-btn,.gear-page .btn,.gear-page button,.fan-motor-page .btn,.composite-page .btn,.farm-fan-page .btn,.roof-fan-page .btn){border-radius:999px!important}
body.migrated-page :is(.water-btn.primary,.gear-page .btn.primary,.gear-page button[type="submit"],.fan-motor-page .primary,.composite-page .primary,.farm-fan-page .primary,.roof-fan-page .primary){background:var(--tp-orange)!important;color:#fff!important;border-color:var(--tp-orange)!important;box-shadow:0 12px 28px rgba(220,109,53,.22)}
body.migrated-page :is(.water-btn.primary,.gear-page .btn.primary,.gear-page button[type="submit"]):hover{background:#c95c28!important}
body.migrated-page :is(.water-image,.water-category-card,.water-product-card,.bearing-model-card,.gear-compact-card,.gear-group-card,.composite-model-card,.farm-model-card,.roof-product-card,.product-card,.card){border-radius:18px!important;overflow:hidden}
body.migrated-page :is(.water-image,.gear-hero-media,.fan-hero-media,.composite-hero-media,.farm-hero-media,.roof-hero-media){box-shadow:0 28px 72px rgba(12,45,40,.26)!important}
body.migrated-page :is(.water-image,.water-category-image,.water-product-image,.bearing-model-image){background:#edf2ed!important}
body.migrated-page :is(.water-badge,.water-caption,.gear-hero-badge){border-radius:4px 16px 4px 16px!important}
body.migrated-page :is(.water-eyebrow,.gear-page .eyebrow,.composite-eyebrow,.farm-eyebrow,.roof-eyebrow){color:var(--tp-orange)!important}
body.migrated-page :is(.water-eyebrow:before,.gear-page .eyebrow span){background:var(--tp-orange)!important}
body.migrated-page .water-eyebrow.light{color:#dce9e5!important}
body.migrated-page :is(.water-detail-nav,.composite-anchor-nav,.farm-anchor-nav,.farm-wsf-anchors,.roof-anchor-nav,.hvls-jump-nav,.gear-jump){top:82px!important}
body.migrated-page :is(.water-detail-nav,.composite-anchor-nav,.farm-anchor-nav,.farm-wsf-anchors,.roof-anchor-nav,.hvls-jump-nav,.gear-jump){z-index:90!important}
body.migrated-page :is(.water-spec-table,.compare-table,.spec-table){border-radius:14px;overflow:hidden}
body.migrated-page :is(.water-form-card,.contact-card,.quote-card,.fan-quote-card){border-radius:22px!important;box-shadow:0 22px 60px rgba(21,50,45,.16)!important}
body.migrated-page :is(.water-category-card,.water-product-card,.bearing-model-card,.gear-compact-card,.composite-model-card,.farm-model-card,.roof-product-card){border-color:var(--tp-line)!important;box-shadow:0 8px 22px rgba(21,50,45,.06)}
body.migrated-page :is(.water-category-card,.water-product-card,.bearing-model-card,.gear-compact-card,.composite-model-card,.farm-model-card,.roof-product-card):hover{box-shadow:0 24px 60px rgba(21,50,45,.14)!important;transform:translateY(-3px)}
/* Unify product media: square, spacious and readable */
body.migrated-page :is(.water-product-image,.bearing-model-image,.composite-model-image,.farm-model-image,.roof-product-image,.gear-compact-image){aspect-ratio:1/1!important;height:auto!important;background:#edf2ed!important;overflow:hidden}
body.migrated-page :is(.water-product-image img,.bearing-model-image img,.composite-model-image img,.farm-model-image img,.roof-product-image img){width:100%!important;height:100%!important;object-fit:cover!important}
body.migrated-page .gear-compact-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3%!important}
/* Footer */
body.migrated-page .clone-footer{display:block!important;background:#0a2824;color:#d3e0dc;padding:58px 0 92px}
body.migrated-page .clone-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:48px}
body.migrated-page .clone-footer h3{margin:0 0 15px;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:11px!important;font-weight:850!important;letter-spacing:.12em!important}
body.migrated-page .clone-footer p,body.migrated-page .clone-footer a{display:block;margin:6px 0;color:#b9cbc6;font-size:13px;text-decoration:none}
body.migrated-page .clone-footer a:hover{color:#fff}
body.migrated-page .clone-footer-brand{display:flex;gap:14px}
body.migrated-page .clone-footer-brand img{width:108px;height:56px;object-fit:contain;background:#fff;border-radius:8px}
body.migrated-page .clone-mobile-dock{display:none}
@media(max-width:1120px){
 body.migrated-page .clone-brand-copy{display:none}
 body.migrated-page .clone-menu{gap:14px;font-size:11.5px}
 body.migrated-page .clone-nav{gap:15px}
 body.migrated-page .clone-call span{display:none}
 body.migrated-page .clone-call{padding:6px}
}
@media(max-width:900px){
 body.migrated-page .clone-utility .clone-container>span:first-child{display:none}
 body.migrated-page .clone-utility .clone-container{justify-content:center}
 body.migrated-page .clone-nav{min-height:68px}
 body.migrated-page .clone-brand img{width:94px;height:46px}
 body.migrated-page .clone-menu-toggle{display:grid;place-items:center;order:4}
 body.migrated-page .clone-menu{display:none;position:absolute;left:0;right:0;top:68px;padding:10px 20px 18px;background:#fff;border-bottom:1px solid var(--tp-line);box-shadow:0 22px 48px rgba(21,50,45,.16)}
 body.migrated-page .clone-menu.open{display:grid;gap:0}
 body.migrated-page .clone-menu>a{padding:13px 0;border-bottom:1px solid var(--tp-line);font-size:13px}
 body.migrated-page .clone-menu>a:after{display:none}
 body.migrated-page .clone-call{margin-left:auto}
 body.migrated-page :is(.water-detail-nav,.composite-anchor-nav,.farm-anchor-nav,.farm-wsf-anchors,.roof-anchor-nav,.hvls-jump-nav,.gear-jump){top:68px!important}
 body.migrated-page .clone-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 body.migrated-page .clone-container{width:min(100% - 28px,1180px)}
 body.migrated-page .clone-utility{font-size:10px}
 body.migrated-page .clone-header{box-shadow:0 8px 24px rgba(21,50,45,.08)}
 body.migrated-page .clone-call i{width:32px;height:32px}
 body.migrated-page :is(.water-container,.container,.fan-container,.composite-container,.farm-container,.roof-container){max-width:100%}
 body.migrated-page :is(.water-product-grid,.bearing-model-grid,.composite-model-grid,.farm-model-grid,.roof-product-grid,.gear-compact-grid,.gear-grid,.product-grid,.fan-model-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.migrated-page :is(.water-product-card h3,.bearing-model-card h3,.composite-model-card h3,.farm-model-card h3,.roof-product-card h3,.gear-compact-card h2,.gear-compact-card h3){font-size:14px!important;line-height:1.35!important}
 body.migrated-page :is(.water-category-copy,.water-product-copy,.bearing-model-copy,.composite-model-copy,.farm-model-copy,.roof-product-copy,.gear-compact-copy){padding:13px!important}
 body.migrated-page :is(.water-product-image,.bearing-model-image,.composite-model-image,.farm-model-image,.roof-product-image,.gear-compact-image){aspect-ratio:1/1!important}
 body.migrated-page .clone-footer{padding-bottom:78px}
 body.migrated-page .clone-footer-grid{grid-template-columns:1fr;gap:30px}
 body.migrated-page .clone-mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:1fr 1fr;background:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.15)}
 body.migrated-page .clone-mobile-dock a{padding:13px;text-align:center;color:var(--tp-ink);font-size:12px;font-weight:900;text-decoration:none}
 body.migrated-page .clone-mobile-dock a:last-child{background:var(--tp-orange);color:#fff}
}

/* Template-specific balance fixes after cross-page QA */
body.migrated-page :is(.water-page,.motor-page,.bearing-page,.gear-page,.fan-motor-page,.composite-page,.farm-fan-page,.roof-fan-page,.hvls-page,.fan-detail){
 --navy:#17332f!important;--blue:#0f4b43!important;--teal:#17665a!important;--gold:#dc6d35!important;--ink:#17332f!important;--muted:#66756f!important;--line:#d8ddd6!important;--paper:#f7f3e9!important;
 --n:#17332f!important;--n2:#0a2824!important;--g:#dc6d35!important;--i:#17332f!important;--m:#66756f!important;--l:#d8ddd6!important;--p:#f7f3e9!important;--soft:#e8efe8!important;
 --cn:#17332f!important;--cg:#dc6d35!important;--ct:#244941!important;--cm:#66756f!important;--cl:#d8ddd6!important;--cw:#f7f3e9!important;
 --fn:#17332f!important;--fg:#dc6d35!important;--ft:#244941!important;--fm:#66756f!important;--fl:#d8ddd6!important;
}
body.migrated-page :is(.water-hero,.water-section.dark,.water-contact,.gear-hero,.gear-contact,.gear-guide,.fan-hero,.composite-hero,.farm-hero,.roof-hero){background:var(--tp-ink)!important}
body.migrated-page .gear-hero-copy h1{font-size:clamp(50px,4.5vw,68px)!important;line-height:.98!important}
body.migrated-page .gear-hero-copy h1 em{color:var(--tp-orange)!important}
body.migrated-page :is(.gear-hero-stat,.gear-hero-badge,.gear-stat,.gear-page .eyebrow span){border-color:var(--tp-orange)!important}
@media(max-width:620px){body.migrated-page .gear-hero-copy h1{font-size:45px!important}}

body.migrated-page .gear-hero-copy h1{white-space:nowrap!important}
body.migrated-page .gear-hero-copy h1 em{display:block!important;white-space:normal!important}
body.migrated-page .gear-hero-badge{background:var(--tp-orange)!important;color:#fff!important}

body.migrated-page > .top{display:none!important}
body.migrated-page :is(main h1,main h2,.water-head h2,.water-hero h1,.gear-page h1,.gear-page h2,.fan-motor-page h1,.fan-motor-page h2,.composite-page h1,.composite-page h2,.farm-fan-page h1,.farm-fan-page h2,.roof-fan-page h1,.roof-fan-page h2){word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
body.migrated-page .bearing-badge{background:#fff!important;color:var(--tp-ink)!important;border-left-color:var(--tp-orange)!important}

body.migrated-page .gear-hero-tag{background:var(--tp-orange)!important;color:#fff!important}

body.migrated-page .hvls-hero{background:var(--tp-ink)!important}

body.migrated-page :is(.hvls-hero,.fan-detail-hero){background:linear-gradient(132deg,var(--tp-ink),#0f4b43)!important}
