/* =========================
   TAMMY THAI FOOD — responsive.css
   ========================= */

@media (max-width:900px){

  .dish-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .section-heading{
    display:block;
  }

  .tag{
    display:inline-block;
    margin-top:12px;
  }

}

@media (max-width:620px){

  /* Header */
  .site-header{
    padding:9px 4vw;
    flex-wrap:wrap;
    gap:10px;
  }

  .brand{
    width:auto;
  }

  .brand b{
    font-size:1rem;
  }

  .brand small{
    font-size:.58rem;
  }

  .site-header nav{
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items:center;
    gap:8px;
  }

  .site-header nav a{
    display:block;
    font-size:.9rem;
  }

  /* Panier : le bouton est désormais dans l'en-tête sticky.
     Il reste visible pendant le défilement sans flotter en bas de l'écran. */
  /* Bannière */
  .hero{
    min-height:60vh;
    padding:90px 5vw 40px;
  }

  .hero h1{
    font-size:2.4rem;
    line-height:1.1;
  }

  /* Sections */
  .section{
    padding:40px 5vw;
  }

  /* Le menu remonte juste sous la bannière */
  .menu{
    padding-top:40px !important;
  }

  /* Grille des plats */
  .dish-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }

  /* Catégories */
  .category-row{
    overflow:auto;
    white-space:nowrap;
  }

  /* Footer */
  footer{
    display:block;
  }

  footer>div+div{
    margin-top:20px;
  }

}