/* Horizontal card scroll indicator (SP) — split from main.css */
/* SP カードスクロール — 768px 以下（新着・続き） */
@media (max-width: 768px) {
  /* ---- 新着物件 スナップスクロール（中央 + 左右22pxはみ出し） ---- */
  .front-latest-properties .prop-grid {
    --card-scroll-peek: 22px;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 12px;
    padding-bottom: 4px;
    scroll-padding-inline: var(--card-scroll-peek);
  }

  .front-latest-properties .prop-grid::before,
  .front-latest-properties .prop-grid::after {
    content: "";
    flex: 0 0 var(--card-scroll-peek);
  }

  .front-latest-properties .prop-grid::-webkit-scrollbar {
    display: none;
  }

  .front-latest-properties .prop-card {
    flex: 0 0 calc(100% - (2 * var(--card-scroll-peek)));
    min-width: 0;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    box-shadow: var(--shadow-card);
  }

}