/* JASINEK.CZ – AI Poradce ui.css v5.0 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');

:root{
  --black:#111111;--black2:#1E1E1E;
  --orange:#E87722;--oh:#D06A18;--obg:#FFF4EC;
  --white:#FFFFFF;--off:#F7F6F3;--surf:#FAFAF8;
  --bdr:#E8E5E0;--bdr2:#D4D0C8;
  --text:#111111;--muted:#6B6560;--subtle:#9A9590;
  --green:#1E7C4A;--gbg:#EBF7F0;
  --red:#C0392B;--redbg:#FEF0F0;
  --r:10px;--rlg:14px;--rxl:18px;
  --sh:0 2px 12px rgba(0,0,0,.08);--shlg:0 6px 30px rgba(0,0,0,.12);
  --font:'DM Sans',system-ui,sans-serif;
  --tr:all .16s cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
button{cursor:pointer;font-family:var(--font)}
input,textarea,select{font-family:var(--font)}
a{text-decoration:none}

#jsnk-root{font-family:var(--font);font-size:14px;color:var(--text);max-width:960px;margin:0 auto;padding:0 0 48px;-webkit-font-smoothing:antialiased}

/* ── BACK BUTTON ─────────────────────────────────────────────────── */
.jsnk-back-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 0 14px;gap:12px;flex-wrap:wrap}
.jsnk-back-btn{display:inline-flex;align-items:center;gap:7px;background:var(--off);border:1px solid var(--bdr);border-radius:var(--r);padding:7px 14px;font-size:12.5px;font-weight:500;color:var(--black);transition:var(--tr)}
.jsnk-back-btn:hover{background:var(--white);border-color:var(--black)}
.jsnk-back-btn svg{width:14px;height:14px}
.jsnk-back-version{font-size:11px;color:var(--subtle)}

/* ── LAYOUT ──────────────────────────────────────────────────────── */
.jsnk-layout{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start}
@media(max-width:700px){.jsnk-layout{grid-template-columns:1fr}}
.jsnk-sidebar{display:flex;flex-direction:column;gap:9px;position:sticky;top:72px}
@media(max-width:700px){.jsnk-sidebar{display:none}}

/* ── SIDEBAR ─────────────────────────────────────────────────────── */
.jsnk-scard{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rlg);padding:13px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.jsnk-cta-card{background:var(--black)!important;border-color:transparent!important;padding:14px!important}
.jsnk-slabel{font-size:9px;font-weight:600;color:var(--subtle);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid var(--bdr)}
.jsnk-cta-wa{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:#25D366;color:var(--white);border:none;border-radius:var(--r);padding:10px;font-size:12.5px;font-weight:600;margin-bottom:6px;transition:var(--tr)}
.jsnk-cta-wa:hover{background:#1ea855}
.jsnk-cta-wa svg{width:15px;height:15px}
.jsnk-cta-tel{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--r);padding:10px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.85);transition:var(--tr)}
.jsnk-cta-tel:hover{background:rgba(255,255,255,.18);color:var(--white)}
.jsnk-cta-tel svg{width:15px;height:15px}
.jsnk-topic{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:none;border-radius:7px;padding:8px 7px;font-size:12px;color:var(--text);text-align:left;transition:var(--tr);margin-bottom:1px;line-height:1.35}
.jsnk-topic:hover{background:var(--off)}
.jsnk-ticon{width:28px;height:28px;border-radius:7px;background:var(--off);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--tr)}
.jsnk-topic:hover .jsnk-ticon{background:var(--obg)}
.jsnk-ticon svg{width:14px;height:14px}
.jsnk-topic-dotace .jsnk-ticon{background:#FFF3E0}
.jsnk-ccard{border-top:2px solid var(--orange)!important}
.jsnk-crow{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);margin-bottom:6px;line-height:1.4}
.jsnk-crow svg{width:13px;height:13px;color:var(--orange);flex-shrink:0}
.jsnk-crow a{color:var(--black);font-weight:500}
.jsnk-crow a:hover{color:var(--orange)}
.jsnk-crow.g{color:var(--green);font-weight:600;font-size:11px}
.jsnk-crow.g svg{color:var(--green)}
.jsnk-wa-sbtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#25D366;color:var(--white);border:none;border-radius:var(--r);padding:9px;font-size:12.5px;font-weight:600;margin-top:9px;transition:var(--tr)}
.jsnk-wa-sbtn:hover{background:#1ea855}
.jsnk-wa-sbtn svg{width:14px;height:14px}

/* ── MAIN PANEL ──────────────────────────────────────────────────── */
.jsnk-main{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rxl);overflow:hidden;box-shadow:var(--shlg);display:flex;flex-direction:column;min-height:580px}
@media(max-width:700px){.jsnk-main{border-radius:0;border-left:none;border-right:none;min-height:calc(100vh - 120px)}}

