/* =========================================================
   BASE — reset & shared font utility
   ========================================================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.asap-sharp {
  font-family: "Asap Sharp", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* scroll halus saat lompat ke anchor (#top, #tentang-kami, dll) */
html {
  scroll-behavior: smooth;
}

/* jarak dari atas viewport, supaya heading section tidak ketutupan header fixed saat di-scroll ke */
#top,
#tentang-kami,
#proses-kerja,
#konsultasi {
  scroll-margin-top: 90px;
}

/* breadcrumb (dipakai di halaman katalog & detail produk) */
.product-breadcrumb {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 40px 0 40px;
  font-family: "Asap Sharp", sans-serif;
  font-size: 12px;
  color: #6b6b75;
}

.product-breadcrumb a {
  color: #052d55;
  text-decoration: none;
}

.product-breadcrumb a:hover {
  text-decoration: underline;
}

.product-breadcrumb span {
  margin: 0 6px;
}

/* label kecil huruf kapital navy (dipakai di hero berbagai halaman: katalog, about, our-work, blog) */
.catalog-label {
  display: block;
  font-family: "Asap Sharp", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #052d55;
  margin-bottom: 14px;
}