.ht-public-shell {
  --navy:var(--ht-color-ink);
  --blue:var(--ht-color-primary);
  --ink:var(--ht-color-ink);
  --muted:var(--ht-color-text-muted);
  --pale:var(--ht-color-bg-subtle);
  --line:var(--ht-color-border);
  --orange:var(--ht-color-primary);
  --white:var(--ht-color-bg)
}
.ht-public-shell * {
  box-sizing:border-box
}
.ht-public-shell {
  scroll-behavior:smooth;
  scroll-padding-top:28px
}
.ht-public-shell {
  margin:0;
  background:var(--ht-color-bg);
  color:var(--ink);
  font-family:var(--ht-font-family);
  font-size:var(--public-text-body);
  line-height:1.6
}
.ht-public-shell button,.ht-public-shell a {
  -webkit-tap-highlight-color:transparent
}
.ht-public-shell button,.ht-public-shell input {
  font:inherit
}
.ht-public-shell button {
  cursor:pointer
}
.ht-public-shell a {
  color:inherit;
  text-decoration:none
}
.ht-public-shell button:focus-visible,.ht-public-shell a:focus-visible {
  outline:3px solid var(--ht-color-primary);
  outline-offset:3px
}
.ht-public-shell img {
  display:block;
  max-width:100%
}
.ht-public-shell button {
  color:inherit
}
.ht-public-shell h1,.ht-public-shell h2,.ht-public-shell h3,.ht-public-shell p,.ht-public-shell figure {
  margin:0
}
.ht-public-shell h1,.ht-public-shell h2,.ht-public-shell h3 {
  color:var(--navy);
  letter-spacing:0;
  line-height:1.3
}
.ht-public-shell h2 {
  font-size:var(--public-text-h2);
  font-weight:700
}
.ht-public-shell h3 {
  font-size:var(--public-text-h3);
  font-weight:700
}
.ht-public-shell p {
  color:var(--muted)
}
.ht-public-shell .wrap {
  max-width:var(--ht-container-width);
  margin:auto;
  padding-inline:var(--ht-gutter)
}
.ht-public-shell .public-breadcrumb { margin-bottom:16px; font-size:var(--public-text-small); line-height:1.6; color:var(--muted); }
.ht-public-shell .public-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin:0; padding:0; list-style:none; }
.ht-public-shell .public-breadcrumb li { display:flex; align-items:baseline; gap:8px; min-width:0; max-width:100%; }
.ht-public-shell .public-breadcrumb [aria-current] { min-width:0; overflow-wrap:break-word; }
.ht-public-shell .public-breadcrumb a { color:var(--blue); }
.ht-public-shell .nav a[aria-current="page"] { color:var(--blue); }
.ht-public-shell.public-page { display:flex; flex-direction:column; min-height:100svh; }
.ht-public-shell.public-page .public-page-breadcrumb { width:100%; margin:0 auto; padding-top:24px; }
.ht-public-shell.public-page .public-page-content { width:100%; margin:0 auto; flex:1; padding-bottom:64px; }
@media(max-width:360px) {
  #ht-guides-page .mobile-contact-bar .button { font-size:var(--public-text-button); gap:4px; }
}
/* Guides Hero only; use the shared shell's colors, buttons and type scale. */
#ht-guides-page .guides-hero {
  background:linear-gradient(115deg, var(--pale), var(--ht-color-bg-subtle));
  padding-block:48px;
}
#ht-guides-page .guides-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,55fr) minmax(0,45fr);
  gap:32px;
  align-items:center;
}
#ht-guides-page .guides-hero-copy { min-width:0; }
#ht-guides-page .guides-hero-eyebrow {
  display:flex;
  align-items:center;
  gap:16px;
  color:var(--blue);
  font-size:var(--public-text-small);
  font-weight:700;
  letter-spacing:.06em;
  margin-bottom:20px;
}
#ht-guides-page .guides-hero-eyebrow span { width:40px; height:3px; background:var(--orange); }
#ht-guides-page .guides-hero h1 { font-size:var(--public-text-h1); text-wrap:initial; }
#ht-guides-page .guides-hero h1 span { color:var(--blue); }
#ht-guides-page .guides-hero-lead {
  margin-top:24px;
  color:var(--navy);
  font-size:var(--ht-text-lead);
  font-weight:700;
  line-height:1.6;
}
#ht-guides-page .guides-hero-description,
#ht-guides-page .guides-hero-customers { margin-top:16px; }
#ht-guides-page .guides-hero-actions { margin-top:28px; }
#ht-guides-page .guides-hero-actions .secondary { border-color:var(--ht-control-border, var(--blue)); color:var(--ht-control-text, var(--blue)); }
#ht-guides-page .guides-hero-illustrations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
#ht-guides-page .guides-hero-image { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
@media(max-width:900px) {
  #ht-guides-page .guides-hero-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  #ht-guides-page .guides-hero-illustrations { width:100%; max-width:640px; margin-inline:auto; }
}
@media(max-width:600px) {
  #ht-guides-page .guides-hero { padding-block:32px; }
  #ht-guides-page .guides-hero-actions .button { width:100%; }
}
/* Guides topics only; inactive cards remain static until destination content exists. */
#ht-guides-page .guides-topics { padding-top:56px; background:var(--white); }
#ht-guides-page .guides-topics-description { margin-top:16px; }
#ht-guides-page .guides-topics-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin:32px 0 0;
  padding:0;
  list-style:none;
}
#ht-guides-page .guide-topic { min-width:0; }
#ht-guides-page .guide-topic-card {
  display:flex;
  flex-direction:column;
  height:100%;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  background:var(--white);
  box-shadow:0 5px 18px rgb(8 40 75 / 5%);
}
#ht-guides-page .guide-topic-number {
  align-self:flex-start;
  padding:4px 12px;
  border-radius:10px;
  background:var(--pale);
  color:var(--blue);
  font-weight:700;
}
#ht-guides-page .guide-topic-image {
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:contain;
  margin:8px 0 20px;
}
#ht-guides-page .guide-topic-card h3 { min-height:2.44em; }
#ht-guides-page .guide-topic-description { margin-top:12px; margin-bottom:24px; }
#ht-guides-page .guide-topic-action { margin-top:auto; color:var(--blue); font-weight:700; }
#ht-guides-page .guide-topic-action[aria-disabled="true"] { color:var(--muted); font-weight:400; }
#ht-guides-page a.guide-topic-card:focus-visible { border-color:var(--blue); }
@media (hover:hover) and (pointer:fine) {
#ht-guides-page a.guide-topic-card:hover { border-color:var(--blue); }}
@media(max-width:1100px) {
  #ht-guides-page .guides-topics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ht-guides-page .guide-topic-image { max-width:320px; align-self:center; }
  #ht-guides-page .guide-topic-card h3 { min-height:0; }
}
@media(max-width:600px) {
  #ht-guides-page .guides-topics { padding-top:32px; }
  #ht-guides-page .guides-topics-grid { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:24px; }
  #ht-guides-page .guide-topic-image { max-width:240px; }
}
/* Guides selection: all groups belong to step 01. Native anchors retain Header clearance. */
#ht-guides-page .guides-ordering { padding-top:64px; scroll-margin-top:120px; overflow-wrap:break-word; }
#ht-guides-page .guide-ordering-heading { display:flex; align-items:flex-start; gap:24px; }
#ht-guides-page .guide-ordering-heading > div { min-width:0; }
#ht-guides-page .guide-ordering-badge { display:inline-block; flex:none; padding:6px 12px; background:var(--pale); border-radius:var(--ht-radius-card); color:var(--blue); font-weight:700; }
#ht-guides-page .guide-ordering-heading > .guide-ordering-badge { padding:10px 16px; font-size:var(--public-text-body); }
#ht-guides-page .guide-ordering-lead { margin-top:10px; color:var(--navy); font-weight:700; }
#ht-guides-page .guide-ordering-intro { margin-top:8px; }
#ht-guides-page .guide-ordering-comparison { margin-top:32px; border:1px solid var(--line); border-radius:var(--ht-radius-card); overflow:hidden; }
#ht-guides-page .guide-ordering-comparison > h3 { padding:20px; background:var(--pale); }
#ht-guides-page .guide-ordering-table { width:100%; table-layout:fixed; border-collapse:collapse; }
#ht-guides-page .guide-ordering-product-column { width:24%; }
#ht-guides-page .guide-ordering-purchase-column { width:39%; }
#ht-guides-page .guide-ordering-table th,
#ht-guides-page .guide-ordering-table td { padding:20px; border-top:1px solid var(--line); text-align:left; vertical-align:middle; }
#ht-guides-page .guide-ordering-table th + th,
#ht-guides-page .guide-ordering-table td { border-left:1px solid var(--line); }
#ht-guides-page .guide-ordering-table thead { background:var(--pale); color:var(--navy); }
#ht-guides-page .guide-ordering-table p + p { margin-top:10px; }
#ht-guides-page .guide-ordering-product-image { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
#ht-guides-page .guide-ordering-product-name { display:block; margin-top:8px; color:var(--navy); line-height:1.6; }
#ht-guides-page .guide-ordering-cards { display:none; }
#ht-guides-page .guide-ordering-icon { width:40px; height:40px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; color:var(--blue); }
#ht-guides-page .guide-ordering-note { display:flex; align-items:flex-start; gap:12px; padding:16px; border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-ordering-note > div,
#ht-guides-page .guide-ordering-note > p { min-width:0; }
#ht-guides-page .guide-ordering-note .guide-ordering-icon { width:24px; height:24px; margin-top:3px; }
#ht-guides-page .guide-ordering-note strong { color:var(--blue); }
#ht-guides-page .guide-ordering-example { margin-top:12px; }
#ht-guides-page .guide-ordering-example p + p { margin-top:6px; }
#ht-guides-page .guide-ordering-process { margin-top:32px; }
#ht-guides-page .guide-ordering-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin:20px 0 0; padding:0; }
#ht-guides-page .guide-ordering-step { position:relative; min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); }
#ht-guides-page .guide-ordering-step-top { display:flex; align-items:center; gap:20px; }
#ht-guides-page .guide-ordering-step h4,
#ht-guides-page .guide-ordering-card h4 { margin:16px 0 10px; color:var(--navy); font-size:var(--public-text-body); line-height:1.6; letter-spacing:0; }
#ht-guides-page .guide-ordering-step-arrow { position:absolute; right:-23px; top:50%; width:20px; color:var(--blue); }
#ht-guides-page .guide-ordering-information { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
#ht-guides-page .guide-ordering-panel { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); }
#ht-guides-page .guide-ordering-panel-heading { display:flex; align-items:flex-start; gap:16px; }
#ht-guides-page .guide-ordering-panel-heading > div { min-width:0; }
#ht-guides-page .guide-ordering-panel-heading .guide-ordering-lead { margin-top:8px; }
#ht-guides-page .guide-ordering-shipping-intro { margin-top:16px; }
#ht-guides-page .guide-ordering-emphasis { margin-top:6px; color:var(--blue); font-weight:700; }
#ht-guides-page .guide-ordering-checklist { display:grid; gap:10px; list-style:none; padding:0; margin:20px 0; }
#ht-guides-page .guide-ordering-checklist li { display:flex; align-items:flex-start; gap:10px; color:var(--muted); }
#ht-guides-page .guide-ordering-checklist li span { min-width:0; }
#ht-guides-page .guide-ordering-checklist .guide-ordering-icon { width:20px; height:20px; margin-top:4px; }
#ht-guides-page .guide-ordering-panel > .guide-ordering-note { margin-top:auto; }
#ht-guides-page .guide-ordering-receiving { display:flex; align-items:flex-start; gap:24px; margin-top:24px; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-ordering-receiving > div { min-width:0; }
#ht-guides-page .guide-ordering-receiving > .guide-ordering-icon { width:56px; height:56px; }
#ht-guides-page .guide-ordering-receiving p + p { margin-top:8px; }
#ht-guides-page .guide-ordering-consultation { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:center; margin-top:24px; padding:32px; gap:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-ordering-consultation-copy { min-width:0; }
#ht-guides-page .guide-ordering-consultation h3 { font-size:var(--public-text-h3); }
#ht-guides-page .guide-ordering-consultation p + p { margin-top:12px; }
#ht-guides-page .guide-ordering-truck-image { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
#ht-guides-page .guide-ordering-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 20px; margin-top:24px; }
#ht-guides-page .guide-ordering-actions .primary { background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); }
@media (hover:hover) and (pointer:fine) {
#ht-guides-page .guide-ordering-actions .primary:hover { background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); }}
#ht-guides-page .guide-ordering-contact { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; color:var(--navy); }
#ht-guides-page .guide-ordering-contact a { display:inline-flex; align-items:center; gap:8px; }
@media(max-width:1023px) {
  #ht-guides-page .guide-ordering-table { display:none; }
  #ht-guides-page .guide-ordering-cards { display:grid; gap:20px; padding:20px; }
  #ht-guides-page .guide-ordering-card { min-width:0; border:1px solid var(--line); border-radius:var(--ht-radius-card); padding:20px; }
  #ht-guides-page .guide-ordering-card .guide-ordering-product-image { max-width:320px; margin-inline:auto; }
  #ht-guides-page .guide-ordering-card-details { margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
  #ht-guides-page .guide-ordering-card-details p + p { margin-top:10px; }
  #ht-guides-page .guide-ordering-label { color:var(--navy); font-weight:700; }
  #ht-guides-page .guide-ordering-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ht-guides-page .guide-ordering-step-arrow { display:none; }
  #ht-guides-page .guide-ordering-information,
  #ht-guides-page .guide-ordering-consultation { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-ordering-truck-image { max-width:480px; margin-inline:auto; }
}
@media(max-width:600px) {
  #ht-guides-page .guides-ordering { padding-top:40px; scroll-margin-top:100px; }
  #ht-guides-page .guide-ordering-heading { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; }
  #ht-guides-page .guide-ordering-heading > .guide-ordering-badge { align-self:start; padding:6px 10px; font-size:var(--public-text-body); }
  #ht-guides-page .guide-ordering-heading > div { display:contents; }
  #ht-guides-page .guide-ordering-heading p { grid-column:1 / -1; margin-top:0; }
  #ht-guides-page .guide-ordering-cards { padding:12px; gap:16px; }
  #ht-guides-page .guide-ordering-card { padding:16px; }
  #ht-guides-page .guide-ordering-steps { grid-template-columns:minmax(0,1fr); gap:16px; }
  #ht-guides-page .guide-ordering-panel-heading,
  #ht-guides-page .guide-ordering-receiving { flex-direction:column; gap:16px; }
  #ht-guides-page .guide-ordering-consultation { padding:24px; }
  #ht-guides-page .guide-ordering-actions > .button { width:100%; }
  #ht-guides-page .guide-ordering-contact { flex-direction:column; align-items:flex-start; }
}

#ht-guides-page .guides-selection { padding-top:64px; scroll-margin-top:120px; overflow-wrap:break-word; }
#ht-guides-page .guide-selection-heading { display:flex; align-items:flex-start; gap:24px; }
#ht-guides-page .guide-selection-badge {
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  padding:6px 12px; border-radius:var(--ht-radius-control); background:var(--ht-color-bg-subtle); color:var(--blue); font-weight:700;
}
#ht-guides-page .guide-selection-heading > .guide-selection-badge { padding:10px 16px; font-size:var(--public-text-body); }
#ht-guides-page .guide-selection-lead { margin-top:12px; color:var(--navy); font-weight:700; }
#ht-guides-page .guide-selection-intro { margin-top:8px; }
#ht-guides-page .guide-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
#ht-guides-page .guide-product {
  display:flex; flex-direction:column; min-width:0; padding:8px;
  border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--white);
  box-shadow:0 5px 18px rgb(8 40 75 / 5%);
}
#ht-guides-page .guide-selection-product-image {
  width:100%; height:auto; aspect-ratio:var(--ht-card-image-ratio); object-fit:contain;
  padding:12px; background:var(--pale); border-radius:var(--ht-radius-control);
}
#ht-guides-page .guide-product-body { display:flex; flex-direction:column; flex:1; padding:20px 12px 12px; }
#ht-guides-page .guide-product-benefit { margin-top:8px; color:var(--blue); font-weight:700; }
#ht-guides-page .guide-product-description { margin-top:12px; }
#ht-guides-page .guide-product-choices { margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
#ht-guides-page .guide-selection-label { color:var(--navy); font-weight:700; }
#ht-guides-page .guide-product-choices ul { list-style:none; margin:12px 0 0; padding:0; display:grid; gap:8px; }
#ht-guides-page .guide-product-choices li { display:flex; align-items:flex-start; gap:10px; color:var(--muted); }
#ht-guides-page .guide-product-choices li > span { min-width:0; }
#ht-guides-page .guide-selection-check { width:18px; height:18px; flex:none; margin-top:4px; }
#ht-guides-page .guide-selection-check circle { fill:var(--blue); }
#ht-guides-page .guide-selection-check path { fill:none; stroke:white; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#ht-guides-page .guide-product-note { margin-top:20px; padding:16px; background:var(--pale); border-radius:var(--ht-radius-card); }
#ht-guides-page .guide-product-note .guide-selection-label { color:var(--blue); margin-bottom:8px; }
:where(#ht-guides-page) .guide-selection-link { gap:8px; color:var(--blue); }
#ht-guides-page .guide-product .guide-selection-link { margin-top:auto; align-self:flex-start; }
#ht-guides-page .guide-criteria { margin-top:48px; }
#ht-guides-page .guide-criteria > h3,
#ht-guides-page .guide-accessories h3,
#ht-guides-page .guide-consultation h3 { font-size:var(--public-text-h3); }
#ht-guides-page .guide-criteria-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; margin:24px 0 0; padding:0; }
#ht-guides-page .guide-criterion { min-width:0; border:1px solid var(--line); border-radius:var(--ht-radius-card); padding:24px; }
#ht-guides-page .guide-criterion-top { display:flex; align-items:center; gap:20px; }
#ht-guides-page .guide-criterion-icon { width:40px; height:40px; color:var(--blue); }
#ht-guides-page .guide-criterion h4 { margin:20px 0 12px; color:var(--navy); font-size:var(--public-text-body); line-height:1.6; letter-spacing:0; }
#ht-guides-page .guide-accessories {
  display:grid; grid-template-columns:minmax(0,40fr) minmax(0,60fr); gap:28px; align-items:center;
  margin-top:32px; background:var(--pale); border:1px solid var(--line); border-radius:var(--ht-radius-card); overflow:hidden;
}
#ht-guides-page .guide-accessories-copy { min-width:0; padding:28px 28px 28px 0; }
#ht-guides-page .guide-accessories-copy > p + p { margin-top:12px; }
#ht-guides-page .guide-accessories .guide-selection-link { margin-top:20px; }
#ht-guides-page .guide-consultation {
  display:grid; grid-template-columns:minmax(0,65fr) minmax(0,35fr); position:relative;
  margin-top:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); overflow:hidden; background:var(--pale);
}
#ht-guides-page .guide-consultation-copy { padding:32px; min-width:0; }
#ht-guides-page .guide-consultation-copy > p + p { margin-top:12px; }
#ht-guides-page .guide-consultation-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:24px; }
#ht-guides-page .guide-consultation-contact { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; color:var(--navy); }
#ht-guides-page .guide-consultation-contact a { display:inline-flex; align-items:center; gap:8px; }
#ht-guides-page .guide-consultation-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; align-self:center; object-fit:cover; }
@media(max-width:1023px) {
  #ht-guides-page .guide-products-grid { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-product > img { max-width:20rem; margin-inline:auto; }
  #ht-guides-page .guide-criteria-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ht-guides-page .guide-consultation { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:767px) {
  #ht-guides-page .guide-accessories { grid-template-columns:minmax(0,1fr); gap:0; }
  #ht-guides-page .guide-accessories > img { max-width:20rem; margin-inline:auto; }
  #ht-guides-page .guide-accessories-copy { padding:24px; }
}
@media(max-width:600px) {
  #ht-guides-page .guides-selection { padding-top:40px; scroll-margin-top:100px; }
  #ht-guides-page .guide-selection-heading { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; }
  #ht-guides-page .guide-selection-heading > .guide-selection-badge { align-self:start; padding:6px 10px; font-size:var(--public-text-body); }
  #ht-guides-page .guide-selection-heading > div { display:contents; }
  #ht-guides-page .guide-selection-heading p { grid-column:1 / -1; margin-top:0; }
  #ht-guides-page .guide-criteria { margin-top:32px; }
  #ht-guides-page .guide-criteria-grid { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-consultation-copy { padding:24px; }
  #ht-guides-page .guide-consultation-actions > .button { width:100%; }
  #ht-guides-page .guide-consultation-contact { flex-direction:column; align-items:flex-start; }
}
/* Applications Hero only; shared shell and other page Heroes retain their styles. */
#ht-applications-page .applications-hero {
  display:grid;
  grid-template-columns:minmax(0,45fr) minmax(0,55fr);
  gap:40px;
  align-items:center;
  padding-top:24px;
}
#ht-applications-page .applications-hero-copy { min-width:0; }
#ht-applications-page .applications-hero h1 { font-size:var(--public-text-h1); }
#ht-applications-page .applications-hero-description { margin-top:24px; }
#ht-applications-page .applications-hero-actions { margin-top:28px; }
#ht-applications-page .applications-hero-guidance {
  margin-top:12px;
  font-size:var(--public-text-body);
}
#ht-applications-page .applications-hero-benefits {
  display:flex;
  flex-wrap:wrap;
  gap:12px 20px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
  font-size:var(--public-text-body);
  font-weight:600;
}
#ht-applications-page .applications-hero-benefits li { display:flex; align-items:center; gap:8px; }
#ht-applications-page .applications-hero-benefits .icon { width:20px; height:20px; color:var(--blue); }
#ht-applications-page .applications-hero-image {
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  border-radius:var(--ht-radius-card);
}
@media(max-width:900px) {
  #ht-applications-page .applications-hero { grid-template-columns:minmax(0,1fr); gap:32px; }
}
@media(max-width:600px) {
  #ht-applications-page .applications-hero { padding-top:16px; }
  #ht-applications-page .applications-hero-actions .button { width:100%; }
  #ht-applications-page .applications-hero-benefits { flex-direction:column; }
}
/* Applications section 2 uses the Hero container and existing shell tokens. */
#ht-applications-page .applications-categories { margin-top:64px; }
#ht-applications-page .applications-categories-description { margin-top:16px; }
#ht-applications-page .applications-categories-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px;
  margin-top:32px;
}
#ht-applications-page .application-category {
  grid-column:span 2;
  min-width:0;
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  background:var(--white);
}
#ht-applications-page .application-category:nth-child(7) { grid-column:2 / span 2; }
#ht-applications-page .application-category:nth-child(8) { grid-column:4 / span 2; }
#ht-applications-page .application-category > img {
  width:100%;
  height:auto;
  aspect-ratio:var(--ht-card-image-ratio);
  object-fit:cover;
  object-position:center;
  border-radius:9px 9px 0 0;
}
#ht-applications-page .application-category-copy { padding:20px; }
#ht-applications-page .application-category-copy p { margin-top:12px; }
@media(max-width:900px) {
  #ht-applications-page .applications-categories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ht-applications-page .applications-categories-grid .application-category { grid-column:auto; }
}
@media(max-width:600px) {
  #ht-applications-page .applications-categories { margin-top:48px; }
  #ht-applications-page .applications-categories-grid { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:24px; }
}
.ht-public-shell .icon-defs {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden
}
.ht-public-shell .icon {
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:1.7;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none
}
.ht-public-shell .button {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 19px;
  border:1px solid transparent;
  border-radius:var(--ht-radius-control);
  font-weight:600;
  font-size:var(--public-text-button);
  line-height:1.4;
  transition:background-color .18s,box-shadow .18s
}
.ht-public-shell .primary {
  background:var(--ht-button-bg, var(--ht-color-primary));
  color:var(--ht-color-bg);
  box-shadow:none
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .primary:hover {
  background:var(--ht-button-bg, var(--ht-color-primary))
}}
.ht-public-shell .secondary {
  background:var(--ht-control-bg, white);
  border-color:var(--ht-control-border, var(--ht-color-control-border));
  color:var(--ht-control-text, var(--navy))}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .secondary:hover {
  background:var(--ht-control-bg, var(--ht-color-bg))}}
