.bk{gap:16px;max-width:820px;margin:0 auto;display:grid}.bk-loading{text-align:center;color:var(--muted);padding:60px 0}.bk-steps{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:8px;list-style:none;display:flex}.bk-steps li{color:var(--muted);border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.bk-steps li span{background:var(--bg-3);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.bk-steps li.is-current{color:var(--text);border-color:#c9a24b80}.bk-steps li.is-current span{background:var(--gold);color:#17130a}.bk-steps li.is-done span{color:var(--gold-2);background:#c9a24b33}.bk-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:16px;padding:22px;display:grid}.bk-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bk-card__head h2{font-family:var(--font-serif);font-size:24px;font-weight:600}.bk-picked{color:var(--muted)}.bk-picked b{color:var(--gold-2);font-weight:600}.bk-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bk-grid--barbers{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bk-option{text-align:left;cursor:pointer;background:var(--bg-3);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:14px;align-content:start;gap:8px;padding:16px;transition:border-color .2s,transform .2s,background .2s;display:grid}.bk-option:hover{background:#1d1c22;border-color:#c9a24b8c;transform:translateY(-2px)}.bk-option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bk-option__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.bk-option__top b{font-family:var(--font-serif);font-size:19px;font-weight:600}.bk-option__top em{color:var(--gold-2);font-style:normal;font-weight:700}.bk-option small{color:var(--muted);font-size:13px;line-height:1.45}.bk-option .tag{justify-self:start}.bk-option--center{text-align:center;justify-items:center}.bk-avatar{object-fit:cover;width:64px;height:64px;font-family:var(--font-display);background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#17130a;border-radius:50%;place-items:center;font-size:24px;font-weight:700;display:grid}.bk-days{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.bk-day{cursor:pointer;background:var(--bg-3);border:1px solid var(--line);width:58px;color:var(--text);font:inherit;border-radius:12px;flex:none;justify-items:center;gap:2px;padding:10px 0;display:grid}.bk-day small{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:11.5px}.bk-day b{font-size:19px}.bk-day.is-active{background:var(--gold);border-color:var(--gold);color:#17130a}.bk-day.is-active small{color:#3a2e12}.bk-date-label{color:var(--muted);font-size:14px}.bk-times{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.bk-time{cursor:pointer;font:inherit;background:var(--bg-3);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 6px;font-size:14.5px;font-weight:600;transition:border-color .2s,background .2s;position:relative}.bk-time:hover{border-color:var(--gold);background:#c9a24b1a}.bk-time.is-promo{border-color:#4ade8066}.bk-time small{background:var(--ok);color:#062b14;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:-8px;right:-4px}.bk-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bk-form__full{grid-column:1/-1}.bk-form textarea{background:var(--bg-3);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:11px 13px;font-size:15px}.bk-form textarea:focus{border-color:#c9a24b99;outline:none;box-shadow:0 0 0 3px #c9a24b26}.bk-summary{background:var(--bg-3);border:1px solid #c9a24b40;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.bk-summary>div:first-child{gap:2px;display:grid}.bk-summary span{color:var(--muted);font-size:13.5px}.bk-summary__price{justify-items:end;display:grid}.bk-summary__price s{color:var(--muted);font-size:13px}.bk-summary__price b{color:var(--gold-2);font-size:24px;font-family:var(--font-serif)}.bk-summary__price small{color:var(--ok);font-size:12px;font-weight:600}.bk-account{color:var(--muted);font-size:14px}.bk-account b{color:var(--text)}.bk-fineprint{color:#8f897f;text-align:center;font-size:12.5px}.bk-empty,.bk-done,.bk-manage{text-align:center;justify-items:center;max-width:620px;margin:0 auto}.bk-empty h2,.bk-done h2,.bk-manage h2{font-family:var(--font-serif);font-size:30px;font-weight:600}.bk-empty p{color:var(--muted)}.bk-done__check{width:64px;height:64px;color:var(--ok);background:#4ade801f;border:1px solid #4ade8066;border-radius:50%;place-items:center;font-size:30px;display:grid}.bk-done__when{color:var(--muted);text-transform:none}.bk-done__when b{color:var(--text)}.bk-done__price{color:var(--gold-2);font-weight:600}.bk-done__link{background:var(--bg-3);width:100%;color:var(--muted);border:1px dashed #c9a24b59;border-radius:12px;justify-items:center;gap:6px;padding:14px;font-size:13.5px;display:grid}.bk-done__link code{color:var(--text);word-break:break-all;font-size:12.5px}.bk-done__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bk-done__home{color:var(--muted);font-size:14px}.bk-manage__list{text-align:left;gap:10px;width:100%;display:grid}.bk-manage__list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.bk-manage__list dt{color:var(--muted);font-size:13.5px}.bk-manage__list dd{text-align:right;font-weight:600}.bk-confirm{justify-items:center;gap:12px;display:grid}.bk-manage__foot{flex-wrap:wrap;justify-content:center;gap:20px;font-size:13.5px;display:flex}.bk-manage__foot a{color:var(--gold-2)}@media (max-width:640px){.bk-card{padding:18px 16px}.bk-grid,.bk-form{grid-template-columns:1fr}.bk-grid--barbers{grid-template-columns:repeat(2,1fr)}.bk-steps li{padding:4px;font-size:0}.bk-steps li span{font-size:12px}.bk-summary{flex-direction:column;align-items:flex-start}.bk-summary__price{justify-items:start}.bk-done__actions .btn{justify-content:center;width:100%}}
