/* JK ADISTORE v116 - polesan toko (index) + Cek Transaksi, Kalkulator, Form Report. Hanya menambah, tidak mengganti ID/fungsi. */
:root{--sp-gold:#ffd166;--sp-line:rgba(120,160,255,.30)}
/* ===== Toko ===== */
body.kuy #productGrid .card{border-radius:20px!important;overflow:hidden;border:1px solid var(--sp-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03))!important;box-shadow:0 14px 30px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12)!important;transition:transform .2s,border-color .2s,box-shadow .2s}
body.kuy #productGrid .card:hover{transform:translateY(-3px);border-color:rgba(255,209,102,.65)!important;box-shadow:0 18px 38px -16px rgba(47,107,255,.7),0 0 0 1px rgba(255,209,102,.25)!important}
body.kuy #productGrid .card img{transition:transform .35s}
body.kuy #productGrid .card:hover img{transform:scale(1.07)}
body.kuy .jk-cat-card{border-radius:20px!important;border:1px solid var(--sp-line)!important;box-shadow:0 12px 28px -18px rgba(0,0,0,.8)!important}
body.kuy #catChips>*{border-radius:999px!important;border:1px solid var(--sp-line)!important;font-weight:800;transition:background .2s,border-color .2s}
body.kuy #catChips>*:hover{border-color:var(--sp-gold)!important}
body.kuy a:focus-visible,body.kuy button:focus-visible{outline:3px solid var(--sp-gold);outline-offset:2px}
/* ===== Halaman tema aplikasi ===== */
.top,.top-bar{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.card,.steps,.req,.note{border-radius:18px!important;border:1px solid var(--sp-line)!important;box-shadow:0 12px 28px -18px rgba(0,0,0,.8)}
.btn,.submit-btn{border-radius:14px!important;font-weight:900;box-shadow:0 10px 24px -10px rgba(47,107,255,.85);transition:transform .15s,box-shadow .15s}
.btn:hover,.submit-btn:hover{transform:translateY(-2px)}
.btn:active,.submit-btn:active{transform:scale(.98)}
.fld input,.fld select,.field input,.field select,.field textarea{border-radius:12px!important;border:1px solid var(--sp-line)!important;transition:border-color .2s,box-shadow .2s}
.fld input:focus,.fld select:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sp-gold)!important;box-shadow:0 0 0 3px rgba(255,209,102,.22)}
.big{font-weight:900;color:var(--sp-gold)}
@media (prefers-reduced-motion:reduce){body.kuy #productGrid .card,body.kuy #productGrid .card img,.btn,.submit-btn{transition:none}body.kuy #productGrid .card:hover,body.kuy #productGrid .card:hover img{transform:none}}