/* Tiến Phát product system
   Shared contract for all category, sub-category and product pages.
   Legacy classes remain supported; this layer only supplies the common
   component dimensions and the template hooks used by future code. */
:root{
  --tp-container:1180px;
  --tp-gap:16px;
  --tp-radius:16px;
  --tp-line:#d9dfda;
  --tp-paper:#fffdf8;
  --tp-surface:#fff;
  --tp-muted:#687872;
  --tp-ink:#17332f;
  --tp-accent:#db6c35;
  --tp-green:#0f5a4e;
}

/* Template hooks: these are deliberately generic so a server-side template
   can render the same page contract without knowing the product family. */
body.tp-template-category main,
body.tp-template-product main{min-width:0}
body.tp-template-category .uc-container,
body.tp-template-product .uc-container{max-width:var(--tp-container)}

/* Shared section rhythm */
body.tp-template-category :is(.uc-section,.grx-section,.hvx-section,.hvd-section,.section){
  scroll-margin-top:110px;
}
body.tp-template-category :is(.uc-section,.grx-section,.hvx-section,.hvd-section,.section) > .container,
body.tp-template-category :is(.uc-section,.grx-section,.hvx-section,.hvd-section,.section) > .uc-container{
  width:min(var(--tp-container),calc(100% - 40px));
  margin-inline:auto;
}

/* Category hero contract: copy on the left, stable media on the right. */
body.tp-template-category :is(.uc-hero-grid,.grx-hero-grid,.hvx-hero-grid,.hvd-hero-grid,.category-hero-grid){
  max-width:var(--tp-container);
  margin-inline:auto;
}
body.tp-template-category :is(.uc-hero-copy,.grx-hero-copy,.hvx-copy,.hvd-hero-copy,.category-hero-grid > div:first-child){
  min-width:0;
}
body.tp-template-category :is(.uc-hero-visual,.grx-visual,.hvx-visual,.hvd-hero-visual,.category-visual){
  min-width:0;
  min-height:420px;
}
body.tp-template-category :is(.uc-hero-media,.grx-visual-main,.hvx-visual-main,.hvd-hero-frame,.category-visual){
  overflow:hidden;
  border-radius:var(--tp-radius);
}
body.tp-template-category :is(.uc-hero-media,.grx-visual-main,.hvx-visual-main,.hvd-hero-frame,.category-visual) img{
  max-width:none;
}

/* One card contract. Existing family-specific cards are mapped into it. */
body.tp-template-category :is(.uc-product-card,.emc-product-card,.grx-card,.hvx-model,.model-card,.fan-model-card,.composite-model-card,.farm-model-card,.roof-product-card,.water-model-card,.bearing-model-card,.motor-model-card,.gear-compact-card),
body.tp-template-product :is(.uc-related-card,.uc-product-card,.grx-card,.hvx-model,.model-card){
  --tp-card-media:clamp(180px,20vw,280px);
  display:flex;
  min-width:0;
  min-height:100%;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--tp-radius);
}
body.tp-template-category :is(.uc-product-media,.emc-product-card .uc-product-media,.grx-card-media,.hvx-model-media,.model-media,.fan-model-image,.composite-model-image,.farm-model-image,.roof-product-image,.water-model-image,.bearing-model-image,.motor-model-image,.gear-compact-image){
  flex:none;
  aspect-ratio:4/3;
  min-height:var(--tp-card-media);
  overflow:hidden;
}
body.tp-template-category :is(.uc-product-media,.grx-card-media,.hvx-model-media,.model-media,.fan-model-image,.composite-model-image,.farm-model-image,.roof-product-image,.water-model-image,.bearing-model-image,.motor-model-image,.gear-compact-image) img{
  width:100%;
  height:100%;
  object-fit:contain;
}
body.tp-template-category :is(.uc-product-body,.emc-product-card .uc-product-body,.grx-card-body,.hvx-model-copy,.model-copy,.fan-model-copy,.composite-model-copy,.farm-model-copy,.roof-product-copy,.water-model-copy,.bearing-model-copy,.motor-model-copy,.gear-compact-copy){
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
}
body.tp-template-category :is(.uc-product-body h3,.grx-card-body h3,.hvx-model-copy h3,.model-copy h3,.fan-model-copy h3,.composite-model-copy h3,.farm-model-copy h3,.roof-product-copy h3,.water-model-copy h3,.bearing-model-copy h3,.motor-model-copy h3,.gear-compact-copy h3){
  display:-webkit-box;
  min-height:3.9em;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
body.tp-template-category :is(.uc-card-specs,.grx-card-specs,.hvx-model-specs,.model-specs,.fan-model-specs,.composite-model-specs,.farm-model-specs,.roof-product-specs,.water-model-specs,.bearing-model-specs,.motor-model-specs,.gear-compact-specs){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:auto;
}
body.tp-template-category :is(.uc-card-link,.grx-card-link,.hvx-model-link,.model-link,.fan-model-link,.composite-model-link,.farm-model-link,.roof-product-link,.water-model-link,.bearing-model-link,.motor-model-link,.gear-compact-link){
  min-height:44px;
  margin-top:12px;
}

/* Reference gear catalogue keeps cards focused on the model and its two
   decision-making specifications. Longer explanatory copy belongs on the
   product detail page. */
body[data-tp-category-contract="gear-catalog-v1"] :is(.grx-card-body,.uc-product-body)>p{display:none}
body[data-tp-category-contract="gear-catalog-v1"] .grx-card-body{
  min-height:220px;
  padding:18px 18px 16px;
}
body[data-tp-category-contract="gear-catalog-v1"] .grx-card-body h3{
  min-height:2.6em;
  margin:8px 0 12px;
  line-height:1.3;
}
body[data-tp-category-contract="gear-catalog-v1"] .grx-card-specs{
  margin-top:12px;
}
body[data-tp-category-contract="gear-catalog-v1"] .grx-card-link{
  margin-top:12px;
}
body.tp-grouped-catalog[data-tp-category-contract="gear-catalog-v1"] .grx-product-group__grid .grx-card-body{
  min-height:245px;
  padding:18px 18px 16px;
}
body.tp-grouped-catalog[data-tp-category-contract="gear-catalog-v1"] .grx-product-group__grid .grx-card-body h3{
  min-height:2.6em;
  margin:8px 0 12px;
}
body.tp-grouped-catalog[data-tp-category-contract="gear-catalog-v1"] .grx-product-group__grid .grx-card-specs{
  margin-top:12px;
}

/* Category lists use one predictable grid regardless of the product family. */
body.tp-template-category :is(.uc-product-grid,.emc-products,.grx-products,.hvx-models,.model-grid,.fan-model-grid,.composite-model-grid,.farm-model-grid,.roof-product-grid,.water-model-grid,.bearing-model-grid,.motor-model-grid,.gear-compact-grid){
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--tp-gap);
  align-items:stretch;
}
body.tp-template-category :is(.uc-catalog-layout,.emc-catalog-layout,.grx-catalog-layout,.hvx-selector){
  align-items:start;
}
body.tp-template-category :is(.uc-catalog-top,.emc-catalog-top,.grx-catalog-top){
  min-height:38px;
}

