/* Telefon ve küçük ekranlar için ortak ayarlar. Her sayfada en son yüklenir. */
@media (max-width:640px){
  body{font-size:15px;line-height:1.5}
  .wrap{padding-inline:16px}

  /* Menü */
  .top .wrap{padding-block:10px;gap:8px}
  .brand{font-size:.98rem}
  .brandmark{width:26px;height:26px;font-size:12px}
  .nav{gap:0}
  .nav a{font-size:.78rem;padding:6px 8px}
  .nav a.cta{font-size:.7rem;padding:6px 12px}

  /* Başlıklar ve giriş metinleri */
  h1{font-size:1.75rem;line-height:1.12;margin-top:8px}
  h2,.sec > h2{font-size:1.25rem;line-height:1.2}
  h3{font-size:1rem}
  .lead{font-size:.95rem;line-height:1.5;margin-top:12px}
  .sub,.section-lead{font-size:.9rem}
  .eyebrow,.kicker{font-size:.68rem}
  .hero-inner{padding-block:32px 28px}
  .section{padding-block:28px}
  .rule{margin-top:14px}

  /* Kartlar, paneller, tablolar */
  .panel,.box{padding:16px}
  .tile,.stat{padding:12px 14px}
  .tile b,.stat b{font-size:1.4rem}
  table{font-size:.84rem}
  th,td{padding:7px 8px}
  .note{font-size:.82rem;padding:8px 12px}
  .src{font-size:.74rem}
  footer p,footer{font-size:.8rem}

  /* Form alanları */
  select,input[type=search],input[type=text]{font-size:.9rem}
}

/* Üst menü: 1180 px ve altında hamburger (assets/menu.js); tam menü ancak 1181 px'ten itibaren tek satıra sığıyor */
.menu-btn,.cta-mobil{display:none}
@media (max-width:1180px){
  .top{position:relative}
  .top .wrap{flex-wrap:nowrap;min-height:58px;height:auto;padding-block:8px;gap:8px}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;padding:0;border:1px solid var(--line-strong);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
  .menu-btn path{transition:transform .2s,opacity .2s;transform-origin:12px 12px}
  .menu-acik .menu-btn .m1{transform:translateY(5px) rotate(45deg)}
  .menu-acik .menu-btn .m2{opacity:0}
  .menu-acik .menu-btn .m3{transform:translateY(-5px) rotate(-45deg)}
  .top .cta-mobil{display:inline-flex;align-items:center;margin-left:auto;min-height:32px;padding:0 11px;border-radius:7px;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--on-accent);background:var(--accent-grad)}
  .top .nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;margin:0;padding:6px 16px 14px;background:#2B2E34;border-bottom:1px solid var(--divider);box-shadow:0 22px 34px rgba(0,0,0,.5);max-height:calc(100vh - 70px);overflow-y:auto}
  .top.menu-acik .nav{display:flex}
  .top .nav a{font-size:.95rem;font-weight:500;padding:13px 6px;border-radius:0;border-bottom:1px solid var(--line);color:var(--ink)}
  .top .nav a:last-child{border-bottom:0}
  .top .nav a[aria-current]:not(.cta){box-shadow:inset 3px 0 0 var(--accent);padding-left:14px;color:var(--accent-soft)}
  .top .nav a.cta{display:none}
}

/* Telefon: daha küçük yazılar */
@media (max-width:640px){
  body{font-size:14px;line-height:1.5}
  h1{font-size:1.5rem}
  h2,.sec > h2{font-size:1.1rem}
  h3{font-size:.95rem}
  .lead{font-size:.88rem}
  .sub,.section-lead{font-size:.84rem}
  .hero-inner{padding-block:24px 22px}
  .brand{font-size:.92rem}
}
@media (max-width:1180px){
  .top .brand{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:420px){
  .top .wrap{gap:6px}
  .top .brand{font-size:.84rem;gap:8px}
  .top .cta-mobil{padding:0 9px;font-size:.54rem;letter-spacing:.04em}
  .menu-btn{width:40px;height:40px}
}

/* Masaüstü: menü tek satıra sığsın; araç detayındaki bölüm menüsü üst menünün altında dursun */
@media (min-width:1181px){
  .top .nav a{padding:8px 8px;font-size:.82rem}
  .top .nav a.cta{padding-inline:14px;margin-left:6px}
  .brand{font-size:1rem}
}
@media (min-width:1181px){
  .top .nav{flex-wrap:nowrap}
  .subnav{top:72px}
}
/* Menü bağlantıları hiçbir zaman iki satıra kırılmasın */
.nav a{white-space:nowrap}