/* =========================================================
   QRAVM MOBILE PRODUCT CARDS V1.4.7
   Mobil ürün kartlarını işletme profilindeki kompakt/premium
   kart diline taşır. Masaüstü değişmez.
   ========================================================= */

@media (max-width:767px){

  /* Menü içerik genişliği */
  body.menu-body .digital-menu{
    width:100%!important;
    max-width:none!important;
    padding:0 10px 22px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body.menu-body .menu-section{
    margin:18px 0 24px!important;
  }

  body.menu-body .menu-section-head{
    padding:0 2px 8px!important;
    align-items:flex-end!important;
  }
  body.menu-body .menu-section-head h2{
    font-size:20px!important;
    line-height:1.1!important;
    margin:0!important;
  }
  body.menu-body .menu-section-head p{
    font-size:10px!important;
    margin-top:4px!important;
  }
  body.menu-body .menu-section-head>span{
    font-size:9px!important;
  }

  /* Tek kolon, yatay premium kart */
  body.menu-body .product-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  body.menu-body .menu-product.q357-menu-product{
    position:relative!important;
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    min-height:138px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;

    border:1px solid #e5ebf1!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
    transform:none!important;
  }

  body.menu-body .menu-product.q357-menu-product:hover{
    transform:none!important;
    box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
  }

  /* Görsel solda sabit */
  body.menu-body .q357-product-media{
    grid-column:1!important;
    grid-row:1!important;
    width:118px!important;
    height:100%!important;
    min-height:138px!important;
    max-height:none!important;
    border-radius:0!important;
    margin:0!important;
    background:#f3f6f9!important;
    overflow:hidden!important;
  }

  body.menu-body .q357-product-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  body.menu-body .q357-product-media em{
    left:7px!important;
    top:7px!important;
    bottom:auto!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  body.menu-body .qmenu-placeholder-icon{
    font-size:28px!important;
  }
  body.menu-body .qmenu-placeholder-text{
    font-size:8px!important;
  }

  /* Favori kalbi kartın sağ üstünde */
  body.menu-body .qfav-heart{
    top:8px!important;
    right:8px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
    font-size:15px!important;
    z-index:7!important;
    box-shadow:0 5px 12px rgba(15,23,42,.10)!important;
  }

  /* Sağ içerik */
  body.menu-body .menu-product-body{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:138px!important;
    padding:12px 40px 10px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
  }

  body.menu-body .product-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin:0 0 4px!important;
  }
  body.menu-body .product-tags:empty{
    display:none!important;
  }
  body.menu-body .product-tags span{
    padding:3px 6px!important;
    border-radius:999px!important;
    font-size:7px!important;
    line-height:1!important;
  }

  body.menu-body .menu-product-body h3{
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.2!important;
    color:#111827!important;
    font-weight:900!important;
    padding-right:4px!important;
  }

  body.menu-body .menu-product-body>p{
    margin:4px 0 0!important;
    font-size:9px!important;
    line-height:1.35!important;
    color:#697586!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body.menu-body .menu-product-body>small{
    margin-top:4px!important;
    font-size:8px!important;
    color:#98a2b3!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Fiyat daha güçlü */
  body.menu-body .product-foot{
    margin-top:auto!important;
    padding-top:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
  }

  body.menu-body .qcampaign-price{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }

  body.menu-body .qcampaign-price b{
    font-size:15px!important;
    line-height:1!important;
    color:#111827!important;
    font-weight:950!important;
  }

  body.menu-body .qcampaign-price del{
    font-size:9px!important;
    color:#98a2b3!important;
  }

  body.menu-body .qcampaign-badge{
    font-size:7px!important;
    padding:3px 5px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }

  /* Adet + Sepete Ekle aynı kompakt alt satır */
  body.menu-body .qpremium-product-actions{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:7px!important;
    margin-top:8px!important;
    align-items:center!important;
  }

  body.menu-body .qpremium-inline-qty{
    width:76px!important;
    height:34px!important;
    display:grid!important;
    grid-template-columns:24px 1fr 24px!important;
    border:1px solid #e5e7eb!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body.menu-body .qpremium-inline-qty button{
    width:24px!important;
    height:34px!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#344054!important;
    font-size:14px!important;
  }

  body.menu-body .qpremium-inline-qty b{
    display:grid!important;
    place-items:center!important;
    font-size:11px!important;
    color:#111827!important;
  }

  body.menu-body .q357-menu-product .add-product{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }

  body.menu-body .sold-label{
    margin-top:8px!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  /* Sepet sabit butonu ürün kartını kapatmasın */
  body.menu-body .cart-fab.qmenu-cart-compact{
    bottom:72px!important;
    right:10px!important;
  }
}

/* Çok dar telefonlarda görseli biraz küçült */
@media (max-width:380px){
  body.menu-body .menu-product.q357-menu-product{
    grid-template-columns:104px minmax(0,1fr)!important;
  }
  body.menu-body .q357-product-media{
    width:104px!important;
    min-height:132px!important;
  }
  body.menu-body .menu-product-body{
    min-height:132px!important;
    padding-left:10px!important;
  }
  body.menu-body .qpremium-product-actions{
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body.menu-body .qpremium-inline-qty{
    width:70px!important;
    grid-template-columns:22px 1fr 22px!important;
  }
}