/* Shared category navigation contract. Family-specific content and imagery
   stay intact, while the grid, card geometry and type scale remain reusable. */
body.tp-template-category :is(.uc-family-grid,.grx-family-grid){
  width:min(var(--tp-container),calc(100% - 40px));
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-inline:auto;
}
body.tp-template-category :is(.uc-family-grid,.grx-family-grid)>:is(.uc-family-card,.grx-family){
  grid-column:auto!important;
  min-height:272px!important;
  height:100%;
  overflow:hidden;
  border-radius:var(--tp-radius);
}
body.tp-template-category :is(.uc-family-card,.grx-family) :is(h3,.grx-family-copy h3){
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:22px;
  line-height:1.18;
}

/* Shared heading rhythm for legacy fan/HVLS templates and newer UC/GRX
   templates. Only presentation changes; technical copy remains untouched. */
body.tp-template-category :is(.section-head,.model-intro,.hvx-head,.uc-section-head,.grx-head){
  gap:54px;
  margin-bottom:32px;
}
body.tp-template-category :is(.section-head h2,.model-intro h2,.hvx-head h2,.uc-section-head h2,.grx-head h2){
  margin:10px 0 0;
  color:var(--tp-ink);
  font-family:Cambria,Georgia,serif;
  font-size:clamp(34px,4vw,54px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.035em;
}
body.tp-template-category :is(.section-head>p,.model-intro>p,.hvx-head>p,.uc-section-head>p,.grx-head>p){
  margin:0;
  color:var(--tp-muted);
  font-size:13px;
  line-height:1.65;
}

/* Gear category reference: parent and child pages share one Hero geometry;
   only the copy, image and optional family selector change by page level. */
body[data-tp-family="gear"].tp-template-category :is(.grx-hero-grid,.uc-hero-grid){gap:64px;padding:44px 0 64px}
body[data-tp-family="gear"].tp-template-category :is(.grx-hero-copy,.uc-hero-copy){min-width:0;max-width:620px}
body[data-tp-family="gear"].tp-template-category :is(.grx-visual,.uc-hero-visual){min-width:0;min-height:420px}
body[data-tp-family="gear"].tp-template-category :is(.grx-visual-main,.uc-hero-media){width:100%;height:420px}
body[data-tp-family="gear"].tp-template-category :is(.grx-hero-actions,.uc-hero-actions){gap:12px;margin-top:28px}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-strip,.uc-data-strip){min-height:108px}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-grid,.uc-data-grid){grid-template-columns:1.22fr repeat(5,minmax(0,1fr));}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-title,.uc-data-title,.grx-data-item,.uc-data-item){min-height:106px;padding:18px 14px;}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-title,.uc-data-title){padding-left:0;}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-title small,.uc-data-title small,.grx-data-item small,.uc-data-item small){font-size:10px;line-height:1.2;}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-title b,.uc-data-title b){font-size:20px;line-height:1.15;}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-item b,.uc-data-item b){font-size:13px;line-height:1.3;}
body[data-tp-family="gear"].tp-template-category :is(.grx-data-item em,.uc-data-item em){font-size:11px;line-height:1.4;}
body[data-tp-family="gear"].tp-template-category :is(.grx-products,.uc-product-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-tp-family="gear"].tp-template-category :is(.grx-catalog-layout,.uc-catalog-layout){width:min(var(--tp-container),calc(100% - 40px));margin-inline:auto}
/* Child gear categories use the same product-showcase treatment as the
   parent: four equal cards in one row. Filtering remains available through
   the parent architecture selector, so the child page stays focused on its
   model set rather than adding a second sidebar layout. */
