/* Masaüstü başlığı ana sayfadaki logo ve menü geometrisiyle sabitler. */
@media (min-width: 761px) {
  .sp-header,
  .about-header {
    position: relative;
    height: min(9.9vw, 190px);
    min-height: 112px;
    display: block;
    padding: 0;
  }

  .sp-brand,
  .about-brand {
    position: absolute;
    top: min(2.8vw, 54px);
    left: max(4.53vw, calc((100vw - 1746px) / 2));
    width: min(11.875vw, 228px);
  }

  .sp-nav,
  .about-nav {
    position: absolute;
    top: min(5.16vw, 99px);
    left: max(25.36vw, calc((100vw - 1746px) / 2 + 400px));
    right: max(5.1vw, calc((100vw - 1746px) / 2 + 11px));
    margin: 0;
    display: flex;
    align-items: center;
    gap: min(3.125vw, 60px);
    font-size: clamp(13px, 1.146vw, 22px);
    font-weight: 400;
    letter-spacing: -0.015em;
    white-space: nowrap;
  }

  .sp-nav > a,
  .sp-parent,
  .about-nav > a,
  .about-nav-parent {
    padding: 18px 0;
  }

  .sp-group,
  .about-nav-group {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .sp-submenu,
  .about-nav-submenu {
    top: calc(100% - 3px);
  }

  .sp-catalog,
  .about-catalog {
    position: absolute;
    top: min(5.89vw, 113px);
    right: max(5.1vw, calc((100vw - 1746px) / 2 + 11px));
    width: auto;
    min-width: min(7.24vw, 139px);
    height: min(1.563vw, 30px);
    margin: 0;
    padding: 0 min(0.68vw, 13px) 0 min(0.885vw, 17px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 3px;
    font-size: clamp(12px, 1.042vw, 20px);
    font-weight: 400;
    letter-spacing: 0;
  }
}

/* Alt sayfalardaki mobil menü düğmesini sayfaya özel stillerden bağımsız tutar. */
@media (max-width: 760px) {
  .sp-header .sp-menu-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 120 !important;
    pointer-events: auto !important;
  }

  .sp-header .sp-menu-toggle span {
    display: block !important;
    width: 100%;
    min-height: 3px;
    background: #0a0f14;
  }
}