/* v15 (27.10.2026) mobil duzeltmeleri: sepet sirasi (urunler -> ozet + odeme -> paket onerisi), sepet satiri,
   kompakt paket bileti, "Also" haplari, 44 px dokunma alanlari. 360/390/430 px'te denetlendi. En son yuklenir. */

/* ---- "Also" paketleri: etiket + hap (ad, cerceve/surum, fiyat); ayirici metin yok ---- */
:root .fx-bilet-diger { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; line-height: 1.25; }
.fx-bilet-diger-etiket { margin-right: 4px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255, 255, 255, .45); }
:root .fx-bilet-diger a { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; border-radius: var(--r-hap, 999px);
  color: var(--metin); text-decoration: none; background: var(--cam, rgba(255, 255, 255, .05)); box-shadow: inset 0 0 0 1px var(--kenar-ince, transparent); }
:root .fx-bilet-diger a span { font-weight: 600; }
:root .fx-bilet-diger a small { color: var(--soluk); font-size: 12px; }
:root .fx-bilet-diger a b { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---- Dokunma alanlari (yalniz dokunmatik/dar ekran) ---- */
@media (max-width: 1080px) {
  .fx-ikon-btn { min-width: 44px; min-height: 44px; }
  .fx-logo { min-height: 44px; }
  .fx-link-kucuk { display: inline-flex; align-items: center; min-height: 44px; }
  .fx-kupon summary { display: flex; align-items: center; gap: 8px; min-height: 44px; list-style: none; }
  .fx-kupon summary::-webkit-details-marker { display: none; }
  .fx-kupon summary::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(-45deg); transition: transform .2s; }
  .fx-kupon[open] summary::before { transform: rotate(45deg); }
  :root[data-yon] .fx-link-ikon, .fx-link-ikon { min-height: 44px; }
  :root[data-yon] .fx-filtre button, :root[data-yon] .fx-sekmeler a { min-height: 44px; }
  .fx-adim a, .fx-adim-bag a { display: inline-flex; align-items: center; min-height: 44px; }
  :root[data-yon] .fx-alt-izgara nav a { padding: 11px 0; }
  :root[data-yon] .fx-secici a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; }
}

/* ---- Sepet: mobilde sira ve satirlar ---- */
@media (max-width: 1080px) {
  .fx-kasa-izgara { row-gap: 0; }
  .fx-kasa-sol { display: contents; }
  .fx-kasa-ozet { order: 1; margin-top: 16px; }
  .fx-kasa .fx-bilet-bolum { order: 2; }
  .fx-kasa .fx-bilet-ic { padding-top: 48px; }
  .fx-kasa .fx-bilet-ic h2 { font-size: 24px; line-height: 1.15; margin-bottom: 14px; }
}
@media (max-width: 640px) {
  .fx-kasa { padding-top: 24px; }
  .fx-kasa-sol h1 { font-size: 44px; }
  .fx-kasa-giris { font-size: 15px; margin-bottom: 18px; }
  .fx-sepet-liste { gap: 8px; }
  :root .fx-sepet-satir { grid-template-columns: 112px minmax(0, 1fr) 44px; grid-template-areas: "g b s" "g f f";
    gap: 6px 12px; align-items: start; padding: 10px; }
  .fx-sepet-gorsel { grid-area: g; align-self: center; }
  .fx-sepet-bilgi { grid-area: b; gap: 6px; }
  .fx-sepet-bilgi .fx-rozetler { align-self: flex-start; }
  .fx-sepet-bilgi .fx-sepet-ad { order: -1; font-size: 17px; line-height: 1.2; }
  :root .fx-sepet-fiyat { grid-area: f; grid-column: auto; font-size: 18px; }
  :root .fx-sepet-sil { grid-area: s; grid-row: auto; grid-column: auto; margin: -6px -6px 0 0; }
  .fx-kasa-ozet { padding: 20px; }
  .fx-kasa-ozet h2 { font-size: 26px; }

  /* kompakt paket bileti (sepet ve urun sayfasi): gorsel + ad yan yana, liste yok, fiyat ve dugme tek satir */
  .fx-kasa .fx-bilet, .fx-bilet-ic .fx-bilet { min-height: 0; }
  .fx-kasa .fx-bilet::before, .fx-kasa .fx-bilet::after, .fx-bilet-ic .fx-bilet::before, .fx-bilet-ic .fx-bilet::after { display: none; }
  .fx-kasa .fx-bilet-ana, .fx-bilet-ic .fx-bilet-ana { flex-direction: row; align-items: center; gap: 14px; padding: 12px; }
  .fx-kasa .fx-bilet-gorsel, .fx-bilet-ic .fx-bilet-gorsel { flex: 0 0 42%; }
  .fx-kasa .fx-bilet-ana h3, .fx-bilet-ic .fx-bilet-ana h3 { font-size: 20px; line-height: 1.1; margin: 0 0 4px; }
  .fx-kasa .fx-bilet-ana ul, .fx-bilet-ic .fx-bilet-ana ul { font-size: 13px; }
  .fx-kasa .fx-bilet-ana li:nth-child(n+3), .fx-bilet-ic .fx-bilet-ana li:nth-child(n+3) { display: none; }
  .fx-kasa .fx-bilet-kocan, .fx-bilet-ic .fx-bilet-kocan { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px; }
  .fx-kasa .fx-bilet-kocan::before, .fx-bilet-ic .fx-bilet-kocan::before { left: 12px; right: 12px; }
  :root .fx-kasa .fx-bilet-fiyat, :root .fx-bilet-ic .fx-bilet-fiyat { text-align: left; }
  :root .fx-kasa .fx-bilet-fiyat b, :root .fx-bilet-ic .fx-bilet-fiyat b { font-size: 26px; }
  .fx-kasa .fx-bilet-kocan .fx-btn, .fx-bilet-ic .fx-bilet-kocan .fx-btn { width: auto; flex: none; min-height: 44px; padding: 0 18px; }

  /* "Also" mobilde tam genislik satirlar: ad + kucuk bilgi solda, fiyat sagda */
  :root .fx-bilet-diger { flex-direction: column; align-items: stretch; gap: 6px; }
  :root .fx-bilet-diger a { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "a b" "k b"; gap: 2px 12px;
    min-height: 48px; padding: 7px 14px; border-radius: var(--r, 10px); }
  :root .fx-bilet-diger a span { grid-area: a; }
  :root .fx-bilet-diger a small { grid-area: k; }
  :root .fx-bilet-diger a b { grid-area: b; align-self: center; }
}

/* ---- Ust cubuk ve hero ---- */
.fx-menu-mobil { display: none; }
@media (max-width: 1080px) { :root .fx-menu .fx-menu-mobil { display: block; } }
@media (max-width: 420px) {
  :root[data-yon] .fx-serit-baslik b { font-size: 21px; }
  :root[data-yon] .fx-serit-baslik b + span { font-size: 13px; }
  :root[data-yon] .fx-teklif-kod small { display: none; }
}
@media (max-width: 640px) {
  .fx-hero-podyum .fx-hero-ic { padding-bottom: 400px; }
  .fx-vitrin { padding-top: 48px; }
}
@media (max-width: 1080px) {
  .fx-adim-bag a { padding: 0 6px; margin: 0 -6px; }
  .fx-sepet-bilgi .fx-sepet-ad { padding: 12px 0; margin: -12px 0; }
}