:root {
  --navy: #202b46;
  --gold: #b99a68;
  --gold-text: #806031;
  --ink: #202b46;
  --blue: #263957;
  --muted: #566071;
  --line: #dcdde1;
  --surface: #f3f3f4;
  --light: #f3f3f4;
}

.site-header, .thermal-page .thermal-header, .finder-header {
  background: #e9e7e9;
  border-bottom: 1px solid #b99a68;
}
.header-inner, .thermal-page .header-content, .header-row { min-height: 94px; }
.logo.cestek-brand, .brand.cestek-brand { flex-shrink: 0; padding: 5px 0; }
.cestek-brand img { display: block; width: 208px; height: auto; mix-blend-mode: darken; }
.brand-caption, .brand-context, .header-label { color: var(--muted); }
.kicker, .eyebrow { color: var(--gold-text); }

a:focus-visible, button:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex="0"]:focus-visible,
.thermal-page .whatsapp-button:focus-visible,
.choice:has(input:focus-visible) { outline-color: var(--navy); }
.main-nav .nav-button, .button.blue, .primary-button, .button-primary { background: var(--navy); border-color: var(--navy); }
.main-nav .nav-button:hover, .button.blue:hover, .primary-button:hover, .button-primary:hover { background: #344563; border-color: #344563; }

.thermal-page .hero-copy h1 { color: var(--navy); }
.thermal-page .hero-device { border-top: 3px solid var(--gold); background: var(--surface); }
.thermal-page .device-caption { background: var(--surface); border-color: var(--line); }
.thermal-page .device-caption a, .thermal-page .sensor-copy .text-link { color: var(--navy); }
.thermal-page .selector-section { background: #f1f1f3; }
.thermal-page .selector-fields select { border-color: #747c8a; }
.thermal-page .selector-submit .button-secondary { color: var(--navy); border-color: var(--navy); }
.thermal-page .selector-submit .button-secondary:hover { background: var(--navy); color: white; }
.thermal-page .product-position { color: var(--navy); }
.thermal-page .fit-reason { border-left-color: var(--gold-text); color: var(--navy); }
.thermal-page .match-context { background: #f4f1eb; border-left-color: var(--gold-text); }
.thermal-page .sensor-section { background: #f3f3f4; }
.thermal-page .final-cta { background: var(--navy); border-top: 3px solid var(--gold); }
.thermal-page .final-cta h2 { color: white; }
.thermal-page .final-cta p { color: #d8dce5; }
.thermal-page .final-cta .eyebrow { color: #d9bb8c; }
.thermal-page .final-cta a:focus-visible { outline-color: #d9bb8c; }
.thermal-page .thermal-footer .cestek-brand img, .footer .cestek-brand img { width: 170px; }
.thermal-page .quote-bar { border-top-color: var(--gold-text); }

@media (max-width: 1100px) {
  .catalog-page .cestek-brand img { width: 170px; }
}
@media (max-width: 780px) {
  .header-inner, .thermal-page .header-content, .header-row { min-height: 80px; }
  .cestek-brand img { width: 180px; }
  .thermal-page .thermal-hero { padding-top: 27px; }
}
@media (max-width: 560px) {
  .finder-page .cestek-brand img { width: 145px; }
  .finder-page .back-catalog { gap: 5px; font-size: 12px; }
  .finder-page .header-row { gap: 12px; }
  .thermal-page .thermal-footer .cestek-brand img, .footer .cestek-brand img { width: 160px; }
}
@media (max-width: 360px) {
  .cestek-brand img { width: 160px; }
  .finder-page .cestek-brand img { width: 125px; }
}

/* 2 Oktober 2026: logo PNG transparan, spesifikasi kunci pada kartu produk landing thermal. */
.cestek-brand img { mix-blend-mode: normal; width: 190px; }
.thermal-page .product-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 18px 0 4px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.thermal-page .product-specs div { padding: 12px 14px 12px 0; }
.thermal-page .product-specs div + div { padding-left: 14px; border-left: 1px solid var(--line); }
.thermal-page .product-specs dt { font-size: 12px; color: var(--muted); margin: 0 0 4px; }
.thermal-page .product-specs dd { margin: 0; font-size: 15px; font-weight: 600; color: var(--navy); line-height: 1.35; }
@media (max-width: 780px) {
  .cestek-brand img { width: 165px; }
  .thermal-page .product-specs { grid-template-columns: 1fr; }
  .thermal-page .product-specs div, .thermal-page .product-specs div + div { padding: 10px 0; border-left: 0; }
  .thermal-page .product-specs div + div { border-top: 1px solid var(--line); }
  .thermal-page .product-specs div { display: flex; justify-content: space-between; gap: 16px; }
  .thermal-page .product-specs dt { margin: 0; }
  .thermal-page .product-specs dd { text-align: right; font-size: 14px; }
}
@media (max-width: 360px) {
  .cestek-brand img { width: 145px; }
  .catalog-page .cestek-brand img { width: 118px; }
  .catalog-page .header-inner { gap: 8px; }
}