/* ==============================================================
   FLOATING BOOKING EXPERIENCE
   A compact pill that unfolds contextual panels underneath and
   then expands into the checkout card. Same palette and radius
   language as the rest of the site.
   ============================================================== */

.bkx{position:relative;z-index:40;}

/* ---------------- Search stage ---------------- */
.bkx-bar-wrap{position:relative;max-width:1160px;margin:0 auto;}

.bkx-bar{
  display:flex;align-items:stretch;
  background:#fff;border:1px solid var(--border);
  border-radius:999px;min-height:76px;
  padding:6px 6px 6px 10px;
  box-shadow:0 6px 26px rgba(0,0,0,.06);
  transition:background .2s ease,box-shadow .2s ease;
}
.bkx-bar.is-open{background:var(--soft-white);box-shadow:0 10px 34px rgba(0,0,0,.08);}

.bkx-seg{
  flex:1 1 0;min-width:0;
  display:flex;flex-direction:column;justify-content:center;gap:3px;
  padding:14px 26px;border:0;background:none;border-radius:999px;
  text-align:left;cursor:pointer;font:inherit;color:var(--ink);
  transition:background .18s ease,box-shadow .18s ease;
}
.bkx-seg:hover{background:rgba(0,0,0,.03);}
.bkx-bar.is-open .bkx-seg:hover{background:rgba(0,0,0,.04);}
.bkx-seg.is-active{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.10);}
.bkx-seg:focus-visible{outline:2px solid var(--coral);outline-offset:-2px;}

.bkx-seg-label{
  font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);
}
.bkx-seg-value{
  font-size:15px;color:var(--gray);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bkx-seg.has-value .bkx-seg-value{color:var(--ink);font-weight:500;}

.bkx-div{width:1px;background:var(--border);margin:20px 0;flex:none;}
.bkx-bar.is-open .bkx-div,
.bkx-seg.is-active + .bkx-div,
.bkx-div:has(+ .bkx-seg.is-active){opacity:.5;}

.bkx-go{
  flex:none;align-self:center;margin-left:8px;
  display:inline-flex;align-items:center;gap:9px;
  height:60px;padding:0 34px;border:0;border-radius:999px;
  background:var(--coral);color:#fff;font:inherit;font-weight:600;font-size:16px;
  cursor:pointer;transition:background .16s ease,opacity .16s ease,transform .16s ease;
}
.bkx-go:hover:not(:disabled){background:var(--coral-dark);}
.bkx-go:active:not(:disabled){transform:scale(.98);}
.bkx-go:disabled{opacity:.4;cursor:not-allowed;}

/* ---------------- Panel ---------------- */
.bkx-panel{
  position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:60;
  background:#fff;border:1px solid var(--border);border-radius:32px;
  box-shadow:0 18px 50px rgba(0,0,0,.13);
  padding:32px 34px;
  opacity:0;transform:translateY(-8px);
  transition:opacity .2s ease,transform .2s ease;
}
.bkx-panel.is-shown{opacity:1;transform:translateY(0);}

.bkx-pane{display:none;}
.bkx-pane.is-shown{display:block;}
.bkx-pane-title{font-size:24px;margin:0 0 22px;letter-spacing:-.02em;}

/* ---------------- Service pane ---------------- */
.bkx-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.bkx-cat{
  padding:9px 18px;border-radius:999px;border:1px solid var(--border);
  background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--gray);cursor:pointer;
  transition:all .14s ease;
}
.bkx-cat:hover{color:var(--ink);border-color:var(--border-strong);}
.bkx-cat.is-on{border-color:transparent;background:var(--cream);color:var(--ink);}
.bkx-cat.is-on[data-accent="coral"]{background:var(--coral-soft);color:var(--coral-dark);}
.bkx-cat.is-on[data-accent="lavender"]{background:var(--lavender-pale);color:var(--lavender-deep);}
.bkx-cat.is-on[data-accent="sage"]{background:var(--sage-pale);color:var(--sage-deep);}

