/* Booking flow — structure only. Each direction sets the --bk-* variables and adds its own signature overrides. */
html.bk-lock{overflow:hidden}
.bk{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bk-scrim,rgba(0,0,0,.7));opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bk[hidden]{display:none}
.bk.is-open{opacity:1}
.bk-panel{position:relative;width:min(1100px,calc(100vw - 48px));height:min(740px,calc(100vh - 48px));display:grid;grid-template-rows:auto 1fr auto;background:var(--bk-bg);color:var(--bk-text);border-radius:var(--bk-radius,14px);overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.55);transform:translateY(18px) scale(.985);transition:transform .45s cubic-bezier(.2,.8,.2,1);font-family:var(--bk-body-font)}
.bk.is-open .bk-panel{transform:none}
.bk-head{display:flex;align-items:center;gap:28px;padding:22px 28px 20px 36px;border-bottom:1px solid var(--bk-line)}
.bk-title{margin:0;font:var(--bk-title-font);letter-spacing:var(--bk-title-track,0);white-space:nowrap}
.bk-progress{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:6px}
.bk-progress li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;color:var(--bk-muted);font-size:14px}
.bk-prog-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;border:1px solid var(--bk-line)}
.bk-progress li.is-cur{color:var(--bk-text);background:var(--bk-surface)}
.bk-progress li.is-cur .bk-prog-n{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-accent-ink)}
.bk-progress li.is-done .bk-prog-n{border-color:var(--bk-text);color:var(--bk-text)}
.bk-x{width:44px;height:44px;border-radius:50%;border:1px solid var(--bk-line);background:transparent;color:var(--bk-text);font-size:26px;line-height:1;cursor:pointer;flex-shrink:0}
.bk-x:hover{background:var(--bk-surface)}
.bk-body{display:grid;grid-template-columns:1fr 330px;grid-template-rows:minmax(0,1fr);min-height:0}
.bk-main{overflow:auto;padding:36px 44px 32px}
.bk-anim{animation:bkIn .38s cubic-bezier(.2,.8,.2,1)}
.bk-anim[data-reason="toggle"],.bk-anim[data-reason="error"],.bk-anim[data-reason="month"]{animation:none}
@keyframes bkIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.bk-q{margin:0;font:var(--bk-q-font);letter-spacing:var(--bk-q-track,0);line-height:1.05;outline:none}
/* terms / privacy policy opened inside the dialog */
.bk-main--legal .bk-q{font-size:clamp(22px,2.6vw,30px);line-height:1.15;margin-bottom:16px;overflow-wrap:break-word}
.bk-main--legal .lg-sec:last-child{padding-bottom:8px}
.bk-hint{margin:10px 0 28px;color:var(--bk-muted);font-size:16px;line-height:1.5}
.bk-sum{border-left:1px solid var(--bk-line);background:var(--bk-surface);padding:32px 28px;display:flex;flex-direction:column;min-height:0;overflow:auto}
.bk-sum__t{margin:0 0 18px;font-size:13px;font-weight:600;color:var(--bk-muted)}
.bk-sum__list{margin:0;display:flex;flex-direction:column}
.bk-sum__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k e" "v e";padding:14px 0;border-bottom:1px solid var(--bk-line)}
.bk-sum__row dt{grid-area:k;font-size:13px;color:var(--bk-muted)}
.bk-sum__row dd{grid-area:v;margin:3px 0 0;font-size:17px;font-weight:500}
.bk-sum__row:not(.is-set) dd{color:var(--bk-muted)}
.bk-sum__edit{grid-area:e;align-self:center;background:none;border:0;color:var(--bk-link,var(--bk-text));text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:14px;cursor:pointer;padding:8px 0 8px 8px}
.bk-sum__total{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:baseline}
.bk-sum__total span{color:var(--bk-muted);font-size:14px}
.bk-sum__total strong{font:var(--bk-num-font);font-size:34px}
.bk-sum__note{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--bk-muted)}
/* step 1 */
.bk-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bk-opt{position:relative;height:236px;padding:20px;border-radius:var(--bk-card-radius,10px);border:1px solid var(--bk-line);background:var(--bk-card);color:var(--bk-text);display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;font:inherit}
.bk-opt:hover{transform:translateY(-3px);border-color:var(--bk-accent)}
.bk-opt.is-sel{border-color:var(--bk-accent);background:var(--bk-sel-bg);box-shadow:0 0 0 1px var(--bk-accent) inset}
.bk-opt__n{font:var(--bk-num-font);font-size:92px;line-height:.9}
.bk-opt__label{font-size:16px;color:var(--bk-muted);margin-top:4px}
.bk-opt__price{margin-top:auto;font-size:20px;font-weight:600}
.bk-opt__per{font-size:13px;color:var(--bk-muted);margin-top:2px}
.bk-group{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;border-radius:var(--bk-card-radius,10px);border:1px dashed var(--bk-line);color:var(--bk-muted);text-decoration:none;font-size:15px}
.bk-group span{color:var(--bk-text);font-weight:600;text-decoration:underline;text-underline-offset:4px}
/* step 2 */
.bk-cal{max-width:560px}
.bk-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.bk-cal__head strong{font-size:19px;font-weight:600}
.bk-cal__nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--bk-line);background:transparent;color:var(--bk-text);font-size:22px;cursor:pointer}
.bk-cal__nav:disabled{opacity:.3;cursor:default}
.bk-cal__wk,.bk-cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bk-cal__wk span{text-align:center;font-size:13px;color:var(--bk-muted);padding-bottom:6px}
.bk-cal__day{position:relative;height:54px;border-radius:var(--bk-cell-radius,8px);border:1px solid transparent;background:var(--bk-card);color:var(--bk-text);font:inherit;font-size:17px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.bk-cal__day:hover:not(:disabled){border-color:var(--bk-accent)}
.bk-cal__day:disabled{background:transparent;color:var(--bk-disabled);cursor:default;text-decoration:line-through;text-decoration-color:var(--bk-line)}
.bk-cal__day.is-today i{position:absolute;bottom:6px;font-style:normal;font-size:10px;color:var(--bk-accent-2,var(--bk-accent))}
.bk-cal__day.is-sel{background:var(--bk-accent);color:var(--bk-accent-ink)}
/* step 3 */
.bk-slots__group+.bk-slots__group{margin-top:26px}
.bk-slots__group h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--bk-muted)}
.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.bk-slot{height:84px;border-radius:var(--bk-cell-radius,8px);border:1px solid var(--bk-line);background:var(--bk-card);color:var(--bk-text);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 12px;font:inherit;transition:border-color .15s,transform .15s;container-type:inline-size;min-width:0;overflow:hidden}
.bk-slot:hover:not(:disabled){border-color:var(--bk-accent);transform:translateY(-2px)}
.bk-slot__t{font:var(--bk-num-font);font-size:clamp(15px,19cqi,28px);line-height:1.1;white-space:nowrap;max-width:100%}
.bk-slot__s{font-size:clamp(11px,11.5cqi,13px);color:var(--bk-muted);margin-top:6px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bk-slot.is-taken{background:transparent;border-style:dashed;color:var(--bk-disabled);cursor:not-allowed}
.bk-slot.is-taken .bk-slot__t{text-decoration:line-through;text-decoration-thickness:2px}
.bk-slot.is-sel{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-accent-ink)}
.bk-slot.is-sel .bk-slot__s{color:inherit;opacity:.8}
/* step 4 */
.bk-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px;max-width:640px}
.bk-form>.bk-field:first-child,.bk-form>fieldset,.bk-form>.bk-check,.bk-form>.bk-field:has(textarea),.bk-form>.bk-err{grid-column:1/-1}
.bk-field{display:flex;flex-direction:column;gap:7px}
.bk-field__l{font-size:14px;font-weight:500}
.bk-field__l em{font-style:normal;color:var(--bk-muted);font-weight:400;margin-left:6px}
.bk-field__h{font-size:13px;color:var(--bk-muted)}
.bk-field input,.bk-field textarea{height:52px;box-sizing:border-box;padding:0 16px;border-radius:var(--bk-cell-radius,8px);border:1px solid var(--bk-input-line,var(--bk-line));background:var(--bk-input,var(--bk-card));color:var(--bk-text);font:inherit;font-size:16px}
.bk-field textarea{height:auto;padding:14px 16px;resize:vertical}
.bk-field input:focus,.bk-field textarea:focus{outline:none;border-color:var(--bk-accent);box-shadow:0 0 0 3px var(--bk-ring)}
.bk-field input[aria-invalid="true"]{border-color:var(--bk-error)}
.bk-err{color:var(--bk-error);font-size:13px;margin-top:-6px}
.bk-progs{border:0;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bk-progs legend{font-size:14px;font-weight:500;margin-bottom:10px;padding:0}
.bk-prog{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"c n" "c d";column-gap:12px;padding:16px;border-radius:var(--bk-cell-radius,8px);border:1px solid var(--bk-line);background:var(--bk-card);cursor:pointer}
.bk-prog input{grid-area:c;width:22px;height:22px;margin:2px 0 0;accent-color:var(--bk-accent)}
.bk-prog__name{grid-area:n;font-weight:600}
.bk-prog__desc{grid-area:d;font-size:13px;color:var(--bk-muted);margin-top:2px}
.bk-prog.is-on{border-color:var(--bk-accent);background:var(--bk-sel-bg)}
.bk-prog__more{grid-column:1/-1;padding:16px 18px;border-radius:var(--bk-cell-radius,8px);background:var(--bk-note-bg);color:var(--bk-note-ink);font-size:14px;line-height:1.5}
.bk-prog__more p{margin:0}
.bk-step{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.bk-step__ctl{display:flex;align-items:center;border:1px solid currentColor;border-radius:999px;overflow:hidden}
.bk-step__ctl button{width:44px;height:40px;border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.bk-step__ctl button:disabled{opacity:.35;cursor:default}
.bk-step__ctl output{min-width:26px;text-align:center;font-weight:700}
.bk-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;cursor:pointer}
.bk-check input{width:22px;height:22px;margin:1px 0 0;flex-shrink:0;accent-color:var(--bk-accent)}
.bk-check a{color:var(--bk-text)}
/* footer */
.bk-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px 16px 36px;border-top:1px solid var(--bk-line);background:var(--bk-bg)}
.bk-foot__total{display:none;font:var(--bk-num-font);font-size:24px}
.bk-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:var(--bk-btn-radius,999px);border:0;background:var(--bk-accent);color:var(--bk-accent-ink);font:var(--bk-btn-font);letter-spacing:var(--bk-btn-track,0);text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}
.bk-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.bk-btn--ghost{background:transparent;color:var(--bk-text);box-shadow:0 0 0 1px var(--bk-line) inset}
/* done */
.bk-done{max-width:620px;margin:0 auto;text-align:center;padding-top:8px}
.bk-done .bk-hint{margin-bottom:26px}
.bk-done__mark{width:84px;height:84px;margin:0 auto 22px;border-radius:50%;background:var(--bk-accent);position:relative;animation:pop .6s cubic-bezier(.2,1.4,.4,1)}
.bk-done__mark::after{content:"";position:absolute;left:30px;top:20px;width:18px;height:34px;border:solid var(--bk-accent-ink);border-width:0 5px 5px 0;transform:rotate(45deg)}
@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.bk-ticket{display:grid;grid-template-columns:1fr 2.2fr .8fr 1.3fr;text-align:left;border:1px solid var(--bk-line);border-radius:var(--bk-card-radius,10px);background:var(--bk-card)}
.bk-ticket div{padding:16px 18px;border-left:1px solid var(--bk-line)}
.bk-ticket div:first-child{border-left:0}
.bk-ticket span{display:block;font-size:12px;color:var(--bk-muted)}
.bk-ticket strong{display:block;margin-top:4px;font-size:16px}
.bk-done__addr{color:var(--bk-muted);font-size:14px;margin:18px 0 26px}
.bk-done__acts{display:flex;gap:12px;justify-content:center}
.bk :focus-visible{outline:3px solid var(--bk-focus,var(--bk-accent));outline-offset:2px}
.bk .bk-q:focus,.bk .bk-q:focus-visible{outline:none}
/* mobile: full-screen sheet */
@media (max-width:760px){
  .bk{place-items:end stretch}
  .bk-panel{width:100%;height:100%;border-radius:0;transform:translateY(40px)}
  .bk-head{padding:12px 12px 12px 20px;gap:10px;flex-wrap:wrap}
  .bk-title{font-size:18px}
  .bk-progress{order:3;width:100%;margin:0;justify-content:space-between}
  .bk-progress li{padding:4px;font-size:12px}
  .bk-progress li:not(.is-cur) .bk-prog-l{display:none}
  .bk-x{margin-left:auto}
  .bk-body{grid-template-columns:1fr}
  .bk-sum{display:none}
  .bk-main{padding:24px 20px}
  .bk-q{font-size:32px}
  .bk-hint{margin-bottom:20px;font-size:15px}
  .bk-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bk-opt{height:168px;padding:16px}
  .bk-opt__n{font-size:64px}
  .bk-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bk-slot{height:74px}
  .bk-form,.bk-progs{grid-template-columns:1fr}
  .bk-foot{padding:12px 16px}
  .bk-foot__total{display:block}
  .bk-foot .bk-btn:not(.bk-btn--ghost){flex-grow:1}
  .bk-foot .bk-btn--ghost{padding:0 20px}
  .bk-ticket{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-cal__day{height:46px}
  .bk-ticket div:nth-child(3){border-left:0}
  .bk-ticket div:nth-child(n+3){border-top:1px solid var(--bk-line)}
  .bk-done__acts{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.bk,.bk-panel,.bk-anim,.bk-done__mark,.bk-opt,.bk-slot{transition:none!important;animation:none!important}}
/* v2 additions: single-column body, group form pills, full-width fields */
.bk-body--single{grid-template-columns:minmax(0,1fr)}
.bk-body--single .bk-main{max-width:820px;width:100%;margin:0 auto}
button.bk-group{width:100%;background:transparent;font:inherit;font-size:15px;cursor:pointer;text-align:left;flex-wrap:wrap}
button.bk-group:hover{border-color:var(--bk-accent)}
.bk-form>.bk-field--full,.bk-form>.bk-pills{grid-column:1/-1}
.bk-pills{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bk-pills legend{font-size:14px;font-weight:500;margin-bottom:10px;padding:0;width:100%}
.bk-pill{position:relative;cursor:pointer}
.bk-pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bk-pill span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--bk-line);background:var(--bk-card);font-size:15px;transition:border-color .15s,background .15s}
.bk-pill input:checked+span{border-color:var(--bk-accent);background:var(--bk-sel-bg)}
.bk-pill input:focus-visible+span{outline:3px solid var(--bk-focus,var(--bk-accent));outline-offset:2px}
.bk-step__ctl--lg{align-self:flex-start;border-color:var(--bk-line)}
.bk-step__ctl--lg button{width:52px;height:50px;font-size:22px}
.bk-step__ctl--lg output{min-width:48px;font-size:20px}
.bk-field input[type="date"]{color-scheme:dark}
.bk-head{min-width:0}
.bk-title{overflow:hidden;text-overflow:ellipsis}
.bk-opt__price,.bk-opt__per{overflow-wrap:anywhere}
@media (max-width:1000px) and (min-width:761px){
  .bk-body{grid-template-columns:minmax(0,1fr) 270px}
  .bk-main{padding:28px 28px}
  .bk-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-opt{height:190px}
  .bk-progress .bk-prog-l{display:none}
  .bk-progress li.is-cur .bk-prog-l{display:inline}
}
@media (max-width:760px){
  .bk-pill span{min-height:42px;padding:0 14px;font-size:14px}
}

/* v3: money never wraps; summary total stacks label over amount */
.bk-sum__total{flex-direction:column;align-items:flex-start;gap:4px}
.bk-sum__total strong{font-size:clamp(26px,2.6vw,34px);white-space:nowrap}
.bk-opt__price,.bk-foot__total{white-space:nowrap}
.bk-form--group>.bk-field:first-child{grid-column:auto}

/* v4: 1–16 players across up to 4 lanes */
.bk-pgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:640px}
.bk-pn{height:56px;border-radius:var(--bk-cell-radius,10px);border:1px solid var(--bk-line);background:var(--bk-card);color:var(--bk-text);font:var(--bk-num-font);font-size:20px;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.bk-pn:hover{border-color:var(--bk-accent)}
.bk-pn.is-in{background:var(--bk-sel-bg);border-color:transparent}
.bk-pn.is-sel{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-accent-ink)}
.bk-split{margin-top:18px;max-width:640px;border:1px solid var(--bk-line);border-radius:var(--bk-card-radius,14px);background:var(--bk-surface);padding:16px 18px}
.bk-split__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.bk-split__head strong{font-size:17px;font-weight:600}
.bk-split__head span{font-size:14px;color:var(--bk-muted)}
.bk-split__rows{list-style:none;margin:10px 0 0;padding:0}
.bk-split__rows li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed var(--bk-line);font-size:15px}
.bk-split__rows li span:first-child{min-width:0}
.bk-split__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:6px;padding-top:10px;border-top:1px solid var(--bk-line)}
.bk-split__total span{font-size:14px;color:var(--bk-muted)}
.bk-split__total strong{font:var(--bk-num-font);font-size:24px}
.bk-split .amt{white-space:nowrap}
.bk-split__note{margin:10px 0 0;font-size:13px;color:var(--bk-muted);line-height:1.5}
.bk-sum__lanes{line-height:1.35}
.bk-foot--next{justify-content:flex-end}
.bk-foot__total--show{display:block;margin-right:auto}
.bk-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}
.bk-ticket,.bk .bk-ticket{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px;background:var(--bk-line);overflow:hidden}
.bk-ticket div,.bk .bk-ticket div{border:0!important;background:var(--bk-card)}
@media (max-width:760px){
  .bk-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bk-pn{height:52px}
}

