@media (max-width:820px){
  #menuScreen .hero{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #menuScreen .mini-board{
    display:flex!important;order:2!important;flex-direction:column!important;justify-content:center!important;
    padding:14px!important;gap:8px!important;border-radius:18px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.95))!important;
    border:1px solid #dce5ef!important;box-shadow:0 10px 26px rgba(70,93,124,.08)!important;
  }
  #menuScreen .mini-board .v59-harf-showcase{display:grid!important;place-items:center!important;margin:0 0 6px!important}
  #menuScreen .mini-board .v59-harf-showcase img{display:block!important;width:min(100%,280px)!important;max-height:160px!important;object-fit:contain!important;margin:0 auto!important}
  #menuScreen .sample-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
  #menuScreen .sample-cell{height:48px!important;font-size:22px!important;border-radius:12px!important}
  #menuScreen .info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:390px){
  #menuScreen .mini-board{padding:12px!important;gap:7px!important}
  #menuScreen .mini-board .v59-harf-showcase img{width:min(100%,250px)!important;max-height:140px!important}
  #menuScreen .sample-row{gap:5px!important}
  #menuScreen .sample-cell{height:42px!important;font-size:19px!important}
  #menuScreen .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}