/* Online randevu sayfası — müşteri sayfası (rv-portal.css) üzerine; mobil öncelikli */
[hidden]{display:none!important}
.bk-wrap{max-width:760px;margin:0 auto;padding:14px 16px 130px}
.pt-biz small i{margin-right:3px}

/* Adımlar */
.bk-steps{display:flex;gap:6px;margin:0 0 12px;padding:0;list-style:none;counter-reset:s}
.bk-steps li{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--mute);font:600 .78rem var(--hf)}
.bk-steps li b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#eef0f2;color:var(--mute);font:700 .74rem var(--mf)}
.bk-steps li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-steps li.on{border-color:var(--gr);color:var(--gr)}
.bk-steps li.on b{background:var(--gr);color:#fff}
.bk-steps li.done{color:var(--ok)}
.bk-steps li.done b{background:#e3f1e9;color:var(--ok)}
@media (max-width:560px){
  .bk-steps li{padding:7px 6px;justify-content:center}
  .bk-steps li span{display:none}
  .bk-steps li.on span{display:inline}
  .bk-steps li.on{flex:2.4}
}

.bk-card{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.bk-card>h2{margin:0;padding:13px 16px;border-bottom:1px solid #f0f2f4;font:700 .98rem var(--hf);color:var(--gr);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bk-card>h2 i{color:var(--brand)}
.bk-card>h2 small{font:400 .78rem var(--bf);color:var(--mute)}
.bk-card>h2 .bk-count{margin-left:auto;padding:2px 9px;border-radius:99px;background:var(--gr);color:#fff;font:700 .72rem var(--hf)}
.bk-body{padding:14px 16px}
.bk-msg{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:#fdecee;color:#a20d25;font-size:.84rem}
.bk-msg.ok{background:#eaf6ef;color:var(--ok)}
.bk-msg.info{background:#f2f4f6;color:var(--txt)}
.bk-msg:empty{display:none}

/* Hizmetler */
.bk-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font:600 .82rem var(--hf)}
.bk-crumb button{border:0;background:none;padding:2px 0;color:var(--brand);font:inherit;cursor:pointer}
.bk-crumb span{color:var(--mute)}
.bk-svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}
.bk-search{position:relative;margin-bottom:10px}
.bk-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mute)}
.bk-search .bk-inp{padding-left:40px}
.bk-svc{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit}
.bk-svc:hover{border-color:#c4c9ce}
.bk-svc .ic{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:10px;background:#f2f4f6;color:var(--gr);font-size:1.15rem;overflow:hidden}
.bk-svc .ic img{width:100%;height:100%;object-fit:cover}
.bk-svc .tx{flex:1;min-width:0}
.bk-svc .tx b{display:block;font:600 .9rem/1.25 var(--hf);color:var(--gr)}
.bk-svc .tx small{display:block;margin-top:2px;color:var(--mute);font-size:.76rem}
.bk-svc .pr{display:block;margin-top:3px;font:700 .86rem var(--mf);font-style:normal;color:var(--gr)}
.bk-svc .pr.na{font:400 .74rem var(--bf);color:var(--mute)}
.bk-svc .ck{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;border:1.5px solid #c4c9ce;color:#fff;font-size:.8rem}
.bk-svc.on{border-color:var(--gr);background:#f7f8f9}
.bk-svc.on .ck{background:var(--gr);border-color:var(--gr)}
.bk-svc.cat .ck{border:0;color:var(--mute);font-size:1rem}
.bk-empty{padding:18px 4px;color:var(--mute);font-size:.86rem;text-align:center}

/* Takvim */
.bk-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bk-cal-h b{font:700 1rem var(--hf);color:var(--gr)}
.bk-cal-h button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--gr);cursor:pointer}
.bk-cal-h button:disabled{opacity:.35;cursor:default}
.bk-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.bk-cal .dw{padding:4px 0;text-align:center;font:700 .66rem var(--hf);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bk-cal button{height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--gr);font:600 .92rem var(--mf);cursor:pointer;padding:0}
.bk-cal button:hover:not(:disabled){border-color:var(--gr)}
.bk-cal button.today{box-shadow:inset 0 0 0 1.5px var(--brand)}
.bk-cal button.sel{background:var(--gr);border-color:var(--gr);color:#fff}
.bk-cal button:disabled{background:#f6f7f8;border-color:#f0f2f4;color:#b5bac0;cursor:default}
.bk-cal button.off:disabled{text-decoration:line-through}
.bk-cal .pad{height:44px}
.bk-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--mute);font-size:.76rem}
.bk-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.bk-legend .l-sel{background:var(--gr)}
.bk-legend .l-off{background:#f0f2f4;border:1px solid #e3e6e9}

/* Saatler */
.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}
.bk-slots button{height:42px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--gr);font:700 .9rem var(--mf);cursor:pointer}
.bk-slots button:hover:not(:disabled){border-color:var(--gr)}
.bk-slots button.sel{background:var(--gr);border-color:var(--gr);color:#fff}
.bk-slots button:disabled{background:#f6f7f8;border-color:#f0f2f4;color:#b5bac0;text-decoration:line-through;cursor:default}
.bk-slot-grp{margin:12px 0 6px;font:700 .7rem var(--hf);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.bk-slot-grp:first-child{margin-top:0}

/* Form */
.bk-lbl{display:block;margin-bottom:5px;font:600 .8rem var(--hf);color:var(--gr)}
.bk-lbl em{font-style:normal;color:var(--brand)}
.bk-lbl small{font:400 .74rem var(--bf);color:var(--mute)}
.bk-inp{width:100%;height:46px;padding:0 13px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--gr);font:400 1rem var(--bf);outline:0}
textarea.bk-inp{height:auto;padding:10px 13px;resize:vertical}
.bk-inp:focus{border-color:var(--gr)}
.bk-inp[readonly]{background:#f6f7f8;color:var(--txt)}
.bk-inp.up{text-transform:uppercase}
.bk-help{display:block;margin-top:4px;font-size:.74rem;color:var(--mute)}
.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bk-grid .full{grid-column:1/-1}
@media (max-width:560px){.bk-grid{grid-template-columns:1fr}}
.bk-row{display:flex;gap:8px}
.bk-row .bk-inp{flex:1;min-width:0}
.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:46px;padding:0 16px;border:0;border-radius:10px;background:var(--gr);color:#fff;font:700 .92rem var(--hf);cursor:pointer;white-space:nowrap;text-decoration:none}
.btn-brand:disabled{opacity:.55;cursor:default}
.btn-brand.red{background:var(--brand)}
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--gr);font:700 .88rem var(--hf);cursor:pointer;white-space:nowrap;text-decoration:none}
.btn-link{border:0;background:none;padding:0;color:var(--brand);font:600 .82rem var(--hf);cursor:pointer;text-decoration:underline}

/* Plaka girişi (TR plakası görünümü) */
.plate-inp{display:flex;flex:1;min-width:0;height:52px;border:2px solid #111;border-radius:7px;overflow:hidden;background:#fff}
.plate-inp b{display:grid;place-items:center;flex:0 0 30px;background:#c8102e;color:#fff;font:600 .66rem var(--bf)}
.plate-inp input{flex:1;min-width:0;width:0;border:0;outline:0;padding:0 12px;font:700 1.35rem var(--hf);letter-spacing:.08em;text-transform:uppercase;color:#111;background:transparent}
.plate-inp input::placeholder{color:#c0c4c9;letter-spacing:.04em}
.plate-inp:focus-within{box-shadow:0 0 0 3px rgba(29,33,37,.12)}
.bk-alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bk-alt .btn-line{height:40px;font-size:.82rem}
.bk-pane{margin-top:14px}
#qrReader{width:100%;max-width:330px;margin:10px auto 0;border-radius:12px;overflow:hidden}
.bk-sess{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:12px;border:1.5px solid var(--line);border-radius:12px;background:#f8f9fa}
.bk-sess .sp{flex:1;min-width:150px}
.bk-sess small{display:block;color:var(--mute);font-size:.76rem}
.bk-sess b{font:700 1.05rem var(--hf);letter-spacing:.05em;color:var(--gr)}
.bk-who{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px;padding:12px;border-radius:12px;background:#f6f7f8}
.bk-who .sp{flex:1;min-width:0;font-size:.84rem;color:var(--txt)}
.bk-who .sp b{display:block;font:600 .9rem var(--hf);color:var(--gr)}
.bk-ok{color:var(--ok);font-size:.78rem;font-weight:600}
.plate-tr.sm{height:36px;font-size:1.1rem}
.plate-tr.sm b{width:20px;font-size:.52rem}
.plate-tr.sm span{padding:0 9px}

/* Öneri listesi (marka / model) */
.sg{position:relative}
.sg ul{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:230px;overflow:auto;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(16,20,24,.14)}
.sg li{padding:9px 11px;border-radius:7px;cursor:pointer;font-size:.92rem;color:var(--gr)}
.sg li.on,.sg li:hover{background:#f2f4f6}
.sg li.new{color:var(--mute);font-size:.82rem}
.sg li.new b{color:var(--gr)}

/* Özet */
.bk-sum{margin:0;padding:0;list-style:none}
.bk-sum li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f2f4;font-size:.9rem}
.bk-sum li:last-child{border-bottom:0}
.bk-sum li>span{color:var(--mute)}
.bk-sum li>b{font-weight:600;color:var(--gr);text-align:right}
.bk-sum li.tot{padding-top:12px;border-top:2px solid var(--line);border-bottom:0}
.bk-sum li.tot>span{color:var(--gr);font:700 .95rem var(--hf)}
.bk-sum li.tot>b{font:700 1.15rem var(--mf)}
.bk-sum li.disc>b,.bk-sum li.disc>span{color:var(--ok)}
.bk-sum .m{font-family:var(--mf)}
.bk-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f6f7f8;color:var(--txt);font-size:.8rem}

/* Alt çubuk */
.bk-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 22px rgba(16,20,24,.07);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.bk-bar-in{max-width:728px;margin:0 auto;display:flex;align-items:center;gap:10px}
.bk-bar .sm{flex:1;min-width:0;font-size:.8rem;color:var(--mute);line-height:1.3}
.bk-bar .sm b{display:block;font:700 1rem var(--mf);color:var(--gr);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-bar .btn-line{width:46px;padding:0}
.bk-bar .btn-brand{min-width:128px}

/* Pencere */
.bk-modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(16,20,24,.55)}
.bk-modal.open{display:flex}
.bk-modal .box{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 24px 64px rgba(0,0,0,.25)}
.bk-modal h3{margin:0 0 4px;font:700 1.05rem var(--hf);color:var(--gr)}
.bk-modal p{margin:0 0 12px;color:var(--txt);font-size:.88rem}
.bk-modal .list{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f6f7f8;font-size:.86rem}
.bk-modal .list div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.bk-modal .acts{display:flex;flex-direction:column;gap:8px}
.bk-modal .acts button{width:100%}

/* Sonuç */
.bk-done{padding:26px 18px;text-align:center}
.bk-done .ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#e3f1e9;color:var(--ok);font-size:2rem}
.bk-done h2{margin:0 0 6px;font:700 1.3rem var(--hf);color:var(--gr)}
.bk-done>p{margin:0 auto 16px;max-width:420px;color:var(--mute);font-size:.9rem}
.bk-done .bk-sum{max-width:420px;margin:0 auto 16px;text-align:left}
.bk-done .acts{display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto}
.bk-done .bk-push{max-width:420px;margin:0 auto 14px}
.bk-done .acts a,.bk-done .acts button{width:100%}
.btn-wa{background:#1f8f4e}

/* Ana ekrana ekle */
.bk-pwa{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;align-items:center;gap:10px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:var(--gr);color:#fff}
.bk-pwa img{width:34px;height:34px;border-radius:8px;background:#fff;padding:3px;object-fit:contain}
.bk-pwa .sp{flex:1;min-width:0;font-size:.78rem;color:#c9cdd1}
.bk-pwa .sp b{display:block;color:#fff;font:700 .88rem var(--hf)}
.bk-pwa button{border:0;border-radius:9px;padding:8px 12px;font:700 .8rem var(--hf);cursor:pointer}
.bk-pwa .x{background:rgba(255,255,255,.14);color:#fff}
.bk-foot{margin-top:18px;text-align:center;font-size:.72rem;color:#9aa0a6}
.bk-foot a{color:#868c94;text-decoration:none}
.bk-spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:bkspin .7s linear infinite}
@keyframes bkspin{to{transform:rotate(360deg)}}

.gate-call{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.6rem;padding:.6rem 1rem;border-radius:10px;background:#c8102e;color:#fff;font-weight:700;text-decoration:none}

.plate-tr b,.bk-sess .plate-tr b,.bk-who .plate-tr b{display:grid;place-items:center;align-self:stretch;background:#c8102e;color:#fff;font:700 .6rem/1 var(--bf);letter-spacing:.02em}
.plate-tr.sm b,.bk-sess .plate-tr.sm b{width:22px;font-size:.56rem}
.bk-sess .plate-tr span{font:700 1.1rem var(--hf);letter-spacing:.06em;color:#111}
.plate-inp b{font-weight:700}
.bk-cf-opts{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.bk-cf-opts button{font:600 .88rem var(--bf);padding:0 10px}