.elementor-19000 .elementor-element.elementor-element-5683f2c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19000 .elementor-element.elementor-element-ca10001{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19000 .elementor-element.elementor-element-ca10002{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19000 .elementor-element.elementor-element-ca10011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19000 .elementor-element.elementor-element-ca10012{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19000 .elementor-element.elementor-element-ca10021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19000 .elementor-element.elementor-element-ca10022{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19000 .elementor-element.elementor-element-316f30c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19000 .elementor-element.elementor-element-fcadf43{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* ============================================================
   TM page CSS — post 19000 (preview-komoditas-2026)
   Rebuild layout-only dari post 85 (TEKNO MINERBA KOMODITAS):
   konten (teks/gambar/link) verbatim, hanya tata letak berubah.
   Struktur = kontainer flex + widget HTML
   (elementor/komoditas-2026-template.json).
   Scope .page-id-19000 (pelajaran Profil: _css_classes kontainer
   tidak tersaji). Dikirim via widget tm-style-carrier + duplikat
   page settings. Base = plugin components.css/tokens.css.
   ============================================================ */

/* ---------- Judul bawaan + header/footer override (pola 18966) ---------- */
.page-id-19000 .uicore-page-title, .page-id-19000 .entry-title { display: none; }
.page-id-19000 .tm-header { position: fixed; top: 0; left: 0; right: 0; z-index: 80; }
body.admin-bar .tm-header { top: 32px; }
body.elementor-template-canvas { padding-top: 76px; }
.page-id-19000 .tm-header__inner { min-height: 76px; }
.page-id-19000 .tm-header__logo img { height: 44px; width: auto; }
.page-id-19000 .tm-nav a[aria-current="page"] { color: var(--tm-ember); }
.page-id-19000 .tm-header__actions { display: none; align-items: center; gap: 18px; }
@media (min-width: 900px) { .page-id-19000 .tm-header__actions { display: inline-flex; } }
.page-id-19000 .tm-header .tm-btn { min-height: 42px; padding: 9px 20px; font-size: 15px; }
.page-id-19000 .tm-lang { display: inline-flex; align-items: center; gap: 10px; font-family: var(--tm-font-mono); font-size: 12.5px; letter-spacing: 0.06em; }
.page-id-19000 .tm-lang a { text-decoration: none; color: var(--tm-steel); white-space: nowrap; }
.page-id-19000 .tm-lang a[aria-current="true"], .page-id-19000 .tm-lang a:hover { color: var(--tm-ink); font-weight: 600; }
.page-id-19000 .tm-footer__logo { height: 48px; width: auto; }
.page-id-19000 .tm-footer p { margin: 12px 0 0; font-size: 15px; }
.page-id-19000 .tm-footer__links a { font-size: 15px; }
.page-id-19000 .tm-footer h3 { margin-bottom: 14px; }
.page-id-19000 .tm-header__drawer .tm-lang { margin-top: 14px; }
.page-id-19000 .tm-header__drawer .tm-btn { margin-top: 14px; width: 100%; }
.page-id-19000 .tm-style-carrier { display: none; }

/* Basis tipografi header/footer (kontainer tidak membawa tm-scope) */
.page-id-19000 .tm-header, .page-id-19000 .tm-footer {
  font-family: var(--tm-font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--tm-ink);
  -webkit-font-smoothing: antialiased;
}
.page-id-19000 .tm-header img, .page-id-19000 .tm-footer img { display: block; }

/* ---------- Ritme section (kit menimpa .tm-section plugin) ---------- */
.page-id-19000 .e-con.tm-section:not(.tm-km-hero) { padding-block: clamp(44px, 4.5vw, 68px); }

/* ---------- Kontainer ---------- */
.page-id-19000 .e-con.tm-container {
  max-width: var(--tm-container);
  width: 100%;
  margin-inline: auto;
  padding-inline: 24px;
  --gap: 0;
  gap: 0;
}

/* ---------- Kicker ---------- */
.page-id-19000 .tm-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--tm-font-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tm-steel);
  margin: 0 0 18px;
}
.page-id-19000 .tm-kicker::before { content: ""; width: 18px; height: 2px; background: var(--tm-ember); flex: none; }

/* ---------- HERO: tipografi + papan spesimen komoditas ----------
   Jarak navbar->kicker 47px = paritas homepage/Mining (kit memberi
   kontainer padding 10px; +38px di kontainer hero). Papan spesimen =
   grid 2x2 tekstur produk (background CSS dari foto konten — bahasa
   "contoh material" khas perdagangan komoditas), garis pemisah navy
   + seam navy-emas-merah (gema keluarga visual homepage/Mining). */
.page-id-19000 .tm-km-hero > .e-con.tm-container { padding-top: 38px; }
.page-id-19000 .tm-km-hero__grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
@media (min-width: 900px) {
  .page-id-19000 .tm-km-hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: stretch; }
}
.page-id-19000 .tm-display {
  font-family: var(--tm-font-display);
  font-weight: 800;
  font-size: clamp(40px, 5.6vw, 76px);
  line-height: 1.02;
  letter-spacing: -0.025em;
  color: var(--tm-ink);
  margin: 0 0 24px;
}
.page-id-19000 .tm-display::after { content: ""; display: block; width: 64px; height: 4px; background: var(--tm-ember); margin-top: 22px; }
.page-id-19000 .tm-lead { color: var(--tm-steel); font-size: 17.5px; line-height: 1.75; max-width: 58ch; margin: 0 0 30px; }
.page-id-19000 .tm-km-hero__cta { display: flex; gap: 16px; flex-wrap: wrap; }

.page-id-19000 .tm-km-board {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 6px;
  background: var(--tm-ink-deep);
  border-radius: var(--tm-radius);
  overflow: hidden;
  box-shadow: var(--tm-shadow);
  aspect-ratio: 16 / 10; /* ponsel: banner rapi, tinggi ikut lebar */
}
@media (min-width: 900px) {
  .page-id-19000 .tm-km-board { aspect-ratio: auto; min-height: 480px; height: 100%; }
}
.page-id-19000 .tm-km-board__tile { display: block; background-size: cover; background-position: center; min-height: 0; }
.page-id-19000 .tm-km-board::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 6px;
  background: linear-gradient(90deg, var(--tm-ink) 0 58%, var(--tm-hivis) 58% 70%, var(--tm-ember) 70% 100%);
}

/* ---------- Judul section ---------- */
.page-id-19000 .tm-sechead {
  font-family: var(--tm-font-display);
  font-weight: 800;
  font-size: clamp(30px, 3.6vw, 44px);
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--tm-ink);
  margin: 0 0 22px;
}
.page-id-19000 .tm-sechead::before { content: ""; display: block; width: 26px; height: 3px; background: var(--tm-ember); margin-bottom: 14px; }
.page-id-19000 .tm-section--navy .tm-sechead { color: #fff; }

/* ---------- Dokumen Legalitas (navy): rak arsip putih ----------
   5 scan dokumen jadi kartu arsip seragam 3:4 (object-fit contain,
   latar kartu putih) — pengganti tumpukan scan raksasa halaman lama. */
.page-id-19000 .tm-doc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 640px) { .page-id-19000 .tm-doc-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1000px) { .page-id-19000 .tm-doc-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; } }
.page-id-19000 .tm-doc {
  margin: 0;
  background: #fff;
  border-radius: var(--tm-radius);
  padding: 10px;
  box-shadow: var(--tm-shadow);
  transition: transform .2s ease;
}
.page-id-19000 .tm-doc:hover { transform: translateY(-4px); }
.page-id-19000 .tm-doc img { width: 100%; aspect-ratio: 3 / 4; object-fit: contain; display: block; }
.page-id-19000 .tm-doc h5 { display: none; } /* H5 kosong warisan konten asli */

/* ---------- Katalog produk (paper): kartu foto + tombol beli ---------- */
.page-id-19000 .tm-shop { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 700px) { .page-id-19000 .tm-shop { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1000px) { .page-id-19000 .tm-shop { grid-template-columns: repeat(4, 1fr); gap: 18px; } }
.page-id-19000 .tm-shop__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--tm-line);
  border-radius: var(--tm-radius);
  padding: 10px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.page-id-19000 .tm-shop__card:hover {
  transform: translateY(-3px);
  box-shadow: var(--tm-shadow);
  border-color: rgba(21, 42, 78, .24);
}
.page-id-19000 .tm-shop__media { margin: 0; }
.page-id-19000 .tm-shop__media img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: calc(var(--tm-radius) - 4px);
  display: block;
}
.page-id-19000 .tm-shop .tm-btn--sm { min-height: 40px; padding: 8px 14px; font-size: 13.5px; width: 100%; margin-top: auto; }

/* ---------- Ponsel: tombol hero penuh-lebar ---------- */
@media (max-width: 640px) {
  .page-id-19000 .tm-km-hero__cta .tm-btn { width: 100%; }
}/* End custom CSS */