/* Public catalog stability layer — mobile only, no commerce logic changes */
@media (max-width: 820px) {
  .catalog-hero {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }
  .catalog-hero .hero-card,
  .catalog-hero .hero-copy,
  .catalog-main,
  .catalog-layout {
    min-width: 0 !important;
  }
  .catalog-hero .hero-copy {
    padding: 24px 20px !important;
  }
  .catalog-hero .page-title {
    font-size: clamp(34px, 10.5vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance;
    margin: 8px 0 14px !important;
  }
  .catalog-hero .lead {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  .catalog-hero .hero-art {
    min-height: 220px !important;
  }
  .catalog-layout {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
  }
  .filters {
    position: static !important;
    top: auto !important;
  }
  .catalog-main .featured {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .catalog-main .featured .product-cover {
    height: 180px !important;
  }
  .chips {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 6px !important;
    scrollbar-width: none;
  }
  .chips::-webkit-scrollbar { display:none; }
  .chips .chip { flex: 0 0 auto !important; }
  .catalog-tools {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .catalog-tools select {
    width: 100% !important;
    min-height: 48px !important;
  }
  .catalog-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .product-card .product-media,
  .product-card.is-kit .product-media {
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }
  .product-card .product-media img {
    object-fit: contain !important;
    object-position: center !important;
    background: #f4eee7 !important;
  }
}