/* Booking, September 30 redesign: the homepage booking card (#book), its details step
   (assets/booking-verify.js) and confirm-booking.html (assets/booking-confirm.js).

   Restrained and clearly Sanematics: the site font, weights 400 to 600, sentence case, a white
   card on thin neutral lines with a barely-there shadow, an 8px spacing grid, and one accent (the
   site purple, solid) used only for the selected day, the selected time, focus and the main
   button. The card's original embedded styles in sanematics.html stay byte-identical; every rule
   here overrides them from #book, which outranks them. */

#book,.bk-confirm{
  --bk-ink:#17131d;--bk-ink-2:#4a4455;--bk-muted:#6d6678;--bk-faint:#aaa3b4;
  --bk-line:#e9e6ee;--bk-line-2:#dcd7e3;--bk-line-3:#c9c2d4;
  --bk-surface:#fafafb;--bk-day:#f2f0f5;--bk-hover:#e9e6ef;--bk-press:#dfdbe8;
  --bk-accent:#8a35e8;--bk-accent-hover:#7b2bd6;--bk-accent-press:#6b22bd;
  --bk-ring:0 0 0 3px rgba(138,53,232,.22);--bk-danger:#b42318;--bk-danger-soft:#fef3f2;
  --bk-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---- the section around the card: one heading, no repeated "Select a date and time" ---- */
.mc-site .mc-booking .mc-booking-heading h2{font-weight:600}

/* ---- the card ---- */
#book.cal-card{
  --times-w:clamp(300px,30vw,380px);
  margin-top:24px;background:#fff;color:var(--bk-ink);font-family:inherit;
  border:1px solid var(--bk-line);border-radius:16px;overflow:hidden;
  box-shadow:0 1px 2px rgba(23,19,29,.04),0 16px 40px -28px rgba(23,19,29,.16);transition:none;
}
#book.cal-card::after{content:none}
#book.cal-card:hover{box-shadow:0 1px 2px rgba(23,19,29,.04),0 16px 40px -28px rgba(23,19,29,.16)}
#book :is(button,a){-webkit-tap-highlight-color:transparent}
#book svg{flex:none}

/* left: what the call is, then the calendar */
#book .cal-cal{padding:32px}
#book .cal-top{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--bk-line)}
#book .cal-brand{display:block;margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.4;color:var(--bk-muted)}
#book .cal-top h3{margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--bk-ink)}
#book .cal-lede{margin:0 0 16px;max-width:52ch;font-size:15px;line-height:1.55;color:var(--bk-ink-2)}
#book .cal-facts{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}
#book .cal-top .cal-line{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:14px;font-weight:500;line-height:1.4;color:var(--bk-ink-2)}
#book .cal-top .cal-line svg{width:18px;height:18px;margin:1px 0 0;color:var(--bk-muted)}

#book .cal-h{margin:0 0 16px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--bk-ink)}
#book .cal-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
#book .cal-month{min-width:0;text-align:left;font-size:15px;font-weight:600;color:var(--bk-ink)}
#book .cal-arrows{display:flex;gap:4px}
#book .cal-arrow{
  width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:none;
  color:var(--bk-ink-2);cursor:pointer;transition:background-color .15s var(--bk-ease),color .15s var(--bk-ease);
}
#book .cal-arrow svg{width:18px;height:18px}
#book .cal-arrow:hover:not(:disabled){background:var(--bk-hover);color:var(--bk-ink)}
#book .cal-arrow:active:not(:disabled){background:var(--bk-press)}
#book .cal-arrow:disabled{color:var(--bk-line-3);cursor:default;background:none}