.bkx-services{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;
  max-height:min(46vh,430px);overflow-y:auto;padding:2px;
}
.bkx-svc{
  display:flex;gap:14px;align-items:flex-start;text-align:left;
  padding:18px 20px;border:1px solid var(--border);border-radius:22px;
  background:#fff;font:inherit;cursor:pointer;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.bkx-svc:hover{border-color:var(--border-strong);box-shadow:0 4px 14px rgba(0,0,0,.04);}
.bkx-svc.is-on{border-color:var(--sage);background:var(--sage-pale);}
.bkx-svc-ico{
  width:42px;height:42px;border-radius:14px;flex:none;
  display:flex;align-items:center;justify-content:center;
}
.bkx-svc-ico.coral{background:var(--coral-soft);color:var(--coral-dark);}
.bkx-svc-ico.lavender{background:var(--lavender-pale);color:var(--lavender-deep);}
.bkx-svc-ico.sage{background:var(--sage-pale);color:var(--sage-deep);}
.bkx-svc-ico.neutral{background:var(--cream);color:var(--gray);}
.bkx-svc-body{min-width:0;flex:1;}
.bkx-svc-name{display:block;font-size:15.5px;font-weight:600;margin-bottom:3px;}
.bkx-svc-desc{display:block;font-size:13.5px;color:var(--gray);line-height:1.45;margin-bottom:8px;}
.bkx-svc-meta{display:flex;gap:12px;font-size:13.5px;align-items:baseline;}
.bkx-svc-meta .dur{color:var(--gray);}
.bkx-svc-meta .price{font-weight:700;}
.bkx-svc-check{
  width:24px;height:24px;border-radius:999px;flex:none;align-self:center;
  border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;
  color:transparent;transition:all .14s ease;
}
.bkx-svc.is-on .bkx-svc-check{background:var(--sage);border-color:var(--sage);color:#fff;}

.bkx-pane-foot{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-top:22px;padding-top:20px;border-top:1px solid var(--border);
}
.bkx-running{font-size:15px;color:var(--gray);}
.bkx-running strong{color:var(--ink);font-weight:600;}

/* ---------------- Stylist pane ---------------- */
.bkx-stylists{display:flex;flex-direction:column;gap:11px;max-height:min(48vh,460px);overflow-y:auto;padding:2px;}
.bkx-stylist{
  display:flex;align-items:center;gap:16px;text-align:left;
  padding:18px 20px;border:1px solid var(--border);border-radius:22px;
  background:#fff;font:inherit;cursor:pointer;width:100%;
  transition:border-color .14s ease,background .14s ease;
}
.bkx-stylist:hover{border-color:var(--border-strong);}
.bkx-stylist.is-on{border-color:var(--sage);background:var(--sage-pale);}
.bkx-stylist.is-any{border-style:dashed;}
.bkx-stylist.is-any.is-on{border-style:solid;}
.bkx-av{
  width:54px;height:54px;border-radius:999px;flex:none;object-fit:cover;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:19px;
}
.bkx-av.coral{background:var(--coral-soft);color:var(--coral-dark);}
.bkx-av.sage{background:var(--sage-pale);color:var(--sage-deep);}
.bkx-av.lavender{background:var(--lavender-pale);color:var(--lavender-deep);}
.bkx-stylist-body{flex:1;min-width:0;}
.bkx-stylist-name{display:block;font-size:16.5px;font-weight:600;}
.bkx-stylist-title{display:block;font-size:13.5px;color:var(--gray);margin-top:1px;}
.bkx-stylist-next{display:block;font-size:13.5px;color:var(--sage-deep);margin-top:6px;font-weight:500;}
.bkx-stylist-next.is-none{color:var(--gray-light);}

/* ---------------- Date pane ---------------- */
.bkx-cal-top{display:flex;justify-content:center;margin-bottom:22px;}
.bkx-toggle{display:inline-flex;background:var(--cream);border-radius:999px;padding:4px;}
.bkx-toggle button{
  border:0;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--gray);
  padding:9px 26px;border-radius:999px;cursor:pointer;transition:all .16s ease;
}
.bkx-toggle button.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08);}

.bkx-cal-exact{display:flex;align-items:flex-start;gap:8px;}
.bkx-cal-arrow{
  width:38px;height:38px;border-radius:999px;flex:none;margin-top:2px;
  border:1px solid var(--border);background:#fff;color:var(--ink);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:border-color .14s ease,opacity .14s ease;
}
.bkx-cal-arrow:hover:not(:disabled){border-color:var(--border-strong);}
.bkx-cal-arrow:disabled{opacity:.3;cursor:not-allowed;}

