/* ─── PHONE LAYOUT ─── */
.phone-layout {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.phone-scroll-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-top: var(--topbar-h);
  padding-bottom: calc(var(--nav-h) + var(--safe-b) + 12px);
}

/* Horizontal scroll row */
.scroll-row {
  display: flex;
  gap: 12px;
  padding: 0 var(--page-pad);
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.scroll-row > * {
  scroll-snap-align: start;
}