/* Tema utama 86 MERCH (27 Okt 2026) — sama dengan beranda HP: Montserrat, putih tulang, kuning emas, kartu arang.
   Dimuat TERAKHIR di semua halaman selain beranda; cukup menimpa variabel + beberapa permukaan gelap. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/montserrat.woff2) format('woff2')}
:root{
  --arang:#FAF8F2; --arang-2:#F1EFEA; --arang-tua:#3E4447; --arang-gelap:#171A1B;
  --kapur:#1C1F21; --kabut:#6c7377; --garis:rgba(28,31,33,.13);
  --kertas:#FFFFFF; --tinta:#1C1F21; --tinta-2:#4E555A;
  --stensil:'Montserrat',system-ui,sans-serif; --teks:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
body{background:#FAF8F2;background-image:none;font-size:16px}
/* Permukaan gelap: kembalikan variabel terang di dalamnya */
.kepala,.kaki,.kartu-produk,.kr-panel,.saring,.produk-grid section,.po-kartu,.po-kosong,.tautan-daftar a,.lihat,.toast,
.lini-kartu,.mesin-grid figcaption,.badge-info,.kr-bayar,.kr-hasil{
  --kapur:#F2F3F3; --kabut:#AEB4B8; --garis:rgba(255,255,255,.12); color:#F2F3F3}
.kepala{background:rgba(23,26,27,.94)}
.saring{background:rgba(62,68,71,.96)}
.kaki{background:linear-gradient(180deg,rgba(23,26,27,.94) 0%,rgba(23,26,27,.86) 100%),url(/img/beranda-hp/hero-artwork2.jpg) 60% 40%/cover #171A1B}
.kartu-produk,.produk-grid section,.po-kartu,.tautan-daftar a,.po-kosong{background:#3E4447;border-color:transparent;border-radius:14px}
.produk-grid{background:transparent;border:0;gap:12px}
.produk-grid section{border-radius:14px}
.apel{background:transparent;border-top-color:var(--garis)}
.layanan li{background:#fff;border:1px solid var(--garis)}
.layanan h3,.lini-kartu b{color:#1C1F21}
.lini-kartu b{color:#EFE94F}
.kp-harga,.produk-harga{color:#1C1F21}
.kartu-produk .kp-harga{color:#EFE94F}
/* kuning di atas terang tidak terbaca → sorot kuning di belakang teks */
.pembuka h1 em,.toko-pembuka h1 em,.hilang h1 em{color:#1C1F21;background:none;text-decoration:underline;text-decoration-color:#EFE94F;text-decoration-thickness:.12em;text-underline-offset:.1em;text-decoration-skip-ink:none}
.kepala em,.kaki em,.kartu-produk em{color:#EFE94F;background:none}
/* judul: Montserrat tebal, huruf besar, tanpa stensil */
h1,h2,h3,.merek span,.slogan,.kr-nomor{font-family:'Montserrat',system-ui,sans-serif;font-stretch:100%;letter-spacing:-.015em}
.pembuka h1,.toko-pembuka h1,.hilang h1{font-weight:800;line-height:.98;letter-spacing:-.02em}
.label{font-stretch:100%;letter-spacing:.12em;font-size:11.5px;font-weight:600;color:#4e555a}
.label b{color:#1C1F21}
.kepala .label,.kaki .label,.kartu-produk .label{color:#AEB4B8}
.kp-kat,.kr-langkah li{font-stretch:100%}
/* tombol/chip/isian */
.tombol{border-radius:99px;font-weight:700;letter-spacing:.03em}
.tombol-garis{color:#1C1F21;border-color:rgba(28,31,33,.3)}
.tombol-garis:hover{background:rgba(28,31,33,.06);border-color:#1C1F21}
.kepala .tombol-garis,.kaki .tombol-garis,.kr-panel .tombol-garis,.lihat .tombol-garis{color:#F2F3F3;border-color:rgba(242,243,243,.35)}
.tombol-tinta{background:#1C1F21;color:#fff}
.chip{border:1px solid var(--garis);color:#1C1F21;font-weight:600}
.chip[aria-pressed="true"],.pil[aria-pressed="true"]{background:#EFE94F;border-color:#EFE94F;color:#1C1F21}
.pil{border:1.5px solid rgba(28,31,33,.3);color:#1C1F21}
.saring .chip{color:#F2F3F3;border-color:rgba(242,243,243,.3)}
.saring .chip[aria-pressed="true"]{color:#1C1F21}
.isian,.kr-isian input,.kr-isian textarea,.kr-isian select{background:#fff;color:#1C1F21;border:1px solid var(--garis)}
.saring .isian{background:#2A2F33;color:#F2F3F3;border-color:rgba(255,255,255,.12)}
.kr-panel .isian,.kr-panel input,.kr-panel textarea,.kr-panel select,.kr-hasil,.kr-bayar{background:#1D2124;color:#F2F3F3}
.jumlah{border-color:rgba(28,31,33,.3)}.jumlah button,.jumlah input{color:#1C1F21}
.desk{color:#3b4145}
.spek dt{color:#6c7377}
.sizechart thead th{background:rgba(28,31,33,.05);color:#4e555a}
.sizechart tbody tr:nth-child(even){background:rgba(28,31,33,.03)}
.toko-kosong,.hitung,.remah a{color:#4e555a}
.lini-poin li{color:#1C1F21}
.cara{background:#fff}
.kp-foto,.galeri-utama,.gs-btn{background:#fff}
a:focus-visible,:focus-visible{outline-color:#1C1F21}
.kepala :focus-visible,.kaki :focus-visible,.saring :focus-visible{outline-color:#EFE94F}
.pembuka p.isi,.toko-pembuka p.isi,.lini-buka p.isi,.layanan p{color:#3b4145}
.saring .hitung{color:#AEB4B8}
.lini-buka em{color:#1C1F21;background:none;text-decoration:underline;text-decoration-color:#EFE94F;text-decoration-thickness:.12em;text-underline-offset:.1em;text-decoration-skip-ink:none}
.apel-baris:hover .apel-nama{color:#1C1F21}
/* Montserrat lebih lebar dari stensil: kecilkan judul besar agar tak meluber di HP */
.pembuka h1,.toko-pembuka h1,.lini-buka h1,.hilang h1{font-size:clamp(34px,9.4vw,96px);overflow-wrap:anywhere}
.slogan{font-size:clamp(48px,12vw,150px)}
.tautan-kepala h1{font-size:clamp(30px,9vw,44px)}
body{overflow-x:hidden}
h1 em{color:#1C1F21;background:none;text-decoration:underline;text-decoration-color:#EFE94F;text-decoration-thickness:.12em;text-underline-offset:.1em;text-decoration-skip-ink:none}
.kepala h1 em,.kaki h1 em{color:#EFE94F;text-decoration:none}
.logo-emas{filter:drop-shadow(0 0 0 #000)}
.lini-buka h1 em,.pembuka h1 em,.toko-pembuka h1 em{color:#1C1F21!important}
/* 27 Okt malam: perapian bagian yang janggal di latar terang */
.sizechart tbody th{color:#1C1F21}
.p-alur b{color:#1C1F21;font-family:'Montserrat',system-ui,sans-serif;font-weight:800}
.p-alur div{background:#fff}
.tautan-kepala .logo-emas,.hilang .logo-emas{background-color:#1C1F21}
/* bilah saring toko: artwork angkatan bertumpuk (sama dengan hero beranda) di balik lapisan arang */
.saring{background:linear-gradient(90deg,rgba(38,42,45,.93) 0%,rgba(38,42,45,.8) 60%,rgba(38,42,45,.7) 100%),url(/img/beranda-hp/hero-artwork2.jpg) 60% 35%/cover #3E4447;-webkit-backdrop-filter:none;backdrop-filter:none}