body[data-tp-family="gear"][data-tp-page-level="child-category"] .uc-catalog-layout{display:block}
body[data-tp-family="gear"][data-tp-page-level="child-category"] .uc-filter{display:none}
body[data-tp-family="gear"][data-tp-page-level="child-category"] .uc-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-body,.uc-product-body){min-height:283px;padding:18px 18px 16px}
body[data-tp-family="gear"].tp-template-category :is(.grx-card,.uc-product-card){border:1px solid #d9e2dc;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(23,51,47,.06)}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-media,.uc-product-media){aspect-ratio:1/1.08;min-height:0;background:#eef1f0;border-radius:21px 21px 0 0}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-media,.uc-product-media) img{width:100%;height:100%;object-fit:contain}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-body h3,.uc-product-body h3){min-height:62px;margin:8px 0 12px;line-height:1.3}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-specs,.uc-card-specs){min-height:57px;margin-top:12px;border:1px solid #d7e2dc;border-radius:14px;overflow:hidden;background:#f7faf7}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-specs span,.uc-card-specs span){padding:10px 14px;background:transparent}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-specs span+span,.uc-card-specs span+span){border-left:1px solid #d7e2dc}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-link,.uc-card-link){display:flex;min-height:70px;margin-top:18px;padding-inline:18px;align-items:center;justify-content:space-between;border-radius:15px;background:#fbbb17;color:#07315b;font-size:14px;font-weight:900}
body[data-tp-family="gear"].tp-template-category :is(.grx-card-link b,.uc-card-link b){font-size:20px;font-weight:500}

/* Navigation and footer type scale. Legacy and UC headers now expose the
   same readable baseline so switching product families does not change the
   perceived density of the site chrome. */
body.tp-template-category :is(.utility,.uc-utility){font-size:11px}
body.tp-template-category :is(.menu a,.uc-nav-link){font-size:13px}
body.tp-template-category :is(.breadcrumb,.uc-breadcrumb){font-size:11px}
body.tp-template-category :is(.footer h3,.uc-site-footer h3){font-size:12px}
body.tp-template-category :is(.footer p,.footer a,.uc-site-footer p,.uc-site-footer a){font-size:12px;line-height:1.5}
body.tp-template-category :is(.btn,.uc-btn){font-size:13px}

/* Product detail contract: preserve the existing gallery/core/quote layout,
   but make all family variants share spacing and media proportions. */
body.tp-template-product :is(.uc-product-hero,.hvd-hero,.dhero,.product-hero){
  min-width:0;
}
body.tp-template-product :is(.uc-product-layout,.hvd-hero-grid,.dhero .dgrid,.product-layout){
  max-width:var(--tp-container);
  margin-inline:auto;
}
body.tp-template-product :is(.uc-gallery-main,.hvd-hero-frame,.dart,.dhero .dart,.product-gallery-main){
  overflow:hidden;
  border-radius:var(--tp-radius);
}
body.tp-template-product :is(.uc-gallery-main img,.hvd-hero-frame img,.dhero .dart img,.product-gallery-main img){
  width:100%;
  height:100%;
  object-fit:contain;
}
body.tp-template-product :is(.uc-product-core h1,.hvd-hero-copy h1,.dhero h1,.product-hero h1){
  max-width:760px;
}
body.tp-template-product :is(.uc-spec-cells,.hvd-spec-cards,.dhero .specs,.product-specs){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

/* Product-detail UI contract: family-specific copy stays intact while the
   structural primitives share one readable rhythm for easier templating. */
body.tp-template-product :is(.uc-product-layout,.hvd-hero-grid,.dhero .dgrid,.product-layout){gap:32px;align-items:start}
body.tp-template-product :is(.uc-product-core,.product-core,.dhero-copy){min-width:0}
body.tp-template-product :is(.uc-product-core>p,.product-core>p,.dhero-copy>p){font-size:15px;line-height:1.65}
body.tp-template-product :is(.uc-gallery-main,.hvd-hero-frame,.dart,.dhero .dart,.product-gallery-main){background:linear-gradient(145deg,#fff,#e6eeea)}
body.tp-template-product :is(.uc-gallery-main img,.hvd-hero-frame img,.dhero .dart img,.product-gallery-main img){padding:0;object-fit:contain}

/* HVLS product photography is wide. Keep the full blade span visible while
   preserving the shared gallery component contract used by every product. */
body.uc-hvls.uc-product-page .uc-gallery-main{aspect-ratio:2/1;height:auto;align-self:start;border-radius:20px;background:#eef2f0}
body.uc-hvls.uc-product-page .uc-gallery-main img{width:100%;height:100%;padding:0;object-fit:contain}
body.uc-hvls.uc-product-page .uc-thumbs{grid-template-columns:repeat(4,minmax(0,120px));justify-content:start;gap:8px}
body.uc-hvls.uc-product-page .uc-thumb{aspect-ratio:2/1;border-radius:10px}
body.uc-hvls.uc-product-page .uc-thumb img{width:100%;height:100%;aspect-ratio:auto;padding:0;object-fit:contain}
body.uc-hvls.uc-product-page .uc-value-item span{display:grid;gap:3px}
body.uc-hvls.uc-product-page .uc-value-item small{color:var(--uc-orange);font-size:10px;font-weight:900;letter-spacing:.08em}
body.uc-hvls.uc-product-page .uc-value-item em{color:var(--uc-ink);font-size:13px;font-style:normal;line-height:1.4}
body.uc-hvls.uc-product-page .uc-quote-box{padding:28px 26px 30px;border-radius:7px 28px 7px 28px}
body.uc-hvls.uc-product-page .uc-quote-box>small{font-size:10px}
body.uc-hvls.uc-product-page .uc-quote-box h2{font-size:31px;line-height:1.07}
body.uc-hvls.uc-product-page .uc-quote-box>p{font-size:13px;line-height:1.55}
body.uc-hvls.uc-product-page .uc-quote-form{gap:11px;margin-top:21px}
body.uc-hvls.uc-product-page .uc-quote-form input,
body.uc-hvls.uc-product-page .uc-quote-form select{min-height:58px;padding:0 17px;border-radius:12px;font-size:16px}
body.uc-hvls.uc-product-page .uc-quote-form .uc-btn{min-height:60px;border-radius:999px;font-size:16px}
body.uc-hvls.uc-product-page .uc-quote-links[data-quote-pattern="support-stack"]{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
body.uc-hvls.uc-product-page .uc-quote-support-label{color:#a6c8bf;font-size:9px;font-weight:900;letter-spacing:.11em}
body.uc-hvls.uc-product-page .uc-quote-links[data-quote-pattern="support-stack"] a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:12px 14px;border:0;border-radius:12px;text-align:left}
body.uc-hvls.uc-product-page .uc-quote-links[data-quote-pattern="support-stack"] i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0d665c;color:#fff;font-style:normal;font-weight:900}
body.uc-hvls.uc-product-page .uc-quote-links[data-quote-pattern="support-stack"] span{display:grid;gap:2px}
body.uc-hvls.uc-product-page .uc-quote-links[data-quote-pattern="support-stack"] small{font-size:9px;font-weight:900;letter-spacing:.08em}
body.uc-hvls.uc-product-page .uc-quote-links[data-quote-pattern="support-stack"] b{font-size:14px}
body.uc-hvls.uc-product-page .gbx-direct-call{background:#eef7f4;color:#17332f}
body.uc-hvls.uc-product-page .gbx-direct-zalo{background:#1485da;color:#fff}
body.uc-hvls.uc-product-page .gbx-direct-zalo i{background:#fff!important;color:#1378cf!important}
/* Product gallery rail: expose three thumbnails at a time with obvious
   previous/next affordances for the remaining images. */
body.uc-gear.uc-product-page .tp-thumb-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-inline:18px}
body.uc-gear.uc-product-page .tp-thumb-rail .uc-thumb:nth-child(4){display:none}
body.uc-gear.uc-product-page .tp-thumb-rail .uc-thumb{min-width:0}
body.uc-gear.uc-product-page .tp-thumb-arrow{position:absolute;top:50%;z-index:3;display:grid;width:30px;height:44px;place-items:center;padding:0;transform:translateY(-50%);border:1px solid rgba(255,255,255,.55);border-radius:10px;background:rgba(15,90,78,.92);color:#fff;box-shadow:0 5px 14px rgba(23,51,47,.2);cursor:pointer;font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
body.uc-gear.uc-product-page .tp-thumb-arrow--prev{left:4px}
body.uc-gear.uc-product-page .tp-thumb-arrow--next{right:4px}
body.uc-gear.uc-product-page .tp-thumb-arrow:hover{transform:translateY(-50%) scale(1.05);background:#e56d2e;box-shadow:0 8px 18px rgba(212,95,42,.3)}
body.uc-gear.uc-product-page .tp-thumb-arrow:focus-visible{outline:3px solid rgba(229,109,46,.35);outline-offset:2px}
/* Keep the value cards visually separated from the decision blocks below. */
body.uc-gear.uc-product-page .uc-product-core>.uc-spec-cells{margin-bottom:16px}
.tp-gallery-caption{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;padding:2px 4px 0;color:#687872;font-size:11px;line-height:1.4}
.tp-gallery-caption b{color:#17332f;font-size:12px}
.tp-gallery-caption b:after{content:"·";margin-left:8px;color:#e56d2e}
body.uc-gear.uc-product-page .uc-gallery:has(.tp-gallery-caption){grid-template-rows:minmax(0,1fr) 78px auto}

body.uc-gear.uc-product-page .tp-f2-decision{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
body.uc-gear.uc-product-page .tp-f2-decision article{padding:14px;border:1px solid #d9dfda;border-radius:13px;background:#fff}
body.uc-gear.uc-product-page .tp-f2-decision .tp-f2-fit{background:#eef7f3}
body.uc-gear.uc-product-page .tp-f2-decision .tp-f2-check{background:#fff4ed;border-color:#efd5c7}
body.uc-gear.uc-product-page .tp-f2-decision small{display:block;color:#0f5a4e;font-size:9px;font-weight:900;letter-spacing:.1em}
body.uc-gear.uc-product-page .tp-f2-decision .tp-f2-check small{color:#d8642d}
body.uc-gear.uc-product-page .tp-f2-decision ul{margin:9px 0 0;padding-left:17px;color:#52665f;font-size:11px;line-height:1.5}
body.uc-gear.uc-product-page .tp-f2-decision li+li{margin-top:4px}
body.uc-gear.uc-product-page .tp-f2-decision>p{grid-column:1/-1;margin:0;padding:10px 12px;border-left:3px solid #e56d2e;background:#fff;color:#17332f;font-size:11px;font-weight:750;line-height:1.45}
body.uc-gear.uc-product-page .tp-f2-decision--wide{width:min(var(--tp-container),calc(100% - 40px));margin:0 auto 36px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.uc-gear.uc-product-page .tp-f2-decision--wide article{min-height:180px;padding:24px 26px}
body.uc-gear.uc-product-page .tp-f2-decision--wide small{font-size:13px;letter-spacing:.12em}
body.uc-gear.uc-product-page .tp-f2-decision--wide ul{margin-top:14px;padding-left:22px;font-size:16px;line-height:1.55}
body.uc-gear.uc-product-page .tp-f2-decision--wide li+li{margin-top:8px}
body.uc-gear.uc-product-page .tp-f2-decision--wide>p{padding:16px 18px;font-size:15px;line-height:1.5}
body.uc-gear.uc-product-page .tp-quick-answer{margin:-5px 0 18px;padding:13px 16px;border-left:4px solid #e56d2e;background:#fff4ed;color:#30564d;font-size:16px;line-height:1.55}
/* Match the decision block's readable scale through the rest of the detail
   page, while keeping technical labels intentionally compact. */
body.uc-gear.uc-product-page .uc-fit-card h3{font-size:20px;line-height:1.3}
body.uc-gear.uc-product-page .uc-fit-card ul{font-size:14px;line-height:1.6}
body.uc-gear.uc-product-page .uc-scenario h3{font-size:19px;line-height:1.3}
body.uc-gear.uc-product-page .uc-scenario p{font-size:14px;line-height:1.6}
body.uc-gear.uc-product-page .uc-faq summary span{font-size:16px}
body.uc-gear.uc-product-page .uc-faq details p{font-size:14px;line-height:1.65}
body.uc-gear.uc-product-page .tp-shared-insight{scroll-margin-top:150px}
body.uc-gear.uc-product-page .tp-shared-insight>h2{margin:9px 0 12px;font-family:Cambria,Georgia,serif;font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.07}
body.uc-gear.uc-product-page .tp-shared-insight>p{max-width:760px;margin:0 0 20px;color:#52665f;font-size:15px;line-height:1.65}
body.uc-gear.uc-product-page .tp-shared-checklist,.tp-risk-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.uc-gear.uc-product-page .tp-shared-checklist article,body.uc-gear.uc-product-page .tp-risk-list article{padding:20px;border:1px solid var(--uc-line);border-radius:15px;background:var(--uc-cream)}
body.uc-gear.uc-product-page .tp-shared-checklist b,body.uc-gear.uc-product-page .tp-risk-list b{display:block;color:var(--uc-orange);font-family:Cambria,Georgia,serif;font-size:28px;font-weight:500}
body.uc-gear.uc-product-page .tp-shared-checklist h3{margin:7px 0 6px;font-size:19px;line-height:1.3}
body.uc-gear.uc-product-page .tp-shared-checklist p,body.uc-gear.uc-product-page .tp-risk-list p{margin:0;color:var(--uc-muted);font-size:14px;line-height:1.6}
body.uc-gear.uc-product-page .tp-wrong-choice-risk{padding:26px;border-radius:18px;background:#fff4ed}
body.uc-gear.uc-product-page .tp-wrong-choice-risk>h2{font-size:clamp(28px,3vw,40px)}
body.uc-gear.uc-product-page .tp-risk-list article{background:#fff;border-color:#efd5c7}
body.uc-gear.uc-product-page .tp-risk-list strong{display:block;margin:7px 0 6px;color:#17332f;font-size:17px;line-height:1.3}
/* Visual rhythm: vary presentation modes without changing the shared block
   contract or the content structure. */
body.uc-gear.uc-product-page #phu-hop{padding-bottom:10px}
body.uc-gear.uc-product-page #phu-hop .uc-scenario-grid{position:relative;gap:0;grid-template-columns:repeat(3,1fr);padding-top:10px}
body.uc-gear.uc-product-page #phu-hop .uc-scenario-grid:before{content:"";position:absolute;left:8%;right:8%;top:38px;border-top:1px solid #e6c9b8}
body.uc-gear.uc-product-page #phu-hop .uc-scenario{position:relative;z-index:1;padding:20px 22px;background:#fff;border:0;border-top:3px solid #e56d2e;border-radius:0 0 15px 15px}
body.uc-gear.uc-product-page #phu-hop .uc-scenario strong{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff4ed;border:1px solid #efd5c7}
body.uc-gear.uc-product-page .tp-required-data{padding:28px 30px;border-radius:18px;background:#eef7f3}
body.uc-gear.uc-product-page .tp-required-data .tp-shared-checklist article{background:#fff;border:0;border-left:3px solid #0f5a4e;border-radius:0 13px 13px 0}
body.uc-gear.uc-product-page .tp-required-data .tp-shared-checklist b{color:#0f5a4e}
body.uc-gear.uc-product-page .tp-wrong-choice-risk{background:#17332f;color:#fff}
body.uc-gear.uc-product-page .tp-wrong-choice-risk .uc-eyebrow{color:#ff9a68}
body.uc-gear.uc-product-page .tp-wrong-choice-risk>h2{color:#fff}
body.uc-gear.uc-product-page .tp-risk-list article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
body.uc-gear.uc-product-page .tp-risk-list strong{color:#fff}
body.uc-gear.uc-product-page .tp-risk-list p{color:#c5d5d0}
body.uc-gear.uc-product-page .tp-trust-evidence{padding:28px 30px;border-top:1px solid #dce8e3;border-bottom:1px solid #dce8e3}
body.uc-gear.uc-product-page .tp-trust-head{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end;margin-bottom:18px}
body.uc-gear.uc-product-page .tp-trust-head h2{margin:9px 0 0;font-family:Cambria,Georgia,serif;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.08}
body.uc-gear.uc-product-page .tp-trust-head>p{margin:0;color:#687872;font-size:14px;line-height:1.6}
body.uc-gear.uc-product-page .tp-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.uc-gear.uc-product-page .tp-trust-grid article{padding:16px;border:1px solid #dce8e3;border-radius:13px;background:#f7faf8}
body.uc-gear.uc-product-page .tp-trust-grid b{display:block;color:#e56d2e;font-family:Cambria,Georgia,serif;font-size:24px;font-weight:500}
body.uc-gear.uc-product-page .tp-trust-grid strong{display:block;margin:7px 0 4px;color:#17332f;font-size:14px}
body.uc-gear.uc-product-page .tp-trust-grid span{display:block;color:#687872;font-size:12px;line-height:1.45}
body.uc-gear.uc-product-page .tp-spec-status{display:inline-block;margin-left:10px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.06em;vertical-align:middle}
body.uc-gear.uc-product-page .tp-spec-status.is-ready{background:#e6f2ed;color:#0f5a4e}
body.uc-gear.uc-product-page .tp-spec-status.is-pending{background:#fff0e8;color:#c65c2a}
body.uc-gear.uc-product-page #kiem-tra .uc-fit-card{position:relative;overflow:hidden}
body.uc-gear.uc-product-page #kiem-tra .uc-fit-card:before{position:absolute;right:20px;top:12px;font-size:42px;font-weight:700;line-height:1;opacity:.14}
body.uc-gear.uc-product-page #kiem-tra .uc-fit-card.good:before{content:"✓";color:#0f5a4e}
body.uc-gear.uc-product-page #kiem-tra .uc-fit-card.warn:before{content:"!";color:#d8642d}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links{margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links a{background:rgba(255,255,255,.06)}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-call{background:#e6f2ed;color:#0f5a4e!important;border-color:rgba(230,242,237,.55)}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-call small,
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-call b{color:#0f5a4e!important}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-call i{background:#0f5a4e;color:#fff}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-zalo{background:#1687dc;color:#fff!important;border-color:#1687dc}
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-zalo small,
body.uc-gear.uc-product-page .uc-quote-box[data-tp-primary-action="quote-check"] .uc-quote-links .gbx-direct-zalo b{color:#fff!important}
body.uc-gear.uc-product-page .uc-spec-cell b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
body.uc-gear.uc-product-page .uc-spec-cell:nth-child(3) b{font-size:13px}
body.uc-gear.uc-product-page .tp-related-note{margin:0 0 18px;color:#687872;font-size:14px;line-height:1.55}

@media(max-width:700px){
  .tp-gallery-caption{grid-template-columns:1fr;gap:1px;font-size:10px}
  .tp-gallery-caption b:after{display:none}
  body.uc-gear.uc-product-page .tp-f2-decision{grid-template-columns:1fr}
  body.uc-gear.uc-product-page .tp-f2-decision>p{grid-column:auto}
  body.uc-gear.uc-product-page .tp-f2-decision--wide{width:calc(100% - 28px);grid-template-columns:1fr;margin-bottom:24px}
  body.uc-gear.uc-product-page .tp-f2-decision--wide article{min-height:0;padding:19px 18px}
  body.uc-gear.uc-product-page .tp-f2-decision--wide ul{font-size:14px}
  body.uc-gear.uc-product-page .tp-shared-checklist,.tp-risk-list{grid-template-columns:1fr}
  body.uc-gear.uc-product-page .tp-shared-insight>p{font-size:14px}
  body.uc-gear.uc-product-page .tp-quick-answer{font-size:14px;padding:11px 13px}
  body.uc-gear.uc-product-page .tp-wrong-choice-risk{padding:19px}
  body.uc-gear.uc-product-page .tp-trust-evidence{padding:22px 18px}
  body.uc-gear.uc-product-page .tp-trust-head{grid-template-columns:1fr;gap:10px}
  body.uc-gear.uc-product-page .tp-trust-grid{grid-template-columns:1fr 1fr}
  body.uc-gear.uc-product-page #phu-hop .uc-scenario-grid{grid-template-columns:1fr;gap:10px;padding-top:0}
  body.uc-gear.uc-product-page #phu-hop .uc-scenario-grid:before{display:none}
  body.uc-gear.uc-product-page #phu-hop .uc-scenario{border-top-width:2px;border-radius:0 0 12px 12px}
  body.uc-gear.uc-product-page .tp-required-data{padding:20px 18px}
}
/* HVLS detail pages use the shared horizontal product navigation and do not
   render a left table-of-contents column. Keep the detail content full width
   like the standard pump/motor template instead of leaving it in a 230px grid
   track. */
body.uc-hvls.uc-product-page .uc-detail-layout{display:block;}
body.uc-hvls.uc-product-page .uc-detail{width:100%;max-width:none;}
body.uc-hvls.uc-product-page .uc-detail-layout .uc-toc{display:none;}
body.uc-hvls.uc-product-page .uc-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
body.tp-template-product :is(.uc-spec-cell,.spec-cell,.product-spec-cell){min-width:0;padding:14px;border:1px solid var(--tp-line);border-radius:11px;background:var(--tp-surface)}
body.tp-template-product :is(.uc-spec-cell small,.spec-cell small,.product-spec-cell small){font-size:9px;line-height:1.35}
body.tp-template-product :is(.uc-spec-cell b,.spec-cell b,.product-spec-cell b){font-size:14px;line-height:1.4}
body.tp-template-product :is(.uc-product-nav a,.product-nav a){font-size:13px}
body.tp-template-product :is(.uc-toc a,.product-toc a){font-size:13px;line-height:1.45}
body.tp-template-product :is(.uc-spec-table th,.product-spec-table th){font-size:13px}
body.tp-template-product :is(.uc-spec-table td,.product-spec-table td){font-size:14px;line-height:1.5}
body.tp-template-product .gbx-footer-proof span{font-size:13px}
body.tp-template-product .gbx-footer-brand>p{font-size:14px}
body.tp-template-product .gbx-footer-brand address{font-size:13px}
body.tp-template-product .gbx-footer-links a{font-size:14px}
body.tp-template-product .gbx-footer-contact>p{font-size:13px}
body.tp-template-product .gbx-footer-contact-meta a{font-size:11px}
body.tp-template-product .gbx-footer-bottom,body.tp-template-product .gbx-footer-bottom a{font-size:11px}
body.tp-template-product .gbx-footer-actions small{font-size:8px}
body.tp-template-product .gbx-footer-actions b{font-size:13px}
body.tp-template-product .uc-mega-feature>span{font-size:14px}
body.tp-template-product .uc-mega-feature>small{font-size:11px}
body.tp-template-product .uc-nav-link{font-size:15px;font-weight:850}
body.tp-template-product .uc-mega-links a b{font-size:15px;font-weight:750}
body.tp-template-product .uc-mega-links a small{font-size:13px}
body.tp-template-product :is(.uc-btn,.product-cta,.dhero .btn){min-height:52px;font-size:15px}
/* Category navigation and footer use the same readable scale as detail pages. */
body.tp-template-category .gbx-footer-proof span{font-size:13px}
body.tp-template-category .gbx-footer-brand>p{font-size:14px}
body.tp-template-category .gbx-footer-brand address{font-size:13px}
body.tp-template-category .gbx-footer-links a{font-size:14px}
body.tp-template-category .gbx-footer-contact>p{font-size:13px}
body.tp-template-category .gbx-footer-contact-meta a{font-size:11px}
body.tp-template-category .gbx-footer-bottom,body.tp-template-category .gbx-footer-bottom a{font-size:11px}
body.tp-template-category .gbx-footer-actions small{font-size:8px}
body.tp-template-category .gbx-footer-actions b{font-size:13px}
body.tp-template-category .uc-mega-feature>span{font-size:14px}
body.tp-template-category .uc-mega-feature>small{font-size:11px}
body.tp-template-category .uc-nav-link{font-size:15px;font-weight:850}
body.tp-template-category .uc-mega-links a b{font-size:15px;font-weight:750}
body.tp-template-category .uc-mega-links a small{font-size:13px}
body.tp-template-product.uc-gear #lien-quan .uc-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.tp-template-product.uc-gear #lien-quan .uc-card-link{display:flex;align-items:center;justify-content:space-between;background:#fbbb17;color:#07315b;border:1px solid #f0aa08;border-radius:15px;padding:0 18px;min-height:70px;font-size:14px;font-weight:900}
body.tp-template-product.uc-gear #lien-quan .uc-card-link b{width:auto;height:auto;display:block;border-radius:0;background:transparent;color:#07315b;font-size:20px;font-weight:500;line-height:1}
body.tp-template-product.uc-gear #lien-quan .uc-card-link:hover{background:#f7ad08;border-color:#e29a00}
@media(max-width:1100px){body.tp-template-product.uc-gear #lien-quan .uc-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.tp-template-product.uc-gear #lien-quan .uc-related-grid{grid-template-columns:1fr}}

/* Common utility names for new templates. */
.tp-container{width:min(var(--tp-container),calc(100% - 40px));margin-inline:auto}
.tp-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--tp-line);border-radius:var(--tp-radius);background:var(--tp-surface)}
.tp-card__media{aspect-ratio:4/3;overflow:hidden;background:#eef3ef}
.tp-card__media img{width:100%;height:100%;object-fit:contain}
.tp-card__body{display:flex;flex:1;flex-direction:column;padding:16px}
.tp-card__title{display:-webkit-box;min-height:3.9em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.tp-card__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:auto}
.tp-card__action{display:flex;min-height:44px;align-items:center;justify-content:space-between;margin-top:12px;color:var(--tp-green);font-size:12px;font-weight:850}
.tp-template-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:var(--tp-ink);color:#fff;font-size:9px;font-weight:850}

@media(max-width:1100px){
  body.tp-template-category :is(.uc-product-grid,.emc-products,.grx-products,.hvx-models,.model-grid,.fan-model-grid,.composite-model-grid,.farm-model-grid,.roof-product-grid,.water-model-grid,.bearing-model-grid,.motor-model-grid,.gear-compact-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  body.tp-template-category :is(.uc-product-grid,.emc-products,.grx-products,.hvx-models,.model-grid,.fan-model-grid,.composite-model-grid,.farm-model-grid,.roof-product-grid,.water-model-grid,.bearing-model-grid,.motor-model-grid,.gear-compact-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body.tp-template-category :is(.uc-hero-visual,.grx-visual,.hvx-visual,.hvd-hero-visual,.category-visual){min-height:340px}
  body.tp-template-category :is(.uc-product-media,.grx-card-media,.hvx-model-media,.model-media,.fan-model-image,.composite-model-image,.farm-model-image,.roof-product-image,.water-model-image,.bearing-model-image,.motor-model-image,.gear-compact-image){min-height:0}
  body.tp-template-category :is(.uc-product-body,.grx-card-body,.hvx-model-copy,.model-copy,.fan-model-copy,.composite-model-copy,.farm-model-copy,.roof-product-copy,.water-model-copy,.bearing-model-copy,.motor-model-copy,.gear-compact-copy){padding:11px}
body.tp-template-category :is(.uc-card-specs,.grx-card-specs,.hvx-model-specs,.model-specs,.fan-model-specs,.composite-model-specs,.farm-model-specs,.roof-product-specs,.water-model-specs,.bearing-model-specs,.motor-model-specs,.gear-compact-specs){grid-template-columns:1fr}
  body.tp-template-product :is(.uc-spec-cells,.hvd-spec-cards,.dhero .specs,.product-specs){grid-template-columns:1fr 1fr}
  body.tp-template-product :is(.uc-product-layout,.hvd-hero-grid,.dhero .dgrid,.product-layout){gap:24px}
  body.tp-template-product :is(.uc-product-core>p,.product-core>p,.dhero-copy>p){font-size:14px}
  body.tp-template-product :is(.uc-spec-table th,.product-spec-table th){font-size:11px}
  body.tp-template-product :is(.uc-spec-table td,.product-spec-table td){font-size:12px}
  .tp-container{width:min(var(--tp-container),calc(100% - 28px))}
}

/* Child gear catalogue card presentation. The parent grouped catalogue keeps
   its original layout; only child pages receive this reference-card treatment. */
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d9e2dc;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,51,47,.06);
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-media{
  position:relative;
  aspect-ratio:1.12/1;
  min-height:0;
  border-radius:21px 21px 0 0;
  background:#eef1f0;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body{
  display:flex;
  min-height:283px;
  flex:1;
  flex-direction:column;
  padding:18px 18px 16px;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body>small{
  color:#e06a32;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.2;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body h3{
  display:-webkit-box;
  min-height:62px;
  margin:8px 0 12px;
  overflow:hidden;
  color:#123e52;
  font-size:22px;
  font-weight:800;
  line-height:1.3;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body>p{display:none!important}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  min-height:57px;
  margin-top:auto;
  border:1px solid #d7e2dc;
  border-radius:14px;
  overflow:hidden;
  background:#f7faf7;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs span{min-height:57px;padding:10px 14px;background:transparent}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs span+span{border-left:1px solid #d7e2dc}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs small{color:#789087;font-size:10px;line-height:1.25}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs b{color:#16496b;font-size:14px;line-height:1.35}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs b{white-space:normal;overflow:visible;text-overflow:clip}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-link{
  display:flex;
  min-height:70px;
  align-items:center;
  justify-content:space-between;
  margin-top:18px;
  padding:0 18px;
  border-radius:15px;
  background:#fbbb17;
  color:#07315b;
  font-size:14px;
  font-weight:900;
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-link b{font-size:20px;font-weight:500}
/* Typography parity: child cards inherit the parent motor catalogue's type
   scale while retaining the child card geometry and improved data hierarchy. */
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body>small{font-size:10px;letter-spacing:.14em}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body h3{font-size:19px;line-height:1.25;font-weight:700}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs small{font-size:8.5px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-specs b{font-size:12px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-link{min-height:47px;border-radius:10px;padding-inline:13px;font-size:12px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-link b{font-size:16px}
/* Readability pass for the decision-support blocks below the catalogue. */
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-situation>span{font-size:30px;line-height:1}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-situation h3{font-size:20px;line-height:1.25}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-situation p{font-size:14px;line-height:1.55}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-situation li{font-size:12px;line-height:1.5}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-faq details summary span{font-size:16px;line-height:1.4}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-faq details summary>b{font-size:23px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-faq details p{font-size:14px;line-height:1.65}
body.uc-child-page.uc-gear .tp-child-definition{max-width:620px;margin:13px 0 0;color:#52665f;font-size:15px;line-height:1.6}
body.uc-child-page.uc-gear .tp-child-quick-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 20px;padding:12px 14px;border:1px solid var(--uc-line);border-radius:13px;background:#f7faf8}
body.uc-child-page.uc-gear .tp-child-quick-filter>span{margin-right:5px;color:#52665f;font-size:13px;font-weight:800}
body.uc-child-page.uc-gear .tp-child-quick-filter button{padding:8px 12px;border:1px solid #d7e4df;border-radius:999px;background:#fff;color:#31584f;font-size:12px;font-weight:800;cursor:pointer}
body.uc-child-page.uc-gear .tp-child-quick-filter button.is-active,body.uc-child-page.uc-gear .tp-child-quick-filter button:hover{border-color:#e56d2e;background:#e56d2e;color:#fff}
body.uc-child-page.uc-gear .uc-product-card[hidden]{display:none}
body.uc-child-page.uc-gear .tp-card-fit{margin:10px 0 0;color:#52665f;font-size:12px;line-height:1.45}
body.uc-child-page.uc-gear .tp-card-fit b{color:#0f5a4e}
body.uc-child-page.uc-gear #san-pham .uc-product-body h3{font-size:17px;line-height:1.3;min-height:56px}
body.uc-child-page.uc-gear #san-pham .uc-product-body h3{margin:6px 0 10px;min-height:50px}
body.uc-child-page.uc-gear #san-pham .uc-card-specs{margin-top:8px}
body.uc-child-page.uc-gear #san-pham .uc-card-link{margin-top:12px}
body.uc-child-page.uc-gear #san-pham .uc-card-link{background:#fbbb17;color:#07315b;border:1px solid #f0aa08}
body.uc-child-page.uc-gear #san-pham .uc-card-link b{color:#07315b}
body.uc-child-page.uc-gear #san-pham .uc-card-link:hover{background:#f7ad08;border-color:#e29a00}
body.uc-child-page.uc-gear .tp-table-status{display:block;width:max-content;margin-top:6px;padding:3px 6px;border-radius:999px;background:#eef7f3;color:#0f5a4e;font-size:8px;letter-spacing:.05em}
@media(max-width:700px){
  body.uc-child-page.uc-gear .tp-child-definition{font-size:14px}
  body.uc-child-page.uc-gear .tp-child-quick-filter{align-items:flex-start}
  body.uc-child-page.uc-gear .tp-child-quick-filter>span{width:100%;margin-bottom:2px}
  body.uc-child-page.uc-gear .tp-card-fit{font-size:11px}
  body.uc-child-page.uc-gear #san-pham .uc-product-body h3{font-size:15px;min-height:48px}
}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-section-head>p{font-size:15px;line-height:1.6}
/* Hero copy contract: readable lead and benefit-led proof points. */
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-hero-copy>.tp-hero-lead{max-width:620px;font-size:17px;line-height:1.65}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-proof small{font-size:11px;line-height:1.45;letter-spacing:.02em;text-transform:none}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-proof b{font-size:15px;line-height:1.25}
body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham .uc-catalog-top{justify-content:flex-end}
body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham .uc-catalog-top>b:empty{display:none}
/* Compact the model-selection header: the heading and filter are one task. */
body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham{padding-top:72px;padding-bottom:84px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham .uc-section-head{gap:60px;margin-bottom:30px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham .tp-child-quick-filter{margin-top:0;margin-bottom:14px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham .tp-model-count{align-self:end;max-width:620px;margin:0 0 4px;color:var(--uc-muted);font-size:15px;line-height:1.6}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta{display:flex;width:min(var(--tp-container),calc(100% - 40px));align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:20px 24px;border:1px solid #d9e2dc;border-radius:18px;background:#f4f8f5}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta small{display:block;color:#e06a32;font-size:10px;font-weight:900;letter-spacing:.12em}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta strong{display:block;max-width:680px;margin-top:6px;color:#17332f;font-size:17px;line-height:1.4}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta-actions{display:flex;flex-wrap:wrap;gap:8px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta-actions a{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border-radius:999px;background:#0f5a4e;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta-actions a+a{border:1px solid #bfd8cf;background:#fff;color:#0f5a4e}
@media(max-width:700px){
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-hero-copy>.tp-hero-lead{font-size:16px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-proof small{font-size:10px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham{padding-top:52px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] #san-pham .tp-model-count{margin-top:4px;font-size:14px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta{width:min(var(--tp-container),calc(100% - 28px));align-items:stretch;flex-direction:column;gap:14px;padding:18px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta strong{font-size:16px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta-actions{display:grid;grid-template-columns:1fr 1fr}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .tp-gear-mid-cta-actions a{justify-content:center;padding:0 10px;font-size:11px}
}
.tp-gear-related{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:20px;padding:22px 24px;border:1px solid #d9e2dc;border-radius:18px;background:#f4f8f5}
.tp-gear-related small{color:#dc6832;font-size:10px;font-weight:900;letter-spacing:.13em}
.tp-gear-related h3{margin:7px 0 5px;color:#17332f;font-size:22px;line-height:1.2}
.tp-gear-related p{max-width:720px;margin:0;color:#687872;font-size:13px;line-height:1.6}
.tp-gear-related>a{display:flex;min-height:50px;align-items:center;gap:18px;padding:0 18px;border:1px solid #0f5a4e;border-radius:999px;color:#0f5a4e;font-size:13px;font-weight:900;white-space:nowrap}
.tp-gear-form-fields{display:contents}
.tp-child-replace{background:#fffdf8}
.tp-child-replace .grx-replace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:64px;align-items:center;width:min(var(--tp-container),calc(100% - 40px));margin-inline:auto}
.tp-child-replace .grx-replace-media{position:relative;min-width:0}
.tp-child-replace .grx-replace-media>img{display:block;width:100%;height:560px;object-fit:cover;border-radius:0 38px 0 38px;background:#eef1f0;box-shadow:0 18px 38px rgba(23,51,47,.12)}
.tp-child-replace .grx-replace-badge{position:absolute;right:-32px;bottom:38px;max-width:330px;padding:26px 30px;border-radius:0 0 22px 0;background:#e56d2e;color:#fff;box-shadow:0 14px 30px rgba(191,75,32,.2)}
.tp-child-replace .grx-replace-badge small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em}
.tp-child-replace .grx-replace-badge b{display:block;margin-top:10px;font-size:20px;line-height:1.35}
.tp-child-replace .grx-replace-copy{min-width:0}
.tp-child-replace .grx-replace-copy>.eyebrow{color:#e06a32;font-size:11px;font-weight:900;letter-spacing:.14em}
.tp-child-replace .grx-replace-copy h2{margin:12px 0 20px;color:#17332f;font-family:Cambria,Georgia,serif;font-size:clamp(38px,4.1vw,58px);font-weight:500;line-height:1.04;letter-spacing:-.035em}
.tp-child-replace .grx-replace-copy>p{margin:0;color:#687872;font-size:16px;line-height:1.65}
.tp-child-replace .grx-replace-list{display:grid;gap:0;margin-top:28px}
.tp-child-replace .grx-replace-item{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #d9dfda}
.tp-child-replace .grx-replace-item>b{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:#e2eee8;color:#0f5a4e;font-size:14px}
.tp-child-replace .grx-replace-item strong{display:block;color:#17332f;font-size:17px;line-height:1.35}
.tp-child-replace .grx-replace-item span{display:block;margin-top:3px;color:#687872;font-size:14px;line-height:1.5}
.tp-child-replace .grx-hero-actions{display:flex;gap:12px;margin-top:28px}
.tp-child-replace .grx-hero-actions .btn{display:inline-flex;min-height:54px;align-items:center;padding:0 22px;border-radius:999px;font-size:14px;font-weight:900}
.tp-child-replace .btn-orange{background:#e56d2e;color:#fff}
.tp-child-replace .btn-outline{border:1px solid #bdc9c3;color:#17332f;background:transparent}
/* Contact panel readability: match the larger category typography scale. */
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-contact .uc-deliverables span{font-size:13px;line-height:1.45;padding:11px 14px}
body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-contact .uc-contact-links a{font-size:14px;line-height:1.3;padding:13px 17px}

@media(max-width:700px){
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body{min-height:245px;padding:12px 11px 11px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-product-body h3{min-height:48px;font-size:16px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-card-link{min-height:52px;padding-inline:12px;font-size:12px}
  .tp-gear-related{grid-template-columns:1fr;gap:15px;padding:18px}
  .tp-gear-related>a{justify-content:space-between;white-space:normal}
  .tp-child-replace .grx-replace{grid-template-columns:1fr;gap:34px}
  .tp-child-replace .grx-replace-media>img{height:360px}
  .tp-child-replace .grx-replace-badge{right:12px;bottom:16px;max-width:270px;padding:18px}
  .tp-child-replace .grx-replace-badge b{font-size:16px}
  .tp-child-replace .grx-replace-copy h2{font-size:37px}
  .tp-child-replace .grx-replace-copy>p{font-size:14px}
  .tp-child-replace .grx-hero-actions{display:grid}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-contact .uc-deliverables span{font-size:12px}
  body[data-tp-page-level="child-category"][data-tp-family="gear"] .uc-contact .uc-contact-links a{font-size:13px}
}