/* Özkoçak Harita — tablet ve mobil */

@media (max-width: 1100px) {
  :root { --container: 100%; }
  .container { width: min(100% - 2rem, 1080px); }
  .cards, .grid-3, .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-4, .stats, .process, .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .split, .split-rev { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .header-cta { display: none; }
  .nav-toggle {
    display: inline-grid;
    grid-template-columns: 1fr;
    align-content: center;
    justify-items: center;
  }
  .nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 95;
    width: min(22rem, 88vw);
    height: 100dvh;
    margin: 0;
    padding: calc(var(--header-h) + 0.8rem) 1rem 1.5rem;
    background: var(--sheet);
    border-left: 1px solid var(--line);
    transform: translateX(110%);
    transition: transform 0.22s ease;
    overflow: auto;
  }
  .nav-open .nav { transform: none; }
  .nav-list {
    flex-direction: column;
    align-items: stretch;
    gap: 0.15rem;
  }
  .nav-list > li > a,
  .dropdown-toggle {
    width: 100%;
    justify-content: space-between;
  }
  .dropdown {
    position: static;
    min-width: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    background: transparent;
    max-height: 0;
    overflow: hidden;
    padding: 0 0 0 0.5rem;
  }
  .has-dropdown:hover > .dropdown,
  .has-dropdown:focus-within > .dropdown {
    max-height: 0;
  }
  .has-dropdown.is-open > .dropdown {
    max-height: 28rem;
    overflow: auto;
  }
  .hero { min-height: 58vh; padding: 2.4rem 0 3rem; align-items: center; }
  .cta-band .container { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 640px) {
  body { font-size: 1rem; }
  .section { padding: 3.1rem 0; }
  .cards, .grid-3, .grid-2, .blog-grid, .stats, .process, .steps, .form-row, .footer-grid {
    grid-template-columns: 1fr;
  }
  .hero { min-height: auto; }
  .hero-actions .btn { width: 100%; }
  .mobile-cta { display: grid; }
  .wa-float { display: none; }
  .site-footer { padding-bottom: 5.8rem; }
}

@media (max-width: 420px) {
  .container { width: min(100% - 1.4rem, 1080px); }
  .logo-text { display: none; }
}