/* ── TOPBAR / HEADER ─────────────────────────────────────────────── */
.jsnk-topbar{background:var(--black);flex-shrink:0}

.jsnk-topbar-hero{display:flex;align-items:center;gap:14px;padding:16px 18px 12px;min-height:88px}

.jsnk-mascot-wrap{width:78px;height:78px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#1E1E1E;border:2.5px solid rgba(232,119,34,.6);position:relative;animation:jsnk-mascot-glow 2.5s ease-in-out infinite;flex-shrink:0}
@keyframes jsnk-mascot-glow{0%,100%{box-shadow:0 0 0 0 rgba(232,119,34,.3),0 0 16px rgba(232,119,34,.2)}50%{box-shadow:0 0 0 6px rgba(232,119,34,0),0 0 32px rgba(232,119,34,.5)}}
.jsnk-mascot-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 10%}

.jsnk-topbar-info{flex:1;min-width:0}
.jsnk-topbar-brand{font-size:19px;font-weight:800;color:var(--white);letter-spacing:-.3px;line-height:1.2}
.jsnk-topbar-brand span{color:var(--orange)}
.jsnk-topbar-sub{font-size:11.5px;color:rgba(255,255,255,.45);margin-top:4px}
.jsnk-topbar-sub2{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}
.jsnk-online-row{display:flex;align-items:center;gap:5px;font-size:11.5px;color:rgba(255,255,255,.55)}
.jsnk-odot{width:6px;height:6px;background:#4ade80;border-radius:50%;flex-shrink:0;animation:jsnk-pulse 2.5s ease-in-out infinite}
@keyframes jsnk-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(74,222,128,0)}}

/* ── NAV TABS – VELKÉ ────────────────────────────────────────────── */
.jsnk-nav{display:flex;gap:4px;padding:8px 10px 0}

.jsnk-ntab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.1);border-bottom:none;border-radius:12px 12px 0 0;padding:15px 6px 13px;font-size:12px;font-weight:800;color:rgba(255,255,255,.45);cursor:pointer;letter-spacing:.4px;text-transform:uppercase;transition:var(--tr);font-family:var(--font);position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}

.jsnk-ntab svg{width:30px;height:30px;transition:var(--tr)}
.jsnk-ntab:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.12)}
.jsnk-ntab.active{color:#ffffff!important;background:#E87722!important;border-color:#E87722!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.jsnk-ntab.active svg{color:#ffffff!important}
.jsnk-ntab.active span{color:#ffffff!important;text-shadow:0 1px 4px rgba(0,0,0,.3)}

@media(max-width:480px){.jsnk-ntab{padding:12px 3px 10px;font-size:10.5px}.jsnk-ntab svg{width:26px;height:26px}}

/* ── VIEW ────────────────────────────────────────────────────────── */
.jsnk-view{display:none;flex-direction:column;flex:1;min-height:0}
.jsnk-view.active{display:flex}

/* ══════════════════════════════════════════════════════════════════
   FORMULÁŘ VIEW (1. záložka)
══════════════════════════════════════════════════════════════════ */
.jsnk-form-scroll{flex:1;overflow-y:auto;background:var(--surf)}
.jsnk-form-scroll::-webkit-scrollbar{width:4px}
.jsnk-form-scroll::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}
.jsnk-form-inner{padding:20px 18px 40px}
@media(max-width:700px){.jsnk-form-inner{padding:16px 14px 36px}}

/* Callback box */
.jsnk-cb-box{background:var(--black);border-radius:var(--rlg);padding:18px;margin-bottom:16px}
.jsnk-cb-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.jsnk-cb-text strong{display:block;font-size:14px;font-weight:600;color:var(--white);margin-bottom:3px}
.jsnk-cb-text span{font-size:12px;color:rgba(255,255,255,.5)}
.jsnk-cb-btn{display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:var(--white);border:none;border-radius:var(--r);padding:10px 16px;font-size:13px;font-weight:600;flex-shrink:0;transition:var(--tr);font-family:var(--font)}
.jsnk-cb-btn:hover{background:var(--oh)}
.jsnk-cb-btn svg{width:15px;height:15px}

/* Callback expand area */
.jsnk-cb-expand{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:none}
.jsnk-cb-expand.open{display:block}
.jsnk-cb-lbl{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}
.jsnk-time-slots{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.jsnk-tslot{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.7);cursor:pointer;transition:var(--tr);font-family:var(--font)}
.jsnk-tslot:hover{background:rgba(255,255,255,.16);color:var(--white)}
.jsnk-tslot.sel{background:var(--orange);border-color:var(--orange);color:var(--white)}
.jsnk-cb-name-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
@media(max-width:480px){.jsnk-cb-name-row{grid-template-columns:1fr}}
.jsnk-cb-input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--r);padding:9px 12px;font-size:13px;font-family:var(--font);color:var(--white);outline:none;transition:border-color .2s}
.jsnk-cb-input:focus{border-color:var(--orange)}
.jsnk-cb-input::placeholder{color:rgba(255,255,255,.3)}
.jsnk-cb-submit{display:flex;align-items:center;gap:7px;background:var(--orange);color:var(--white);border:none;border-radius:var(--r);padding:10px 18px;font-size:13px;font-weight:600;transition:var(--tr);font-family:var(--font)}
.jsnk-cb-submit:hover{background:var(--oh)}
.jsnk-cb-submit svg{width:14px;height:14px}

