/*
 * P10-SITE-1049
 * Homepage mobile density refinement.
 *
 * The category and product routes remain available, but repeated four-card
 * stacks become compact, swipeable rails on narrow screens. The duplicate
 * text-only family grid is hidden only on mobile because the same four
 * category routes remain available in the category rail and image cards.
 */
.home-mobile-swipe-hint {
  display: none;
}

@media (max-width: 720px) {
  .homepage-family-grid {
    display: none;
  }

  .homepage-catalog-preview,
  .product-lines,
  .catalog-depth,
  .featured-products {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .home-mobile-swipe-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
    color: #315369;
    font-size: 11.5px;
    font-weight: 720;
    line-height: 1.35;
  }

  .home-mobile-swipe-hint > span:last-child {
    flex: none;
    padding: 4px 9px;
    border: 1px solid rgba(75, 145, 199, 0.28);
    border-radius: 999px;
    background: #eef7fb;
    color: #245f85;
    font-size: 10.5px;
    font-weight: 760;
    letter-spacing: 0.02em;
  }

  .homepage-catalog-preview > .homepage-catalog-grid,
  .line-grid,
  .category-showcase-grid,
  .featured-product-grid {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% - 42px);
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
    padding: 2px 2px 12px;
    scrollbar-width: thin;
    scrollbar-color: rgba(46, 126, 174, 0.56) rgba(139, 170, 194, 0.16);
    -webkit-overflow-scrolling: touch;
  }

  .homepage-catalog-grid > *,
  .line-grid > *,
  .category-showcase-grid > *,
  .featured-product-grid > * {
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .homepage-catalog-grid::-webkit-scrollbar,
  .line-grid::-webkit-scrollbar,
  .category-showcase-grid::-webkit-scrollbar,
  .featured-product-grid::-webkit-scrollbar {
    height: 4px;
  }

  .homepage-catalog-grid::-webkit-scrollbar-track,
  .line-grid::-webkit-scrollbar-track,
  .category-showcase-grid::-webkit-scrollbar-track,
  .featured-product-grid::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(139, 170, 194, 0.16);
  }

  .homepage-catalog-grid::-webkit-scrollbar-thumb,
  .line-grid::-webkit-scrollbar-thumb,
  .category-showcase-grid::-webkit-scrollbar-thumb,
  .featured-product-grid::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(46, 126, 174, 0.56);
  }

  .homepage-catalog-grid::-webkit-scrollbar-button,
  .line-grid::-webkit-scrollbar-button,
  .category-showcase-grid::-webkit-scrollbar-button,
  .featured-product-grid::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
}