.ht-public-shell .actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.ht-public-shell .text-link {
  border:0;
  background:none;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  color:var(--blue);
  font-size:var(--public-text-button);
  white-space:nowrap;
  min-height:44px
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .text-link:hover {
  color:var(--navy)
}}
.ht-public-shell .text-link span {
  font-size:var(--public-text-button)
}
.ht-public-shell .topbar {
  background:var(--navy);
  color:var(--ht-color-bg-subtle);
  font-size:var(--public-text-small)
}
.ht-public-shell .topbar-inner {
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}
.ht-public-shell .topbar a {
  font-weight:700
}
.ht-public-shell .header {
  background:white;
  border-bottom:1px solid var(--ht-color-border)
}
.ht-public-shell .header-inner {
  min-height:98px;
  display:flex;
  align-items:center;
  gap:30px
}
.ht-public-shell .brand {
  display:flex;
  align-items:center;
  gap:12px;
  flex:none
}
.ht-public-shell .brand img {
  width:64px;
  height:64px;
  object-fit:contain;
  border-radius:50%
}
.ht-public-shell .brand strong {
  font-size:var(--public-text-brand);
  letter-spacing:.09em;
  color:var(--navy);
  line-height:1.2
}
.ht-public-shell .brand small {
  display:block;
  font-size:var(--public-text-brand-caption);
  letter-spacing:.055em;
  margin-top:5px;
  color:var(--muted);
  font-weight:700
}
.ht-public-shell .nav {
  display:flex;
  align-items:center;
  gap:26px;
  margin-left:auto;
  font-size:var(--public-text-button);
  font-weight:600
}
.ht-public-shell .nav a,.ht-public-shell .nav button {
  padding:12px 0
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .nav a:hover {
  color:var(--blue)
}}
.ht-public-shell .pending {
  border:0;
  background:none
}
.ht-public-shell .header-cta {
  background:var(--ht-button-bg, var(--ht-color-primary));
  color:var(--ht-color-bg);
  font-size:var(--public-text-button)
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .header-cta:hover {
  background:var(--ht-button-bg, var(--ht-color-primary))
}}
.ht-public-shell .header-cta .icon {
  width:18px;
  height:18px
}
.ht-public-shell .menu-toggle {
  display:none
}
.ht-public-shell .hero {
  background:linear-gradient(110deg,var(--ht-color-bg-subtle),var(--ht-color-bg-subtle))
}
.ht-public-shell .hero-main {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:40px;
  padding-block:44px
}
.ht-public-shell .eyebrow {
  font-size:var(--public-text-small);
  font-weight:700;
  letter-spacing:.15em;
  color:var(--blue);
  margin-bottom:16px
}
.ht-public-shell .eyebrow:before {
  content:"";
  display:inline-block;
  width:24px;
  height:3px;
  background:var(--orange);
  vertical-align:middle;
  margin-right:12px
}
.ht-public-shell h1 {
  font-size:var(--public-text-h1);
  line-height:1.25;
  letter-spacing:0
}
.ht-public-shell h1 span {
  color:var(--ht-color-primary)
}
.ht-public-shell .hero-desc {
  font-size:var(--ht-text-lead);
  line-height:1.6;
  margin:22px 0 28px;
  max-width:520px
}
.ht-public-shell .hero-photo {
  height:385px;
  overflow:hidden;
  border-radius:var(--ht-radius-card);
  position:relative;
  box-shadow:0 12px 30px #173b5412
}
.ht-public-shell .crop {
  position:relative;
  overflow:hidden;
  width:100%;
  height:100%
}
.ht-public-shell .crop img {
  position:absolute;
  max-width:none;
  width:202%;
  height:202%;
  object-fit:fill
}
.ht-public-shell .crop-tl img {
  left:0;
  top:0
}
.ht-public-shell .crop-tr img {
  right:0;
  top:0
}
.ht-public-shell .hero-photo .crop img {
  width:auto;
  min-width:202%;
  height:202%;
  object-fit:cover
}
.ht-public-shell .hero-benefits {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding-block:22px;
  border-top:1px solid var(--ht-color-border)
}
.ht-public-shell .hero-benefits span {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:700;
  font-size:var(--public-text-body)
}
.ht-public-shell .hero-benefits .icon {
  color:var(--ht-color-primary);
  width:22px;
  height:22px
}
.ht-public-shell .section {
  padding-block:80px
}
.ht-public-shell .section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:28px
}
.ht-public-shell .section-heading p {
  margin-top:12px;
  max-width:min(65ch,750px);
  line-height:1.6
}
.ht-public-shell .product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.ht-public-shell .product-card {
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:var(--ht-color-bg);
  box-shadow:0 5px 16px #12395004
}
.ht-public-shell .product-image {
  height:238px;
  background:var(--ht-color-bg);
  padding:18px
}
.ht-public-shell .product-image img {
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:normal
}
.ht-public-shell .product-copy {
  padding:23px;
  display:flex;
  flex-direction:column;
  flex:1
}
.ht-public-shell .product-copy h3 {
  font-size:var(--public-text-h3)
}
.ht-public-shell .product-copy p {
  margin:12px 0 16px;
  font-size:var(--public-text-body);
  line-height:1.6
}
.ht-public-shell .product-copy .text-link {
  margin-top:auto;
  align-self:flex-start
}
.ht-public-shell .reasons {
  background:var(--pale)
}
.ht-public-shell .reason-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.ht-public-shell .reason-grid article {
  padding:22px 12px 20px;
  background:var(--ht-color-bg);
  border:1px solid var(--ht-color-border);
  border-radius:var(--ht-radius-card);
  text-align:center
}
.ht-public-shell .icon-tile {
  display:inline-flex;
  width:52px;
  height:52px;
  align-items:center;
  justify-content:center;
  border-radius:var(--ht-radius-card);
  background:var(--ht-color-bg-subtle);
  color:var(--blue);
  margin-bottom:18px
}
.ht-public-shell .icon-tile .icon {
  width:29px;
  height:29px
}
.ht-public-shell .reason-grid h3 {
  font-size:var(--public-text-h3);
  line-height:1.3;
  min-height:0
}
.ht-public-shell .reason-grid p {
  font-size:var(--public-text-body);
  line-height:1.6;
  margin-top:8px
}
.ht-public-shell .application-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.ht-public-shell .application-grid article {
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  overflow:hidden;
  background:var(--ht-color-bg)
}
.ht-public-shell .application-grid img {
  width:100%;
  aspect-ratio:1.18;
  object-fit:contain
}
.ht-public-shell .application-grid h3 {
  font-size:var(--public-text-h3);
  line-height:1.3;
  padding:15px 12px;
  letter-spacing:0
}
.ht-public-shell .support {
  background:var(--pale)
}
.ht-public-shell .support-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.ht-public-shell .support-card {
  position:relative;
  background:white;
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  text-align:left;
  padding:24px 22px;
  transition:border-color .18s,transform .18s
}
.ht-public-shell .support-card h3 {
  font-size:var(--public-text-h3);
  line-height:1.3
}
.ht-public-shell .support-card p {
  font-size:var(--public-text-body);
  line-height:1.6;
  margin-top:10px
}
.ht-public-shell .card-arrow {
  position:absolute;
  top:24px;
  right:20px;
  font-size:var(--public-text-body);
  color:var(--ht-color-text-muted)
}
.ht-public-shell .supply-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:start
}
.ht-public-shell .supply figure img {
  width:100%;
  border-radius:var(--ht-radius-card)
}
.ht-public-shell .supply figcaption {
  font-size:var(--public-text-small);
  color:var(--ht-color-text-muted);
  line-height:1.6;
  margin-top:12px
}
.ht-public-shell .stat {
  background:var(--ht-color-bg-subtle);
  border-radius:var(--ht-radius-card);
  padding:22px 26px;
  display:flex;
  gap:24px;
  align-items:center;
  margin-bottom:26px
}
.ht-public-shell .stat>.icon {
  width:45px;
  height:45px;
  color:var(--blue)
}
.ht-public-shell .stat strong {
  font-size:var(--public-text-display);
  letter-spacing:0;
  line-height:1.6;
  color:var(--ht-color-primary)
}
.ht-public-shell .stat strong span {
  font-size:var(--public-text-display);
  letter-spacing:0
}
.ht-public-shell .stat p {
  font-size:var(--public-text-body);
  margin-top:5px
}
.ht-public-shell .supply-list {
  display:grid;
  gap:22px
}
.ht-public-shell .supply-list article {
  display:flex;
  gap:18px;
  align-items:flex-start
}
.ht-public-shell .round-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  flex:none;
  border-radius:50%;
  background:var(--ht-color-bg-subtle);
  color:var(--blue)
}
.ht-public-shell .supply-list h3 {
  font-size:var(--public-text-h3);
  line-height:1.3
}
.ht-public-shell .supply-list p {
  font-size:var(--public-text-body);
  line-height:1.6;
  margin-top:5px
}
.ht-public-shell .factory-address {
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-top:28px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:var(--public-text-body)
}
.ht-public-shell .factory-address .icon {
  color:var(--blue)
}
.ht-public-shell .contact-cta {
  background:var(--ht-color-bg-subtle);
  overflow:hidden
}
.ht-public-shell .cta-inner {
  position:relative;
  padding-block:55px;
  min-height:325px
}
.ht-public-shell .cta-copy {
  position:relative;
  z-index:2;
  max-width:730px
}
.ht-public-shell .cta-copy h2 {
  font-size:var(--public-text-h2)
}
.ht-public-shell .cta-copy>p {
  max-width:610px;
  font-size:var(--public-text-body);
  margin:16px 0 24px
}
.ht-public-shell .cta-copy .hours {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:var(--public-text-small);
  margin:20px 0 0
}
.ht-public-shell .hours .icon {
  width:19px;
  height:19px
}
.ht-public-shell .cta-photo {
  position:absolute;
  right:-20px;
  top:0;
  width:44%;
  height:100%;
  opacity:.95;
  mask-image:linear-gradient(to right,transparent,#000 45%)
}
.ht-public-shell .cta-photo img {
  width:290%;
  height:260%;
  top:0;
  right:-2%
}
.ht-public-shell .footer {
  background:var(--ht-color-ink);
  color:var(--ht-color-bg-subtle);
  padding-top:48px;
  font-size:var(--public-text-small)
}
.ht-public-shell .footer-grid {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:64px;
  padding-bottom:40px
}
.ht-public-shell .footer-brand strong {
  color:white;
  font-size:var(--public-text-brand);
  letter-spacing:.08em
}
.ht-public-shell .footer-brand img {
  width:60px;
  height:60px;
  /* Supplied 500px PNG: circular mark occupies the central 400px. */
  clip-path:circle(40%);
  transform:scale(1.25)
}
.ht-public-shell .footer h3 {
  color:var(--ht-color-bg);
  font-size:var(--public-text-h3);
  margin:10px 0 24px
}
.ht-public-shell .footer p {
  color:var(--ht-color-bg-subtle);
  margin-bottom:12px
}
.ht-public-shell .footer .positioning {
  margin:20px 0 24px
}
.ht-public-shell .footer-company>p strong {
  color:var(--ht-color-bg)
}
.ht-public-shell .footer-map {
  color:var(--ht-color-primary);
  font-weight:700;
  display:inline-block;
  padding:5px 0
}
.ht-public-shell .footer ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:13px
}
.ht-public-shell .footer button {
  color:var(--ht-color-bg-subtle);
  background:none;
  border:0;
  padding:2px 0;
  text-align:left;
  font-size:var(--public-text-button)
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .footer button:hover, .ht-public-shell .footer a:hover {
  color:var(--ht-color-bg)
}}
.ht-public-shell .social-links {
  display:flex;
  gap:12px;
  margin-top:23px
}
.ht-public-shell .social-links a {
  padding:8px 14px;
  border:1px solid var(--ht-color-border);
  border-radius:var(--ht-radius-card);
  color:white
}
.ht-public-shell .copyright {
  border-top:1px solid var(--ht-color-border);
  padding-block:21px;
  font-size:var(--public-text-small);
  font-weight:500;
  color:var(--ht-color-bg-subtle)
}
@media(min-width:1600px) {
  .ht-public-shell .wrap {
    max-width:var(--ht-container-width)
  }
  .ht-public-shell .hero-main {
    gap:64px
  }
  .ht-public-shell .hero-photo {
    height:425px
  }
  .ht-public-shell .product-image {
    height:265px
  }
}
@media(max-width:1100px) {
  .ht-public-shell .header-inner {
    gap:18px
  }
  .ht-public-shell .nav {
    gap:17px
  }
  .ht-public-shell .brand img {
    width:53px;
    height:53px
  }
  .ht-public-shell .header-cta {
    padding-inline:12px
  }
  .ht-public-shell .hero-main {
    gap:24px
  }
  .ht-public-shell h1 {
    font-size:var(--public-text-h1)
  }
  .ht-public-shell .hero-photo {
    height:360px
  }
  .ht-public-shell .reason-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .ht-public-shell .reason-grid h3 {
    min-height:0
  }
  .ht-public-shell .reason-grid article {
    padding:22px 16px
  }
  .ht-public-shell .section {
    padding-block:52px
  }
  .ht-public-shell .support-grid {
    gap:12px
  }
  .ht-public-shell .support-card {
    padding:20px 16px
  }
  .ht-public-shell .support-card h3 {
    font-size:var(--public-text-h3)
  }
  .ht-public-shell .application-grid {
    gap:10px
  }
  .ht-public-shell .application-grid h3 {
    font-size:var(--public-text-h3)
  }
  .ht-public-shell .supply-grid {
    gap:26px
  }
  .ht-public-shell .supply-list {
    gap:18px
  }
  .ht-public-shell .stat {
    padding:20px
  }
  .ht-public-shell .footer-grid {
    gap:34px
  }
  .ht-public-shell .cta-copy {
    max-width:65%
  }
  .ht-public-shell .cta-copy h2 {
    font-size:var(--public-text-h2)
  }
  .ht-public-shell .cta-copy .actions {
    gap:10px
  }
  .ht-public-shell .cta-copy .button {
    font-size:var(--public-text-button);
    padding-inline:13px
  }
}
@media(max-width:900px) {
  .ht-public-shell .header-inner {
    min-height:83px;
    flex-wrap:wrap;
    position:relative;
    gap:14px
  }
  .ht-public-shell .header-cta {
    margin-left:auto
  }
  .ht-public-shell .menu-toggle {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    width:44px;
    height:44px;
    background:var(--ht-color-bg-subtle);
    border:1px solid var(--ht-color-control-border);
    border-radius:var(--ht-radius-control);
    padding:11px
  }
  .ht-public-shell .menu-toggle span {
    height:2px;
    background:var(--navy);
    width:20px
  }
  .ht-public-shell .nav {
    display:none;
    order:4;
    flex-basis:100%;
    margin:0;
    border-top:1px solid var(--line);
    padding:6px 0 18px;
    flex-wrap:wrap;
    justify-content:space-between
  }
  .ht-public-shell .nav.open {
    display:flex
  }
  .ht-public-shell .hero-main {
    grid-template-columns:1fr 1fr;
    gap:24px;
    padding-block:36px
  }
  .ht-public-shell h1 {
    font-size:var(--public-text-h1)
  }
  .ht-public-shell .hero-photo {
    height:350px
  }
  .ht-public-shell .hero-main .actions {
    flex-direction:column;
    align-items:flex-start
  }
  .ht-public-shell .hero-main .button {
    font-size:var(--public-text-button)
  }
  .ht-public-shell .hero-benefits {
    gap:14px
  }
  .ht-public-shell .hero-benefits span {

    gap:7px
  }
  .ht-public-shell .product-grid {
    gap:14px
  }
  .ht-public-shell .product-image {
    height:170px;
    padding:10px
  }
  .ht-public-shell .product-copy {
    padding:18px
  }
  .ht-public-shell .product-copy h3 {
    font-size:var(--public-text-h3)
  }
  .ht-public-shell .application-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
  }
  .ht-public-shell .support-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
  }
  .ht-public-shell .support-card h3 {
    font-size:var(--public-text-h3)
  }
  .ht-public-shell .support-card {
    padding:24px
  }
  .ht-public-shell .supply-grid {
    grid-template-columns:1fr
  }
  .ht-public-shell .supply figure {
    max-width:550px;
    margin:auto
  }
  .ht-public-shell .supply-content {
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:25px
  }
  .ht-public-shell .stat {
    align-self:start;
    display:block;
    padding:22px
  }
  .ht-public-shell .stat>.icon {
    margin-bottom:10px
  }
  .ht-public-shell .stat strong span {
    display:block;
    font-size:var(--public-text-display)
  }
  .ht-public-shell .footer-grid {
    grid-template-columns:1.5fr 1fr;
    gap:36px
  }
  .ht-public-shell .footer-grid>div:last-child {
    grid-column:2;
    grid-row:2
  }
  .ht-public-shell .footer-company {
    grid-row:span 2
  }
  .ht-public-shell .section-heading {
    align-items:flex-start
  }
  .ht-public-shell .section-heading>.text-link {
    white-space:normal;
    flex:none;
    max-width:160px;
    line-height:1.6
  }
}
@media(max-width:600px) {
  .ht-public-shell .wrap {
    padding-inline:var(--ht-gutter)
  }
  .ht-public-shell .topbar-inner {
    min-height:34px;
    gap:6px
  }
  .ht-public-shell .top-zalo {
    display:none
  }
  .ht-public-shell .header-inner {
    gap:10px;
    min-height:82px
  }
  .ht-public-shell .brand {
    gap:8px
  }
  .ht-public-shell .brand img {
    width:47px;
    height:47px
  }
  .ht-public-shell .brand strong {

    letter-spacing:.06em
  }
  .ht-public-shell .brand small {

    letter-spacing:0
  }
  .ht-public-shell .header-cta {
    display:none
  }
  .ht-public-shell .menu-toggle {
    margin-left:auto
  }
  .ht-public-shell .nav {

    gap:8px
  }
  .ht-public-shell .nav.open:after {
    content:"";
    display:none
  }
  .ht-public-shell .hero-main {
    grid-template-columns:1fr;
    padding-top:30px;
    padding-bottom:24px;
    gap:26px
  }
  .ht-public-shell h1 {
    font-size:var(--public-text-h1);
    line-height:1.25
  }
  .ht-public-shell .eyebrow {

    margin-bottom:12px
  }
  .ht-public-shell .hero-desc {

    line-height:1.6;
    margin:18px 0 22px
  }
  .ht-public-shell .hero-main .actions {
    flex-direction:row;
    align-items:stretch;
    gap:10px
  }
  .ht-public-shell .hero-main .button {
    padding:12px 13px;

  }
  .ht-public-shell .hero-main .button .icon {
    width:18px;
    height:18px
  }
  .ht-public-shell .hero-photo {
    height:auto;
    aspect-ratio:1.37;
    border-radius:var(--ht-radius-card)
  }
  .ht-public-shell .hero-photo .crop img {
    height:202%;
    width:202%;
    min-width:0;
    object-fit:fill
  }
  .ht-public-shell .hero-benefits {
    grid-template-columns:1fr 1fr;
    padding-block:18px;
    gap:16px 10px
  }
  .ht-public-shell .hero-benefits span {

    justify-content:flex-start
  }
  .ht-public-shell .hero-benefits .icon {
    width:20px;
    height:20px
  }
  .ht-public-shell .section {
    padding-block:48px
  }
  .ht-public-shell h2 {
    font-size:var(--public-text-h2);
    line-height:1.3
  }
  .ht-public-shell .section-heading {
    display:block;
    margin-bottom:23px
  }
  .ht-public-shell .section-heading p {
    font-size:var(--public-text-body);
    margin-top:12px;
    line-height:1.6
  }
  .ht-public-shell .product-grid {
    grid-template-columns:1fr;
    gap:20px
  }
  .ht-public-shell .product-image {
    height:225px;
    padding:18px
  }
  .ht-public-shell .product-copy {
    padding:22px
  }
  .ht-public-shell .product-copy h3 {
    font-size:var(--public-text-h3)
  }
  .ht-public-shell .product-copy p {

    margin:12px 0
  }
  .ht-public-shell .product-copy .text-link {
    font-size:var(--public-text-button)
  }
  .ht-public-shell .reason-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
  }
  .ht-public-shell .reason-grid article {
    padding:20px 12px
  }
  .ht-public-shell .reason-grid h3 {
    font-size:var(--public-text-h3);
    min-height:0
  }
  .ht-public-shell .icon-tile {
    width:47px;
    height:47px;
    margin-bottom:13px
  }
  .ht-public-shell .reason-grid .icon {
    width:27px;
    height:27px
  }
  .ht-public-shell .application-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
  }
  .ht-public-shell .application-grid h3 {
    font-size:var(--public-text-h3);
    padding:12px;
    line-height:1.3
  }
  .ht-public-shell .section-heading>.text-link {
    margin-top:9px;
    max-width:none;
    font-size:var(--public-text-button)
  }
  .ht-public-shell .support-grid {
    gap:12px
  }
  .ht-public-shell .support-card {
    padding:18px 14px
  }
  .ht-public-shell .support-card h3 {
    font-size:var(--public-text-h3);
    line-height:1.3
  }
  .ht-public-shell .support-card p {

    line-height:1.6
  }
  .ht-public-shell .card-arrow {
    top:16px;
    right:12px;
    font-size:var(--public-text-body)
  }
  .ht-public-shell .supply-grid {
    gap:24px
  }
  .ht-public-shell .supply figure img {
    border-radius:var(--ht-radius-card)
  }
  .ht-public-shell .supply-content {
    display:block
  }
  .ht-public-shell .stat {
    display:flex;
    gap:20px;
    padding:20px 23px;
    margin-bottom:24px
  }
  .ht-public-shell .stat>.icon {
    width:37px;
    height:37px;
    margin:0
  }
  .ht-public-shell .stat strong span {
    display:inline;
    font-size:var(--public-text-display)
  }
  .ht-public-shell .supply-list {
    gap:23px
  }
  .ht-public-shell .supply-list article {
    gap:14px
  }
  .ht-public-shell .supply-list h3 {
    font-size:var(--public-text-h3)
  }
  .ht-public-shell .round-icon {
    width:39px;
    height:39px
  }
  .ht-public-shell .round-icon .icon {
    width:21px;
    height:21px
  }
  .ht-public-shell .factory-address {

    margin-top:24px;
    padding-top:19px;
    gap:10px
  }
  .ht-public-shell .cta-inner {
    padding-block:38px;
    min-height:0
  }
  .ht-public-shell .cta-copy {
    max-width:none
  }
  .ht-public-shell .cta-copy h2 {
    font-size:var(--public-text-h2)
  }
  .ht-public-shell .cta-copy>p {

    margin-top:15px;
    margin-bottom:22px
  }
  .ht-public-shell .cta-copy .actions {
    display:grid;
    gap:12px
  }
  .ht-public-shell .cta-copy .button {

    min-height:50px
  }
  .ht-public-shell .cta-copy .hours {

    margin-top:18px
  }
  .ht-public-shell .cta-photo {
    display:none
  }
  .ht-public-shell .footer {
    padding-top:36px
  }
  .ht-public-shell .footer-grid {
    grid-template-columns:1fr;
    gap:28px;
    padding-bottom:28px
  }
  .ht-public-shell .footer-company {
    grid-row:auto
  }
  .ht-public-shell .footer-grid>div:last-child {
    grid-column:auto;
    grid-row:auto
  }
  .ht-public-shell .footer-brand img {
    width:56px;
    height:56px
  }
  .ht-public-shell .footer .positioning {
    margin:17px 0 20px
  }
  .ht-public-shell .footer h3 {
    margin:0 0 16px
  }
  .ht-public-shell .footer ul {
    gap:9px
  }
  .ht-public-shell .footer button {
    min-height:3rem
  }
  .ht-public-shell .social-links {
    margin-top:18px
  }
  .ht-public-shell .copyright {

    line-height:1.6;
    padding-block:20px
  }
}
@media(max-width:360px) {
  .ht-public-shell .wrap {
    padding-inline:var(--ht-gutter)
  }
  .ht-public-shell h1 {
    font-size:var(--public-text-h1)
  }
  .ht-public-shell .hero-main .actions {
    display:grid
  }
  .ht-public-shell .stat {
    padding:18px 15px;
    gap:15px
  }
  .ht-public-shell .stat strong span {
    font-size:var(--public-text-display)
  }
  .ht-public-shell .support-card {
    padding:22px 20px
  }
  .ht-public-shell .support-card h3 {
    font-size:var(--public-text-h3)
  }
}
.ht-public-shell .hero-photo .crop {
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:auto;
  aspect-ratio:1;
  transform:translateY(-50%)
}
.ht-public-shell .hero-photo .crop img {
  width:202%;
  height:202%;
  min-width:0;
  object-fit:fill
}
.ht-public-shell .cta-photo img {
  width:300%;
  height:auto;
  max-width:none;
  right:0;
  top:0
}
.ht-public-shell .primary {
  background:var(--ht-button-bg, var(--ht-color-primary));
  color:var(--ht-color-bg)
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .primary:hover {
  background:var(--ht-button-bg, var(--ht-color-primary))
}}
@media(prefers-reduced-motion:reduce) {
  .ht-public-shell {
    scroll-behavior:auto
  }
  .ht-public-shell * {
    transition:none!important
  }
}
.ht-public-shell .mobile-contact-bar {
  display:none
}
@media(max-width:600px) {
  .ht-public-shell:has(.mobile-contact-bar) {
    padding-bottom:max(var(--ht-contact-bar-clearance,0px),calc(112px + env(safe-area-inset-bottom,0px)))
  }
  .ht-public-shell .mobile-contact-bar:not([hidden]) {
    position:fixed;
    z-index:20;
    bottom:0;
    left:0;
    right:0;
    display:grid;
    grid-template-columns:1.12fr 1fr;
    gap:10px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
    background:#fffffffa;
    border-top:1px solid var(--ht-color-border);
    box-shadow:0 -4px 18px #08274412
  }
  .ht-public-shell .mobile-contact-bar .button {
    min-height:48px;
    padding:12px 8px;
    font-size:var(--public-text-button);
    gap:7px;
    white-space:normal
  }
  .ht-public-shell .mobile-contact-bar .icon {
    width:20px;
    height:20px
  }
}
@media(max-width:360px) {
  .ht-public-shell .mobile-contact-bar:not([hidden]) {
    gap:8px;
    padding-inline:12px
  }
}
.ht-public-shell .product-image {
  position:relative;
  height:auto;
  aspect-ratio:5/4;
  padding:0;
  overflow:hidden;
  background:var(--ht-color-bg-subtle);
  border-bottom:1px solid var(--line)
}
.ht-public-shell .product-image img {
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  mix-blend-mode:normal;
  transform:translate(-50%,-50%)
}
.ht-public-shell .product-image--solid img {
  height:114%;
  width:auto;
  top:53%
}
.ht-public-shell .product-image--hollow img {
  width:100%;
  top:51%
}
.ht-public-shell .product-image--corrugated {
  background:var(--ht-color-bg-subtle)
}
.ht-public-shell .product-image--corrugated img {
  width:100%;
  top:52%
}
@media(max-width:600px) {
  .ht-public-shell .product-image {
    height:auto;
    aspect-ratio:7/5;
    padding:0
  }
  .ht-public-shell .product-image--solid img {
    height:114%;
    width:auto;
    top:53%
  }
}
@media(max-width:600px) {
  .ht-public-shell .mobile-contact-bar:not([hidden]) {
    background:var(--navy);
    border-top-color:#ffffff26;
    box-shadow:0 -4px 18px #08274424
  }
  .ht-public-shell .mobile-contact-bar .secondary {
    background:var(--ht-control-bg, transparent);
    color:var(--ht-control-text, var(--ht-color-bg));
    border-color:var(--ht-control-border, #ffffff66)}
  @media (hover:hover) and (pointer:fine) {
  .ht-public-shell .mobile-contact-bar .secondary:hover {
    background:var(--ht-control-bg, #ffffff12)}}
}
.ht-public-shell [hidden] {
  display:none!important
}
.ht-public-shell button:disabled {
  cursor:default;
  opacity:1
}
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .support-card:disabled:hover {
  transform:none;
  border-color:var(--line)
}}
.ht-public-shell .unresolved {
  font-weight:inherit;
  font-size:var(--public-text-body);
  border:0;
  background:none
}
.ht-public-shell .brand img {
  border-radius:0
}
.ht-public-shell .mobile-contact-bar {
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))
}
@media(max-width:900px) {
  html:not(.public-nav-ready) .ht-public-shell:not(.enhanced) .nav {
    display:flex
  }
  html:not(.public-nav-ready) .ht-public-shell:not(.enhanced) .menu-toggle {
    display:none
  }
}
/* Intrinsic dimensions reserve space;
responsive photos keep their source ratio. */
.ht-public-shell .application-grid img,
.ht-public-shell .supply figure img {
  height:auto
}
@media(max-width:900px) {
  .ht-public-shell .menu-toggle {
    order:3
  }
  .ht-public-shell .header-cta {
    order:2
  }
}

/* Readable type needs room; retain the approved sections and card order. */
.ht-public-shell h1 { font-weight:700; text-wrap:balance; }
.ht-public-shell .nav { font-weight:600; }
.ht-public-shell .topbar-inner { flex-wrap:wrap; padding-block:8px; }
.ht-public-shell .hero-main > *, .ht-public-shell .header-inner > *,
.ht-public-shell .supply-content > * { min-width:0; }
.ht-public-shell .text-link { white-space:normal; }
.ht-public-shell .menu-toggle { width:48px; height:48px; }
.ht-public-shell .button, .ht-public-shell .text-link, .ht-public-shell .nav a,
.ht-public-shell .footer a { min-height:48px; }
.ht-public-shell .footer a { display:inline-flex; align-items:center; }
.ht-public-shell .topbar a { display:inline-flex; align-items:center; min-height:44px; }
.ht-public-shell .button:focus-visible, .ht-public-shell a:focus-visible { box-shadow:0 0 0 2px var(--navy); }
.ht-public-shell .supply figcaption { color:var(--muted); }
@media (min-width:901px) and (max-width:1200px) {
  .ht-public-shell .header-inner { flex-wrap:wrap; padding-block:16px; }
  .ht-public-shell .nav { order:3; flex-basis:100%; justify-content:center; }
  .ht-public-shell .header-cta { margin-left:auto; }
}
@media (max-width:900px) {
  .ht-public-shell .hero-main { grid-template-columns:minmax(0,1fr); }
  .ht-public-shell .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ht-public-shell .hero-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ht-public-shell .product-copy { padding:22px; }
}
@media (max-width:600px) {
  .ht-public-shell .product-grid, .ht-public-shell .support-grid { grid-template-columns:minmax(0,1fr); }
  .ht-public-shell .reason-grid article { padding:22px 20px; }
  .ht-public-shell .hero-main .actions { display:grid; }
  .ht-public-shell .brand strong { letter-spacing:.02em; }
  .ht-public-shell .brand small { letter-spacing:0; }
}
@media (max-width:380px) {
  .ht-public-shell .reason-grid, .ht-public-shell .application-grid,
  .ht-public-shell .hero-benefits { grid-template-columns:minmax(0,1fr); }
  .ht-public-shell .header-inner { padding-block:12px; }
  .ht-public-shell .brand { flex:1 1 100%; }
}
/* Applications handoff sections: all rules stay within this page. */
#ht-applications-page .application-benefit { color:var(--blue); font-weight:700; }
#ht-applications-page .applications-projects {
  margin-top:64px;
  padding-block:48px;
  background:var(--pale);
  box-shadow:0 0 0 100vmax var(--pale);
  clip-path:inset(0 -100vmax);
}
#ht-applications-page .applications-projects-description { margin-top:16px; }
#ht-applications-page .applications-projects-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
#ht-applications-page .application-project { display:flex; flex-direction:column; min-width:0; background:var(--white); border:1px solid var(--line); border-radius:var(--ht-radius-card); }
#ht-applications-page .application-project-copy { min-width:0; }
#ht-applications-page .application-project .application-project-copy { padding:20px; flex:1; display:flex; flex-direction:column; }
#ht-applications-page .application-project-copy p { margin-top:12px; }
#ht-applications-page .application-project-copy .application-project-material { font-size:var(--public-text-body); padding-top:12px; border-top:1px solid var(--line); }
#ht-applications-page .application-project .application-project-material { margin-top:auto; }
#ht-applications-page .application-project .application-benefit + p { margin-bottom:16px; }
#ht-applications-page .application-project-photo { position:relative; display:block; width:100%; padding:0; border:0; border-radius:9px 9px 0 0; background:var(--line); }
#ht-applications-page .application-project-photo img { width:100%; height:auto; aspect-ratio:var(--ht-card-image-ratio); object-fit:cover; object-position:center; border-radius:var(--ht-radius-card); }
#ht-applications-page .application-photo-expand { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--white); color:var(--navy); font-size:var(--public-text-body); box-shadow:0 2px 8px #08284b26; }
@media (hover:hover) and (pointer:fine) {
#ht-applications-page .application-project-photo:hover .application-photo-expand { background:var(--pale); }}
#ht-applications-page .applications-projects-consultation { max-width:850px; margin:40px auto 0; text-align:center; }
#ht-applications-page .applications-projects-consultation > p { margin-top:16px; }
#ht-applications-page .applications-projects-actions { margin-top:24px; }
#ht-applications-page .application-lightbox { width:min(1100px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:20px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--white); color:var(--ink); }
#ht-applications-page .application-lightbox::backdrop { background:#08284be6; }
#ht-applications-page .application-lightbox-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
#ht-applications-page .application-lightbox-heading p { color:var(--navy); font-weight:700; }
#ht-applications-page .application-lightbox-image { width:100%; height:auto; max-height:min(65dvh,650px); object-fit:contain; }
#ht-applications-page .application-lightbox-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
@media(max-width:900px) {
  #ht-applications-page .applications-projects-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  #ht-applications-page .applications-projects { margin-top:48px; padding-block:32px; }
  #ht-applications-page .applications-projects-grid { grid-template-columns:minmax(0,1fr); }
  #ht-applications-page .applications-projects-actions .button { width:100%; }
  #ht-applications-page .application-lightbox { padding:16px; }
  #ht-applications-page .application-lightbox-controls .button { padding-inline:14px; }
}
/* Section 5: static supplier advantages, sharing the existing Public palette. */
#ht-applications-page .applications-advantages {
  margin-top:64px;
  padding-block:48px;
  background:var(--pale);
  box-shadow:0 0 0 100vmax var(--pale);
  clip-path:inset(0 -100vmax);
}
#ht-applications-page .applications-advantages-heading { text-align:center; }
#ht-applications-page .applications-advantages-eyebrow { color:var(--blue); font-size:var(--public-text-small); font-weight:700; letter-spacing:.12em; margin-bottom:16px; }
#ht-applications-page .applications-advantages-intro { max-width:900px; margin:16px auto 0; }
#ht-applications-page .applications-advantages-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:32px; }
#ht-applications-page .application-advantage { display:grid; grid-template-rows:auto auto auto 1fr; gap:16px; min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--white); box-shadow:0 2px 8px rgb(0 0 0 / 3%); }
@supports(grid-template-rows:subgrid) {
  #ht-applications-page .application-advantage { grid-template-rows:subgrid; grid-row:span 4; row-gap:16px; }
}
#ht-applications-page .application-advantage-icon { display:grid; place-items:center; justify-self:center; width:64px; height:64px; border-radius:50%; background:var(--pale); color:var(--blue); }
#ht-applications-page .application-advantage-icon .icon { width:30px; height:30px; }
#ht-applications-page .application-advantage h3 { text-align:center; }
#ht-applications-page .application-advantage-benefit { text-align:center; color:var(--blue); font-weight:600; }
#ht-applications-page .application-advantage-body { text-align:left; }
@media(max-width:1200px) {
  #ht-applications-page .applications-advantages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  #ht-applications-page .applications-advantages { margin-top:48px; padding-block:32px; }
  #ht-applications-page .applications-advantages-grid { grid-template-columns:minmax(0,1fr); margin-top:24px; }
  #ht-applications-page .application-advantage { padding:20px; }
}

/* Section 6: the existing native Public FAQ pattern, with independent items. */
#ht-applications-page .applications-faq { padding-top:64px; background:var(--white); }
#ht-applications-page .applications-faq-heading { text-align:center; margin-bottom:32px; }
#ht-applications-page .applications-faq-heading h2 { max-width:960px; margin-inline:auto; }
#ht-applications-page .applications-faq-heading p { max-width:1000px; margin:16px auto 0; }
#ht-applications-page .applications-faq .sp-faq-list { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; max-width:1040px; margin-inline:auto; }
#ht-applications-page .applications-faq .sp-faq { min-width:0; background:var(--white); border:1px solid var(--line); border-radius:var(--ht-radius-card); }
#ht-applications-page .applications-faq .sp-faq[open] { background:var(--pale); }
#ht-applications-page .applications-faq summary { list-style:none; cursor:pointer; border-radius:var(--ht-radius-card); }
#ht-applications-page .applications-faq summary::-webkit-details-marker { display:none; }
@media (hover:hover) and (pointer:fine) {
#ht-applications-page .applications-faq summary:hover { background:var(--pale); }}
#ht-applications-page .applications-faq summary:focus-visible { outline:3px solid var(--ht-color-primary); outline-offset:3px; }
#ht-applications-page .applications-faq summary h3 { display:flex; align-items:center; gap:16px; min-height:64px; padding:20px 24px; margin:0; font-size:var(--public-text-h3); line-height:1.3; }
#ht-applications-page .applications-faq details[open] h3 { color:var(--blue); }
#ht-applications-page .applications-faq .sp-faq-question { flex:1; min-width:0; overflow-wrap:break-word; }
#ht-applications-page .applications-faq .sp-faq-sign { flex:0 0 24px; width:24px; height:24px; color:var(--blue); }
#ht-applications-page .applications-faq .sp-faq-sign svg { display:block; width:24px; height:24px; }
#ht-applications-page .applications-faq .sp-faq-sign .sp-faq-minus { display:none; }
#ht-applications-page .applications-faq details[open] .sp-faq-plus { display:none; }
#ht-applications-page .applications-faq details[open] .sp-faq-minus { display:block; }
#ht-applications-page .applications-faq .sp-faq-answer { padding:0 24px 24px; color:var(--muted); line-height:1.6; }
#ht-applications-page .applications-faq .sp-faq-answer p { margin:0 0 16px; }
#ht-applications-page .applications-faq .sp-faq-answer p:last-child { margin-bottom:0; }
@media(max-width:600px) {
  #ht-applications-page .applications-faq { padding-top:48px; }
  #ht-applications-page .applications-faq-heading { margin-bottom:24px; }
  #ht-applications-page .applications-faq summary h3 { gap:12px; padding:16px; }
  #ht-applications-page .applications-faq .sp-faq-answer { padding:0 16px 20px; }
}

/* Section 7: existing consultation palette, button and responsive type roles. */
#ht-applications-page .applications-contact { margin-top:64px; background:var(--white); }
#ht-applications-page .applications-contact-card {
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  grid-template-areas:"lead guide" "actions guide";
  grid-template-rows:auto 1fr;
  column-gap:42px;
  padding:48px;
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  background:var(--pale);
}
#ht-applications-page .applications-contact-card > * { min-width:0; }
#ht-applications-page .applications-contact-lead { grid-area:lead; }
#ht-applications-page .applications-contact-intro { margin-top:19px; color:var(--muted); }
#ht-applications-page .applications-contact-price { margin-top:24px; color:var(--navy); font-weight:700; }
#ht-applications-page .applications-contact-guide { grid-area:guide; padding-left:32px; border-left:1px solid var(--line); }
#ht-applications-page .applications-contact-items { display:grid; gap:14px; margin:20px 0 0; padding:0; list-style:none; }
#ht-applications-page .applications-contact-items li { display:flex; align-items:flex-start; gap:14px; padding:16px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--white); }
#ht-applications-page .applications-contact-items p { min-width:0; color:var(--muted); font-size:var(--public-text-body); }
#ht-applications-page .applications-contact-items strong { display:block; color:var(--navy); }
#ht-applications-page .applications-contact-icon { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:50%; background:var(--pale); color:var(--blue); }
#ht-applications-page .applications-contact-icon svg[fill="currentColor"] { fill:currentColor; stroke:none; }
#ht-applications-page .applications-contact-note { margin-top:22px; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:var(--public-text-small); }
#ht-applications-page .applications-contact-actions { grid-area:actions; margin-top:28px; }
#ht-applications-page .applications-contact-actions .button { min-height:60px; max-width:100%; padding:16px 18px; border-radius:var(--ht-radius-control); }
#ht-applications-page .applications-contact-actions .button span { min-width:0; }
#ht-applications-page .applications-contact-helper { margin-top:20px; color:var(--muted); font-size:var(--public-text-body); }
@media(max-width:1200px) {
  #ht-applications-page .applications-contact-card { padding:36px; column-gap:30px; }
  #ht-applications-page .applications-contact-guide { padding-left:26px; }
}
@media(max-width:900px) {
  #ht-applications-page .applications-contact-card { grid-template-columns:minmax(0,1fr); grid-template-areas:"lead" "guide" "actions"; grid-template-rows:auto; gap:28px; }
  #ht-applications-page .applications-contact-guide { padding:0; border-left:0; }
  #ht-applications-page .applications-contact-actions { margin-top:0; }
}
@media(max-width:600px) {
  #ht-applications-page .applications-contact { margin-top:48px; }
  #ht-applications-page .applications-contact-card { padding:28px 22px; border-radius:var(--ht-radius-card); gap:24px; }
  #ht-applications-page .applications-contact-items li { gap:12px; padding:14px; }
  #ht-applications-page .applications-contact-icon { width:32px; height:32px; }
  #ht-applications-page .applications-contact-actions .button { width:100%; padding-inline:13px; }
}

/* Shared navigation v1: keep readable controls across all Public page shells. */
.ht-public-shell .topbar-contact, .ht-public-shell .topbar-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; }
.ht-public-shell .topbar-links { margin-left:auto; }
.ht-public-shell .topbar-links a { padding:8px 12px; border-radius:var(--ht-radius-card); text-decoration:none; transition:color 180ms, background-color 180ms; }
.ht-public-shell .topbar-links a[aria-current="page"] { color:white; background:#ffffff20; text-decoration:none; }
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .topbar-links a:hover { color:white; background:#ffffff20; text-decoration:none; }}
.ht-public-shell .nav { gap:4px; }
.ht-public-shell .nav > a, .ht-public-shell .nav-products-heading > a { white-space:nowrap; }
.ht-public-shell .nav a { color:var(--ink); padding:8px 10px; border-radius:var(--ht-radius-card); text-decoration:none; transition:color 180ms, background-color 180ms; }
.ht-public-shell .nav a.nav-link-active { color:var(--blue); background:var(--pale); text-decoration:none; }
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .nav a:hover { color:var(--blue); background:var(--pale); text-decoration:none; }}
.ht-public-shell .nav-products { position:relative; }
.ht-public-shell .nav-products-heading { display:flex; align-items:center; border-radius:var(--ht-radius-control); transition:color 180ms, background-color 180ms; }
.ht-public-shell .nav-products-heading > a { padding-right:0; }
.ht-public-shell .nav-products.active .nav-products-heading,
.ht-public-shell .nav-products.submenu-open .nav-products-heading { color:var(--blue); background:var(--pale); }
.ht-public-shell .nav-products.active .nav-products-heading > a,
.ht-public-shell .nav-products.submenu-open .nav-products-heading > a { color:var(--blue); background:transparent; }
.ht-public-shell .nav .submenu-toggle { display:none; align-items:center; justify-content:center; flex:none; width:48px; min-height:48px; border:0; border-radius:var(--ht-radius-control); color:inherit; background:transparent; padding:0; cursor:pointer; transition:color 180ms, background-color 180ms; }
.ht-public-shell.enhanced .nav .submenu-toggle, .public-nav-ready .ht-public-shell .nav .submenu-toggle { display:inline-flex; }
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .submenu-toggle:hover { color:var(--blue); background:var(--pale); }}
.ht-public-shell .submenu-chevron { flex:none; transition:transform 180ms ease; }
.ht-public-shell .submenu-toggle[aria-expanded="true"] .submenu-chevron { transform:rotate(180deg); }
.ht-public-shell .product-submenu { display:flex; flex-direction:column; gap:4px; padding:8px; background:white; border:1px solid var(--line); border-radius:var(--ht-radius-card); box-shadow:0 8px 24px #08274418; }
.ht-public-shell.enhanced .product-submenu, .public-nav-ready .ht-public-shell .product-submenu { position:absolute; z-index:30; top:100%; left:0; width:360px; max-width:calc(100vw - 40px); }
.public-nav-ready .ht-public-shell:not(.enhanced) .product-submenu { display:none; }
.public-nav-ready .ht-public-shell:not(.enhanced) .nav-products.submenu-open .product-submenu { display:block; }
.ht-public-shell.enhanced .product-submenu:not([hidden]) { animation:public-submenu-reveal 180ms ease-out; }
.ht-public-shell .product-submenu a { display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:10px 12px; }
.ht-public-shell .product-submenu-title { font-weight:600; line-height:1.6; }
.ht-public-shell .product-submenu-description { color:var(--muted); font-size:var(--public-text-button); font-weight:400; line-height:1.6; }
.ht-public-shell .header-cta { border-radius:var(--ht-radius-control); transition:background-color 180ms; }
@media (hover:hover) and (pointer:fine) {
.ht-public-shell .header-cta:hover { text-decoration:none; }}
.ht-public-shell .header :is(a, button):focus-visible,
.ht-public-shell .topbar-links a:focus-visible { outline:3px solid var(--ht-color-primary); outline-offset:3px; }
.ht-public-shell .topbar-links a:focus-visible { outline-color:white; }
@keyframes public-submenu-reveal { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) {
  .ht-public-shell .nav a, .ht-public-shell .nav-products-heading,
  .ht-public-shell .submenu-toggle, .ht-public-shell .submenu-chevron,
  .ht-public-shell .header-cta, .ht-public-shell .topbar-links a { transition:none; }
  .ht-public-shell.enhanced .product-submenu:not([hidden]) { animation:none; }
}
.ht-public-shell .mobile-nav-only { display:none; }
.ht-public-shell.public-scaffold .public-page-content { padding-top:24px; padding-bottom:48px; }
.ht-public-shell.public-scaffold h1 { font-size:var(--public-text-h1); }
.ht-public-shell.public-navigation-shell { padding-bottom:0; }
@media(max-width:1200px) {
  .ht-public-shell .header-inner { min-height:83px; position:relative; flex-wrap:wrap; gap:14px; padding-block:12px; }
  .ht-public-shell .topbar-links { display:none; }
  .ht-public-shell .header-cta { order:2; margin-left:auto; }
  .ht-public-shell .menu-toggle { order:3; display:flex; flex-direction:column; justify-content:center; flex:none; gap:5px; width:48px; height:48px; background:var(--ht-color-bg-subtle); border:1px solid var(--ht-color-control-border); border-radius:var(--ht-radius-control); padding:11px; margin-left:0; }
  .ht-public-shell .menu-toggle span { height:2px; width:20px; background:var(--navy); }
  .ht-public-shell .nav { display:none; order:4; flex-basis:100%; margin:0; padding:8px 0 16px; border-top:1px solid var(--line); flex-direction:column; align-items:stretch; justify-content:flex-start; gap:4px; }
  .ht-public-shell .nav.open, html:not(.public-nav-ready) .ht-public-shell:not(.enhanced) .nav { display:flex; }
  html:not(.public-nav-ready) .ht-public-shell:not(.enhanced) .menu-toggle { display:none; }
  .ht-public-shell .nav > a { display:flex; align-items:center; }
  .ht-public-shell .nav-products-heading { justify-content:space-between; }
  .ht-public-shell .nav-products-heading > a { flex:1; display:flex; align-items:center; }
  .ht-public-shell .nav .submenu-toggle { width:48px; }
  .ht-public-shell.enhanced .product-submenu, .public-nav-ready .ht-public-shell .product-submenu { position:static; width:auto; max-width:none; box-shadow:none; }
  .ht-public-shell .mobile-nav-only { display:block; }
  .ht-public-shell .nav-contact { border-top:1px solid var(--line); padding-top:8px; margin-top:8px; }
  .ht-public-shell .nav-contact a { display:flex; align-items:center; }
  .ht-public-shell .nav-contact span { display:block; color:var(--muted); font-weight:600; }
}
@media(max-width:600px) {
  .ht-public-shell .header-inner { gap:10px; }
  .ht-public-shell .header-inner > .brand { flex:1 1 100%; }
  .ht-public-shell .header-cta { display:inline-flex; margin-left:0; }
  .ht-public-shell .menu-toggle { margin-left:auto; }
  .ht-public-shell .topbar-contact { gap:0 12px; }
}
@media(max-width:360px) {
  .ht-public-shell .mobile-contact-bar .button { font-size:var(--public-text-button); gap:4px; }
}

#ht-guides-page .guides-installation { padding-top:64px; scroll-margin-top:120px; overflow-wrap:anywhere; }
#ht-guides-page .guide-installation-opener { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:center; gap:24px; margin-bottom:32px; }
#ht-guides-page .guide-installation-heading { display:flex; align-items:flex-start; gap:20px; }
#ht-guides-page .guide-installation-badge { display:inline-block; flex:none; padding:6px 10px; border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); color:var(--blue); font-weight:700; }
#ht-guides-page .guide-installation-heading > .guide-installation-badge { font-size:var(--public-text-body); padding:10px 16px; }
#ht-guides-page .guide-installation-tagline { color:var(--navy); font-weight:700; }
#ht-guides-page .guides-installation p + p { margin-top:10px; }
#ht-guides-page .guide-installation-common,
#ht-guides-page .guide-installation-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 0; padding:0; list-style:none; }
#ht-guides-page .guide-installation-point,
#ht-guides-page .guide-installation-product { min-width:0; padding:16px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:linear-gradient(180deg,var(--ht-color-bg),var(--pale)); }
#ht-guides-page .guide-installation-point-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; }
#ht-guides-page .guide-installation-point h4,
#ht-guides-page .guide-installation-product h4 { color:var(--navy); font-size:var(--public-text-body); line-height:1.6; }
#ht-guides-page .guide-installation-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; border-radius:var(--ht-radius-card); margin-bottom:16px; background:var(--pale); }
#ht-guides-page .guide-installation-drill { object-fit:cover; object-position:left center; }
#ht-guides-page .guide-installation-bullets { padding-left:22px; margin:12px 0; }
#ht-guides-page .guide-installation-bullets li + li { margin-top:8px; }
#ht-guides-page .guide-installation-bullets li::marker { color:var(--blue); }
#ht-guides-page .guide-installation-note,
#ht-guides-page .guide-installation-completion { display:flex; align-items:flex-start; gap:20px; margin-top:24px; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-installation-products-heading { margin-top:32px; }
#ht-guides-page .guide-installation-product,
#ht-guides-page .guide-installation-product-body { display:flex; flex-direction:column; }
#ht-guides-page .guide-installation-product-body { flex:1; min-width:0; }
#ht-guides-page .guide-installation-product-actions { margin-top:auto; padding-top:16px; }
#ht-guides-page .guide-installation-video { display:flex; min-height:calc(3.2em + 10px); padding-top:10px; }
#ht-guides-page .guide-installation-video a { display:inline-flex; align-items:center; gap:8px; color:var(--blue); }
#ht-guides-page .guides-installation .primary { width:100%; background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); color:var(--ht-color-bg); }
@media (hover:hover) and (pointer:fine) {
#ht-guides-page .guides-installation .primary:hover { background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); }}
#ht-guides-page .guide-installation-consultation { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); align-items:center; gap:24px; margin-top:24px; padding:32px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-installation-consultation-copy { min-width:0; }
#ht-guides-page .guide-installation-consultation h3 { margin-bottom:12px; }
#ht-guides-page .guide-installation-contact { margin-top:24px; }
#ht-guides-page .guide-installation-contact p { margin-top:16px; color:var(--navy); }
#ht-guides-page .guide-installation-contact p a { display:inline-flex; align-items:center; gap:8px; }
#ht-guides-page .guide-installation-roof { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
@media (max-width:1023px) {
  #ht-guides-page .guide-installation-common { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ht-guides-page .guide-installation-products,
  #ht-guides-page .guide-installation-consultation { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-installation-product > img { max-width:480px; margin-inline:auto; }
  #ht-guides-page .guide-installation-video { min-height:0; }
  #ht-guides-page .guide-installation-roof { max-width:480px; margin-inline:auto; }
}
@media (max-width:600px) {
  #ht-guides-page .guides-installation { padding-top:40px; scroll-margin-top:100px; }
  #ht-guides-page .guide-installation-opener,
  #ht-guides-page .guide-installation-common { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-installation-opener > img { display:none; }
  #ht-guides-page .guide-installation-heading { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; }
  #ht-guides-page .guide-installation-heading > div { display:contents; }
  #ht-guides-page .guide-installation-heading p { grid-column:1 / -1; }
  #ht-guides-page .guide-installation-heading > .guide-installation-badge { padding:6px 10px; font-size:var(--public-text-body); }
  #ht-guides-page .guide-installation-note,
  #ht-guides-page .guide-installation-completion { flex-direction:column; gap:12px; padding:20px; }
  #ht-guides-page .guide-installation-consultation { padding:20px; }
}
#ht-guides-page .guides-installation h3 { font-size:var(--public-text-h3); }
#ht-guides-page .guide-installation-point h4,
#ht-guides-page .guide-installation-product h4 { margin:0; }
#ht-guides-page .guide-installation-product .guide-installation-tagline { margin-top:10px; }

#ht-guides-page .guides-care { padding-top:64px; scroll-margin-top:120px; overflow-wrap:break-word; }
#ht-guides-page .guide-care-opener { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:center; gap:24px; margin-bottom:32px; }
#ht-guides-page .guide-care-heading { display:flex; align-items:flex-start; gap:20px; }
#ht-guides-page .guide-care-badge { flex:none; display:inline-block; padding:6px 10px; border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); color:var(--blue); font-weight:700; }
#ht-guides-page .guide-care-heading > .guide-care-badge { padding:10px 16px; font-size:var(--public-text-body); }
#ht-guides-page .guides-care h2 { margin:0; }
#ht-guides-page .guides-care h3 { margin:0 0 20px; font-size:var(--public-text-h3); }
#ht-guides-page .guides-care h4 { margin:0; color:var(--navy); font-size:var(--public-text-body); line-height:1.6; }
#ht-guides-page .guides-care p { margin:12px 0 0; }
#ht-guides-page .guide-care-tagline { color:var(--navy); font-weight:700; }
#ht-guides-page .guide-care-storage,
#ht-guides-page .guide-care-cleaning,
#ht-guides-page .guide-care-chemicals { display:grid; gap:20px; list-style:none; margin:0; padding:0; }
#ht-guides-page .guide-care-storage { grid-template-columns:repeat(2,minmax(0,1fr)); }
#ht-guides-page .guide-care-storage-card,
#ht-guides-page .guide-care-cleaning-card,
#ht-guides-page .guide-care-product { min-width:0; padding:20px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); }
#ht-guides-page .guide-care-card-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; }
#ht-guides-page .guide-care-card-heading h4,
#ht-guides-page .guide-care-warning-heading > div,
#ht-guides-page .guide-care-chemicals p { min-width:0; }
#ht-guides-page .guide-care-storage-body { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:16px; align-items:start; }
#ht-guides-page .guide-care-storage-body figure { margin:0; min-width:0; }
#ht-guides-page .guide-care-storage-body p:first-child { margin-top:0; }
#ht-guides-page .guide-care-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; border-radius:var(--ht-radius-card); }
#ht-guides-page .guide-care-diameter { padding:10px; margin-top:12px; color:var(--navy); background:var(--pale); border-radius:var(--ht-radius-card); font-weight:700; }
#ht-guides-page .guide-care-film,
#ht-guides-page .guide-care-consultation { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); align-items:center; gap:24px; margin:24px 0 32px; padding:32px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-care-film h3,
#ht-guides-page .guide-care-consultation h3 { margin-bottom:12px; }
#ht-guides-page .guide-care-cleaning-heading { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; margin-bottom:24px; }
#ht-guides-page .guide-care-cleaning-heading h3 { margin-bottom:0; }
#ht-guides-page .guide-care-cleaning-heading > p { margin-top:0; }
#ht-guides-page .guide-care-cleaning { grid-template-columns:repeat(4,minmax(0,1fr)); }
#ht-guides-page .guide-care-note { display:flex; align-items:flex-start; gap:16px; padding:20px; margin:20px 0 32px; border-radius:var(--ht-radius-card); background:var(--pale); }
#ht-guides-page .guide-care-note > svg { flex:none; width:28px; height:28px; color:var(--blue); }
#ht-guides-page .guide-care-note p { margin:0; }
#ht-guides-page .guide-care-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
#ht-guides-page .guide-care-product > img { margin-top:16px; }
#ht-guides-page .guide-care-bullets { margin:12px 0 0; padding-left:22px; }
#ht-guides-page .guide-care-bullets li + li { margin-top:8px; }
#ht-guides-page .guide-care-warning { padding:28px; margin-top:24px; border:1px solid #e0b48f; border-radius:var(--ht-radius-card); background:#fff8f2; }
#ht-guides-page .guide-care-warning-heading { display:flex; align-items:flex-start; gap:16px; }
#ht-guides-page .guide-care-warning-icon { flex:none; }
#ht-guides-page .guide-care-warning-heading h3 { margin-bottom:0; }
#ht-guides-page .guide-care-chemicals { grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; margin:24px 0; }
#ht-guides-page .guide-care-chemicals li { min-width:0; }
#ht-guides-page .guide-care-contact { margin-top:24px; }
#ht-guides-page .guide-care-contact .primary { width:100%; min-width:0; white-space:normal; text-align:center; background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); color:var(--ht-color-bg); }
@media (hover:hover) and (pointer:fine) {
#ht-guides-page .guide-care-contact .primary:hover { background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); }}
#ht-guides-page .guide-care-contact p { color:var(--navy); margin-top:16px; }
#ht-guides-page .guide-care-contact p .icon { vertical-align:middle; margin-right:8px; }
@media(max-width:1100px) {
  #ht-guides-page .guide-care-storage-body { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-care-cleaning { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ht-guides-page .guide-care-products { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-care-product > img { max-width:480px; margin-inline:auto; }
  #ht-guides-page .guide-care-chemicals { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #ht-guides-page .guide-care-film,
  #ht-guides-page .guide-care-consultation { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-care-film > img,
  #ht-guides-page .guide-care-consultation > img { max-width:480px; margin-inline:auto; }
}
@media(max-width:600px) {
  #ht-guides-page .guides-care { padding-top:40px; scroll-margin-top:100px; }
  #ht-guides-page .guide-care-opener,
  #ht-guides-page .guide-care-storage,
  #ht-guides-page .guide-care-cleaning-heading,
  #ht-guides-page .guide-care-cleaning,
  #ht-guides-page .guide-care-chemicals { grid-template-columns:minmax(0,1fr); }
  #ht-guides-page .guide-care-heading { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; }
  #ht-guides-page .guide-care-heading > div { display:contents; }
  #ht-guides-page .guide-care-heading p { grid-column:1 / -1; }
  #ht-guides-page .guide-care-heading > .guide-care-badge { padding:6px 10px; font-size:var(--public-text-body); }
  #ht-guides-page .guide-care-film,
  #ht-guides-page .guide-care-consultation,
  #ht-guides-page .guide-care-warning { padding:20px; }
  #ht-guides-page .guide-care-note { flex-direction:column; gap:12px; }
  #ht-guides-page .guide-care-chemicals li { display:flex; align-items:flex-start; gap:16px; }
  #ht-guides-page .guide-care-chemicals img { flex:none; }
  #ht-guides-page .guide-care-chemicals p { margin-top:0; }
}
@media(min-width:1024px) {
  #ht-guides-page .guide-installation-product-actions .button { min-height:calc(2.8em + 1.5rem + 2px); }
}

/* Homepage photo handoff V3: approved crops, isolated from the shared shell. */
#ht-homepage .homepage-photo {
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
}
#ht-homepage .homepage-photo img {
  position:static;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  min-width:0;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:center;
  transform:none;
}
#ht-homepage .hero-photo {
  width:100%;
  max-width:600px;
  height:auto;
  aspect-ratio:3 / 2;
  justify-self:center;
}
#ht-homepage .hero-photo .homepage-photo,
#ht-homepage .hero-photo img { aspect-ratio:3 / 2; }
#ht-homepage .product-image {
  height:auto;
  aspect-ratio:4 / 3;
  padding:0;
  background:#fff;
}
#ht-homepage .product-image img { object-fit:contain; background:#fff; }
#ht-homepage .supply-photos {
  width:100%;
  max-width:480px;
  margin-inline:auto;
}
#ht-homepage .supply-photo-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#ht-homepage .supply-photo-grid > :first-child { grid-column:1 / -1; }
#ht-homepage .cta-photo {
  display:flex;
  align-items:center;
  right:0;
}
#ht-homepage .cta-photo .homepage-photo { flex:none; }
@media(max-width:767px) {
  #ht-homepage .hero-photo {
    max-width:360px;
    aspect-ratio:4 / 3;
  }
  #ht-homepage .hero-photo .homepage-photo,
  #ht-homepage .hero-photo img { aspect-ratio:4 / 3; }
  #ht-homepage .supply-photos { max-width:360px; }
  #ht-homepage .supply-photo-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
  #ht-homepage .cta-photo { display:none; }
}