/* a normal seven-day week */
#book :is(.cal-dow,.cal-days){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#book .cal-dow{margin:0 0 4px}
#book .cal-dow span{padding:8px 0;font-size:12px;font-weight:500;line-height:1;color:var(--bk-muted);text-align:center}
#book .cal-d{
  position:relative;display:grid;place-items:center;width:100%;max-width:52px;height:44px;margin:0;padding:0;justify-self:center;
  border:0;border-radius:10px;background:none;box-shadow:none;
  font:inherit;font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--bk-faint);
  cursor:default;transition:background-color .15s var(--bk-ease),color .15s var(--bk-ease),transform .1s var(--bk-ease);
}
#book .cal-d::after{content:none}
/* open days read as buttons: a soft tile and full-strength numbers */
#book .cal-d.free{background:var(--bk-day);color:var(--bk-ink);font-weight:600;cursor:pointer}
#book .cal-d.free:hover{background:var(--bk-hover)}
#book .cal-d.free:active{background:var(--bk-press);transform:scale(.96)}
#book .cal-d.sel,#book .cal-d.sel:hover{background:var(--bk-accent);color:#fff;box-shadow:none}
#book .cal-d.sel:active{background:var(--bk-accent-press)}
#book :is(.cal-d.past,.cal-d.unavail),#book :is(.cal-d.past,.cal-d.unavail):hover{background:none;color:var(--bk-faint);font-weight:400}
/* today: a small mark under the number, in the number's own colour */
#book .cal-d.today{box-shadow:none}
#book .cal-d.today::after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor;transform:none}
#book .cal-d.empty{visibility:hidden}
/* loading: the same cells as quiet tiles, so nothing moves when times land */
#book .cal-days.is-loading .cal-d:not(.empty){background:var(--bk-day);color:transparent}
#book .cal-days.is-loading .cal-d::after{display:none}

#book .cal-note{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--bk-muted);text-align:left}
#book .cal-note[hidden]{display:none}

/* time zone: "Pakistan time (8:32 PM)" */
#book .cal-tzwrap{margin:16px 0 0}
#book .cal-tz{
  display:inline-flex;align-items:center;gap:8px;min-height:36px;margin:0 0 0 -8px;padding:0 8px;
  border:0;border-radius:8px;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--bk-muted);
  cursor:pointer;transition:background-color .15s var(--bk-ease),color .15s var(--bk-ease);
}
#book .cal-tz:hover{background:var(--bk-surface);color:var(--bk-ink)}
#book .cal-tz svg{width:16px;height:16px;color:currentColor}
#book .cal-tz .cal-caret{width:14px;height:14px;opacity:1;transition:transform .15s var(--bk-ease)}
#book .cal-tzmenu{
  width:min(320px,100%);max-height:280px;padding:4px;border:1px solid var(--bk-line);border-radius:12px;background:#fff;
  box-shadow:0 1px 2px rgba(23,19,29,.04),0 16px 40px -20px rgba(23,19,29,.24);
}
#book .cal-tzopt{min-height:44px;padding:6px 10px;border-radius:8px;font-size:14px;color:var(--bk-ink-2);transition:background-color .12s}
#book .cal-tzopt:is(:hover,:focus){background:var(--bk-surface);color:var(--bk-ink)}
#book .cal-tzopt.sel{background:var(--bk-day);color:var(--bk-ink);font-weight:600}
#book .cal-tzname{display:flex;flex-direction:column;gap:2px}
#book .cal-tzname em{margin:0;font-size:12px;font-style:normal;font-weight:400;color:var(--bk-muted)}
#book .cal-tztime{font-size:13px;color:var(--bk-muted)}

/* the quiet row under the calendar: the first open time, and Calendly only while it serves times */
#book .cal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:8px 0 0;padding:0;border:0}
#book .cal-cta{
  display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:40px;margin:0 0 0 -12px;padding:0 12px;
  border:0;border-radius:8px;background:none;box-shadow:none;color:var(--bk-ink);
  font-size:14px;font-weight:600;line-height:1.3;text-align:left;
  transition:background-color .15s var(--bk-ease);
}
#book .cal-cta:hover{background:var(--bk-surface);transform:none;box-shadow:none}
#book .cal-cta:active{background:var(--bk-hover)}
#book .cal-cta svg{width:16px;height:16px;transition:transform .15s var(--bk-ease)}
#book .cal-cta:hover svg{transform:translateX(2px)}
#book .cal-cta[hidden],#book .cal-powered[hidden]{display:none}
#book .cal-powered{font-size:12px;color:var(--bk-muted)}
#book .cal-powered:hover{color:var(--bk-ink-2)}

