/* Estemol online randevu sayfası — site renkleriyle (home.css değişkenleri kopyalandı; bağımsız çalışır) */
:root{--ink:#0d0b08;--ink2:#15110c;--cream:#f8f2e6;--cream2:#efe4cf;--gold:#c9a668;--gold-l:#e7cf93;--gold-d:#8a6a2f;--txt:#231b12;--muted:#7d705d;--line:rgba(201,166,104,.35);--serif:"Playfair Display","Cairo",Georgia,serif;--sans:"Inter","Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;}
*{box-sizing:border-box}body.bk-page{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);line-height:1.6;min-height:100vh}
.bk-top{display:flex;align-items:center;justify-content:space-between;padding:16px max(16px,4vw);border-bottom:1px solid rgba(201,166,104,.2)}
.bk-top a{color:var(--gold-l);text-decoration:none;font-weight:600}.bk-brand{font-family:var(--serif);font-size:22px;letter-spacing:.04em;color:var(--cream)}
.bk-wrap{max-width:640px;margin:0 auto;padding:28px 16px 80px}
.bk-wrap h1{font-family:var(--serif);font-weight:700;font-size:clamp(28px,6vw,40px);margin:8px 0 6px;color:var(--cream)}.bk-lead{color:#cbbfa8;margin:0 0 22px}
.bk-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px;flex-wrap:wrap}.bk-steps li{flex:1 1 90px;padding:8px 10px;border-radius:999px;font-size:12.5px;font-weight:700;text-align:center;color:#a99a80;border:1px solid rgba(201,166,104,.25)}
.bk-steps li.on{background:var(--gold);color:#1a1305;border-color:var(--gold)}.bk-steps li.ok{color:var(--gold-l);border-color:var(--gold-d)}
.bk-card{background:var(--ink2);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.bk-card h2{font-family:var(--serif);margin:0 0 12px;font-size:22px;color:var(--cream)}
.bk-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;margin:8px 0;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--cream);font:600 16px var(--sans);cursor:pointer;transition:border-color .2s,background .2s}
.bk-opt small{color:#b6a78d;font-weight:500}.bk-opt:hover{border-color:var(--gold)}.bk-opt.sel{background:rgba(201,166,104,.16);border-color:var(--gold)}
.bk-slots{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.bk-slot{padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--cream);font:700 15px var(--sans);cursor:pointer}.bk-slot.sel{background:var(--gold);color:#1a1305;border-color:var(--gold)}
input[type=date],.bk-f input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#0f0c08;color:var(--cream);font:500 16px var(--sans)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold-l);outline-offset:2px}
.bk-f{margin:10px 0}.bk-f label{display:block;margin-bottom:5px;font-size:13.5px;color:#cbbfa8;font-weight:600}
.bk-nav{display:flex;gap:10px;margin-top:18px}.bk-btn{flex:1;padding:14px 18px;border-radius:14px;border:1px solid #a9843f;background:linear-gradient(180deg,#e7cf93,#c9a668);color:#1a1305;font:800 16px var(--sans);cursor:pointer;text-align:center;text-decoration:none}
.bk-btn.ghost{background:transparent;color:var(--gold-l);border-color:var(--line)}.bk-btn:disabled{opacity:.45;cursor:not-allowed}
.bk-hint{color:#b6a78d;font-size:13.5px;margin:6px 0}.bk-sum{color:var(--gold-l);font-weight:700;margin:12px 0}.bk-err{color:#ff9d8f;font-weight:700;margin:10px 0}
.bk-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
html[dir=rtl] .bk-opt{text-align:right}
@media (max-width:480px){.bk-card{padding:16px}.bk-nav{flex-direction:column-reverse}}