/* === v1.33.1 Market Mobile Card Text Fit ===
   Mobilde 3 kolon market kartlarında ürün adı/fiyat/buton taşmasını düzeltir.
   Desktop layout etkilenmez.
*/

@media(max-width:760px){
  body:not(.admin-body) .market-grid,
  body:not(.admin-body) .market-page-grid,
  body:not(.admin-body) .cards.market-grid{
    gap:10px!important;
  }

  body:not(.admin-body) .market-card,
  body:not(.admin-body) .product-card,
  body:not(.admin-body) .market-product-card,
  body:not(.admin-body) .market-page-grid .product-card,
  body:not(.admin-body) .market-grid .product-card{
    min-width:0!important;
    overflow:hidden!important;
    padding:10px!important;
    border-radius:16px!important;
  }

  body:not(.admin-body) .market-card img,
  body:not(.admin-body) .product-card img,
  body:not(.admin-body) .market-product-card img,
  body:not(.admin-body) .market-product-image img,
  body:not(.admin-body) .market-page-grid .product-card img,
  body:not(.admin-body) .market-grid .product-card img{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }

  body:not(.admin-body) .market-card h2,
  body:not(.admin-body) .market-card h3,
  body:not(.admin-body) .product-card h2,
  body:not(.admin-body) .product-card h3,
  body:not(.admin-body) .market-product-card h2,
  body:not(.admin-body) .market-product-card h3,
  body:not(.admin-body) .market-product-info h2,
  body:not(.admin-body) .market-product-info h3,
  body:not(.admin-body) .market-page-grid .product-card h2,
  body:not(.admin-body) .market-page-grid .product-card h3,
  body:not(.admin-body) .market-grid .product-card h2,
  body:not(.admin-body) .market-grid .product-card h3{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    max-width:100%!important;
    min-height:2.18em!important;
    margin:8px 0 4px!important;
    font-size:clamp(18px, 4.7vw, 24px)!important;
    line-height:1.09!important;
    letter-spacing:-.04em!important;
  }

  body:not(.admin-body) .market-card p,
  body:not(.admin-body) .product-card p,
  body:not(.admin-body) .market-product-card p,
  body:not(.admin-body) .market-product-info p,
  body:not(.admin-body) .market-page-grid .product-card p,
  body:not(.admin-body) .market-grid .product-card p{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  body:not(.admin-body) .market-card .stock,
  body:not(.admin-body) .product-card .stock,
  body:not(.admin-body) .market-product-card .stock,
  body:not(.admin-body) .market-stock,
  body:not(.admin-body) .market-page-grid .stock,
  body:not(.admin-body) .market-grid .stock{
    font-size:11px!important;
    line-height:1.2!important;
    margin-top:6px!important;
  }

  body:not(.admin-body) .market-card .price,
  body:not(.admin-body) .product-card .price,
  body:not(.admin-body) .market-product-card .price,
  body:not(.admin-body) .market-price,
  body:not(.admin-body) .market-page-grid .price,
  body:not(.admin-body) .market-grid .price{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    flex-wrap:wrap!important;
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.08!important;
    margin-top:8px!important;
    white-space:normal!important;
  }

  body:not(.admin-body) .market-card .price img,
  body:not(.admin-body) .product-card .price img,
  body:not(.admin-body) .market-price img{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    object-fit:contain!important;
  }

  body:not(.admin-body) .market-card .btn,
  body:not(.admin-body) .product-card .btn,
  body:not(.admin-body) .market-product-card .btn,
  body:not(.admin-body) .market-page-grid .btn,
  body:not(.admin-body) .market-grid .btn,
  body:not(.admin-body) .market-card button,
  body:not(.admin-body) .product-card button,
  body:not(.admin-body) .market-product-card button{
    width:100%!important;
    min-width:0!important;
    padding:10px 6px!important;
    border-radius:10px!important;
    font-size:14px!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .market-card h2,
  body:not(.admin-body) .market-card h3,
  body:not(.admin-body) .product-card h2,
  body:not(.admin-body) .product-card h3,
  body:not(.admin-body) .market-product-card h2,
  body:not(.admin-body) .market-product-card h3,
  body:not(.admin-body) .market-product-info h2,
  body:not(.admin-body) .market-product-info h3{
    font-size:17px!important;
  }

  body:not(.admin-body) .market-card .price,
  body:not(.admin-body) .product-card .price,
  body:not(.admin-body) .market-product-card .price,
  body:not(.admin-body) .market-price{
    font-size:13px!important;
  }

  body:not(.admin-body) .market-card .btn,
  body:not(.admin-body) .product-card .btn,
  body:not(.admin-body) .market-product-card .btn,
  body:not(.admin-body) .market-card button,
  body:not(.admin-body) .product-card button,
  body:not(.admin-body) .market-product-card button{
    font-size:13px!important;
    padding:9px 5px!important;
  }
}