/* ── SMALL MOBILE (≤ 400px) ── */
@media(max-width:400px){
  .logo{width:84px}
  .hm-h1{font-size:38px}
  .gender-btn{padding:0 10px}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .morph-grid{grid-template-columns:repeat(2,1fr)}
  .si-settings-grid{grid-template-columns:1fr}
  .footer-inner{padding:0}
}