/* Klinforce Struktur 1.5.0 (halaman topik + entri Ensiklopedia + halaman Ensiklopedia + Beranda, Panduan, katalog, Belanja) - halaman topik /panduan/{topik}/ (mockup "Halaman topik: Kecoa" + skala huruf 2 Okt 2026) */
/* Pembungkus tema dibuat polos di halaman topik agar bagian krem selebar layar */
body.kft-halaman :is(#content,.site-content,#content > .container,.site-content > .container,#primary,.content-area,#main,.site-main){max-width:none!important;width:auto!important;float:none!important;padding:0!important;margin-top:0!important;margin-bottom:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.kft-halaman :is(#secondary,.widget-area,.page-header,.archive-header,.breadcrumb,.breadcrumbs){display:none!important}
/* Selebar layar walau masih di dalam pembungkus lain: 100vw tanpa skrip; skrip menggantinya dengan lebar layar tanpa batang gulir (1.2.1) */
body.kft-halaman{overflow-x:clip}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja){position:relative;box-sizing:border-box;display:block;float:none;width:var(--kft-w,100vw);max-width:none;margin:0 0 0 calc(50% - var(--kft-w,100vw) / 2 + var(--kft-x,0px));padding:0;border:0;font-family:'Plus Jakarta Sans',sans-serif;color:#1F1F1F;background:#FFFFFF;font-size:16px;font-weight:400;line-height:normal;text-align:left;letter-spacing:normal;text-transform:none;word-spacing:normal;text-indent:0;-webkit-font-smoothing:antialiased}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) div,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) section,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) a,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) span,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) strong,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) form,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h1,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h2,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) p,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) label{box-sizing:content-box;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;text-transform:inherit;text-indent:0;text-align:inherit;color:inherit;text-shadow:none;box-shadow:none;float:none;width:auto;max-width:none;min-height:0;transition:none;outline:none;text-decoration:none;position:static}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) div,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) section,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) form,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h1,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h2,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) p{display:block}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) a,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) span,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) strong,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) label{display:inline}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h1,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h2,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) strong{font-weight:bold}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h1,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) h2,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) p{line-height:normal;text-transform:none}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) :is(div,section,a,span,h1,h2,p,form,label)::before,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) :is(div,section,a,span,h1,h2,p,form,label)::after{content:none;display:none}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) a{color:#A40806;text-decoration:underline;cursor:pointer}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) a:hover,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) a:focus{color:#7A0604}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) input,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) button{box-sizing:border-box;height:auto;min-height:0;max-width:none;width:auto;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:normal;font-family:inherit;outline:none;-webkit-appearance:none;appearance:none;text-shadow:none;transition:none;border-radius:0;float:none}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) input[type=tel]{box-sizing:content-box;background:#FFFFFF;color:#1F1F1F}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) input:focus,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) input:hover,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) button:focus,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) button:hover{box-shadow:none;outline:none}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) input::placeholder{color:#757575;opacity:1}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) img.kft-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;aspect-ratio:auto!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) [hidden]{display:none!important}
/* 1.4.0: foto produk utuh, tidak terpotong */
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kft-foto-produk img.kft-img{object-fit:contain!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) button.kfi-f{box-sizing:border-box}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) a[href]:hover .kf-t4{color:#7A0604}
/* 1.5.0: ikon SVG, tombol saring, kartu */
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) svg{max-width:none!important;max-height:none!important;overflow:visible}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) svg *{fill:none!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) button.kf-f,:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) button.kfk-lagi{box-sizing:border-box}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) input[type=search]{box-sizing:border-box;background:transparent;color:#1F1F1F;height:auto}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) img{max-width:none;border:0;padding:0;border-radius:0;box-shadow:none;margin:0}
body.kfh-belanja{margin:0;background:#F7F4EF}
@media (max-width:767px){
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t1{font-size:44px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t3{font-size:26px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t4{font-size:19px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t5{font-size:17px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t6{font-size:16px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t8{font-size:12px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t9{font-size:13px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-foto-besar{height:240px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-kotak-krem{padding:28px 20px!important}
/* 1.2.1: kotak Tips di ponsel - kolom WA tidak keluar dari kotak */
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kft-tips-kotak{padding:32px 24px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) form.kft-tips{flex:1 1 100%;flex-wrap:nowrap!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) form.kft-tips input{flex:1 1 auto;min-width:0!important;width:100%}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) form.kft-tips button{flex:0 0 auto}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-t2{font-size:32px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-saring{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -24px!important;padding:0 24px 4px!important;scrollbar-width:none}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-saring button{flex-shrink:0}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-grid-kartu{gap:12px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-foto-kartu{height:110px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-isi-kartu{padding:12px 14px 16px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-kartu-produk{padding:12px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-nama-produk{font-size:16px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-foto-produk{height:140px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-belum{font-size:10.5px!important;top:8px!important;left:8px!important}
:is(#kft-topik,#kfe-entri,#kfi-indeks,#kfh-beranda,#kfg-panduan,#kfk-katalog,#kfb-belanja) .kf-kotak-merah{padding:32px 24px!important}
}