/* Kayısı Pazarı — tablet ve bilgisayar ekranı düzeni
   Telefon görünümü (dar ekran) aynen korunur; geniş ekranda içerik yayılır. */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;overflow-x:hidden;min-height:100vh;min-height:100dvh}
img,video{max-width:100%}
.wrap{box-sizing:border-box;width:100%}
nav.tabs{z-index:30}

/* Fare ile kullanımda tıklanabilir öğeler belli olsun */
@media (hover:hover){
  .btn:hover,.mbtn:hover,.choice:hover,.tbtn:hover,.chip:hover,.ritem[role=button]:hover,.tab:hover{filter:brightness(.97)}
  .ritem[role=button],.tbtn,.mbtn,.choice{cursor:pointer}
}

/* ---------- Tablet (700px ve üstü) ---------- */
@media (min-width:700px){
  .wrap{max-width:820px}
  .big-choice{grid-template-columns:1fr 1fr}
  .menu{display:grid!important;grid-template-columns:1fr 1fr}
  .rlist:has(> .ilanS),.rlist:has(> .ilanA){display:grid!important;grid-template-columns:1fr 1fr;align-items:stretch}
  .rlist > .ilanS,.rlist > .ilanA{margin-bottom:0!important;height:100%;box-sizing:border-box}
  .toast{max-width:520px}
  .gslide{max-height:440px}
}

/* ---------- Bilgisayar (1000px ve üstü) ---------- */
@media (min-width:1000px){
  /* Alt menü üste taşınır */
  nav.tabs{top:0;bottom:auto;height:60px;border-top:0!important;border-bottom:1px solid var(--line);
    grid-template-columns:repeat(3,170px)!important;justify-content:center;align-items:stretch;padding-bottom:0!important;
    box-shadow:0 2px 12px rgba(0,0,0,.06)}
  .tab{flex-direction:row!important;justify-content:center;padding:0 10px!important;font-size:16px!important;position:relative}
  .tab i{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px!important}
  .wrap{max-width:1200px;padding-top:76px!important;padding-bottom:48px!important;padding-inline:28px!important}
  .gback{top:68px!important}
  .toast{bottom:28px!important}

  /* Ana sayfa: iki büyük buton yan yana, menü 3 sütun */
  body[data-view="home"] .menu{grid-template-columns:repeat(3,1fr)}
  .choice{min-height:96px}

  /* İlan listeleri: 2 sütun, çok geniş ekranda 3 sütun */
  .rlist:has(> .ilanS),.rlist:has(> .ilanA){grid-template-columns:repeat(2,1fr);gap:16px!important}

  /* Detay, form ve profil sayfaları okunaklı genişlikte, ortada */
  body[data-view="bid"] .wrap,body[data-view="alimdetay"] .wrap,body[data-view="aprofil"] .wrap,
  body[data-view="sprofil"] .wrap,body[data-view="stk"] .wrap,body[data-view="alimver"] .wrap,
  body[data-view="sell"] .wrap,body[data-view="kayit"] .wrap,body[data-view="guvenli"] .wrap,
  body[data-view="ihracat"] .wrap,body[data-view="fiyat"] .wrap,body[data-view="gecmis"] .wrap,
  body[data-view="yonetici"] .wrap,body[data-view="mine"] .wrap{max-width:880px}

  /* Fotoğraf galerisi bilgisayarda çok büyümesin */
  .gslide{max-height:520px}
  .lbslide img{max-height:92vh}
}
@media (min-width:1400px){
  .rlist:has(> .ilanS),.rlist:has(> .ilanA){grid-template-columns:repeat(3,1fr)}
  .wrap{max-width:1360px}
}

/* Yatay telefon: alt menü ince */
@media (max-height:480px) and (orientation:landscape){
  .tab{padding:6px 4px 8px!important}
}

/* Kurulu uygulama (ana ekrana eklenmiş) çentik payı */
@supports (padding:max(0px)){
  .wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}

/* Geniş ekranda liste butonları fareyle rahat tıklansın */
@media (min-width:700px){
  body[data-view="saticilar"] .btn,body[data-view="alicilar"] .btn,
  body[data-view="saticilar"] .mb,body[data-view="alicilar"] .mb,
  body[data-view="saticilar"] .segtabs button,body[data-view="alicilar"] .segtabs button{line-height:24px!important}
}