.half-screen-clock {
  position: absolute; inset: 0 0 50%; display: grid; place-items: center;
  overflow: hidden; container-type: size; background: #000;
}
.half-screen-clock .home-clock.is-layered { width: min(92cqw, 92cqh); margin: 0; }
.half-screen-clock .home-clock-date { font-size: min(3.5cqw, 4cqh); }
.is-half-screen > .ui-screen {
  top: 50%; contain: layout paint; isolation: isolate;
}
.is-half-screen > .product-order-modal { top: 50%; contain: layout paint; }
.is-half-screen > .home-v2 > .ui-body > .home-clock { display: none; }
.is-half-screen > .home-v2 .home-clock-nav {
  visibility: visible; pointer-events: auto; transform: none;
}
.is-half-screen > .home-v2 .ui-body { overflow-y: auto; padding-bottom: 100px; }
.is-half-screen > .home-v2 .home-notification-queue { position: relative; top: auto; right: auto; width: min(100%, 28em); }
.board-nav { flex-shrink: 0; gap: 6px; scroll-padding-inline: 6px; }
.board-nav button { flex-basis: calc((100% - 54px) / 10); }