/* The sheet, self-contained: outside the checkout none of the --ck-* custom
   properties exist, so every value here is literal. Above everything the site
   stacks at the bottom (bottom nav 60, .lg-stk 300, cookie banner 600, LP
   sticky 601) AND above the site header (1010/1020). */
#hype-ck-cb-modal{position:fixed;inset:0;z-index:2000;font-family:'Inter',system-ui,-apple-system,sans-serif;}
#hype-ck-cb-modal[hidden]{display:none !important;}
#hype-ck-cb-modal .hype-ck-modal__bd{position:absolute;inset:0;background:rgba(11,29,46,.55);}
#hype-ck-cb-modal .hype-ck-modal__sheet{
  position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;
  background:#fff;border-radius:18px 18px 0 0;
  padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));
  max-width:520px;margin:0 auto;box-shadow:0 -10px 40px rgba(11,29,46,.25);
}
@media(min-width:768px){
  #hype-ck-cb-modal .hype-ck-modal__sheet{bottom:auto;top:50%;transform:translateY(-50%);border-radius:18px;}
}
#hype-ck-cb-modal .hype-ck-modal__x{
  position:absolute;right:8px;top:6px;width:38px;height:38px;border:none;background:none;
  font-size:26px;line-height:1;color:#6a6a7a;cursor:pointer;font-family:inherit;
}
#hype-ck-cb-modal h2{font-size:19px;font-weight:800;color:#0B1D2E;margin:0 0 6px;}
#hype-ck-cb-modal .hype-ck-modal__lead{font-size:12.5px;color:#6a6a7a;margin:0 0 14px;line-height:1.5;}
#hype-ck-cb-modal .hype-ck-modal__step label{
  display:block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.6px;color:#6a6a7a;margin:0 0 6px;
}
#hype-ck-cb-modal .hype-ck-modal__step input{
  width:100%;box-sizing:border-box;height:48px;border:1.5px solid #e3e6ea;border-radius:12px;
  padding:0 13px;font-size:15px;font-family:inherit;color:#0B1D2E;background:#fff;
}
#hype-ck-cb-modal .hype-ck-modal__step input:focus{border-color:#1A8FBA;outline:none;}
#hype-ck-cb-modal .hype-ck-modal__step > button{
  width:100%;height:48px;margin-top:10px;border:none;border-radius:12px;
  background:#0B1D2E;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;
}
#hype-ck-cb-modal .hype-ck-modal__step > button[disabled]{opacity:.55;cursor:default;}
#hype-ck-cb-modal .hype-ck-modal__msg{font-size:12.5px;line-height:1.45;margin-top:10px;color:#6a6a7a;min-height:18px;}
#hype-ck-cb-modal .hype-ck-modal__msg.is-err{color:#c0392b;}
#hype-ck-cb-modal .hype-ck-modal__msg.is-ok{color:#1e7b34;font-weight:600;}
#hype-ck-cb-modal .hype-ck-cb-hp{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
body.hype-ck-modal-open{overflow:hidden;}

/* LABEL SWAP, 0 CLS. The off-hours twin is a CLONE of the in-hours label, so
   both carry the same tag and the same classes and therefore the same natural
   display. These rules only ever HIDE one of the two - nothing is ever given
   a display value it did not already have, so no bar can be re-laid out. */
body:not(.hype-ck-call-off) .hype-cb-alt{display:none !important;}
body.hype-ck-call-off .hype-cb-orig{display:none !important;}
.hype-cb-alt,.hype-cb-orig{white-space:nowrap;}