.bk{--bk-bg:#fff;--bk-tx:#1d2733;--bk-mut:#5d6b7a;--bk-line:#d5dee8;--bk-in:#f7f9fc;--bk-pri:#1a73c8;color:var(--bk-tx);font-size:.92rem;text-align:left}
[data-theme=dark] .bk,.bk.bk-dark{--bk-bg:#18222f;--bk-tx:#e8eef5;--bk-mut:#a3b1c0;--bk-line:#2c3b4e;--bk-in:#101924;--bk-pri:#4b9bea}
.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.bk label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.85rem}
.bk input,.bk select,.bk textarea{font:inherit;font-weight:400;padding:.65rem .75rem;border:1px solid var(--bk-line);border-radius:10px;background:var(--bk-in);color:var(--bk-tx);width:100%;box-sizing:border-box;min-height:44px}
.bk input:focus,.bk select:focus,.bk textarea:focus{outline:2px solid var(--bk-pri);outline-offset:1px}
.bk .bk-wide{grid-column:1/-1}.bk .bk-bad{border-color:#e5484d;background:rgba(229,72,77,.08)}
.bk-sum{margin:1rem 0;padding:.9rem 1rem;border-radius:12px;background:var(--bk-in);border:1px dashed var(--bk-line);display:grid;gap:.5rem}
.bk-sum div{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.bk-sum b{color:var(--bk-pri)}.bk-dep{font-size:1.1rem}
.bk-pay{margin:.8rem 0;font-size:.88rem}.bk-pay p{margin:.4rem 0;color:var(--bk-mut)}
.bk-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.bk-chips span{padding:.25rem .7rem;border-radius:99px;border:1px solid var(--bk-line);font-weight:600;font-size:.8rem;background:var(--bk-in)}
.bk-qris{display:block;max-width:220px;height:auto;border-radius:10px;margin:.5rem 0}.bk-qris[hidden],.bk-ew[hidden]{display:none}
.bk .bk-chk{flex-direction:row;align-items:flex-start;gap:.6rem;font-weight:500;line-height:1.5;margin:.6rem 0}
.bk .bk-chk input{width:20px;height:20px;min-height:0;flex:none;margin-top:.15rem;accent-color:var(--bk-pri)}
.bk-err{color:#e5484d;font-weight:600;margin:.3rem 0}.bk-btn{width:100%;margin-top:.4rem;background:#25d366!important;color:#fff!important;border:0;cursor:pointer;font:inherit;font-weight:700;padding:.85rem 1rem;border-radius:10px}
.booking .bk{background:var(--bk-bg);padding:1.6rem;border-radius:16px;box-shadow:0 6px 24px rgba(20,40,70,.1);max-width:820px;margin:0 auto}
.bk-head{text-align:center;max-width:680px;margin:0 auto 1.4rem}.bk-head h2{margin:0 0 .5rem}
.bk-side{margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid var(--line,#e3e9f0)}.bk-side h3{margin:0 0 .3rem}
.bk-side .bk-grid{grid-template-columns:1fr}
.book:has(.bk-side){position:static}
@media(max-width:600px){.bk-grid{grid-template-columns:1fr}.booking .bk{padding:1.1rem}}
.bk-l{display:block}
.bk .bk-sum>div{display:flex;justify-content:space-between;align-items:baseline}
