/* Mobile-only overrides (iOS/Android) */
:root{
  --radius: 16px;
}
body{font-size:16px}
.container{padding:0 14px}
.nav{backdrop-filter: blur(10px)}
.nav .links{gap:10px}
.hero{border-radius:16px;padding:18px}
.card{padding:14px}
.grid{grid-template-columns:1fr !important;gap:14px}
img{max-width:100%;height:auto}