:root {
  --mobile-ui-font: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", sans-serif;
}

@media (min-width: 721px) and (max-width: 1050px) {
  .products-page .listing-grid, .home-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 14px; }
}

@media (min-width: 768px) and (max-width: 1050px) {
  .product-info__heading h1 { font-size: 22px; line-height: 1.4; }
}

/* Keep phone layouts spacious while retaining the desktop's marble and serif headings. */
@media (max-width: 720px) {
  .products-page .products-content { padding: 18px 16px 32px; }
  .products-page .listing-grid, .home-catalog-grid { gap: 18px 12px; }
  .catalog-result-summary { margin-bottom: 12px; color: var(--text-soft); font-family: var(--mobile-ui-font); font-size: 12px; }
  .catalog-result-summary button { font-size: 13px; }
  .catalog-active-filters { gap: 6px; font-family: var(--mobile-ui-font); }
  .catalog-active-filters button { font-size: 12px; }

  .home-ornate-heading h2 { font-size: 22px; font-weight: 700; letter-spacing: 0.04em; }
  .home-brands-section, .home-catalog-section { padding-block: 28px; }
  .home-brand-grid { grid-auto-columns: min(64vw, 240px); }
  .home-brand-card, .home-brand-card:nth-child(n + 4) { height: 176px; }
  .home-brand-card__content strong { font-size: 18px; letter-spacing: 0.04em; }
  .home-brands-all { min-height: 44px; margin-top: 12px; font-family: var(--mobile-ui-font); font-weight: 600; }
  .home-catalog-more { min-height: 44px; font-size: 14px; }

  .site-nav a { font-family: var(--mobile-ui-font); font-size: 15px; font-weight: 500; }
  .product-info__heading h1 { font-size: 22px; line-height: 1.4; }
  .breadcrumbs { gap: 6px; font-family: var(--mobile-ui-font); font-size: 12px; }
  .breadcrumbs > [aria-current="page"] { font-weight: 400; }

  .corporate-hero, .corporate-hero__inner { min-height: 280px; }
  .corporate-hero__copy h1 { font-size: 28px; letter-spacing: 0.04em; }
  .corporate-hero__copy p { font-size: 14px; letter-spacing: 0.02em; }
  .about-hero__copy h1 { font-size: 30px; letter-spacing: 0.04em; }
  .about-page .about-story__copy h2, .about-heritage__copy h2 { font-size: 24px; letter-spacing: 0.03em; }
  .about-page .about-story__inner, .about-heritage__inner { gap: 24px; }
  .about-store-info__title h2 { font-size: 24px; }
}