.bkx-months{display:grid;grid-template-columns:1fr 1fr;gap:44px;flex:1;}
.bkx-month-name{text-align:center;font-size:17px;font-weight:600;margin-bottom:16px;}
.bkx-dows,.bkx-days{display:grid;grid-template-columns:repeat(7,1fr);}
.bkx-dow{
  text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--gray);padding-bottom:8px;
}
.bkx-day{
  aspect-ratio:1/1;border:0;background:none;font:inherit;font-size:15px;
  border-radius:999px;cursor:pointer;color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  transition:background .14s ease,color .14s ease;
}
.bkx-day:hover:not(:disabled){background:var(--cream);}
.bkx-day:disabled{color:var(--border-strong);cursor:not-allowed;text-decoration:line-through;}
.bkx-day.is-empty{visibility:hidden;}
.bkx-day.is-today{box-shadow:inset 0 0 0 1.5px var(--sage);}
.bkx-day.is-on{background:var(--coral);color:#fff;font-weight:600;}
.bkx-day.is-on:hover{background:var(--coral-dark);}

.bkx-flex-lead{font-size:15px;color:var(--gray);margin:0 0 14px;}
.bkx-flex-opts{display:flex;flex-wrap:wrap;gap:9px;}
.bkx-chip{
  padding:11px 22px;border-radius:999px;border:1px solid var(--border);
  background:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:all .14s ease;
}
.bkx-chip:hover{border-color:var(--border-strong);}
.bkx-chip.is-on{background:var(--coral-soft);border-color:transparent;color:var(--coral-dark);}
.bkx-flex-result{margin-top:20px;font-size:15px;}

/* ---------------- Time pane ---------------- */
.bkx-tgroup{margin-bottom:24px;}
.bkx-tgroup:last-child{margin-bottom:0;}
.bkx-tgroup h4{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);
  font-weight:700;margin:0 0 12px;
}
.bkx-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:9px;}
.bkx-time{
  padding:13px 10px;border:1px solid var(--border);border-radius:16px;
  background:#fff;font:inherit;cursor:pointer;text-align:center;
  transition:all .14s ease;
}
.bkx-time:hover{border-color:var(--border-strong);}
.bkx-time.is-on{background:var(--coral);border-color:var(--coral);color:#fff;}
.bkx-time .tt{display:block;font-size:15px;font-weight:600;}
.bkx-time .ts{display:block;font-size:12.5px;color:var(--gray);margin-top:2px;}
.bkx-time.is-on .ts{color:rgba(255,255,255,.85);}
.bkx-times .empty-note{margin:0;}

.bkx-reassure{
  text-align:center;font-size:14px;color:var(--gray);margin:20px 0 0;
}
.bkx-reassure a{text-decoration:underline;}

/* ---------------- Checkout card ---------------- */
.bkx-checkout{max-width:760px;margin:0 auto;}
.bkx-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--r-hero);
  padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.05);
}
.bkx-card-head{text-align:center;margin-bottom:26px;}
.bkx-card-head h2{font-size:30px;margin:0 0 8px;letter-spacing:-.02em;}
.bkx-card-head p{color:var(--gray);margin:0;}

.bkx-progress{
  display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;
}
.bkx-prog{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 18px;border-radius:999px;background:var(--cream);
  font-size:13.5px;font-weight:600;color:var(--gray);
}
.bkx-prog i{
  width:20px;height:20px;border-radius:999px;background:#fff;color:var(--gray);
  display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;
}
.bkx-prog.is-done{background:var(--sage-pale);color:var(--sage-deep);}
.bkx-prog.is-done i{background:var(--sage);color:#fff;}
.bkx-prog.is-active{background:var(--coral);color:#fff;}
.bkx-prog.is-active i{background:rgba(255,255,255,.28);color:#fff;}

.bkx-summary{
  border:1px solid var(--border);border-radius:22px;padding:20px 22px;margin-bottom:16px;
  background:var(--soft-white);
}
.bkx-sum-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:7px 0;font-size:15px;
}
.bkx-sum-row + .bkx-sum-row{border-top:1px solid var(--border);}
.bkx-sum-row .k{color:var(--gray);font-size:13.5px;}
.bkx-sum-row .v{font-weight:600;text-align:right;flex:1;}
.bkx-change{
  border:0;background:none;font:inherit;font-size:13.5px;color:var(--coral-dark);
  text-decoration:underline;cursor:pointer;padding:0 0 0 12px;flex:none;
}
.bkx-change:hover{color:var(--coral);}

.bkx-hold{
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:var(--sage-pale);color:var(--sage-deep);
  border-radius:999px;padding:12px 20px;font-size:14.5px;margin-bottom:20px;
}
.bkx-hold.is-low{background:var(--coral-soft);color:var(--coral-dark);}

.bkx-label{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gray);font-weight:700;margin-bottom:12px;
}
.bkx-sub{font-size:14px;color:var(--gray);margin:0 0 14px;line-height:1.5;}
.bkx-sub.center{text-align:center;margin-top:12px;}
.bkx-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.bkx-hair{min-height:130px;}

.bkx-yesno{display:inline-flex;gap:8px;}
.bkx-yesno button{
  padding:11px 30px;border-radius:999px;border:1px solid var(--border);
  background:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:all .14s ease;
}
.bkx-yesno button:hover{border-color:var(--border-strong);}
.bkx-yesno button.is-on{background:var(--sage-pale);border-color:var(--sage);color:var(--sage-deep);}

.bkx-upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.bkx-upload-note{font-size:13px;color:var(--gray);}
.bkx-preview{margin-top:14px;display:flex;gap:16px;align-items:flex-start;}
.bkx-preview img{width:130px;height:130px;object-fit:cover;border-radius:18px;border:1px solid var(--border);}
.bkx-preview-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start;}

