/* #898 DJ Suat Doğu profili — telefon düzeni. Masaüstü (768 px ve üstü) aynen kalır; burada yalnız 768 px altı.
   Sayfanın biçimi satır içinde yazılı olduğu için kurallar !important ile üstüne yazar. */
.dj-geri { color: #B9AEB4; }
@media (max-width: 767px) {
  .dj-sayfa section { padding-left: 20px !important; padding-right: 20px !important; }
  .dj-sayfa h2 { overflow-wrap: anywhere; }

  /* Üst çubuk: sade — logo, ana siteye dönüş, Rezervasyon, ses */
  .dj-ust { padding: 0 12px !important; gap: 10px !important; height: 64px !important; }
  .dj-menu { gap: 4px !important; font-size: 14px !important; }
  .dj-menu a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; }
  .dj-menu .dj-menu-ikincil { display: none !important; }
  .dj-ust > a span:last-child { display: none; }

  /* Giriş ekranı ve frekans göstergesi ekrana sığsın */
  .dj-acilis { padding: 22vh 16px 0 !important; text-align: center; }
  .dj-arama { padding: 24vh 16px 0 !important; }
  .dj-frekans { font-size: 64px !important; }
  .dj-cetvel, .dj-olcek { width: min(520px, 88vw) !important; }

  /* Açılış: tek sütun, başlık sığar */
  .dj-kahraman { height: auto !important; display: flex !important; flex-direction: column !important;
                 padding-top: 36px !important; padding-bottom: 110px !important; }
  .dj-kahraman-sol, .dj-kahraman-sag { padding-bottom: 0 !important; }
  .dj-kahraman-sag { margin-top: 36px; }
  .dj-baslik { font-size: clamp(64px, 23vw, 168px) !important; }
  .dj-giris { font-size: 18px !important; }
  .dj-dugmeler { flex-wrap: wrap; }
  .dj-portre { height: auto !important; aspect-ratio: 4 / 5; }
  .dj-cubuklar { left: 20px !important; right: 20px !important; }

  /* Hikâye ve radyo: alt alta; polaroidler eğik ama üst üste binmez */
  .dj-hikaye, .dj-radyo, .dj-rez, .dj-studyo { display: flex !important; flex-direction: column !important; gap: 36px !important; }
  .dj-hikaye { padding-top: 64px !important; padding-bottom: 64px !important; }
  .dj-radyo { padding-top: 72px !important; padding-bottom: 72px !important; }
  .dj-hikaye .dj-polaroid { width: min(86%, 320px) !important; align-self: center; }
  .dj-hikaye-sol { align-items: stretch; }
  .dj-buyuk-metin { font-size: 22px !important; }
  .dj-h2 { font-size: 40px !important; }
  .dj-polaroidler { height: auto !important; display: flex; flex-direction: column; gap: 36px; padding: 8px 0; }
  .dj-polaroidler .dj-polaroid { position: relative !important; left: auto !important; right: auto !important; top: auto !important;
                                 width: min(86%, 330px) !important; box-sizing: border-box; }
  .dj-polaroidler .dj-polaroid:nth-child(odd) { align-self: flex-start; }
  .dj-polaroidler .dj-polaroid:nth-child(even) { align-self: flex-end; }
  .dj-polaroidler .dj-polaroid > div { height: auto !important; aspect-ratio: 4 / 3; }

  /* Film şeridi 2 x 2 */
  .dj-arsiv-bas { flex-direction: column; align-items: flex-start !important; gap: 6px; }
  .dj-serit { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 12px !important; gap: 12px !important; }
  .dj-serit figure > div { height: auto !important; aspect-ratio: 3 / 4; }

  /* Yolculuk: dikey zaman çizgisi */
  .dj-yolculuk { padding-top: 64px !important; padding-bottom: 64px !important; }
  .dj-bas { flex-direction: column; align-items: flex-start !important; gap: 8px !important; }
  .dj-bas > div:last-child { font-size: 32px !important; }
  .dj-zaman { grid-template-columns: 1fr !important; border-top: 0 !important; border-left: 2px solid #3A2C36; margin-left: 7px; }
  .dj-zaman > div { padding: 0 0 28px 24px !important; }
  .dj-zaman > div > span:first-child { left: -9px !important; top: 4px !important; }

  /* Sahnede ve stüdyoda: fotoğraflar alt alta, tam genişlik */
  .dj-sahne { padding-top: 72px !important; padding-bottom: 72px !important; }
  .dj-sahne-bas { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
  .dj-h2-buyuk { font-size: 48px !important; }
  .dj-sahne-izgara { grid-template-columns: 1fr !important; }
  .dj-sahne-foto, .dj-studyo-foto, .dj-rez-foto { grid-column: auto !important; height: auto !important; aspect-ratio: 4 / 5; width: 100%; }
  .dj-studyo { padding-bottom: 72px !important; gap: 20px !important; }
  .dj-studyo-metin { grid-column: auto !important; margin-top: 12px; }

  /* Setler */
  .dj-setler { padding-top: 64px !important; padding-bottom: 64px !important; }
  .dj-set-izgara { grid-template-columns: 1fr !important; }
  .dj-set-ana { grid-column: auto !important; }
  .dj-set-alt { flex-wrap: wrap; padding: 18px 20px !important; }
  .dj-set-yakinda { min-height: 220px; }

  /* Rezervasyon */
  .dj-rez { padding-top: 72px !important; padding-bottom: 80px !important; }
  .dj-rez-metin { grid-column: auto !important; }
  .dj-rez-baslik { font-size: clamp(44px, 13vw, 92px) !important; }
}

/* #915 Tasarımcı DJ-1, DJ-2 (her ekran boyunda) */
.dj-sessiz { position: relative; min-height: 44px; padding: 0 18px; margin-top: -12px; background: none; border: 0;
             color: #B9AEB4; font: inherit; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.dj-sessiz:hover, .dj-sessiz:focus-visible { color: #F2EDEF; }
.dj-menu a { display: inline-flex; align-items: center; min-height: 44px; }
.dj-ust > a { padding: 8px 0; }
@media (prefers-reduced-motion: reduce) {
  .dj-in, .dj-in2, .dj-in3, .dj-flash, .dj-bar, .dj-pulse, .dj-rise { animation: none !important; }
  .dj-flash { display: none; }
  .dj-bar { transform: scaleY(.6) !important; }
  html { scroll-behavior: auto !important; }
}