/* Mobil düzen düzeltmeleri */

/* Tipografi — rem tabanlı tüm yazılar orantılı küçülür */
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .about-grid,
  .about-split {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .about-img-wrap {
    max-width: 520px;
    margin-inline: auto;
  }
}

@media (max-width: 768px) {
  .about-hero-section {
    padding-bottom: 3rem;
  }

  .about-grid {
    gap: 2rem;
  }

  .about-grid > div:first-child {
    min-width: 0;
    width: 100%;
  }

  .about-img-wrap {
    position: relative;
    width: 100%;
    max-width: none;
    margin-top: 0.5rem;
    padding-bottom: 0;
  }

  .about-img-main picture,
  .about-img-main img {
    height: clamp(220px, 55vw, 320px);
  }

  .about-img-accent {
    position: static;
    width: min(72%, 260px);
    margin: -2.5rem 0 0 auto;
    left: auto;
    bottom: auto;
    border-width: 3px;
  }

  .about-img-accent picture,
  .about-img-accent img {
    height: clamp(120px, 32vw, 160px);
  }

  .about-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem;
  }

  .about-card {
    padding: 1.75rem;
  }

  .about-values-grid,
  .why-canvas__grid.about-values-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .about-img-accent {
    width: min(78%, 240px);
    margin-top: -2rem;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }
}