/* ── SMALL MOBILE (≤ 400px) ── */
@media(max-width:400px){
  .logo{height:18px}
  .hero-h{font-size:36px}
  .theme-tiles{grid-template-columns:1fr}
  .theme-tile{height:160px}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .morph-grid{grid-template-columns:repeat(2,1fr)}
  .si-settings-grid{grid-template-columns:1fr}
  .feats{padding:32px 14px 0}
  .today-sec,.thematic-sec,.si-sec,.trending-sec{padding:32px 14px 0}
  .footer-inner{padding:0}
  .hint-chip:nth-child(n+3){display:none}
}