/* Telefon düzeltmeleri: birden çok sayfanın paylaştığı öğeler. Sayfaya özgü olan kendi css/pages dosyasında. */
/* Açık kahve metin krem zeminde okunmuyordu */
.pricing_table_outer td { color: #7a3f24; }

.profile_nav { display: block; width: 100%; float: left; }
.profile_nav > summary { display: none; }

@media (max-width: 991px) {
  .profile_nav > summary {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 0; color: #fff; font-weight: 600; cursor: pointer; list-style: none;
    border-top: 1px solid #dadada38;
  }
  .profile_nav > summary::-webkit-details-marker { display: none; }
  .profile_nav > summary::after { content: "\25BE"; color: #eb611c; }
  .profile_nav[open] > summary::after { content: "\25B4"; }
}

@media (max-width: 768px) {
  /* iOS 16px altındaki alana dokununca sayfayı yakınlaştırır */
  input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea { font-size: 16px !important; }
  input::placeholder, textarea::placeholder { font-size: 13px; }

  /* Bağlantısız yuvarlak görseller, ürünleri bir ekran aşağı itiyordu */
  .track_filter_option_outer { display: none !important; }

  .top-nav .top-nav-content { flex-wrap: nowrap; gap: 4px; justify-content: space-between; }
  .top-nav .top-nav-content .nav-item { flex: 1 1 0; min-width: 0; padding: 6px 2px; font-size: 12px; }

  .page_title_outer, .page_title_inner, .page_title_inner_box { min-height: 130px; }
  .page_title_outer:empty { display: none; }

  .mobile_menu_line, .mobile_menu_line b { color: #2a1408; }
  .mobile_menu_contents .col-12 { display: flex; gap: 7px; }
  .mobile_menu_contents * .menu_login_btn { flex: 1 1 0; width: auto !important; margin-right: 0 !important; }
  .mobile_menu_contents .menu_login_btn_icon { display: none; }
  .mobile_menu_contents .menu_login_btn_inner { justify-content: center; }
  .mobile_menu_contents .menu_login_btn_inner span { width: auto; padding: 0; margin: 0; text-align: center; white-space: nowrap; }

  /* Ana sayfa turuncu bölüm: metin sağ kenara yapışıyordu */
  .homepage_disc_slider_box p { width: calc(100% - 10px); }

  /* İlk sütun tek başına ekranı kaplıyor, paketler görünmüyordu */
  .pricing_table_outer { overflow-x: auto; }
  .pricing_table_outer table { width: auto; min-width: 560px; }
  .pricing_table_outer td:first-child { width: 130px !important; min-width: 130px; position: sticky; left: 0; z-index: 1; background: #fff5e9; }

  /* Sohbet listesi ekran boyu yer tutuyor, konuşma aşağıda kalıyordu */
  .messages_contents_left { min-height: 0; }
  .messages_contents_left_bottom { height: auto; max-height: 200px; }
  .messages_contents_right_center { height: 60vh; }
}

/* Sepet düğmesinde yazı üste yapışıyordu */
.basket_right_btn { display: flex !important; align-items: center; justify-content: center; }

@media (max-width: 500px) {
  /* Yan yana kartlarda fiyat ve BPM birbirine değiyordu */
  .tracks_list_inner { width: calc(50% - 12px); margin: 15px 6px 0; }
}