/* Tasarımdan bilinçli olarak ayrılan düzen ayarları (kullanıcı isteği):
   ürün ızgarası masaüstünde 4, tablette 3, telefonda 2 sütun; küçük ekranlarda sıkılaştırma. */

@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}

/* Dar telefonlar: kartlar sıkışmasın, düğme tam sığsın */
@media (max-width:400px){
  main{padding-left:12px;padding-right:12px}
  .grid{gap:10px}
  .info{padding:10px}
  .card .nm{font-size:.92rem;line-height:1.3}
  .add{margin:0 10px 10px;padding:10px 6px;font-size:.9rem}
  .ph{font-size:2.4rem}
}

/* Uzun ürün adları kartı taşırmasın */
.card .nm{overflow-wrap:anywhere}

/* Tablet: ürün sayfası iki sütun (fotoğraf ekranı kaplamasın) */
@media (min-width:640px) and (max-width:799px){.pdg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.pdimg{font-size:5rem}}
@media (min-width:560px) and (max-width:799px){.alsog .alsoc{flex-basis:30%}}