/* OR divider */
.jsnk-or{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.jsnk-or::before,.jsnk-or::after{content:'';flex:1;height:1px;background:var(--bdr)}
.jsnk-or span{font-size:11px;color:var(--subtle);font-weight:500;text-transform:uppercase;letter-spacing:.7px}

/* Form sections */
.jsnk-fsec{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rlg);padding:16px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.jsnk-fsec-title{font-size:11.5px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:7px}
.jsnk-fsec-title svg{width:14px;height:14px;color:var(--orange)}

/* Product pills – single select */
.jsnk-ppills{display:flex;flex-wrap:wrap;gap:7px}
.jsnk-ppill{display:inline-flex;align-items:center;gap:6px;background:var(--off);border:1.5px solid var(--bdr);border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--tr);font-family:var(--font);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.jsnk-ppill:hover{border-color:var(--black);color:var(--black);background:var(--white)}
.jsnk-ppill.sel{background:var(--black);border-color:var(--black);color:var(--white)}
.jsnk-ppill svg{width:13px;height:13px;flex-shrink:0}

/* Product-specific config fields */
.jsnk-prod-config{margin-top:14px;padding-top:14px;border-top:1px solid var(--bdr)}
.jsnk-config-lbl{font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.jsnk-radio-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.jsnk-radio-btn{display:inline-flex;align-items:center;gap:5px;background:var(--off);border:1.5px solid var(--bdr);border-radius:var(--r);padding:8px 13px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--tr);font-family:var(--font);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:40px}
.jsnk-radio-btn:hover{border-color:var(--black);color:var(--black)}
.jsnk-radio-btn.sel{background:var(--black);border-color:var(--black);color:var(--white)}
.jsnk-check-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.jsnk-check-btn{display:inline-flex;align-items:center;gap:5px;background:var(--off);border:1.5px solid var(--bdr);border-radius:var(--r);padding:6px 12px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--tr);font-family:var(--font)}
.jsnk-check-btn:hover{border-color:var(--orange);color:var(--black)}
.jsnk-check-btn.sel{background:var(--obg);border-color:var(--orange);color:var(--black)}
.jsnk-dims-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
@media(max-width:480px){.jsnk-dims-2col{grid-template-columns:1fr}}
.jsnk-dim-group label{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.6px}
.jsnk-dim-input{width:100%;border:1.5px solid var(--bdr);border-radius:var(--r);padding:9px 12px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--white);outline:none;font-weight:500;transition:border-color .2s}
.jsnk-dim-input:focus{border-color:var(--orange)}
.jsnk-dim-input::placeholder{color:var(--subtle);font-weight:400;font-size:13px}
.jsnk-color-input{width:100%;border:1.5px solid var(--bdr);border-radius:var(--r);padding:9px 12px;font-size:13px;font-family:var(--font);color:var(--text);background:var(--white);outline:none;transition:border-color .2s}
.jsnk-color-input:focus{border-color:var(--orange)}
.jsnk-color-input::placeholder{color:var(--subtle)}

