/* =====================================================================
   v3 - Banner'lar (urun fotografi kirpilmaz, "contain" ile temiz durur)
   ===================================================================== */
.promo-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.promo-kart {
  flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 112px; padding: 16px 18px; overflow: hidden; position: relative;
}
.promo-metin { display: flex; flex-direction: column; min-width: 0; z-index: 1; }
.promo-ust { font-size: 0.72rem; margin-bottom: 4px; }
.promo-baslik { font-size: 1.05rem; margin-bottom: 8px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.promo-alt {
  align-self: flex-start; background: rgba(255,255,255,0.2); border-radius: 999px;
  padding: 4px 12px; font-size: 0.74rem; font-weight: 700;
}
.promo-resim {
  flex: 0 0 88px; width: 88px; height: 88px; background: #fff; border-radius: 16px;
  display: flex; align-items: center; justify-content: center; padding: 5px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.22); transform: rotate(4deg); transition: transform .2s;
}
.promo-kart:hover .promo-resim { transform: rotate(0) scale(1.05); }
.promo-resim img { width: 100%; height: 100%; object-fit: contain; border-radius: 12px; }

.vitrin-serit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 32px 0; }
.vitrin-kart {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  border-radius: 18px; padding: 22px; overflow: hidden; color: var(--lacivert);
  box-shadow: var(--golge); transition: transform .15s, box-shadow .15s;
}
.vitrin-kart:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(15,27,45,0.14); }
.vitrin-0 { background: linear-gradient(135deg, #fff1e6 0%, #ffe0c7 100%); }
.vitrin-1 { background: linear-gradient(135deg, #e8f1ff 0%, #d3e4ff 100%); }
.vitrin-metin { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; flex: 1; }
.vitrin-etiket { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; opacity: .7; }
.vitrin-baslik { font-size: 1.3rem; font-weight: 800; line-height: 1.2; margin: 6px 0 4px; letter-spacing: -0.3px; }
.vitrin-sayi { font-size: 0.82rem; color: var(--metin-soluk); margin-bottom: 14px; }
.vitrin-btn { background: var(--lacivert); color: #fff; border-radius: 999px; padding: 8px 18px; font-size: 0.8rem; font-weight: 700; }
.vitrin-fotolar { display: flex; flex: 0 0 auto; }
.vitrin-foto {
  width: 104px; height: 104px; background: #fff; border-radius: 16px; padding: 6px;
  box-shadow: 0 6px 16px rgba(15,27,45,0.18); margin-left: -26px; transition: transform .2s;
}
.vitrin-foto:first-child { margin-left: 0; transform: rotate(-4deg); }
.vitrin-foto:nth-child(2) { transform: translateY(-6px); position: relative; z-index: 1; }
.vitrin-foto:nth-child(3) { transform: rotate(4deg); }
.vitrin-foto img { width: 100%; height: 100%; object-fit: contain; border-radius: 11px; }
.vitrin-kart:hover .vitrin-foto { transform: none; }

/* =====================================================================
   v3 - Mobil duzeni
   ===================================================================== */
.mobil-alt-menu { display: none; }
@media (max-width: 900px) {
  .promo-serit { grid-template-columns: 1fr; gap: 10px; }
  .promo-kart { min-height: 92px; }
  .vitrin-serit { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  html { -webkit-text-size-adjust: 100%; }
  .container { padding: 0 12px; }
  .ust-serit { font-size: 0.68rem; padding: 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* Header: ust satir logo + ikonlar, alt satir tam genislik arama */
  .header-ust { gap: 8px 10px; padding: 8px 0 10px; }
  .logo img { width: 38px; height: 38px; }
  .logo-yazi { font-size: 1.2rem; }
  .header-ikonlar { gap: 12px; }
  .header-ikonlar .header-ikon:first-child { display: none; }
  .arama-kutusu input { padding: 11px 12px; font-size: 16px; border-radius: 12px 0 0 12px; background: #f3f4f6; border-color: transparent; }
  .arama-kutusu button { border-radius: 0 12px 12px 0; }
  .arama-kutusu input:focus { background: #fff; border-color: var(--turuncu); }

  /* Katalog paneli: kompakt cubuk (tiklayinca acilir) */
  .sayfa-yerlesim { gap: 12px; margin-top: 10px; }
  .yan-katalog { border-radius: 12px; box-shadow: none; }
  .yk-ust { padding: 10px 12px; }
  .yan-katalog-toggle { display: block; }

  .karsilama-serit { padding: 10px 12px; margin: 10px 0; gap: 6px; }
  .karsilama-serit strong { font-size: 0.9rem; }
  .karsilama-rozetler { gap: 4px 12px; }
  .karsilama-rozetler span { font-size: 0.7rem; }

  /* Kategori seridi: tek satir, yana kaydirilabilir */
  .kategori-serit {
    flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 12px;
    margin: 0 -12px; padding: 4px 12px 10px; scrollbar-width: none;
  }
  .kategori-serit::-webkit-scrollbar { display: none; }
  .kategori-tile { width: 70px; }
  .kategori-tile-foto { width: 62px; height: 62px; }
  .kategori-tile-ad { font-size: 0.68rem; }

  .bolum-baslik { margin: 22px 0 10px; }
  .bolum-baslik h2 { font-size: 1.1rem; }

  .promo-serit { margin: 14px 0; }
  .promo-kart { min-height: 84px; padding: 12px 14px; border-radius: 14px; }
  .promo-baslik { font-size: 0.98rem; margin-bottom: 6px; }
  .promo-resim { flex-basis: 68px; width: 68px; height: 68px; border-radius: 13px; }
  .vitrin-serit { margin: 22px 0; gap: 10px; }
  .vitrin-kart { padding: 16px; border-radius: 16px; gap: 8px; }
  .vitrin-baslik { font-size: 1.1rem; }
  .vitrin-sayi { margin-bottom: 10px; }
  .vitrin-foto { width: 70px; height: 70px; margin-left: -18px; padding: 4px; border-radius: 12px; }

  /* Urun kartlari: 2 sutun */
  .urun-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .urun-bilgi { padding: 9px 10px 12px; }
  .urun-adi { font-size: 0.78rem; margin-bottom: 6px; }
  .urun-fiyat { font-size: 1rem; }
  .sekme-cubugu { flex-wrap: nowrap; overflow-x: auto; margin: 0 -12px 14px; padding: 0 12px 4px; scrollbar-width: none; }
  .sekme-cubugu::-webkit-scrollbar { display: none; }
  .sekme-btn { white-space: nowrap; flex: 0 0 auto; padding: 7px 14px; }

  .filtre-form { gap: 12px; padding: 12px; }
  .filtre-sirala { margin-left: 0; width: 100%; }
  .filtre-sirala select { width: 100%; }

  /* Alt sabit menu */
  body { padding-bottom: 64px; }
  .mobil-alt-menu {
    display: grid; grid-template-columns: repeat(4, 1fr);
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 85;
    background: #fff; border-top: 1px solid var(--cizgi);
    box-shadow: 0 -4px 16px rgba(15,27,45,0.08); padding: 6px 0 max(6px, env(safe-area-inset-bottom));
  }
  .mobil-alt-menu a {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    font-size: 0.64rem; font-weight: 600; color: var(--metin); padding: 4px 0; position: relative;
  }
  .mobil-alt-menu .ikon { font-size: 1.25rem; line-height: 1.2; position: relative; }
  .mobil-alt-menu .sepet-rozet { top: -4px; right: -10px; }
  .cerez-banner { bottom: 64px; }
  .toast { bottom: 80px; }
}
/* Urun sayfasinda zaten sabit sepet cubugu var - alt menuyu gizle */
@media (max-width: 700px) {
  body.alt-menu-yok .mobil-alt-menu { display: none; }
  body.alt-menu-yok { padding-bottom: 68px; }
}
@media (max-width: 380px) {
  .logo-yazi small { display: none; }
  .urun-adi { font-size: 0.74rem; }
}