/* v1.52.60 — müşteri randevu ekranı: yeni mobil görünüm (yalnız .bk sayfası, yalnız CSS) */
html body.bk{--bk-r:#ecdde4;--bk-soft:color-mix(in srgb,var(--primary) 9%,#fff);--bk-ink:#2a1521;--bk-mut:#6b5560}
html body.bk .bk-app{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--bk-ink)}
@media(min-width:700px){html body.bk .bk-app{border-radius:32px}}
/* üst alan */
html body.bk .bk-top{padding:calc(14px + env(safe-area-inset-top,0px)) 18px 20px;border-radius:0 0 32px 32px;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 72%,#000),var(--primary) 62%,color-mix(in srgb,var(--primary) 70%,#fff));position:relative;z-index:2}
html body.bk .bk-head h1{font-size:19px;font-weight:800;letter-spacing:-.01em}
html body.bk .bk-logo,html body.bk .bk-call,html body.bk .bk-x{background:rgba(255,255,255,.2)}
html body.bk .bk-call{width:44px;height:44px}
html body.bk .bk-tabs{margin-top:14px;background:rgba(255,255,255,.18);border-radius:99px;padding:4px}
html body.bk .bk-tabs button{min-height:40px;border-radius:99px;font-size:13px;font-weight:700;padding:0 4px}
html body.bk .bk-tabs button.on{background:#fff;color:var(--primary-d);box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
/* adım çubuğu */
html body.bk .bk-steps{padding:16px 22px 0;gap:6px}
html body.bk .bk-steps div{font-size:11px;font-weight:700;padding-top:12px;color:var(--bk-mut)}
html body.bk .bk-steps div::before{height:5px;border-radius:99px;background:#f0e3e9}
html body.bk .bk-steps div.cur{color:var(--primary-d)}
html body.bk .bk-steps div.cur::before{background:var(--primary)}
html body.bk .bk-body{padding:14px 20px 22px}
html body.bk .bk-card h2{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px}
html body.bk .bk-card .sub{font-size:13px;color:var(--bk-mut);margin:0 0 14px}
html body.bk .bk-cat{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--bk-mut);margin:18px 2px 8px}
/* uzman seçimi */
html body.bk .bk-pick{border:0;padding:0;margin:4px 0 6px}
html body.bk .bk-pick-h{font-size:14px;font-weight:800;margin:0 2px 10px}
html body.bk .bk-pc{min-height:52px;border:1.5px solid var(--bk-r);border-radius:99px;padding:0 18px 0 8px;font-size:14px;font-weight:700}
html body.bk .bk-pc.on{border-color:var(--primary);background:var(--bk-soft);color:var(--bk-ink)}
html body.bk .bk-pc.on i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}
/* hizmet kartları */
html body.bk .bk-svc{min-height:68px;padding:14px 16px;gap:12px;border:1.5px solid var(--bk-r);border-radius:22px;margin-bottom:10px;box-shadow:0 10px 24px -22px rgba(60,10,40,.5);transition:transform .12s,border-color .12s,background .12s}
html body.bk .bk-svc:active{transform:scale(.985)}
html body.bk .bk-svc.on{border-color:var(--primary);background:var(--bk-soft)}
html body.bk .bk-svc .nm b{font-size:15px;font-weight:700}
html body.bk .bk-svc .dk{border-left:0;padding:0;font-size:12.5px}
html body.bk .bk-svc .pr{font-size:15px;font-weight:800;color:var(--primary-d)}
html body.bk .bk-svc .chev{width:30px;height:30px;border-radius:50%;background:var(--bk-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}
/* uzman kartları */
html body.bk .bk-st{border:1.5px solid var(--bk-r);border-radius:26px;box-shadow:0 12px 26px -22px rgba(60,10,40,.5)}
html body.bk .bk-st.on{border-color:var(--primary);background:var(--bk-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}
/* takvim şeridi */
html body.bk .ds-h b,html body.bk .ds-h b.ds-m{font-size:16px;font-weight:800}
html body.bk .ds-nav{width:44px;height:44px;border-radius:50%;border:0;background:var(--bk-soft);color:var(--primary)}
html body.bk .dc{width:64px;height:88px;border:1.5px solid var(--bk-r);border-radius:22px;background:#fff}
html body.bk .dc b{font-size:24px;font-weight:800}
html body.bk .dc small{font-weight:700}
html body.bk .dc.off,html body.bk .dc.closed,html body.bk .dc.full{background:#f7f2f4;opacity:.55}
html body.bk .dc.on,html body.bk .dc.on:hover{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 14px 24px -12px var(--primary)}
/* saatler */
html body.bk .sl-leg{font-size:12px;color:var(--bk-mut)}
html body.bk .sl-leg .f::before{background:var(--primary);opacity:.35}
html body.bk .sl-leg .d::before{background:#e4d9de}
html body.bk .ds-slots .slots{grid-template-columns:repeat(3,1fr);gap:10px}
html body.bk .ds-slots .slot{min-height:48px;padding:0;border-radius:99px;border:1.5px solid var(--bk-r);background:#fff;color:var(--bk-ink);font-size:15px;font-weight:700}
html body.bk .ds-slots .slot:hover:not(:disabled){background:var(--bk-soft);border-color:var(--primary)}
html body.bk .ds-slots .slot.off{background:#f7f2f4;border-color:#f0e6ea;color:#a89aa1;opacity:1;text-decoration:line-through}
html body.bk .ds-slots .slot.on,html body.bk .ds-slots .slot.on:hover:not(:disabled){background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 14px 24px -12px var(--primary)}
@media (hover:none){html body.bk .ds-slots .slot:hover:not(:disabled):not(.on){background:#fff;border-color:var(--bk-r)}}
/* form */
html body.bk .bk-sum{background:#fff;border:1px solid #f0e3e9;border-radius:24px;padding:16px 18px;box-shadow:0 18px 40px -26px rgba(60,10,40,.45)}
html body.bk .bk-sum div{padding:5px 0;font-size:14px}
html body.bk .bk-sum .tot{border-top:2px dashed var(--bk-r);margin-top:8px;padding-top:12px;font-size:17px;font-weight:800;color:var(--primary-d)}
html body.bk .field label{font-size:13px;font-weight:700;margin:0 0 6px 4px}
html body.bk .field input,html body.bk .field textarea{min-height:54px;padding:0 18px;border:1.5px solid var(--bk-r);border-radius:18px;font-size:16px;background:#fff}
html body.bk .field textarea{padding:14px 18px;min-height:90px}
html body.bk .field input:focus,html body.bk .field textarea:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}
html body.bk .bk-acc{border-radius:18px;padding:12px 14px;font-size:12.5px}
html body.bk .consent-n{font-size:12px}
/* alt çubuk */
html body.bk .bk-bar{border-top:0;padding:12px 18px calc(14px + var(--safe-b));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%);box-shadow:none}
html body.bk .bk-bar .btn{min-height:56px;border-radius:99px;font-size:16.5px;font-weight:800;box-shadow:0 14px 28px -12px var(--primary)}
html body.bk .bk-bar .btn:disabled{box-shadow:none}
html body.bk .bk-bk{min-height:56px;min-width:56px;padding:0 18px;border-radius:99px;border:1.5px solid var(--bk-r)}
/* onay */
html body.bk .bk-ok{padding:18px 2px}
html body.bk .bk-ok .tick{width:92px;height:92px;box-shadow:0 18px 36px -14px var(--ok)}
html body.bk .bk-ok h2{font-size:26px}
html body.bk .bk-ok .bk-sum{border-radius:26px}
html body.bk .bk-ok .btn.big{min-height:54px;border-radius:99px;font-weight:800}
html body.bk .bk-foot{background:#fff;border-top:0}