/* Dim rows table */
.jsnk-dim-table-hdr{display:grid;grid-template-columns:28px 1fr 1fr 1fr 28px;gap:5px;margin-bottom:5px}
.jsnk-dim-table-hdr span{font-size:9.5px;font-weight:600;color:var(--subtle);text-transform:uppercase;letter-spacing:.5px}
.jsnk-dim-row{display:grid;grid-template-columns:28px 1fr 1fr 1fr 28px;gap:5px;margin-bottom:5px}
.jsnk-row-n{width:26px;height:30px;background:var(--off);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600;color:var(--subtle);flex-shrink:0}
.jsnk-ri{width:100%;border:1.5px solid var(--bdr);border-radius:7px;padding:7px 9px;font-size:12.5px;font-family:var(--font);color:var(--text);background:var(--white);outline:none;transition:border-color .2s}
.jsnk-ri:focus{border-color:var(--orange)}
.jsnk-ri::placeholder{color:#ccc;font-size:11px}
.jsnk-rdel{width:26px;height:30px;background:none;border:1px solid var(--bdr);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--subtle);transition:var(--tr);flex-shrink:0}
.jsnk-rdel:hover{background:var(--redbg);border-color:#F5C0BB;color:var(--red)}
.jsnk-rdel svg{width:12px;height:12px}
.jsnk-add-row{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px dashed var(--bdr2);border-radius:var(--r);padding:7px 13px;font-size:12px;color:var(--muted);cursor:pointer;margin-top:4px;transition:var(--tr);font-family:var(--font)}
.jsnk-add-row:hover{border-color:var(--black);color:var(--black);background:var(--white)}
.jsnk-add-row svg{width:13px;height:13px}

/* File upload */
.jsnk-upload-area{border:2px dashed var(--bdr2);border-radius:var(--r);padding:16px;text-align:center;cursor:pointer;transition:var(--tr);background:var(--off)}
.jsnk-upload-area:hover,.jsnk-upload-area.drag{border-color:var(--orange);background:var(--obg)}
.jsnk-upload-area input[type=file]{display:none}
.jsnk-upload-icon{width:36px;height:36px;margin:0 auto 8px;color:var(--subtle)}
.jsnk-upload-icon svg{width:36px;height:36px}
.jsnk-upload-label{font-size:13px;font-weight:500;color:var(--black);margin-bottom:4px}
.jsnk-upload-hint{font-size:11.5px;color:var(--muted)}
.jsnk-upload-hint span{color:var(--orange);font-weight:600;cursor:pointer}
.jsnk-file-list{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.jsnk-file-item{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--bdr);border-radius:7px;padding:7px 10px}
.jsnk-file-item svg{width:16px;height:16px;flex-shrink:0;color:var(--orange)}
.jsnk-file-name{flex:1;font-size:12.5px;color:var(--black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jsnk-file-size{font-size:11px;color:var(--muted);flex-shrink:0}
.jsnk-file-status{font-size:11px;flex-shrink:0}
.jsnk-file-status.ok{color:var(--green)}
.jsnk-file-status.err{color:var(--red)}
.jsnk-file-del{background:none;border:none;color:var(--subtle);cursor:pointer;padding:2px;flex-shrink:0;transition:color .15s}
.jsnk-file-del:hover{color:var(--red)}
.jsnk-file-del svg{width:13px;height:13px}

/* Contact grid */
.jsnk-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:480px){.jsnk-cgrid{grid-template-columns:1fr}}
.jsnk-fg{display:flex;flex-direction:column;gap:5px}
.jsnk-fg.full{grid-column:1/-1}
.jsnk-flbl{font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.jsnk-flbl .req{color:var(--orange)}
.jsnk-fi{width:100%;border:1.5px solid var(--bdr);border-radius:var(--r);padding:10px 13px;font-size:13px;font-family:var(--font);color:var(--text);background:var(--white);outline:none;transition:border-color .2s}
.jsnk-fi:focus{border-color:var(--orange)}
.jsnk-fi::placeholder{color:var(--subtle)}
.jsnk-fta{resize:none;min-height:72px;line-height:1.6}

/* Submit */
.jsnk-submit-wrap{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.jsnk-submit-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--black);color:var(--white);border:none;border-radius:var(--rlg);padding:15px;font-size:14px;font-weight:600;font-family:var(--font);transition:var(--tr)}
.jsnk-submit-btn:hover{background:var(--orange);transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,119,34,.3)}
.jsnk-submit-btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}
.jsnk-submit-btn svg{width:18px;height:18px}
.jsnk-form-note{font-size:10.5px;color:var(--subtle);text-align:center;line-height:1.6}
.jsnk-gdpr{margin-top:20px;padding:14px;background:var(--off);border-radius:var(--r);border:1px solid var(--bdr)}
.jsnk-gdpr p{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:6px}
.jsnk-gdpr p:last-child{margin-bottom:0}
.jsnk-gdpr a{color:var(--orange)}

/* ══════════════════════════════════════════════════════════════════
   KALKULAČKA VIEW (2. záložka)
══════════════════════════════════════════════════════════════════ */
.jsnk-calc-scroll{flex:1;overflow-y:auto;background:var(--surf)}
.jsnk-calc-scroll::-webkit-scrollbar{width:4px}
.jsnk-calc-scroll::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}
.jsnk-calc-inner{padding:20px 18px 32px}
@media(max-width:700px){.jsnk-calc-inner{padding:16px 14px 28px}}
.jsnk-calc-h{font-size:19px;font-weight:700;color:var(--black);margin-bottom:3px}
.jsnk-calc-sub{font-size:12px;color:var(--muted);margin-bottom:16px}

