/* Keep navigation at the same viewport position on full and short pages. */
#shell { --sidebar-width:180px; grid-template-columns:var(--sidebar-width) minmax(0,1fr); }
#shell .page { padding-bottom:110px; }
#product-pager {
  position:fixed;
  left:calc(var(--sidebar-width) + 18px);
  right:8px;
  bottom:8px;
  z-index:20;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  min-height:64px;
  padding:12px 30px;
  border-top:1px solid #e0e3e8;
  border-radius:0 0 18px 18px;
  background:#fff;
  box-shadow:0 -4px 16px #28313b08;
}
#product-pager button { border:1px solid #dce1e5; background:#fff; font-weight:400; }
#product-pager button:hover:not(:disabled) { background:#f0f2f6; }
#product-pager button:disabled { cursor:default; }
@media(max-width:650px) {
  #shell { --sidebar-width:135px; }
  #shell .page { padding-bottom:150px; }
  #product-pager { padding:12px 16px; gap:8px; }
  #page-info { flex-basis:100%; order:-1; font-size:12px; }
}
