.bk{position:relative;padding:32px 0 80px}@media (min-width: 768px){.bk{padding:48px 0 96px}}.bk-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--sn-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f4f1e8b3}.bk-back:hover{color:var(--accent)}.bk-head{margin:24px 0 32px}.bk-title{font-size:clamp(36px,7vw,88px);line-height:1.1;margin-top:12px}.bk-meta{margin-top:12px;font-size:14px}.bk-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}.bk-steps li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);background:var(--sn-ink-2);border:1px solid var(--sn-line);font-family:var(--sn-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f4f1e899;transition:all .25s ease}.bk-steps li span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--sn-ink-3);color:#f4f1e880;font-size:10px;font-weight:700}.bk-steps li.is-active{background:var(--accent);color:var(--sn-ink);border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 40%,transparent)}.bk-steps li.is-active span{background:var(--sn-ink);color:var(--accent)}.bk-steps li.is-done{color:var(--sn-lime);border-color:#06e17666}.bk-steps li.is-done span{background:var(--sn-lime);color:var(--sn-ink)}.bk-card{display:none;padding:24px;background:var(--sn-ink-2);border:1px solid var(--sn-line);border-radius:var(--r-lg);animation:bk-in .4s cubic-bezier(.2,.9,.2,1)}@media (min-width: 640px){.bk-card{padding:32px}}.bk-card[data-visible=true]{display:block}@keyframes bk-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bk-card-title{font-family:var(--sn-display);font-weight:900;font-size:clamp(24px,4vw,36px);margin-bottom:18px;line-height:1.2;text-transform:uppercase}.bk-dates{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 12px;margin:0 -4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.bk-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;width:76px;padding:12px 8px;background:var(--sn-ink-3);border:1.5px solid var(--sn-line-2);border-radius:var(--r-md);cursor:pointer;transition:all .2s ease;scroll-snap-align:start}.bk-date .dow{font-family:var(--sn-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f4f1e899}.bk-date .num{font-family:var(--sn-display);font-weight:900;font-size:28px;line-height:1.1;margin:4px 0}.bk-date .mon{font-family:var(--sn-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f4f1e899}.bk-date:hover{border-color:var(--accent)}.bk-date.is-active{background:var(--accent);border-color:var(--accent);color:var(--sn-ink);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 35%,transparent)}.bk-date.is-active .dow,.bk-date.is-active .mon{color:#07050eb3}.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.bk-slot{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;background:var(--sn-ink-3);border:1.5px solid var(--sn-line-2);border-radius:var(--r-md);cursor:pointer;transition:all .2s ease;text-align:left}.bk-slot:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.bk-slot.is-taken{opacity:.4;cursor:not-allowed}.slot-time{font-family:var(--sn-display);font-weight:900;font-size:18px}.slot-price{font-family:var(--sn-mono);font-size:12px;color:#f4f1e8b3}.slot-tag{margin-top:4px;font-family:var(--sn-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sn-lime)}.bk-slot.is-taken .slot-tag{color:#f4f1e866}.bk-skeleton{height:70px;background:linear-gradient(90deg,var(--sn-ink-3) 0%,rgba(255,255,255,.04) 50%,var(--sn-ink-3) 100%);background-size:200% 100%;border-radius:var(--r-md);animation:bk-shimmer 1.4s linear infinite}@keyframes bk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bk-form{display:flex;flex-direction:column;gap:4px}.bk-summary{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:0}.bk-summary li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--sn-line);font-size:15px}.bk-summary li span{color:#f4f1e899;font-family:var(--sn-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.bk-summary li.total{font-family:var(--sn-display);font-weight:900;font-size:24px;padding-top:18px;border-bottom:none}.bk-summary li.total b{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.bk-summary li.total span{font-family:var(--sn-display);font-weight:900;font-size:24px;letter-spacing:0;text-transform:uppercase;color:var(--sn-bone)}.bk-pay{padding:14px 16px;background:var(--sn-ink-3);border:1px dashed var(--sn-line-2);border-radius:var(--r-md);margin-bottom:16px}.bk-pay-status{display:flex;align-items:center;gap:10px;font-size:13px;color:#f4f1e8d9}.bk-pay-status .dot{width:8px;height:8px;border-radius:50%;background:var(--sn-orange);box-shadow:0 0 10px var(--sn-orange)}.bk-done{text-align:center}.bk-done-mark{display:inline-flex;color:var(--sn-lime);margin-bottom:12px;animation:bk-pop .5s cubic-bezier(.2,.9,.2,1)}@keyframes bk-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.bk-actions{margin-top:18px;display:flex;flex-wrap:wrap}.bk-actions .btn{flex:1 1 auto;justify-content:center;min-width:140px}.bk-hint{font-size:12px}