/* INY FINAL MOBILE RESPONSIVE PATCH — 2026-10-07
   Keeps desktop styling intact. Fixes catalogue layout, header/menu, filters,
   product-card sizing, price alignment, buttons and common horizontal overflow.
*/
html, body { max-width:100%; }
@media (max-width: 760px) {
  html, body { overflow-x:hidden !important; }

  /* Shared header */
  .iny-shared-header { width:100% !important; min-width:0 !important; }
  .iny-shared-brand { flex:0 0 auto !important; max-width:110px !important; }
  .iny-shared-brand img { max-width:100% !important; height:auto !important; }
  .iny-shared-nav { max-width:100vw !important; box-sizing:border-box !important; }

  /* Shop hero */
  .shop-hero {
    min-height:auto !important;
    height:auto !important;
    grid-template-columns:1fr !important;
    padding:34px 15px 28px !important;
    gap:4px !important;
    overflow:hidden !important;
  }
  .hero-copy { max-width:100% !important; min-width:0 !important; }
  .hero-copy h1 {
    font-size:clamp(42px,13vw,58px) !important;
    line-height:.92 !important;
    overflow-wrap:normal !important;
  }
  .hero-copy>p:not(.eyebrow) { font-size:14px !important; line-height:1.6 !important; }
  .hero-art { order:-1 !important; height:260px !important; min-height:260px !important; overflow:hidden !important; }
  .hero-art img { width:min(78%,290px) !important; height:auto !important; max-height:240px !important; }

  /* Collection section */
  .collection-section { padding:42px 14px 70px !important; min-width:0 !important; }
  .collection-heading { display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:14px !important; }
  .collection-heading h2 { font-size:clamp(34px,10vw,52px) !important; }
  .back-category { flex:0 0 auto !important; font-size:11px !important; }

  /* Filters: no horizontal overflow */
  .subcollections { overflow-x:auto !important; flex-wrap:nowrap !important; padding-bottom:4px !important; scrollbar-width:none !important; }
  .subcollections::-webkit-scrollbar { display:none !important; }
  .subcollection { flex:0 0 auto !important; white-space:nowrap !important; }
  .shop-tools { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; align-items:stretch !important; }
  .tool-tabs { display:flex !important; width:100% !important; overflow-x:auto !important; scrollbar-width:none !important; }
  .tool-tabs::-webkit-scrollbar { display:none !important; }
  .tool-tabs .tab { flex:0 0 auto !important; }
  .search { width:100% !important; margin:0 !important; box-sizing:border-box !important; }
  .shop-tools select { width:100% !important; }

  /* MOBILE CATALOGUE: two compact columns */
  .product-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
  }
  .product-card {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    border-radius:16px !important;
  }
  .product-media {
    aspect-ratio:4/5 !important;
    min-height:0 !important;
  }
  .product-body {
    min-width:0 !important;
    padding:11px 10px 12px !important;
  }
  .product-category {
    max-width:100% !important;
    font-size:7px !important;
    letter-spacing:.08em !important;
    padding:5px 7px !important;
  }
  .product-row {
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:6px !important;
    margin:9px 0 3px !important;
    min-width:0 !important;
  }
  .product-name {
    min-width:0 !important;
    max-width:58% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
  .product-card .price {
    flex:0 0 auto !important;
    max-width:42% !important;
    white-space:normal !important;
    text-align:right !important;
    font-size:10px !important;
    line-height:1.25 !important;
  }
  .product-desc {
    font-size:10px !important;
    line-height:1.45 !important;
    min-height:29px !important;
    max-height:29px !important;
    margin:5px 0 10px !important;
  }
  .product-actions {
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  .product-actions > * {
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:8px 7px !important;
    font-size:8.5px !important;
  }

  .help-banner { margin:18px 14px 45px !important; padding:28px 20px !important; }
}

@media (max-width: 390px) {
  .collection-heading { align-items:flex-start !important; flex-direction:column !important; }
  .back-category { align-self:flex-end !important; }
  .product-grid { gap:9px !important; }
  .product-body { padding:10px 8px 10px !important; }
  .product-name { font-size:14px !important; }
  .product-card .price { font-size:9px !important; }
  .product-actions > * { font-size:8px !important; min-height:36px !important; }
}

/* Founder story mobile safety */
@media (max-width:760px) {
  .iny-founder-story, .founder-story, .founder-section { max-width:100vw !important; overflow:hidden !important; }
  .founder-story * , .iny-founder-story * { max-width:100% !important; }
}