/* =============================================================================
   PLAN B — FONT SISTEM UNTUK HALAMAN PRODUK (GABUNGAN, SATU BERKAS)
   adev.co.id · 23 Oktober 2026 · PM Orchestrator Agent

   Berkas ini menggantikan DUA berkas sebelumnya:
     - WPCODE-css-PlanB-ringan-produk-20261023.css        (Bagian A)
     - WPCODE-css-PlanB-ringan-v2-tambahan-20261023.css   (Bagian B)
   Cukup SATU snippet aktif. Nonaktifkan dua snippet lama agar tidak dobel.

   DASAR (hasil pengukuran PSI desktop /produk/body-wash/):
     Sebelum        : performance 85 · LCP 1,1 s · CLS 0,222 (GAGAL)
     Setelah Bagian A: performance 97 · LCP 0,6-0,9 s · CLS 0,082 / 0,091 (LULUS, mepet)
     Sisa pergeseran 0,0787 berasal dari teks Lato di ATAS deskripsi
     (breadcrumb, harga, meta produk, label tab) -> ditutup oleh Bagian B.

   CARA KERJA
   Memberi font SISTEM pada area yang bergeser di halaman detail produk saja.
   Karena tidak ada font web di area itu, tidak ada pergantian font sehingga
   tidak ada pergeseran. Header, menu, footer, dan halaman lain TETAP memakai Lato.

   DAMPAK
   + CLS dari pergantian font hilang (target ~0,02)
   + halaman produk lebih ringan (berkas font tidak perlu untuk area ini)
   - tipografi area produk berbeda dari halaman lain (system font)

   CATATAN PENTING
   1. Jangan lagi memakai snippet berisi 20 @font-face. Blok itu terbukti
      menambah pekerjaan pemuatan font dan justru memperbesar CLS.
   2. Bila tipografi WAJIB Lato, alternatifnya reservasi tinggi (min-height)
      pada judul + short description yang memerlukan pengukuran di browser.

   CARA PASANG
   1. Nonaktifkan: CSS Plan B ringan v1 dan CSS Plan B ringan v2 (bila sudah ada).
   2. Tempel SELURUH berkas ini di WPCode (CSS) atau Elementor Custom CSS.
   3. Purge All (LSCWP) + purge Cloudflare.
   4. Ukur PSI desktop 2x /produk/body-wash/ -> target CLS < 0,1 (idealnya ~0,02).
   ============================================================================= */

body.single-product h1.elementor-heading-title,
body.single-product .elementor-widget-woocommerce-product-content,
body.single-product .elementor-widget-woocommerce-product-content p,
body.single-product .elementor-widget-woocommerce-product-content h2,
body.single-product .elementor-widget-woocommerce-product-content h3,
body.single-product .elementor-widget-woocommerce-product-content h4,
body.single-product .elementor-widget-woocommerce-product-content li,
body.single-product .elementor-widget-woocommerce-product-content td,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-tabs h2,
body.single-product .woocommerce-tabs p,
body.single-product .woocommerce-tabs li,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-product-details__short-description p,
body.single-product .elementor-widget-breadcrumbs,
body.single-product .elementor-widget-breadcrumbs a,
body.single-product .elementor-widget-breadcrumbs span,
body.single-product #breadcrumbs,
body.single-product #breadcrumbs a,
body.single-product #breadcrumbs span,
body.single-product .price,
body.single-product .woocommerce-Price-amount,
body.single-product .woocommerce-Price-currencySymbol,
body.single-product .product_meta,
body.single-product .product_meta a,
body.single-product .product_meta span,
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .woocommerce-product-gallery__trigger,
body.single-product .elementor-widget-text-editor,
body.single-product .elementor-widget-text-editor p,
body.single-product .elementor-widget-text-editor li,
body.single-product .elementor-widget-icon-list .elementor-icon-list-text {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}