/* kasir-konter.css - gaya tambahan halaman /kasir-konter. Berdiri di atas dok.css (tidak mengubahnya). */
.kk .pg-hero .sub{font-size:1.05rem;color:#3d2c00;max-width:30em;margin:-.8rem 0 1.6rem}

/* bingkai HP */
.kk .hp{background:#1b1b1b;border-radius:30px;padding:8px;box-shadow:0 30px 50px -24px rgba(60,35,0,.7)}
.kk .hp img{display:block;width:100%;height:auto;border-radius:23px;background:#fff}
.kk-stage{position:relative;max-width:30rem;margin:0 auto;width:100%;min-height:30rem;display:flex;justify-content:center;align-items:flex-start}
.kk-stage .hp{width:min(52%,15rem)}
.kk-stage .hp-1{transform:rotate(-4deg) translateX(8%);position:relative;z-index:2}
.kk-stage .hp-2{transform:rotate(5deg) translate(-4%,2.2rem)}
@media(max-width:991.98px){.kk-stage{min-height:0;padding-bottom:2.5rem}}
@media(max-width:575.98px){.kk-stage .hp{width:46%}}

/* masalah */
.lay .k.masalah{border-top:4px solid #f4732a}
.lay .k.masalah .x{align-self:flex-start;background:#fff1d6;color:#d85f18;font-weight:900;font-size:.78rem;letter-spacing:.08em;padding:.2rem .75rem;border-radius:999px;margin-bottom:.8rem}
.lay .k.masalah p{margin:0}

/* profil */
.kk-profil{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem;align-items:start}
.kk-teks .tg-kecil{display:inline-block;background:#ffb30e;color:#212121;font-weight:800;font-size:.85rem;padding:.2rem .9rem;border-radius:999px;margin-bottom:.9rem}
.kk-teks h2{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:900;line-height:1.2;margin:0 0 1rem}
.kk-teks h2 span{color:#f17228}
.kk-teks p{font-size:1.05rem;line-height:1.8;color:#4a4a4a;margin:0 0 .9rem}
.kk-teks .lead2{font-size:1.2rem;font-weight:600;color:#2b2b2b;line-height:1.65}
.kk-nilai{margin-top:2rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
@media(max-width:991.98px){.kk-profil{grid-template-columns:1fr}}

/* tangkapan layar */
.kk-layar{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,15rem));justify-content:center;gap:2rem;margin-top:3rem}
.kk-layar figure{margin:0;text-align:center}
.kk-layar figcaption{margin-top:1rem;color:#5b5750;font-size:.95rem;line-height:1.45}
.kk-layar figcaption b{display:block;color:#212121;font-size:1.05rem}

/* jasa */
.kk-jasa .k .lb-jasa{align-self:flex-start;background:#212121;color:#ffb30e;font-weight:800;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .8rem;border-radius:999px;margin-bottom:.8rem}
.kk-jasa .k>p{flex:1}
.kk-jasa .k .tanya{font-weight:700;font-size:.97rem;color:#5b5750;margin-top:.2rem}

/* harga */
.kk-pkt{grid-template-columns:repeat(auto-fit,minmax(18.5rem,1fr));gap:1.75rem;margin-top:.5rem}
.kk-pkt .p{padding:1.7rem 1.5rem}
.kk-pkt .p .tg-p{margin:0 0 1rem;color:#5b5750;font-size:.97rem;line-height:1.5}
.kk-pkt .p .tg-p b{color:#212121}
.hrg{width:100%;border-collapse:collapse;margin-bottom:1rem}
.hrg tr{border-top:1px solid #f1e8d8}
.hrg tr.ut{background:#fff8e8}
.hrg th,.hrg td{padding:.6rem .4rem;vertical-align:top;font-weight:400}
.hrg th{font-weight:700;color:#212121;font-size:.95rem;line-height:1.3}
.hrg th small{display:block;font-weight:400;color:#6c6c6c;font-size:.8rem;margin-top:.1rem}
.hrg td{text-align:right;white-space:nowrap}
.hrg td s{display:block;color:#9a9388;font-size:.8rem}
.hrg td b{display:block;color:#f5222d;font-size:1.12rem;line-height:1.2}
.hrg td em{font-style:normal;font-size:.75rem;font-weight:700;color:#198754}
.kk-pkt .p ul{margin:.4rem 0 1.4rem;display:grid;gap:.4rem}
.kk-pkt .p ul li{font-size:.95rem;line-height:1.5}
.kk-pkt .p ul li.off{color:#a39c8e;text-decoration:line-through}
.kk-pkt .p ul li.off::before{content:"\2715";color:#c4bba9}

/* pembayaran */
.kk-bayar{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;margin-top:1.75rem}
.kk-bayar .k{background:#fff;border-radius:1.2rem;padding:1.6rem;box-shadow:0 10px 30px -16px rgba(0,0,0,.3)}
.kk-bayar h3{font-size:1.2rem;font-weight:800;margin:0 0 .6rem}
.kk-bayar p{color:#4a4a4a;line-height:1.7;margin:0 0 .7rem}
.kk-bayar .nomor{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}
.kk-bayar .nomor code{background:#212121;color:#ffb30e;font-size:1.35rem;font-weight:800;letter-spacing:.06em;padding:.4rem 1rem;border-radius:.7rem}
.kk-bayar .nomor span{color:#6c6c6c;font-size:.92rem}

/* affiliate */
.kk-aff{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:991.98px){.kk-aff{grid-template-columns:1fr}}
.kk-aff .promo{padding:clamp(1.5rem,3vw,2.5rem)}
.kk-aff .promo-d p{max-width:none;margin-bottom:1.1rem}
.kk-aff .besar5{font-size:clamp(4.5rem,9vw,7rem)!important;font-weight:900;line-height:1;margin:0 0 .4rem!important;color:#212121!important;letter-spacing:-.04em}
.kk-aff .ket{max-width:none!important;color:#3d2c00!important;font-size:1rem!important;margin-bottom:1rem!important}
.kk-aff .tw table{width:100%;border-collapse:collapse;background:#fff;border-radius:.8rem;overflow:hidden}
.kk-aff .tw th,.kk-aff .tw td{padding:.65rem .9rem;text-align:left;font-size:.95rem;color:#212121}
.kk-aff .tw th{background:#212121;color:#fff;font-weight:700}
.kk-aff .tw tr+tr td{border-top:1px solid #f1e8d8}
.kk-aff .tw td b{color:#d85f18}
.kk-masalah{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.kk .info-duo{grid-template-columns:minmax(0,1fr)}
@media(min-width:992px){.kk .info-duo{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.kk .kk-profil{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.kk .info-duo>*{min-width:0}
.kk .info-k b{overflow-wrap:anywhere}

/* tombol di bagian atas: rapi dua kolom, tombol utama dan WhatsApp selebar penuh */
.aksi-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:28rem}
.aksi-hero .btn{width:100%;margin:0;padding:.8rem .75rem;font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.25}
.aksi-hero .btn:first-child,.aksi-hero .btn:last-child{grid-column:1/-1}
@media(max-width:991.98px){.aksi-hero{max-width:none}}
@media(max-width:359.98px){.aksi-hero{grid-template-columns:1fr}}