/* ---- right: the chosen day's times ---- */
#book .cal-times{padding:32px 24px 24px;border-left:1px solid var(--bk-line);background:var(--bk-surface)}
#book .cal-times[hidden]{justify-content:center}
#book .cal-times[hidden]::before{content:"Pick a day to see open times.";margin:0;font-size:14px;line-height:1.5;color:var(--bk-muted);text-align:center}
#book .cal-th{margin:0 0 16px;font-size:16px;font-weight:600;line-height:1.35;color:var(--bk-ink)}
#book .cal-th-tz{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--bk-muted)}
#book .cal-slots{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;
  flex:0 1 auto;min-height:0;max-height:none;overflow-y:auto;margin:-3px;padding:3px;
}
#book .cal-slot{
  height:44px;padding:0 8px;border:1px solid var(--bk-line-2);border-radius:10px;background:#fff;box-shadow:none;
  font:inherit;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--bk-ink);opacity:1;cursor:pointer;
  transition:border-color .15s var(--bk-ease),background-color .15s var(--bk-ease),color .15s var(--bk-ease),transform .1s var(--bk-ease);
}
#book .cal-slot:hover{border-color:var(--bk-line-3);background:#fff}
#book .cal-slot:active{background:var(--bk-day);transform:scale(.98)}
#book .cal-slots.has-sel .cal-slot:not(.sel){opacity:1}
#book .cal-slot.sel,#book .cal-slot.sel:hover{border-color:var(--bk-accent);background:var(--bk-accent);color:#fff;font-weight:600;box-shadow:none;cursor:default}
#book .cal-none{grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;color:var(--bk-muted)}
#book .cal-fallback{
  grid-column:1/-1;height:44px;border:1px solid var(--bk-line-2);border-radius:10px;background:#fff;color:var(--bk-ink);
  font:inherit;font-size:14px;font-weight:600;cursor:pointer;
}
#book .cal-fallback:hover{border-color:var(--bk-line-3)}
#book .cal-times-foot{margin-top:16px}
#book .cal-times-foot:empty{display:none}

/* the main button: solid purple, 10px corners, no glow */
#book :is(.cal-next,.cal-verify-send),.bk-btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 16px;
  border:0;border-radius:10px;background:var(--bk-accent);box-shadow:none;color:#fff;
  font:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;
  transition:background-color .15s var(--bk-ease),transform .1s var(--bk-ease),opacity .15s var(--bk-ease);
}
#book :is(.cal-next,.cal-verify-send):hover:not(:disabled),.bk-btn-primary:hover:not(:disabled){background:var(--bk-accent-hover);transform:none;box-shadow:none}
#book :is(.cal-next,.cal-verify-send):active:not(:disabled),.bk-btn-primary:active:not(:disabled){background:var(--bk-accent-press);transform:translateY(1px)}
#book .cal-verify-send:disabled,.bk-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}
/* loading: a small spinner before the label, the button stays readable */
#book .cal-verify-send.is-loading,.bk-btn-primary.is-loading{opacity:1;cursor:progress}
#book .cal-verify-send.is-loading::before,.bk-btn-primary.is-loading::before{
  content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;
  animation:bkSpin .7s linear infinite;
}
@keyframes bkSpin{to{transform:rotate(360deg)}}

/* ---- the details step, in the times pane ---- */
#book .cal-times > [data-verify-hidden]{display:none !important}
#book .cal-times.is-verifying{background:#fff}
#book .cal-verify{display:flex;flex-direction:column;gap:16px;min-height:0}
#book .cal-verify-back{
  align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:36px;margin:-8px 0 0 -10px;padding:0 10px 0 6px;
  border:0;border-radius:8px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--bk-ink-2);cursor:pointer;
  transition:background-color .15s var(--bk-ease),color .15s var(--bk-ease);
}
#book .cal-verify-back:hover{background:var(--bk-surface);color:var(--bk-ink)}
#book .cal-verify-back svg{width:18px;height:18px}
#book .cal-verify-summary,.bk-summary{padding:16px;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-surface)}
#book .cal-verify-when,.bk-sum-date{margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--bk-ink)}
#book .cal-verify-time,.bk-sum-time{margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--bk-ink-2)}
#book .cal-verify-meta,.bk-sum-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--bk-line);font-size:13px;font-weight:500;color:var(--bk-muted)}
#book .cal-verify-meta span,.bk-sum-meta span{display:inline-flex;align-items:center;gap:6px}
#book .cal-verify-meta svg,.bk-sum-meta svg{width:16px;height:16px}

