/* TELEFON / TABLET — tüm sayfalarda ortak başlık uyarlaması.
   Masaüstü (901 px ve üstü) bu dosyadan etkilenmez. */
#mburger { display: none; }

@media (max-width: 900px) {
  /* ince siyah şerit: tek satır */
  #topstrip { gap: 12px; padding: 5px 12px; flex-wrap: nowrap; }
  #topstrip > a { white-space: nowrap; }
  #socials { gap: 12px; }

  /* beyaz şerit: logo + Parker + menü düğmesi */
  nav#topbar { height: 56px; padding: 0 10px; gap: 8px; position: relative; }
  #logoL { height: auto; width: min(220px, 52vw); }
  #logoR { height: 40px; width: auto; margin: 0; }
  #spacer { display: block; flex: 1; }

  #mburger {
    display: flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; flex: 0 0 42px; order: 3;
    border: 1px solid #c9d4e4; border-radius: 10px; background: #fff;
    color: #243c61; font-size: 22px; line-height: 1; cursor: pointer;
  }
  #logoR { order: 2; }

  /* menü: düğmeyle açılan dikey panel */
  #menu {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    margin: 0; padding: 10px 12px 14px;
    flex-direction: column; align-items: stretch; gap: 2px;
    background: #fff; border-bottom: 1px solid #d9e0ea;
    box-shadow: 0 16px 34px rgba(15,35,70,.22);
    max-height: calc(100vh - 100px); overflow-y: auto;
    z-index: 30;      /* ana sayfadaki açılış sloganının üstünde kalsın */
  }
  #topwrap.mopen #menu { display: flex; }
  #menu > a, #menu > .mitem > a {
    display: block; padding: 13px 12px; font-size: 13.5px;
    border-bottom: 1px solid #eef2f7; border-radius: 0;
  }

  /* ÜRÜNLER: dokununca altında açılır (fareyle üstüne gelme kapalı) */
  .mitem:hover .ddwrap { display: none; }
  .mitem.open .ddwrap { display: flex; }
  .ddwrap {                 /* ağaç: kategoriler ÜRÜNLER'in altında girintili */
    position: static; flex-direction: column; gap: 6px;
    border: 0; border-left: 2px solid #dbe5f2; border-radius: 0; box-shadow: none;
    margin: 0 0 6px 14px; padding: 4px 0 6px 8px;
  }
  .cats, .subs { min-width: 0; }
  /* akordeon: ürün listesi yalnız seçilen kategorinin altında görünür */
  .subs { display: none; border-left: 2px solid #c9d8ee; margin: 2px 0 8px 22px; padding: 2px 0 2px 10px; }
  .subs.acc-open { display: flex; }
  .cat::after { transition: transform .2s; }
  .cat.on::after { transform: rotate(90deg); }
  .cat:hover:not(.on) { background: transparent; color: #243c61; }   /* dokunmatikte takılı kalan vurgu */
  .cat .cico { width: 34px; height: 34px; flex-basis: 34px; }

  #langdd { margin: 10px 0 0; }
  #langList { right: auto; left: 0; }
}

/* dar telefonlar: e-posta yalnız simge, telefon numarası kalır */
@media (max-width: 560px) {
  #topstrip > a:first-child { font-size: 0; gap: 0; }
  #topstrip svg { width: 16px; height: 16px; }
  #logoR { height: 34px; }
}