/* Tablet ve küçük laptop (861–1279px): masaüstü düzeninin 1280px sabit genişliği
   yatay kaydırma yaratıyordu; burada genişlik serbest bırakılıp boşluklar ve
   başlıklar ekrana göre küçültülür. 860px altı her sayfadaki mobil kurallarda. */
@media (min-width: 861px) and (max-width: 1279px) {
  div[style*="min-width: 1280px"] { min-width: 0 !important; }
  body { overflow-x: hidden; }

  [style*="px 80px 0px"],
  [style*="px 80px 60px"],
  [style*="px 80px 110px"],
  [style*="px 80px 140px"] { padding-left: 40px !important; padding-right: 40px !important; }

  /* menü: "Yeni projelere açık" yazısını gizle, aralıkları daralt */
  span[style*="font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.78)"] { display: none !important; }
  nav[style*="gap: 26px"] { gap: 16px !important; }
  div[style*="gap: 28px; font-size: 15px; font-weight: 500"] { gap: 18px !important; }

  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns: 1fr 1fr 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; }
  [style*="grid-template-columns: 1.6fr 1fr 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; }

  h1[style*="font-size: 82px"] { font-size: 60px !important; }
  h1[style*="font-size: 72px"] { font-size: 56px !important; }
  h1[style*="font-size: 64px"] { font-size: 50px !important; }
  h2[style*="font-size: 66px"], h2[style*="font-size: 64px"], h2[style*="font-size: 60px"] { font-size: 48px !important; }
  h2[style*="font-size: 58px"], h2[style*="font-size: 56px"] { font-size: 44px !important; }
  h2[style*="font-size: 52px"], h2[style*="font-size: 50px"] { font-size: 42px !important; }
}

/* Mobil menü (mobile-menu.js tarafından eklenir) */
.nb-burger { display: none; }
@media (max-width: 860px) {
  .nb-burger {
    display: flex; align-items: center; justify-content: center; flex: none;
    width: 40px; height: 40px; border-radius: 999px; cursor: pointer;
    border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: #fff;
  }
  .nb-burger span { display: block; width: 16px; height: 2px; background: currentColor; border-radius: 2px; position: relative; transition: background .2s; }
  .nb-burger span::before, .nb-burger span::after { content: ""; position: absolute; left: 0; width: 16px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .2s; }
  .nb-burger span::before { top: -5px; }
  .nb-burger span::after { top: 5px; }
  .nb-burger[aria-expanded="true"] span { background: transparent; }
  .nb-burger[aria-expanded="true"] span::before { transform: translateY(5px) rotate(45deg); }
  .nb-burger[aria-expanded="true"] span::after { transform: translateY(-5px) rotate(-45deg); }

  .nb-menu {
    position: fixed; left: 12px; right: 12px; top: 80px; z-index: 2147482000;
    display: none; flex-direction: column; gap: 4px; padding: 14px;
    border-radius: 22px; border: 1px solid rgba(202,255,51,.3);
    background: linear-gradient(160deg, #182010, #080b06);
    box-shadow: 0 30px 70px -20px rgba(0,0,0,.95);
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  }
  .nb-menu.open { display: flex; }
  .nb-menu a { display: block; padding: 14px 16px; border-radius: 14px; font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; }
  .nb-menu a:hover, .nb-menu a[aria-current="page"] { background: rgba(202,255,51,.1); color: #CAFF33; }
  .nb-menu .nb-menu-foot { display: flex; gap: 10px; margin-top: 8px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); }
  .nb-menu .nb-menu-foot a { flex: 1; text-align: center; font-size: 15px; padding: 12px; border: 1px solid rgba(255,255,255,.18); }
  .nb-menu .nb-menu-foot a.nb-cta { border: 0; background: linear-gradient(105deg,#DBFF6E,#B4EE1F); color: #0A0D1C; }
}