/* Profil menüsü (mobil + masaüstü): profil fotoğrafı düğmesi + aşağı açılan kart menü. */
@keyframes hsMmFade { from { opacity: 0} to { opacity: 1} }
  html.hs-mm body .ap-burger { display: none !important}
  html.hs-mm body .ap-nav .hs-theme { display: none !important}
  html.hs-mm body .ap-nav .ap-nav__profile { display: inline-grid !important}
  html.hs-mm body .ap-nav .ap-nav__contact { display: none !important}
  @media (max-width: 899px) { html.hs-mm body .ap-nav .ap-nav__profile { margin: 0 -2px 0 0; width: 36px; height: 36px} }
  html.hs-mm body.ap.ap-menu-open { overflow: visible}

  html.hs-mm body.ap-menu-open::after { content: ""; position: fixed; inset: 0; z-index: 980; background: transparent}

  html.hs-mm body .ap-menu {
    position: fixed; left: auto; bottom: auto; right: 12px; top: calc(56px + var(--ap-safe-top, 0px) + 6px);
    width: min(300px, calc(100vw - 24px)); height: auto; max-height: calc(100vh - 56px - var(--ap-safe-top, 0px) - 24px); box-sizing: border-box;
    padding: 10px !important; border-radius: 22px; display: flex; flex-direction: column; overflow-y: auto;
    background: var(--pencere, #2d2f31) !important; border: 0 !important;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .08), 0 22px 50px -10px rgb(0 0 0 / .6) !important;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.95); transform-origin: top right;
    transition: opacity .18s ease, transform .24s cubic-bezier(.22, 1, .36, 1), visibility 0s .24s}
  html.hs-mm body.ap-menu-open .ap-menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s}

  html.hs-mm body .ap-menu nav { display: flex; flex-direction: column; gap: 2px}
  html.hs-mm body .ap-menu nav a,
  html.hs-mm body .ap-menu nav button.ap-menu__item,
  html.hs-mm body .ap-menu nav button.ap-menu__row {
    display: block; width: 100%; box-sizing: border-box; text-align: left; border: 0; border-radius: 12px; background: none;
    font: 600 16px/1.25 var(--ap-font, inherit); letter-spacing: -.01em; color: var(--yazi, #fff); padding: 13px 14px; cursor: pointer; text-decoration: none}
  html.hs-mm body .ap-menu nav a:hover, html.hs-mm body .ap-menu nav button.ap-menu__item:hover, html.hs-mm body .ap-menu nav button.ap-menu__row:hover,
  html.hs-mm body .ap-menu nav a:focus-visible, html.hs-mm body .ap-menu nav button:focus-visible { background: var(--girdi, #26282b); outline: 0}
  html.hs-mm body .ap-menu nav a[aria-current="page"] { color: var(--vurgu, #8ab4f8); background: var(--vurgu-acik, rgb(138 180 248 / .12))}
  html.hs-mm body .ap-menu nav [data-pwa-install] { display: none}
  html.hs-mm[data-pwa-ready] body .ap-menu nav [data-pwa-install], html[data-pwa-ready].hs-mm body .ap-menu nav [data-pwa-install] { display: block}

  html.hs-mm body .ap-menu nav [hidden] { display: none !important}
  /* Giriş yapmış üye: avatar + ad (başlık) */
  html.hs-mm body .ap-menu nav .ap-menu__me { display: flex; align-items: center; gap: 12px; padding: 6px 10px 12px; margin-bottom: 4px; border-bottom: 1px solid var(--cizgi, #4f5153)}
  html.hs-mm body .ap-menu .ap-menu__av { flex: none; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--vurgu, #8ab4f8); color: var(--vurgu-ustu, #202124); font: 700 15px/1 var(--ap-font, inherit)}
  html.hs-mm body .ap-menu .ap-menu__av img { width: 100%; height: 100%; object-fit: cover; display: block}
  html.hs-mm body .ap-menu .ap-menu__me b { min-width: 0; font-weight: 600; font-size: 16px; color: var(--yazi, #fff); overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

  /* Sosyal medya simgeleri mobil menüde yok */
  html.hs-mm body .ap-menu .ap-menu__social { display: none !important}

  /* Koyu mod anahtarı (en altta): dokun ya da kaydır */
  html.hs-mm body .ap-menu nav button.ap-menu__sw { display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; margin-top: 6px; padding: 14px 14px 8px; border: 0; border-top: 1px solid var(--cizgi, #4f5153); border-radius: 0; background: none; cursor: pointer; touch-action: pan-y; font: 600 16px/1.25 var(--ap-font, inherit); color: var(--yazi, #fff)}
  html.hs-mm body .ap-menu nav button.ap-menu__sw:hover { background: none}
  html.hs-mm body .ap-menu .ap-menu__track { position: relative; flex: none; width: 52px; height: 30px; border-radius: 999px; background: var(--yuzey, #454b4e); box-shadow: inset 0 0 0 1px var(--cizgi, #4f5153); transition: background .25s ease}
  html.hs-mm body .ap-menu .ap-menu__track i { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgb(0 0 0 / .35); display: grid; place-items: center; font-style: normal; font-size: 13px; line-height: 1; transition: transform .28s cubic-bezier(.22, 1, .36, 1)}
  html.hs-mm body .ap-menu .ap-menu__track i::before { content: "\2600\FE0F"}
  html.hs-mm body .ap-menu button.ap-menu__sw[aria-checked="true"] .ap-menu__track { background: var(--vurgu, #8ab4f8); box-shadow: none}
  html.hs-mm body .ap-menu button.ap-menu__sw[aria-checked="true"] .ap-menu__track i { transform: translateX(22px)}
  html.hs-mm body .ap-menu button.ap-menu__sw[aria-checked="true"] .ap-menu__track i::before { content: "\1F319"}
  html.hs-mm body .ap-menu button.ap-menu__sw:focus-visible .ap-menu__track { outline: 3px solid var(--odak, rgb(138 180 248 / .55)); outline-offset: 2px}
@media (prefers-reduced-motion: reduce) {
  html.hs-mm body .ap-menu, html.hs-mm .ap-menu__track, html.hs-mm .ap-menu__track i { transition: none; animation: none}
}

/* Masaüstü (>=900px): üst menü çubuğu ve sayfa içeriği aynı daraltılmış genişlikte, aynı hizada.
   Genişliği değiştirmek için yalnızca --hs-w değerini değiştirmek yeterli. */
@media (min-width: 900px) {
  :root { --hs-w: 920px}
  html body.ap .ap-nav__in, html body.ap .kl-topbar__in, html body.ap.ap-auth .ap-nav__in { max-width: calc(var(--hs-w) + 64px); padding-left: 32px; padding-right: 32px; box-sizing: border-box}
  html body.ap :not(.ap-pagehead) > .ap-wrap { max-width: calc(var(--hs-w) + 64px); padding-left: 32px; padding-right: 32px; box-sizing: border-box}
  html body.ap .kl-wrap { max-width: var(--hs-w)}
  html body.ap .ap-pagehead > .ap-wrap { max-width: min(var(--hs-w), calc(100% - 32px))}
  html body.ap .mp-wrap { max-width: calc(var(--hs-w) + 64px); padding-left: 32px; padding-right: 32px; box-sizing: border-box}
  html body.ap .cm-wrap { max-width: calc(var(--hs-w) + 64px); padding-left: 32px; padding-right: 32px; box-sizing: border-box}
  html body.ap .au-grid, html body.ap .au-foot__in { max-width: calc(var(--hs-w) + 40px); box-sizing: border-box}
}