/* Pintu 2 · kritik kendiri (28 Okt 2026). Pembaikan kecil dikongsi homepage K8 + page Pintu 2. Token K8 sahaja (:root styles.css).
   design/pintu-2/KRITIK-KENDIRI.md = sebab setiap peraturan. Dimuat SELEPAS styles.css / p2.css / bahasa.css. */

/* K3: 6 logo + jubin "Your organisation" — jubin ambil 2 lajur supaya grid 4 / 2 lajur penuh (tiada lubang) */
html .klien-logo li.klien-anda { grid-column: span 2; }

/* D6: telefon / tablet — eyebrow hero homepage ulang jalur HUD ("00 WEB · MOBILE · AI · HOSTING") → HUD kekal, eyebrow disorok */
@media (max-width: 960px) { html .hero-teks > .kicker.kicker-malam { display: none; } }

/* M2 / G: label bukti (MOF, SSM, Ownership, Tax, Delivered for…) tak kurang 11px */
html .mk-bukti dt, html .lejar dt, html .p2-rekod dt, html .p2-meta dt, html .p2-angka dd, html .mk-klien-label { font-size: 11px; }

/* D2: "At a glance" dibuang dari page kes / kerja → satu lajur (lebar bacaan sama .p2-utama) */
html .p2-satu { display: block; }
html .p2-satu .p2-utama { max-width: 52em; }

/* D3: Build·Host·Run dalam page kes = 1 baris + link Hosting */
html .p2-bhr-baris { margin: 28px 0 0; color: var(--kelabu); max-width: 46em; }
html .p2-bhr-baris .link-teks { margin-top: 0; min-height: 44px; }

/* C1 / C2: link laman awam / store (tab baru) — satu anak panah ↗ sahaja */
html .p2-luar { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 8px 0 0; }
html .p2-luar .link-teks { margin-top: 0; }
html .p2-luar .link-teks::after { content: none; }
html .p2-luar .link-teks::before { right: 0; }

/* K7: NADI dalam blok sendiri "Our own products" di bawah kerja klien */
html .p2-juga-kes { margin-top: 48px; }
html .p2-lagi-satu { grid-template-columns: minmax(0, 360px); }

/* K11: panel nama sistem (tiada skrin / logo) — BUKAN skrin reka */
html .p2-nama-panel { display: grid; place-items: center; }
html .p2-nama-panel > span { font: 560 clamp(1.6rem, 3.2vw, 2.4rem)/1.1 var(--sans); letter-spacing: -0.02em; color: var(--ink); }
html .p2-kad-shot.p2-nama-panel > span { font-size: 1.5rem; }

/* K11: hosting Gazco ("Hosted with us") */
html .p2-hos-klien { align-items: center; }
html .p2-hos-klien-shot { margin: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px var(--garis); }
html .p2-hos-klien-shot img { display: block; width: 100%; height: auto; }
html .p2-hos-klien-nama { margin: 0 0 6px; font-weight: 600; font-size: 20px; color: var(--ink); }

/* M4: page kes / kerja — nama klien di atas tajuk pada telefon (HUD + kepala makan ~115 px) */
html .p2-hero-klien { display: none; }
@media (max-width: 480px) {
  html .p2-hero-klien { display: block; order: 1; margin: 0 0 6px; font: 500 11.5px/1.4 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ais-redup); }
}
/* G / M1: telefon ≤480 — butang "Talk to us" terus selepas ayat hero (sebelum imej / meta), supaya nampak dalam skrin pertama */
@media (max-width: 480px) {
  html .p2-hero .tindakan { order: 1; margin-top: 18px; }
  html .p2-hero .p2-luar { order: 4; }
  html .p2-hero .p2-angka { order: 3; }
  html .p2-hero .p2-h1 { margin-bottom: 10px; }
  html .p2-hero .p2-ayat { margin-bottom: 0; }
  html .p2-hero .p2-balik { margin-bottom: 4px; }
}
/* P2-4 (29 Okt): ≤960 label bab HUD ("01 Hosting") KEKAL nampak semasa sapa — k6.js hanya kembangkan pil bila muat di kanan label, jika tidak ping */
@media (max-width: 960px) { html.js.ask-sapa .pentas :is(.bacaan, .rel) { opacity: 1; } }