.bkx-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.bkx-choice{
  display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;
  padding:17px 19px;border:1px solid var(--border);border-radius:20px;
  background:#fff;font:inherit;cursor:pointer;
  transition:border-color .14s ease,background .14s ease;
}
.bkx-choice:hover{border-color:var(--border-strong);}
.bkx-choice.is-on{border-color:var(--sage);background:var(--sage-pale);}
.bkx-choice-mark{
  width:24px;height:24px;border-radius:999px;flex:none;margin-top:1px;
  border:1.5px solid var(--border-strong);background:#fff;color:transparent;
  display:flex;align-items:center;justify-content:center;transition:all .14s ease;
}
.bkx-choice.is-on .bkx-choice-mark{background:var(--sage);border-color:var(--sage);color:#fff;}
.bkx-choice-body{min-width:0;}
.bkx-choice-body .t{display:block;font-size:15px;font-weight:600;margin-bottom:2px;}
.bkx-choice-body .d{display:block;font-size:13.5px;color:var(--gray);line-height:1.45;}

.bkx-policy{
  border:1px solid var(--border);border-radius:22px;padding:22px;margin-bottom:24px;
  background:var(--soft-white);
}
.bkx-policy-link{
  border:0;background:none;padding:0;font:inherit;font-size:14px;
  color:var(--coral-dark);text-decoration:underline;cursor:pointer;
}
.bkx-policy-full{margin-top:14px;font-size:14px;color:var(--gray);line-height:1.6;}
.bkx-policy-full p{margin:0 0 10px;}
.bkx-policy-check{margin-top:16px;background:#fff;}

.bkx-totals{
  border:1px solid var(--border);border-radius:20px;padding:20px 22px;margin-bottom:18px;
}
.bkx-total-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:15px;}
.bkx-total-row.is-major{
  border-top:1px solid var(--border);margin-top:8px;padding-top:14px;
  font-size:17px;font-weight:700;
}
.bkx-total-row .muted{color:var(--gray);}

.bkx-back{
  display:block;margin:16px auto 0;border:0;background:none;font:inherit;
  font-size:14.5px;color:var(--gray);text-decoration:underline;cursor:pointer;
}
.bkx-back:hover{color:var(--ink);}

.bkx-confirm-when{font-size:22px;font-weight:600;margin-top:6px;}
.bkx-confirm-what{font-size:16px;color:var(--gray);margin-top:6px;}
.bkx-ref{
  display:inline-block;margin-top:18px;padding:9px 20px;border-radius:999px;
  background:var(--cream);font-size:14px;letter-spacing:.04em;
}
.bkx-confirm-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px;}
.bkx-manage{display:inline-block;margin-top:16px;font-size:14.5px;text-decoration:underline;color:var(--gray);}

.bkx-closed{
  max-width:520px;margin:0 auto;text-align:center;background:#fff;
  border:1px solid var(--border);border-radius:var(--r-hero);padding:40px;
}

.bkx-scrim{position:fixed;inset:0;background:transparent;z-index:50;}

/* Built the first time the bottom sheet opens and then kept in the
   DOM, so it must stay hidden on anything wider than a phone or its
   close button appears floating in the desktop panel. */
.bkx-sheet-head{display:none;}
.bkx-mobile-trigger{display:none;}

/* ---------------- Responsive ---------------- */
@media (max-width:1080px){
  .bkx-months{gap:26px;}
  .bkx-seg{padding:14px 18px;}
}

@media (max-width:900px){
  /* Two months will not fit, so the second is dropped rather than
     squeezed into something unreadable. */
  .bkx-months{grid-template-columns:1fr;}
  .bkx-month:nth-child(2){display:none;}
}

