/* Bootstrap 4 -> 5 uyum katmanı + ortak stiller */
a{text-decoration:none}a:hover{text-decoration:underline}
.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background:#e9ecef;border-radius:.3rem}
@media(min-width:576px){.jumbotron{padding:3rem 2rem}}
.jumbotron-fluid{padding-left:0;padding-right:0;border-radius:0}
.card-deck{display:flex;flex-wrap:wrap;gap:1rem}.card-deck>.card{flex:1 0 0}
.form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.form-row{display:flex;flex-wrap:wrap;margin:0 -5px}.form-row>[class*=col]{padding:0 5px}

/* ---- Ziyaretçi sayfaları: mobil düzeltmeler ---- */
body:not(.pnl) .navbar-brand img{max-height:56px;width:auto;max-width:60vw}
body:not(.pnl) .navbar-collapse .form-inline{flex-wrap:nowrap;padding:.5rem 0}
body:not(.pnl) .navbar-collapse .form-inline .form-control{flex:1;min-width:0}
/* Sipariş formu: taşma ve dar seçim kutuları */
body:not(.pnl) .form-inline .form-control,body:not(.pnl) .form-inline .form-select{flex:1 1 140px;margin:0!important}
body:not(.pnl) .form-inline .btn.w-100,body:not(.pnl) .btn.w-100[style*="margin"]{margin:.25rem 0!important}
/* Fiyat rozeti */
body:not(.pnl) .badge.rounded-pill{width:auto!important;min-width:60px;white-space:nowrap}
/* Kategori başlığı (float içeren aktif satır) */
body:not(.pnl) .list-group-item.active{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
body:not(.pnl) .list-group-item.active>span{float:none!important}
/* Kart görselleri */
@media(max-width:575px){body:not(.pnl) .card-img-top{max-height:55vw}}
/* iOS: fixed arka plan desteği yok -> sabit katman */
@media(hover:none) and (pointer:coarse){
  body:not(.pnl){background-attachment:scroll!important}
  body:not(.pnl)::before{content:"";position:fixed;inset:0;z-index:-1;background:inherit;background-attachment:scroll;background-size:cover;background-position:center}
}

/* ---- Tanıtım sayfası (index.php) üst menü ---- */
.site-nav{padding:.5rem 0}
.site-nav .navbar-brand img{max-height:48px}
.site-nav .nav-link{font-weight:500;font-size:.92rem;letter-spacing:.02em;padding:.5rem .9rem!important;border-radius:.4rem;transition:background .15s,color .15s}
.site-nav .nav-link:hover,.site-nav .nav-link.active{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.site-nav .nav-sosyal .nav-link{font-size:1.1rem;padding:.45rem .6rem!important}
@media(max-width:767px){.site-nav .navbar-collapse{padding:.5rem 0}.site-nav .nav-sosyal{gap:.25rem;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}}
/* Menü içi arama formu */
.site-nav .form-inline{gap:.5rem}
.site-nav .form-inline .form-control{min-width:180px}
@media(max-width:767px){.site-nav .form-inline .form-control{min-width:0}}

/* Ürün detay sayfası */
.urun-icerik{font-size:.88rem;line-height:1.45;color:#555;font-weight:400;text-transform:none}
.urun-icerik *{font-size:inherit!important}
.urun-resim{display:block;width:100%;max-height:360px;object-fit:cover}
@media(max-width:575px){.urun-resim{max-height:60vw}}

/* Fiyat rozetleri her zaman sağda */
body:not(.pnl) .card-body>a{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;text-align:left}
body:not(.pnl) .card-body>a>.badge{float:none!important;margin-left:auto;flex-shrink:0}
body:not(.pnl) .list-group-item .badge.float-end{margin-left:.5rem}

/* Video duyuru (giriş sayfası) */
.duyuru-video{border-radius:.75rem;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.25);background:#000}

/* ---- Genel mobil düzeltmeler (ziyaretçi) ---- */
.carousel-indicators{list-style:none}
@media(max-width:575px){
  /* Form tabloları (kayıt formu): etiket üstte, alan altta */
  body:not(.pnl) main .table:has(input,select,textarea) tr,
  body:not(.pnl) main .table:has(input,select,textarea) td{display:block;width:100%!important}
  body:not(.pnl) main .table:has(input,select,textarea) td{border:0;padding:.15rem .25rem}
  body:not(.pnl) main .table:has(input,select,textarea) tr{padding:.5rem 0;border-bottom:1px solid #eee}
  body:not(.pnl) main .table:has(input,select,textarea) td:first-child{font-size:.9rem}
}

/* Görsel boyut öznitelikleri eklendiği için yükseklik oranla hesaplansın */
body:not(.pnl) .card-img-top,.urun-resim{height:auto}

/* Üst menü gölgesi: kaydırırken içerik menünün altına girdiğinde ayrışsın */
.site-nav{box-shadow:0 2px 4px rgba(0,0,0,.12),0 6px 16px -4px rgba(0,0,0,.28)!important;position:sticky;z-index:1030}

/* Instagram duyurusu (giriş sayfası) */
.duyuru-instagram{display:flex;justify-content:center}
.duyuru-instagram .instagram-media{background:#fff!important;border:0!important;border-radius:.75rem!important;box-shadow:0 4px 18px rgba(0,0,0,.25)!important;margin:0 auto!important;max-width:540px!important;min-width:280px!important;width:100%!important;padding:0!important;overflow:hidden}
.duyuru-instagram .instagram-media>a{display:block;padding:1.25rem;text-align:center;color:#c13584;font-weight:500;text-decoration:none}

/* Duyuru: 24 saat gizle butonu */
.duyuru-ust{display:flex;justify-content:flex-end;margin-bottom:.35rem}
.duyuru-kapat{border:0;border-radius:2rem;padding:.3rem .8rem;font-size:.8rem;line-height:1.2;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);cursor:pointer}
.duyuru-kapat:hover,.duyuru-kapat:focus{background:rgba(0,0,0,.75)}
.duyuru-kapat .fa{margin-right:.2rem}