/* Voxxaa STORE v89 : halaman Hubungi Kami (chat langsung) + tombol di beranda */
.kt{max-width:680px;margin:0 auto;padding:44px 0 120px}
.kt-back{display:inline-block;margin-bottom:14px;color:var(--mute);text-decoration:none;font-weight:700;font-size:14px}
.kt-back:hover{color:var(--text)}
.kt h1{font-family:var(--display);font-size:clamp(34px,8vw,52px);line-height:1;margin:0 0 8px;letter-spacing:.01em}
.kt-sub{margin:0 0 20px;color:var(--mute);line-height:1.55}
.kt-note{padding:14px 16px;margin-bottom:16px;color:var(--warn)}
.kt-form{padding:16px;margin-bottom:16px;display:grid;gap:10px}
.kt-form b{font-size:14px}
.kt-form label{font-size:13px;color:var(--mute);font-weight:700}
.kt-form small{color:var(--mute);font-size:12px;line-height:1.45}
.kt-chips{display:flex;flex-wrap:wrap;gap:8px}
.kt-chip{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,transform .15s}
.kt-chip:active{transform:scale(.97)}
.kt-chip[aria-pressed="true"]{background:rgba(var(--acc-rgb),.3);border-color:rgba(var(--hot-rgb),.75)}
.kt-in{width:100%;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--glass-b);background:rgba(0,0,0,.25);color:var(--text);font:inherit;font-size:16px;box-sizing:border-box}
.kt-in:focus{outline:2px solid var(--acc-hot);outline-offset:1px}
.kt-grid{display:grid;gap:14px}
.kt-card{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;padding:16px}
.kt-av{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a1),var(--a2))}
.kt-av svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kt-tx h2{margin:0;font-size:19px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kt-tx p{margin:3px 0 0;color:var(--mute);font-size:13.5px;line-height:1.45}
.kt-st{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;border:1px solid var(--glass-b);color:var(--mute)}
.kt-st[hidden]{display:none}
.kt-st.online{color:var(--ok);border-color:rgba(53,208,127,.55)}
.kt-st.sibuk,.kt-st.istirahat{color:var(--warn);border-color:rgba(255,176,32,.55)}
.kt-btn{grid-column:1/-1;width:100%;font:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:6px;border-radius:14px;background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;font-weight:800;font-size:15px;text-decoration:none;border:0;-webkit-tap-highlight-color:transparent;transition:transform .15s,filter .2s}
.kt-btn:hover{filter:brightness(1.1)}
.kt-btn:active{transform:scale(.98)}
.kt-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kt-h3{margin:26px 0 10px;font-size:15px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.kt-other{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.kt-alt{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-b);color:var(--text);text-decoration:none;-webkit-tap-highlight-color:transparent}
.kt-alt:hover{border-color:rgba(var(--hot-rgb),.5)}
.kt-alt svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kt-alt span{display:grid;min-width:0}.kt-alt b{font-size:14px}.kt-alt small{color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-addr{display:flex;gap:10px;align-items:center;margin-top:14px;color:var(--mute);font-size:13.5px}
.kt-addr svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
/* tombol di beranda */
.kt-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:12px auto 0;padding:10px 18px;border-radius:999px;background:var(--glass);border:1px solid rgba(var(--hot-rgb),.55);color:var(--text);font-weight:800;font-size:14px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .15s}
.kt-cta:hover{background:rgba(var(--acc-rgb),.25)}
.kt-cta:active{transform:scale(.97)}
.kt-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:720px){.kt{padding-top:56px}.kt-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.kt-chip,.kt-btn,.kt-cta{transition:none}}
/* chat langsung */
.kt-back{background:none;border:0;padding:0;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.kt-form .kt-btn{margin-top:4px}
textarea.kt-in{resize:vertical;min-height:96px;line-height:1.5}
.kt-err{min-height:0;color:var(--acc-hot);font-size:13px;font-weight:700}
.kt-err:empty{display:none}
.kt-note{padding:12px 14px;margin-bottom:14px;border-radius:14px;color:var(--warn);font-size:13.5px;line-height:1.5}
.kt-chat{display:flex;flex-direction:column;overflow:hidden}
.kt-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--glass-b)}
.kt-who{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.kt-who b{font-size:16px}
.kt-end{min-height:36px;padding:6px 12px;border-radius:10px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.kt-log{height:min(52vh,420px);min-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.kt-msg{max-width:84%;padding:9px 12px;border-radius:16px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.kt-me{align-self:flex-end;background:rgba(var(--acc-rgb),.38);border:1px solid rgba(var(--hot-rgb),.5);border-bottom-right-radius:5px}
.kt-staff{align-self:flex-start;background:var(--glass-2);border:1px solid var(--glass-b);border-bottom-left-radius:5px}
.kt-staff .who{display:block;font-size:11.5px;font-weight:800;color:var(--acc-hot);margin-bottom:2px}
.kt-sys{align-self:center;max-width:92%;text-align:center;color:var(--mute);font-size:12px;line-height:1.4;padding:2px 8px}
.kt-ty i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:var(--mute);animation:ktDot 1.1s infinite ease-in-out}
.kt-ty i:nth-child(2){animation-delay:.15s}.kt-ty i:nth-child(3){animation-delay:.3s}
@keyframes ktDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.kt-note-in{margin:0;border-radius:0;border-top:1px solid var(--glass-b);background:rgba(255,176,32,.08);font-size:13px}
.kt-note-in[hidden]{display:none}
.kt-note-in .kt-chip{margin:8px 6px 0 0}
.kt-link{margin-top:6px;padding:0;background:none;border:0;color:var(--text);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.kt-chat .kt-err{padding:6px 14px 0}
.kt-bar{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--glass-b)}
.kt-bar .kt-in{flex:1;min-height:44px;max-height:120px;resize:none;padding:10px 14px}
.kt-send{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--acc);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kt-send svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kt-send:active{transform:scale(.94)}
.kt-done{padding:18px;display:grid;gap:10px}
.kt-done b{font-size:18px}.kt-done p{margin:0;color:var(--mute)}
.kt-done .kt-rq{color:var(--text);font-weight:700}
.kt-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* lencana chat berjalan di halaman lain, dan tombol mengambang disembunyikan di halaman kontak */
.kt-pill{position:fixed;left:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 100px);min-height:44px;padding:8px 14px;border-radius:999px;background:var(--panel,#130a0d);border:1px solid rgba(var(--hot-rgb),.6);color:var(--text);font-size:13px;font-weight:800;text-decoration:none}
.kt-pill[hidden]{display:none}
.kt-pill i{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none}
.kt-pill.new i{background:var(--acc-hot);animation:ktDot 1.1s infinite}
.kt-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.kt-on .chat-fab,html.kt-on .wa{display:none!important}