/* L3 — compact active booking card, centred labels, animated selected icon and clearer swipe cue. */
#bsSchedulingPage .bs-view-switch__link{
  justify-content:center!important;
  text-align:center!important;
}
#bsSchedulingPage .bs-view-switch__link > span:last-child,
#bsSchedulingPage .bs-view-switch__title-row{
  justify-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#bsSchedulingPage .bs-view-switch__title-row{
  width:100%;
}
#bsSchedulingPage .bs-view-switch__link strong,
#bsSchedulingPage .bs-view-switch__tag{
  text-align:center!important;
}

/* The selected mode is intentionally compact rather than stretching across the selector. */
#bsSchedulingPage .bs-view-switch__link[aria-current="page"]{
  width:max-content!important;
  min-width:250px!important;
  max-width:min(92vw,380px)!important;
  min-height:72px!important;
  padding:11px 18px!important;
  border-color:rgba(79,111,99,.34)!important;
  background:linear-gradient(145deg,rgba(221,233,226,.98),rgba(234,246,251,.96))!important;
  box-shadow:0 15px 34px rgba(48,69,63,.13)!important;
}
#bsSchedulingPage .bs-view-switch__link[aria-current="page"] > span:last-child{
  min-width:0!important;
  width:auto!important;
}
#bsSchedulingPage .bs-view-switch__link[aria-current="page"] .bs-view-switch__title-row{
  width:auto!important;
}
#bsSchedulingPage .bs-view-switch__link[aria-current="page"] .bs-view-switch__icon{
  background:var(--wine)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(79,111,99,.22);
  animation:kinaraSelectedIconBreatheL3 1.9s ease-in-out infinite;
}
#bsSchedulingPage .bs-view-switch__link[aria-current="page"] .bs-view-switch__icon svg{
  animation:kinaraSelectedSvgFloatL3 1.9s ease-in-out infinite;
}
@keyframes kinaraSelectedIconBreatheL3{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 8px 20px rgba(79,111,99,.20)}
  50%{transform:translateY(-2px) scale(1.07);box-shadow:0 12px 26px rgba(79,111,99,.30)}
}
@keyframes kinaraSelectedSvgFloatL3{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-1px) rotate(2deg)}
}

/* Keep the two inactive cards balanced and their copy centred. */
#bsSchedulingPage .bs-view-switch__link:not([aria-current="page"]){
  justify-content:center!important;
}

/* More visible, permanently-centred mobile swipe prompt. */
@media(max-width:760px){
  #bsSchedulingPage .bs-view-switch__link[aria-current="page"]{
    width:max-content!important;
    min-width:220px!important;
    max-width:92vw!important;
    min-height:66px!important;
    padding:10px 14px!important;
  }
  #bsSchedulingPage .kinara-carousel-host::after{
    content:"←  Swipe cards  →"!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:max-content!important;
    min-width:148px!important;
    margin:0 auto!important;
    transform:none!important;
    padding:5px 14px!important;
    border-width:1.5px!important;
    border-color:rgba(79,111,99,.30)!important;
    background:rgba(255,255,255,.96)!important;
    color:var(--wine)!important;
    font-size:.80rem!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
    box-shadow:0 8px 20px rgba(48,69,63,.10)!important;
    animation:kinaraSwipeBreatheL3 1.55s ease-in-out infinite!important;
  }
}
@keyframes kinaraSwipeBreatheL3{
  0%,100%{opacity:.72;transform:scale(1)}
  50%{opacity:1;transform:scale(1.055)}
}

@media(prefers-reduced-motion:reduce){
  #bsSchedulingPage .bs-view-switch__link[aria-current="page"] .bs-view-switch__icon,
  #bsSchedulingPage .bs-view-switch__link[aria-current="page"] .bs-view-switch__icon svg,
  #bsSchedulingPage .kinara-carousel-host::after{
    animation:none!important;
  }
}