@media (max-width:820px){
  .bkx-bar-wrap{display:none;}
  .bkx-mobile-trigger{
    display:flex;align-items:center;justify-content:center;gap:11px;
    width:100%;padding:20px;border-radius:999px;border:1px solid var(--border);
    background:#fff;font:inherit;font-size:16.5px;font-weight:600;cursor:pointer;
    box-shadow:0 6px 22px rgba(0,0,0,.06);
  }
  .bkx-mobile-trigger svg{color:var(--coral);}

  /* The panel becomes a bottom sheet rather than a shrunken popover. */
  .bkx.is-sheet .bkx-bar-wrap{
    display:block;position:fixed;inset:auto 0 0 0;z-index:200;max-width:none;
  }
  .bkx.is-sheet .bkx-bar{display:none;}
  .bkx.is-sheet .bkx-panel{
    position:static;border-radius:28px 28px 0 0;border-bottom:0;
    padding:26px 20px 24px;max-height:88vh;overflow-y:auto;
    box-shadow:0 -12px 40px rgba(0,0,0,.18);
  }
  .bkx.is-sheet .bkx-scrim{background:rgba(0,0,0,.34);z-index:190;}

  .bkx.is-sheet .bkx-sheet-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin:-4px 0 18px;
  }
  .bkx-sheet-steps{display:flex;gap:5px;}
  .bkx-sheet-dot{width:7px;height:7px;border-radius:999px;background:var(--border-strong);}
  .bkx-sheet-dot.is-on{background:var(--coral);width:20px;}
  .bkx-sheet-close{
    border:0;background:var(--cream);width:34px;height:34px;border-radius:999px;
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .bkx-sheet-next{
    position:sticky;bottom:0;background:#fff;padding-top:14px;margin-top:18px;
    border-top:1px solid var(--border);
  }

  .bkx-pane-title{font-size:21px;margin-bottom:16px;}
  .bkx-services{grid-template-columns:1fr;max-height:none;overflow:visible;}
  .bkx-stylists{max-height:none;overflow:visible;}
  .bkx-pane-foot{flex-direction:column;align-items:stretch;gap:12px;}
  .bkx-pane-foot .btn{width:100%;}
  .bkx-running{text-align:center;}
  .bkx-cal-exact{gap:2px;}
  .bkx-cal-arrow{width:34px;height:34px;}
  .bkx-tgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}

  .bkx-card{padding:24px 18px;border-radius:26px;}
  .bkx-card-head h2{font-size:25px;}
  .bkx-two{grid-template-columns:1fr;}
  .bkx-progress{gap:5px;}
  .bkx-prog{padding:8px 13px;font-size:12.5px;}
  .bkx-preview img{width:104px;height:104px;}
}

@media (prefers-reduced-motion:reduce){
  .bkx-panel{transition:none;}
}

/* A hidden attribute must win over the display rules above ------- */
.bkx [hidden]{display:none !important;}

/* ==============================================================
   The page's own sticky Book appointment bar must stand down while
   the booking sheet is open, or it sits on top of the sheet's own
   Continue button and the step cannot be completed.
   ============================================================== */
body.bkx-sheet-open .mobile-cta{display:none !important;}
body.bkx-sheet-open{padding-bottom:0 !important;}

@media (max-width:820px){
  /* Continue stays pinned to the bottom of the sheet so it is reachable
     without scrolling to the end of a long service list. */
  .bkx.is-sheet .bkx-pane-foot{
    position:sticky;bottom:0;z-index:3;
    background:#fff;
    margin:18px -20px 0;
    padding:14px 20px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border);
  }
  .bkx.is-sheet .bkx-panel{padding-bottom:0;}
}

/* Same for the checkout card: the sticky Book appointment bar links
   back to the start of booking, which would throw away a part filled
   form, and it covers the Confirm button. */
body.bkx-checkout-open .mobile-cta{display:none !important;}
body.bkx-checkout-open{padding-bottom:0 !important;}

/* The time pane's own Continue inside the bottom sheet. The Book
   button in the bar is hidden at this width, so without this the
   flow has nowhere to go once a time is picked. */
@media (max-width:820px){
  .bkx.is-sheet .bkx-time-foot{
    position:sticky;bottom:0;z-index:3;background:#fff;
    margin:18px -20px 0;
    padding:14px 20px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border);
    display:flex;flex-direction:column;gap:10px;align-items:stretch;
  }
  .bkx.is-sheet .bkx-time-foot .bkx-running{text-align:center;font-size:14px;}
  .bkx.is-sheet .bkx-time-foot .btn{width:100%;}
}