#book .cal-verify-form{display:flex;flex-direction:column;gap:16px}
#book .cal-verify-field{display:flex;flex-direction:column;gap:8px}
#book .cal-verify-field label{font-size:13px;font-weight:500;line-height:1.3;color:var(--bk-ink-2)}
#book .cal-verify-optional{font-weight:400;color:var(--bk-muted)}
#book .cal-verify-field :is(input,textarea){
  width:100%;min-width:0;height:44px;margin:0;padding:0 12px;border:1px solid var(--bk-line-2);border-radius:10px;
  background:#fff;box-shadow:none;outline:none;font:inherit;font-size:15px;font-weight:400;color:var(--bk-ink);
  transition:border-color .15s var(--bk-ease),box-shadow .15s var(--bk-ease);
}
#book .cal-verify-field textarea{height:auto;min-height:88px;max-height:200px;padding:10px 12px;line-height:1.5;resize:vertical}
#book .cal-verify-field :is(input,textarea):hover{border-color:var(--bk-line-3)}
#book .cal-verify-field.is-invalid :is(input,textarea){border-color:var(--bk-danger)}
#book .cal-verify-error{margin:0;font-size:13px;line-height:1.45;color:var(--bk-danger)}
#book .cal-verify-error:empty{display:none}
#book .cal-verify-ts{display:none}
#book .cal-verify-ts.show{display:block}
#book .cal-verify-msg{margin:0;font-size:13px;line-height:1.5;color:var(--bk-ink-2)}
#book .cal-verify-msg:empty{display:none}
#book .cal-verify-msg.is-error{padding:12px;border-radius:10px;background:var(--bk-danger-soft);color:var(--bk-danger)}
#book .cal-verify-note{margin:0;font-size:13px;line-height:1.5;color:var(--bk-muted)}
#book .cal-verify-legal{margin-top:-6px;font-size:12px}
#book .cal-verify-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#book .cal-verify-legal a:hover{color:var(--bk-ink)}

/* sent: check your inbox */
#book .cal-verify-mark,.bk-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bk-day);color:var(--bk-ink)}
#book .cal-verify-mark svg{width:22px;height:22px}
#book .cal-verify-title{margin:0;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--bk-ink)}
#book .cal-verify .cal-verify-title[tabindex]:is(:focus,:focus-visible){outline:none;box-shadow:none}
#book .cal-verify-text{margin:0;font-size:14px;line-height:1.55;color:var(--bk-ink-2);overflow-wrap:anywhere}
#book .cal-verify-text strong{font-weight:600;color:var(--bk-ink)}
#book .cal-verify-actions{display:flex;flex-direction:column;gap:8px}
#book .cal-verify-again,.bk-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 16px;
  border:1px solid var(--bk-line-2);border-radius:10px;background:#fff;box-shadow:none;color:var(--bk-ink);
  font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;
  transition:border-color .15s var(--bk-ease),background-color .15s var(--bk-ease);
}
#book .cal-verify-again:hover,.bk-btn-ghost:hover{border-color:var(--bk-line-3);background:var(--bk-surface)}
#book .cal-verify-again:active,.bk-btn-ghost:active{background:var(--bk-day)}

/* ---- focus: one clear ring. #book is repeated to outrank the site-wide focus outline. ---- */
#book#book :is(button,a,[tabindex]):focus-visible,.bk-confirm .bk-card :is(button,a):focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px;box-shadow:none}
#book#book .cal-verify-field :is(input,textarea):focus,#book#book .cal-verify-field :is(input,textarea):focus-visible{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
#book#book .cal-verify-field.is-invalid :is(input,textarea):focus{border-color:var(--bk-danger);box-shadow:0 0 0 3px rgba(180,35,24,.16)}
#book#book .cal-d.sel:focus-visible{outline-offset:2px}
/* headings take focus only so screen readers announce the new step: no ring */
#book#book .cal-verify-title:is(:focus,:focus-visible),.bk-confirm #bkCard #bkTitle:is(:focus,:focus-visible){outline:none;box-shadow:none}

/* ---- steps ease in; nothing moves for reduced motion ---- */
@keyframes bkIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  #book .cal-times:not([hidden]):not(.is-verifying) > .cal-th,
  #book .cal-slots > *,
  #book .cal-times-foot > *,
  #book .cal-verify > *{animation:bkIn .2s var(--bk-ease) both}
  #book .cal-slots > *:nth-child(n+5){animation-delay:.03s}
  #book .cal-days.is-loading .cal-d:not(.empty){animation:bkPulse 1.2s ease-in-out infinite}
  .bk-card{animation:bkIn .25s var(--bk-ease) both}
}
@keyframes bkPulse{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  #book *,.bk-confirm *{transition:none !important;animation:none !important}
  #book .cal-verify-send.is-loading::before,.bk-btn-primary.is-loading::before{animation:bkSpin 1.6s linear infinite !important}
}

