@media (max-width: 1100px) {
    .apy-home-hero {
      min-height: 620px;
      max-height: 900px;
    }

    .apy-home-slide-caption {
      bottom: clamp(3.75rem, 8vw, 5rem);
    }

    .apy-menu-shell {
      grid-template-columns: minmax(140px, 22%) 1fr;
      gap: 2rem 2.5rem;
      padding: 5rem 1.5rem 2rem;
    }

    .apy-track-wrap {
      height: 58vh;
      min-height: 380px;
    }

    .apy-track-item,
    .apy-track-img {
      min-height: 50vh;
    }
  }

  @media (max-width: 900px) {
    .apy-home-hero {
      height: 100vh;
      height: 100dvh;
      min-height: 100vh;
      min-height: 100dvh;
      max-height: none;
    }

    .apy-home-slide-caption {
      bottom: max(3.5rem, calc(env(safe-area-inset-bottom) + 3rem));
      padding: 0 max(1.1rem, env(safe-area-inset-right)) 0 max(1.1rem, env(safe-area-inset-left));
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      width: min(calc(100% - 2rem), var(--apy-hero-caption-max-width, 680px));
      max-width: none;
      box-sizing: border-box;
      align-items: center;
      text-align: center;
    }

    .apy-home-slide-caption h2 {
      font-size: clamp(1.4rem, 5vw, 2rem);
      line-height: 1.25;
    }

    .apy-home-slide-subtitle {
      font-size: clamp(0.9rem, 2.5vw, 1.05rem);
    }

    .apy-hero-glass-button {
      align-self: stretch;
      justify-content: end;
      min-height: 52px;
    }

    .apy-home-hero-arrow {
      width: 42px;
      height: 42px;
    }

    .apy-home-hero-arrow svg {
      width: 24px;
      height: 24px;
    }

    .apy-home-hero-arrow-prev {
      left: 0.6rem !important;
    }

    .apy-home-hero-arrow-next {
      right: 0.6rem !important;
    }

    .apy-home-hero-dots {
      bottom: 0.85rem;
    }

    .apy-header-nav {
      display: none;
    }

    .apy-menu-toggle {
      display: flex;
    }

    /* Mobil hamburger – ultra-minimal, sadece ikon */
    .apy-site-header .apy-menu-toggle {
      padding: 0;
      min-width: 44px;
      min-height: 44px;
      margin-right: 15px;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      background: transparent;
      border: none;
      transition: background 0.2s ease, transform 0.15s ease;
    }

    .apy-site-header .apy-menu-toggle:hover,
    .apy-site-header .apy-menu-toggle:focus-visible {
      background: rgba(255, 255, 255, 0.08);
    }

    .apy-site-header .apy-menu-toggle:active {
      transform: scale(0.95);
    }

    .apy-site-header .apy-menu-toggle .apy-menu-toggle-icon {
      width: 22px;
      height: 14px;
    }

    .apy-site-header .apy-menu-toggle .apy-menu-toggle-icon span {
      height: 1px;
    }

    .apy-brand .custom-logo {
      margin: 2px 0px 2px 10px;
    }

    .apy-menu-shell {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      height: 100vh;
      height: 100dvh;
      min-height: 100vh;
      min-height: 100dvh;
      padding: 5rem 1.5rem 3rem;
      overflow-y: auto;
    }

    .apy-overlay-nav {
      width: 100%;
      max-width: 100%;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .apy-track-wrap {
      display: none;
    }

    .apy-overlay-menu {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }

    .apy-overlay-menu > li {
      width: 100%;
      text-align: start;
    }

    .apy-overlay-menu > li > a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 1rem 0;
      text-align: start;
      font-size: clamp(1.75rem, 6vw, 2.5rem);
      font-weight: 600;
      letter-spacing: -0.02em;
      color: #fff;
      text-decoration: none;
      transition: opacity 0.2s ease, transform 0.2s ease;
      -webkit-tap-highlight-color: transparent;
    }

    .apy-overlay-menu > li > a:hover,
    .apy-overlay-menu > li > a:focus-visible {
      opacity: 0.75;
    }

    .apy-overlay-menu > li > a:active {
      transform: scale(0.98);
    }

    .apy-overlay-menu .menu-item-has-children > a {
      justify-content: space-between;
    }

    .apy-overlay-menu .menu-item-has-children > a::after {
      position: static;
      margin-left: auto;
      flex-shrink: 0;
    }

    .apy-overlay-menu .sub-menu {
      margin-top: 0;
      margin-bottom: 0.5rem;
      padding-left: 0;
      text-align: start;
    }

    .apy-overlay-menu .sub-menu a {
      display: block;
      
      font-size: 1rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.55);
      transition: color 0.2s ease;
    }

    .apy-overlay-menu .sub-menu a:hover {
      color: #fff;
    }

    /* Mobil menü footer – logo band + sosyal */
    .apy-menu-footer {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.25rem;
      width: 100%;
      padding: 2rem 1.5rem 1.5rem;
      margin-top: auto;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .apy-menu-logo {
      display: flex;
      justify-content: center;
    }

    .apy-menu-logo a {
      display: block;
      color: inherit;
      text-decoration: none;
    }

    .apy-menu-logo .custom-logo {
      max-height: 48px;
      width: auto;
      height: auto;
      filter: brightness(0) invert(1);
    }

    .apy-menu-logo-text {
      font-size: 1rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.9);
      letter-spacing: 0.02em;
    }

    .apy-menu-social-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.5rem 1rem;
    }

    .apy-menu-social-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.8);
      transition: all 0.2s ease;
    }

    .apy-menu-social-btn:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #fff;
    }

    .apy-menu-social-btn svg {
      width: 18px;
      height: 18px;
    }

    .apy-menu-contact-link {
      font-size: 0.875rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none;
      padding: 0.35rem 0.75rem;
      transition: color 0.2s ease;
    }

    .apy-menu-contact-link:hover {
      color: #fff;
    }

  }

  @media (max-width: 640px) {
    .apy-home-hero {
      height: 100vh;
      height: 100dvh;
      min-height: 100vh;
      min-height: 100dvh;
    }

    .apy-home-slide-caption {
      left: 50%;
      right: auto;
      width: min(calc(100% - 2rem), var(--apy-hero-caption-max-width, 680px));
      max-width: none;
      transform: translateX(-50%);
      margin: 0;
      box-sizing: border-box;
    }

    .apy-home-hero-arrow {
      display: none;
    }

    .apy-home-hero-dot {
      min-width: 2.75rem;
      padding: 0.5rem 0;
    }

    .apy-home-hero-dot__track {
      width: 2.75rem;
      height: 0.26rem;
    }

    .apy-menu-close {
      top: 1.25rem;
      right: max(1.25rem, env(safe-area-inset-right));
    }

    .apy-menu-toggle-label {
      display: none;
    }

    .apy-menu-shell {
      padding: 5rem 1.25rem 2.5rem;
    }

    .apy-overlay-menu > li > a {
      font-size: clamp(1.5rem, 5.5vw, 2.25rem);
      padding: 1.1rem 1.5rem;
    }

    .apy-overlay-menu .sub-menu a {
      font-size: 0.9375rem;
    }
  }

  /* Mobil layout: zorunlu yan boşluk – ODO Layout ile aynı değişken (--apy-layout-inline-pad) */
  @media (max-width: 900px) {
    /* apy-main: en dış katman – PHP layout ile çakışmaması için ODO gutter değişkeni */
    .apy-main {
      padding-left: max(var(--apy-layout-inline-pad, 16px), env(safe-area-inset-left, 0px)) !important;
      padding-right: max(var(--apy-layout-inline-pad, 16px), env(safe-area-inset-right, 0px)) !important;
      box-sizing: border-box !important;
    }

    /* Full-bleed (hero vb.) viewport’a taşsın – main padding’ini iptal et */
    /* Full-width rows – content.css’teki var() mobil değeri kullanır, burada override gerekmez */

    /* Container: ek güvence */
    .apy-main > .apy-container {
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: 100% !important;
    }

    /* VC row/column */
    .apy-main > .apy-container .vc_row:not(.full-width):not(.fullwidth):not(.apy-full-width):not(.layout-full-width):not(.odo-full-width):not(.odo-row-full-width):not(.apy-viewport-full):not(.apy-row-no-pad) {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    .apy-main > .apy-container .vc_row:not(.full-width):not(.fullwidth):not(.apy-full-width):not(.layout-full-width):not(.odo-full-width):not(.odo-row-full-width):not(.apy-viewport-full):not(.apy-row-no-pad) > [class*="vc_col-"],
    .apy-main > .apy-container .vc_column-inner {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* APY Text: mobilde ikon-metin aralığı daralt */
    .apy-text__inner {
      gap: 0.75rem;
    }
  }