/* v5: confirmation ticket — date spans the full row, values may wrap instead of clipping */
.bk-ticket .bk-ticket__when{grid-column:1/-1}
.bk-ticket strong{overflow-wrap:anywhere}
/* close button always pinned right, even on screens without the step bar (done, group offer) */
.bk-x{margin-left:auto}
/* ticket: 4 equal columns under the full-width date; 2 on narrow screens — no empty filler cells */
.bk-ticket,.bk .bk-ticket{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.bk-ticket,.bk .bk-ticket{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bk-sum__sub{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--bk-muted)}
/* live (request) mode: the send error and the hidden spam trap */
.bk-hp{display:none!important}
.bk-senderr{margin:4px 0 0;padding:12px 16px;border-radius:12px;background:var(--bk-note-bg);color:var(--bk-note-ink);font-size:15px;line-height:1.5}
.bk-btn[aria-busy="true"]{opacity:.75;cursor:progress}
/* live mode: loading and retry for the free times */
.bk-loading{color:var(--bk-muted);margin-top:-16px}
.bk-linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;min-height:24px}
/* very narrow phones (320–380 px): step dots only, so the header fits */
@media (max-width:380px){
  .bk-head{padding:10px 10px 10px 16px}
  .bk-progress{justify-content:space-around}
  .bk-progress li .bk-prog-l,.bk-progress li.is-cur .bk-prog-l{display:none}
  .bk-progress li{padding:3px}
  .bk-main{padding:20px 16px}
  .bk-foot{gap:10px;padding:12px}
  .bk-foot__total{font-size:20px}
  .bk-foot .bk-btn{padding:0 16px;min-width:0}
}
/* 2026-10-19: the length of a session (1-3 hours) and the "all 4 lanes" offer notice */
.bk-len{margin-top:18px;max-width:640px}
.bk-len legend{font-size:15px;font-weight:600}
.bk-len__hint{flex-basis:100%;margin:2px 0 0;font-size:13px;color:var(--bk-muted);line-height:1.5}
.bk-deal{margin-top:18px;max-width:640px;padding:16px 18px;border-radius:var(--bk-card-radius,14px);border:2px solid var(--bk-accent);background:var(--bk-sel-bg);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bk-deal strong{font-size:17px;font-weight:700}
.bk-deal p{margin:0;font-size:15px;line-height:1.5}
.bk-deal__btn{height:auto;min-height:48px;padding:10px 22px;text-align:center;white-space:normal;max-width:100%}
.bk-deal small{font-size:13px;color:var(--bk-muted)}
.bk-longer{margin:18px 0 0;max-width:640px;font-size:15px;color:var(--bk-muted);line-height:1.5}
.bk-longer a{color:var(--bk-text);font-weight:600;white-space:nowrap}
.bk-group--long{margin-top:12px}