/* ---- side by side (above the stacking point): the card grows to its tallest column, so the
   times and the details form never scroll inside the card. The page's smooth scrolling (Lenis)
   takes the mouse wheel, so an inner scroll area would not move. ---- */
@media (min-width:981px){
  #book .cal-body{display:grid;grid-template-columns:minmax(0,1fr) var(--times-w);align-items:stretch}
  #book .cal-cal{margin-right:0}
  #book .cal-times{position:relative;inset:auto;width:auto}
  #book .cal-slots{overflow:visible}
}

/* ---- wide screens: what the call is, beside the calendar, beside the times ---- */
@media (min-width:1100px){
  #book .cal-cal{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);column-gap:40px;align-content:start}
  #book .cal-cal > *{grid-column:2}
  #book .cal-cal > .cal-top{grid-column:1;grid-row:1 / span 8;margin:0;padding:0 40px 0 0;border-bottom:0;border-right:1px solid var(--bk-line)}
  #book .cal-facts{flex-direction:column}
}

/* ---- stacked layout: phones and narrow tablets ---- */
@media (max-width:980px){
  #book .cal-times{border-left:0;border-top:1px solid var(--bk-line);padding:24px}
  #book .cal-times[hidden]{display:none}
  #book .cal-slots{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;max-height:none}
  #book .cal-foot{flex-direction:row;align-items:center}
  #book .cal-cta{width:auto;min-width:0}
  #book .cal-tzmenu{top:calc(100% + 8px);bottom:auto;max-height:260px}
}
@media (max-width:560px){
  #book.cal-card{border-radius:14px}
  #book .cal-cal{padding:24px 16px}
  #book .cal-times{padding:24px 16px}
  #book .cal-top h3{font-size:20px}
  #book .cal-facts{flex-direction:column}
  #book :is(.cal-dow,.cal-days){gap:2px}
  #book .cal-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:360px){
  #book .cal-d{height:40px;font-size:13px}
}

/* ---- confirm-booking.html ---- */
.bk-confirm{
  /* the fixed navbar ends near 82px and the page has no top padding of its own */
  flex:1;display:grid;place-items:start center;padding:clamp(120px,16vh,176px) 16px 72px;
  font-family:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--bk-ink);
}
.bk-card{
  width:min(100%,460px);padding:40px;text-align:left;background:#fff;
  border:1px solid var(--bk-line);border-radius:16px;
  box-shadow:0 1px 2px rgba(23,19,29,.04),0 16px 40px -28px rgba(23,19,29,.16);
}
.bk-mark{margin:0 0 24px;box-shadow:none}
.bk-mark svg{width:22px;height:22px}
.bk-card.is-done .bk-mark{background:#ecfdf3;color:#067647}
.bk-card.is-error .bk-mark{background:var(--bk-danger-soft);color:var(--bk-danger)}
.bk-card h1{margin:0 0 8px;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--bk-ink)}
#bkCard #bkTitle:is(:focus,:focus-visible){outline:none;box-shadow:none}
.bk-card p{margin:0 0 24px;max-width:none;font-size:15px;line-height:1.55;color:var(--bk-ink-2)}
/* the summary reads exactly like the one in the booking card */
.bk-card .bk-summary p{margin:0}
.bk-card .bk-summary .bk-sum-date{font-size:15px;font-weight:600;line-height:1.4;color:var(--bk-ink)}
.bk-card .bk-summary .bk-sum-time{margin-top:2px;font-size:14px;line-height:1.45;color:var(--bk-ink-2)}
.bk-card .bk-summary .bk-sum-meta{margin-top:12px;padding-top:12px;font-size:13px;color:var(--bk-muted)}
.bk-summary{margin:0 0 24px}
/* after booking, the Meet link is a quiet link in the summary, not a button */
.bk-sum-meta a.bk-place{color:var(--bk-ink-2);text-decoration:underline;text-decoration-color:var(--bk-line-3);text-underline-offset:3px}
.bk-sum-meta a.bk-place:hover{color:var(--bk-ink);text-decoration-color:currentColor}
.bk-summary[hidden]{display:none}
.bk-actions{display:flex;flex-direction:column;gap:8px;margin:0}
.bk-btn[hidden]{display:none}
.bk-card .bk-small{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--bk-muted)}
.bk-small[hidden]{display:none}
@media (max-width:560px){
  .bk-confirm{padding:112px 16px 56px}
  .bk-card{padding:24px}
  .bk-card h1{font-size:22px}
}