/* Keep the supplied square logo's full lion mark and wordmark in view. */
.brand { padding-bottom: 20px; }
.brand-logo { height: 108px; object-fit: cover; object-position: center; background: #06294d; }

/* Keep the desktop catalog controls outside the independently scrolling products. */
@media (min-width: 851px) {
  .app-shell > .sidebar { position: sticky; top: 0; height: 100dvh; min-height: 0; overflow-y: auto; }
  #kasir .pos-layout { grid-template-rows: minmax(0, 1fr); }
  #kasir .catalog-header, #kasir .search-box, #kasir .category-row { flex-shrink: 0; }
  #kasir .category-row { min-height: 38px; overflow-x: auto; overflow-y: hidden; }
  #kasir .category { flex: 0 0 auto; white-space: nowrap; }
  #kasir .cart-bottom { flex-shrink: 0; }
  /* Keep product-added notices out of the 390px checkout column. */
  .toast { right: 410px; max-width: calc(100vw - 674px); overflow-wrap: anywhere; pointer-events: none; }
}