.jsnk-step{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rlg);padding:16px;margin-bottom:12px}
.jsnk-step-hdr{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.jsnk-step-n{width:23px;height:23px;background:var(--black);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.jsnk-step-lbl{font-size:13px;font-weight:600;color:var(--black)}

/* Product grid – single select only */
.jsnk-prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jsnk-pcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--off);border:1.5px solid var(--bdr);border-radius:var(--r);padding:12px;cursor:pointer;font-family:var(--font);transition:var(--tr)}
.jsnk-pcard:hover{border-color:var(--black);background:var(--white)}
.jsnk-pcard.sel{border-color:var(--orange);background:var(--obg);box-shadow:0 0 0 3px rgba(232,119,34,.12)}
.jsnk-pico{width:36px;height:36px;background:var(--white);border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:1px solid var(--bdr);transition:var(--tr)}
.jsnk-pcard.sel .jsnk-pico{background:var(--orange);border-color:var(--orange)}
.jsnk-pico svg{width:19px;height:19px;color:var(--muted)}
.jsnk-pcard.sel .jsnk-pico svg{color:var(--white)}
.jsnk-pname{font-size:11.5px;font-weight:600;color:var(--black);line-height:1.3}
.jsnk-pprc{font-size:11px;color:var(--orange);font-weight:600}

/* Calc options */
.jsnk-opts{display:flex;flex-direction:column;gap:6px}
.jsnk-opt{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--off);border:1.5px solid var(--bdr);border-radius:var(--r);padding:10px 13px;font-size:12.5px;color:var(--black);text-align:left;cursor:pointer;font-family:var(--font);transition:var(--tr)}
.jsnk-opt:hover{border-color:var(--black);background:var(--white)}
.jsnk-opt.sel{border-color:var(--orange);background:var(--obg);font-weight:500}
.jsnk-obadge{font-size:10.5px;color:var(--orange);font-weight:600;background:rgba(232,119,34,.1);padding:2px 7px;border-radius:4px}
.jsnk-oref{font-size:11px;color:var(--subtle)}

/* Calc dims */
.jsnk-cdims{display:flex;align-items:flex-end;gap:9px}
.jsnk-cdg{flex:1}
.jsnk-cdlbl{font-size:11px;color:var(--muted);margin-bottom:5px;font-weight:500}
.jsnk-cdinp{width:100%;border:1.5px solid var(--bdr);border-radius:var(--r);padding:10px 12px;font-size:15px;font-family:var(--font);color:var(--text);background:var(--white);outline:none;font-weight:500;transition:border-color .2s}
.jsnk-cdinp:focus{border-color:var(--orange)}
.jsnk-cdsep{font-size:20px;color:var(--bdr2);font-weight:300;padding-bottom:10px;flex-shrink:0}
.jsnk-dhint{font-size:11.5px;color:var(--muted);margin-top:8px;padding:7px 10px;background:var(--off);border-radius:7px;line-height:1.5}

/* Result */
.jsnk-result{background:var(--black);border-radius:var(--rlg);padding:20px;margin-top:6px}
.jsnk-rlbl{font-size:10px;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:7px}
.jsnk-rprice{font-size:28px;font-weight:800;color:var(--white);margin-bottom:4px;line-height:1}
.jsnk-rdetail{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:14px}
.jsnk-rnote{font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.6;padding:9px 11px;background:rgba(255,255,255,.06);border-radius:7px;margin-bottom:14px}
.jsnk-rbtns{display:flex;flex-direction:column;gap:7px}
.jsnk-rbtn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:none;border-radius:var(--r);padding:12px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:var(--tr)}
.jsnk-rbtn.o{background:var(--orange);color:var(--white)}
.jsnk-rbtn.o:hover{background:var(--oh)}
.jsnk-rbtn.wa{background:#25D366;color:var(--white)}
.jsnk-rbtn.wa:hover{background:#1ea855}
.jsnk-rbtn.ghost{background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);font-weight:400;font-size:12px}
.jsnk-rbtn.ghost:hover{background:rgba(255,255,255,.14);color:var(--white)}
.jsnk-rbtn svg{width:15px;height:15px}

/* ══════════════════════════════════════════════════════════════════
   CHAT VIEW (3. záložka)
══════════════════════════════════════════════════════════════════ */
.jsnk-msgs{flex:1;overflow-y:auto;padding:18px 16px 12px;display:flex;flex-direction:column;gap:13px;scroll-behavior:smooth;background:var(--surf)}
.jsnk-msgs::-webkit-scrollbar{width:4px}
.jsnk-msgs::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}

