/* ====== apps_media.css ====== */

/* 320 и ниже */
@media only screen and (max-device-width: 320px) {
  .tree_block_content{padding-top:60px}
  .menu_list_item{width:115px}
  .menu_pic_cont{height:70px}
  .menu_list_name{word-break:break-word}

  .four_block_content{width:90%;margin:0 auto}
  .menu_item{margin:0 auto}
  .card_cont{width:100%;height:auto;border-radius:24px}
  .card_img{height:180px}
  .to_cart{bottom:-24px}

  /* убрать плотную шапку и «фиктивный» отступ */
  .header{height:70px;position:fixed;z-index:3;}
  .fake_header{display:none!important}
}

/* 321–690 */
@media only screen and (max-width: 690px) and (min-width: 321px) {
  .tree_block_content{padding-top:60px}
  .menu_list_item{width:130px}
  .four_block_content{width:90%;margin:0 auto;padding-bottom:100px}
  .menu_item{margin:0 auto}
  .card_cont{width:100%;height:auto;border-radius:24px}
  .card_img{height:200px}
  .to_cart{bottom:-24px}
  .header{height:70px;position:fixed;z-index:3;}
  .fake_header{display:none!important}
}

/* 691–1023 (планшет) */
@media only screen and (max-width: 1023px) and (min-width: 691px) {
  .menu_list_item{width:180px}
  .four_block_content{width:90%;margin:0 auto;padding-bottom:100px}
  .menu_item{margin:0 auto}
  .card_cont{width:100%;height:auto}
  .card_img{height:220px}
  .header{height:100px;position:fixed;z-index:3;}
  .fake_header{display:none!important}
}

/* отключаем зелёные декоры на полу-десктопе, как и было */
@media only screen and (max-width: 1599px) and (min-width: 1026px) {
  .green_a{display:none}
}

/* Строка количества — будем помечать её классом .qty-row (скрипт ниже) */
#eda_list .menu_item_info .qty-row{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
}

/* Минус/плюс — снова круглые и выровнены */
#eda_list .menu_item_info .qty-row .minus,
#eda_list .menu_item_info .qty-row .plus{
  width: 36px; height: 36px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Инпут количества — по центру и круглый */
#eda_list .menu_item_info .qty-row input[type="text"],
#eda_list .menu_item_info .qty-row input[type="number"]{
  width: 40px; height: 40px;
  text-align: center;
  border-radius: 50%;
  margin: 0;
}

/* fallback: сделаем .eda_cont сеткой только если она ещё не сетка */
.eda_cont:not([style*="grid"]):not(.is-flex){
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
@media (min-width: 768px){
  .eda_cont:not([style*="grid"]):not(.is-flex){
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}