/* Approved source photos: only the three Guides content occurrences. */
#ht-guides-page #dat-hang-cung-ung .guide-ordering-truck-image { display:block; width:100%; max-width:400px; height:auto; margin-inline:auto; aspect-ratio:4 / 3; object-fit:contain; }
#ht-guides-page #chon-san-pham .guide-consultation-image { width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; }
#ht-guides-page #bao-quan-ve-sinh .guide-care-film > img { width:100%; max-width:400px; height:auto; margin-inline:auto; aspect-ratio:4 / 3; object-fit:contain; }

/* Guide 16 only: reserve the complete approved label and arrow illustration. */
#ht-guides-page #huong-dan-lap-dat img[src*="/guide-16-khe-gian-no-v2"] { aspect-ratio:1672 / 941; object-fit:contain; }

/* Homepage editorial V2: preserve shared components and approved photo crops. */
#ht-homepage .homepage-followup { margin-top:24px; }
#ht-homepage .homepage-followup p { margin-bottom:8px; }
#ht-homepage .support-card .text-link { text-wrap:balance; }
#ht-homepage .application-grid .homepage-partition-photo {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:center;
}
@media (min-width:601px) and (max-width:1023px) {
  #ht-homepage .application-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  #ht-homepage .application-grid { grid-template-columns:minmax(0,1fr); }
}

/* Owner-approved homepage application descriptions, 2026-10-30. */
#ht-homepage #ung-dung .application-grid article { display:flex; flex-direction:column; }
#ht-homepage #ung-dung .application-grid h3 { padding:var(--ht-card-padding) var(--ht-card-padding) 0; }
#ht-homepage #ung-dung .application-grid article > p {
  padding-inline:var(--ht-card-padding);
  margin:12px 0 16px;
  font-size:var(--public-text-body);
  line-height:1.6;
  color:var(--ht-color-text-muted);
}
#ht-homepage #ung-dung .application-grid article > .text-link {
  margin:auto var(--ht-card-padding) var(--ht-card-padding);
}