.jsnk-msg{display:flex;gap:9px;animation:jsnk-up .2s ease}
@keyframes jsnk-up{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.jsnk-msg.u{flex-direction:row-reverse}
.jsnk-mav{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;margin-top:2px}
.jsnk-msg.b .jsnk-mav{background:var(--black);color:var(--white)}
.jsnk-msg.u .jsnk-mav{background:var(--orange);color:var(--white);font-size:10px}
.jsnk-mav img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.jsnk-mbody{max-width:78%;display:flex;flex-direction:column;gap:3px}
.jsnk-msg.u .jsnk-mbody{align-items:flex-end}
.jsnk-bubble{padding:9px 13px;font-size:13px;line-height:1.65;word-break:break-word;font-family:var(--font)}
.jsnk-msg.b .jsnk-bubble{background:var(--white);color:var(--text);border-radius:3px 13px 13px 13px;border:1px solid var(--bdr);box-shadow:0 1px 3px rgba(0,0,0,.05)}
.jsnk-msg.u .jsnk-bubble{background:var(--black);color:var(--white);border-radius:13px 3px 13px 13px}
.jsnk-bubble strong{font-weight:600}
.jsnk-bubble ul{padding-left:16px;margin:5px 0}
.jsnk-bubble li{margin-bottom:3px}
.jsnk-bubble p{margin-bottom:7px}
.jsnk-bubble p:last-child{margin-bottom:0}
.jsnk-mtime{font-size:10px;color:var(--subtle);padding:0 2px}

.jsnk-typing-row{display:flex;gap:9px;animation:jsnk-up .2s ease}
.jsnk-dots{background:var(--white);border:1px solid var(--bdr);border-radius:3px 13px 13px 13px;padding:11px 14px;display:flex;gap:4px;align-items:center}
.jsnk-dots span{width:6px;height:6px;background:var(--bdr2);border-radius:50%;animation:jsnk-dot 1.2s infinite}
.jsnk-dots span:nth-child(2){animation-delay:.2s}
.jsnk-dots span:nth-child(3){animation-delay:.4s}
@keyframes jsnk-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

.jsnk-chips-bar{display:flex;flex-wrap:wrap;gap:6px;padding:7px 16px 3px;background:var(--surf);flex-shrink:0}
.jsnk-chip{display:inline-flex;align-items:center;gap:5px;background:var(--white);border:1px solid var(--bdr);border-radius:18px;padding:5px 11px;font-size:11.5px;font-weight:500;color:var(--black);cursor:pointer;transition:var(--tr);font-family:var(--font)}
.jsnk-chip:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.jsnk-chip svg{width:12px;height:12px}

.jsnk-inp-area{padding:11px 14px 13px;background:var(--white);border-top:1px solid var(--bdr);flex-shrink:0}
.jsnk-inp-wrap{display:flex;gap:8px;align-items:flex-end;background:var(--off);border:1.5px solid var(--bdr);border-radius:12px;padding:7px 7px 7px 13px;transition:border-color .2s}
.jsnk-inp-wrap:focus-within{border-color:var(--orange)}
#jsnk-input{flex:1;border:none;background:transparent;font-size:13px;font-family:var(--font);color:var(--text);resize:none;outline:none;min-height:22px;max-height:100px;line-height:1.5;padding:2px 0}
#jsnk-input::placeholder{color:var(--subtle)}
#jsnk-sbtn{width:42px;height:42px;background:var(--orange);border:none;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--tr);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
#jsnk-sbtn:hover{background:var(--oh);transform:scale(1.05)}
#jsnk-sbtn:disabled{opacity:.35;cursor:default;transform:none}
#jsnk-sbtn svg{width:15px;height:15px;color:var(--white)}
.jsnk-inp-hint{font-size:10.5px;color:var(--subtle);text-align:center;margin-top:6px}

.jsnk-lead-cap{background:linear-gradient(135deg,var(--obg),#FFF8F0);border-top:2px solid var(--orange);padding:16px;flex-shrink:0;animation:jsnk-up .3s ease}
.jsnk-lead-title2{font-size:14px;font-weight:700;color:var(--black);margin-bottom:3px}
.jsnk-lead-sub2{font-size:11.5px;color:var(--muted);margin-bottom:11px;line-height:1.5}
.jsnk-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}
@media(max-width:480px){.jsnk-lead-grid{grid-template-columns:1fr}}
.jsnk-lf{width:100%;border:1.5px solid var(--bdr);border-radius:var(--r);padding:8px 11px;font-size:12.5px;font-family:var(--font);color:var(--text);background:var(--white);outline:none;transition:border-color .2s}
.jsnk-lf:focus{border-color:var(--orange)}
.jsnk-lf::placeholder{color:var(--subtle)}
.jsnk-lead-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* ── BUTTONS ──────────────────────────────────────────────────────── */
.jsnk-btn-p{display:inline-flex;align-items:center;gap:6px;background:var(--orange);color:var(--white);border:none;border-radius:var(--r);padding:9px 16px;font-size:13px;font-weight:600;font-family:var(--font);transition:var(--tr)}
.jsnk-btn-p:hover{background:var(--oh)}
.jsnk-btn-p:disabled{opacity:.45;cursor:default}
.jsnk-btn-p svg{width:13px;height:13px}
.jsnk-btn-ghost{background:none;border:none;color:var(--muted);font-size:12px;font-family:var(--font);padding:9px 6px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.jsnk-btn-ghost:hover{color:var(--black)}

/* ── SUCCESS STATES ──────────────────────────────────────────────── */
.jsnk-suc-sm{display:flex;align-items:center;gap:10px;background:var(--gbg);border:1px solid #A8D8B9;border-radius:var(--r);padding:11px 13px;font-size:13px;color:var(--green);font-weight:500;animation:jsnk-up .3s ease}
.jsnk-suc-sm svg{width:17px;height:17px;flex-shrink:0}
.jsnk-suc-big{background:var(--black);border-radius:var(--rlg);padding:28px 22px;text-align:center;animation:jsnk-up .35s ease}
.jsnk-suc-circle{width:58px;height:58px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 13px}
.jsnk-suc-circle svg{width:28px;height:28px;color:var(--white)}
.jsnk-suc-title{font-size:20px;font-weight:700;color:var(--white);margin-bottom:7px}
.jsnk-suc-sub{font-size:13px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:18px}
.jsnk-suc-btns{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.jsnk-suc-btn{border:none;border-radius:var(--r);padding:10px 18px;font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer}
.jsnk-suc-btn.o{background:var(--orange);color:var(--white)}
.jsnk-suc-btn.w{background:#25D366;color:var(--white)}

/* ── HIDDEN ──────────────────────────────────────────────────────── */
.jsnk-hidden{display:none!important}

/* ── SCROLLBARS ──────────────────────────────────────────────────── */
*{scrollbar-width:thin;scrollbar-color:var(--bdr2) transparent}

/* ═══════════════════════════════════════════════════════════════
   SPODNÍ LIŠTA (sticky footer bar)
═══════════════════════════════════════════════════════════════ */
#jsnk-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:99998;
  background:linear-gradient(90deg,#111 0%,#1A1A1A 50%,#111 100%);
  border-top:2px solid var(--orange);
  padding:0;
  display:flex;align-items:stretch;
  box-shadow:0 -4px 24px rgba(0,0,0,.35),0 -2px 8px rgba(232,119,34,.2);
  animation:jsnk-bar-slide .5s cubic-bezier(.34,1.2,.64,1) both;
}
@keyframes jsnk-bar-slide{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
.jsnk-bar-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;padding:10px 6px 12px;
  color:rgba(255,255,255,.55);font-size:10.5px;font-weight:700;font-family:var(--font);
  text-transform:uppercase;letter-spacing:.4px;cursor:pointer;
  border:none;background:transparent;
  transition:all .18s ease;position:relative;text-decoration:none;
  border-right:1px solid rgba(255,255,255,.07);
}
.jsnk-bar-item:last-child{border-right:none}
.jsnk-bar-item svg{width:22px;height:22px;transition:all .18s}
.jsnk-bar-item:hover{color:#fff;background:rgba(255,255,255,.06)}
.jsnk-bar-item:hover svg{transform:translateY(-2px)}
.jsnk-bar-item.primary{
  color:#fff;background:var(--orange);flex:1.4;
  animation:jsnk-bar-prim 2.2s ease-in-out infinite;
}
.jsnk-bar-item.primary svg{color:#fff}
@keyframes jsnk-bar-prim{
  0%,100%{background:var(--orange);box-shadow:inset 0 0 0 0 rgba(255,255,255,.1)}
  50%{background:#F59340;box-shadow:inset 0 0 20px 0 rgba(255,255,255,.12)}
}
.jsnk-bar-item.primary:hover{background:var(--oh)}
.jsnk-bar-close{display:none!important;
  width:36px;flex:0 0 36px;background:rgba(255,255,255,.06);
  border-left:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.35);cursor:pointer;border-right:none;font-size:18px;padding:0;
}
.jsnk-bar-close:hover{color:#fff;background:rgba(255,255,255,.12)}

/* Adjust body padding to avoid content behind bar */
body.jsnk-bar-active{padding-bottom:68px}
@media(max-width:360px){.jsnk-bar-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;font-size:9.5px;padding:9px 4px 11px}}

/* ── MOBILE TOUCH FIXES ────────────────────────────────────────── */
.jsnk-ntab,.jsnk-submit-btn,.jsnk-btn-p,.jsnk-cb-btn,.jsnk-ppill,.jsnk-radio-btn,.jsnk-check-btn,.jsnk-suc-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#jsnk-sbtn svg{width:18px;height:18px}
@media(max-width:700px){
  #jsnk-sbtn{width:44px;height:44px;border-radius:10px}
  .jsnk-inp-wrap{padding:8px 8px 8px 14px}
  #jsnk-input{font-size:16px}
  .jsnk-submit-btn{padding:17px;font-size:15px}
  .jsnk-ntab{min-height:64px}
}

/* ── MOBILNÍ FIX PRO ZÁLOŽKY ───────────────────────────────────── */
/* Force orange active tab on ALL devices - no hover interference */
@media (hover: none), (pointer: coarse) {
  .jsnk-ntab:hover {
    background: rgba(255,255,255,.07) !important;
    color: rgba(255,255,255,.45) !important;
    transform: none !important;
  }
  .jsnk-ntab.active,
  .jsnk-ntab.active:hover {
    background: #E87722 !important;
    color: #ffffff !important;
    border-color: #E87722 !important;
  }
  .jsnk-ntab.active svg,
  .jsnk-ntab.active:hover svg { color: #ffffff !important; }
  .jsnk-ntab.active span,
  .jsnk-ntab.active:hover span { color: #ffffff !important; }
  .jsnk-ntab::before { display: none !important; }
  /* Bigger tap targets on mobile */
  #jsnk-sbtn { min-width: 44px; min-height: 44px; }
  .jsnk-ppill, .jsnk-radio-btn, .jsnk-check-btn { min-height: 40px; }
  /* Prevent zoom on input focus (font-size < 16px triggers zoom on iOS) */
  #jsnk-input, .jsnk-fi, .jsnk-ri, .jsnk-dim-input, .jsnk-color-input, .jsnk-cb-input { font-size: 16px !important; }
}

/* Callback form field labels */
.jsnk-cb-field-wrap{display:flex;flex-direction:column;gap:4px;flex:1}
.jsnk-cb-field-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.8px}

/* ═══════════════════════════════════════════════════════════════
   FOTO CTA + BOOKING + RECENZE
═══════════════════════════════════════════════════════════════ */

/* Foto CTA lišta nad inputem */
.jsnk-photo-cta{
  display:flex;align-items:center;gap:8px;
  padding:8px 14px 0;
  flex-wrap:wrap;
  background:var(--white);
}

.jsnk-photo-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:#111;color:#fff;border:none;
  border-radius:20px;padding:7px 14px;
  font-size:12.5px;font-weight:600;
  font-family:var(--font);cursor:pointer;
  transition:all .15s ease;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.jsnk-photo-btn:hover{background:var(--orange);}
.jsnk-photo-btn svg{color:#fff;flex-shrink:0}

.jsnk-wa-photo-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:#25D366;color:#fff;
  border-radius:20px;padding:7px 13px;
  font-size:12px;font-weight:600;
  font-family:var(--font);text-decoration:none;
  white-space:nowrap;transition:background .15s;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.jsnk-wa-photo-btn:hover{background:#1ea855;}
.jsnk-wa-photo-btn svg{color:#fff;flex-shrink:0}

/* Booking tlačítko v success screen */
.jsnk-suc-btn.cal{
  background:#4A90D9;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 18px;font-size:13px;
  text-decoration:none;
  width:100%;
}
.jsnk-suc-btn.cal:hover{background:#3a7bc8;}

/* Google recenze CTA */
.jsnk-suc-review{
  margin-top:12px;
  padding:10px 14px;
  background:rgba(255,255,255,.07);
  border-radius:var(--r);
  text-align:center;
}
.jsnk-suc-review a{
  font-size:12.5px;color:rgba(255,255,255,.7);
  text-decoration:none;
  font-family:var(--font);
  transition:color .15s;
}
.jsnk-suc-review a:hover{color:var(--orange);}

@media(max-width:480px){
  .jsnk-photo-cta{gap:6px;padding:7px 12px 0;}
  .jsnk-photo-btn{font-size:12px;padding:6px 12px;}
  .jsnk-wa-photo-btn{font-size:11.5px;padding:6px 11px;}
}

/* ── RATINGS BUTTON V LIŠTĚ ────────────────────────────────────── */
#jsnk-bar-rating svg { color: #FFB514; }
#jsnk-bar-rating:hover { background: rgba(255,181,20,.12); }
#jsnk-bar-rating span { color: #FFB514 !important; font-weight: 700 !important; }

/* ── RATING BADGES V TOPBARU ──────────────────────────────────── */
.jsnk-rating-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}

.jsnk-rbadge{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:4px 10px 4px 7px;
  text-decoration:none;
  transition:background .15s;
  cursor:pointer;
}
.jsnk-rbadge:hover{background:rgba(255,255,255,.18)}

.jsnk-rbadge-stars{
  color:#FFB514;font-size:12px;letter-spacing:1px;line-height:1
}
.jsnk-rbadge-score{
  font-size:12px;font-weight:700;color:#fff;line-height:1
}
.jsnk-rbadge-name{
  font-size:10.5px;color:rgba(255,255,255,.55);line-height:1
}

/* Firmy.cz badge – oranžové "f" */
.jsnk-rbadge-f{
  width:16px;height:16px;
  background:#E87722;border-radius:4px;
  font-size:11px;font-weight:900;color:#fff;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;line-height:1;font-style:italic
}

@media(max-width:480px){
  .jsnk-rating-badges{gap:6px}
  .jsnk-rbadge{padding:3px 8px 3px 6px}
  .jsnk-rbadge-stars{font-size:11px}
  .jsnk-rbadge-score{font-size:11px}
}