/* HaarLab Mobile Fix v2 — Tüm mobil sorunları */

/* ============================
   GENEL MOBIL
   ============================ */
@media (max-width: 768px) {

  /* Container taşmasını önle */
  body {
    overflow-x: hidden;
  }

  .container {
    width: calc(100% - 24px);
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  /* ============================
     HEADER
     ============================ */
  .site-header {
    padding: 10px 14px;
    flex-wrap: wrap;
    gap: 8px;
  }

  .site-header nav {
    display: none;
  }

  .header-phone {
    font-size: 13px;
  }

  .brand-logo-img {
    max-height: 44px;
    max-width: 140px;
  }

  /* Lang switcher küçük */
  .lang-switcher {
    gap: 4px;
  }

  .lang-code {
    display: none; /* Sadece bayrak göster */
  }

  /* ============================
     HERO
     ============================ */
  .premium-hero {
    min-height: auto !important;
  }

  .hero-grid {
    grid-template-columns: 1fr !important;
    padding: 40px 0 32px;
    gap: 28px;
  }

  .hero-copy {
    padding: 0 4px;
    text-align: left;
  }

  /* Eyebrow — taşmasın */
  .eyebrow {
    font-size: 10px;
    letter-spacing: 0.10em;
    word-break: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 100%;
    display: block;
  }

  /* H1 — mobilde küçül + taşma önle */
  .hero h1,
  .premium-hero h1,
  .hero-copy h1 {
    font-size: 28px !important;
    line-height: 1.15;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
  }

  /* Hero section overflow */
  .premium-hero,
  .hero {
    overflow-x: hidden;
  }

  .hero-copy {
    overflow: hidden;
    max-width: 100%;
  }

  /* Lead text */
  .hero .lead {
    font-size: 15px;
    line-height: 1.6;
  }

  /* CTA butonları — tam genişlik */
  .cta-row {
    flex-direction: column;
    gap: 10px;
    margin: 22px 0;
  }

  .cta-row .btn {
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 14px 20px;
  }

  /* Hero trust badges — dikey */
  .hl-hero-trust-row {
    flex-direction: column;
    gap: 8px;
  }

  .hl-hero-trust-item {
    font-size: 13px;
    padding: 8px 12px;
  }

  /* Hero stats */
  .hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
  }

  .hero-stats span {
    flex: 1 1 calc(50% - 8px);
    min-width: 120px;
    font-size: 13px;
    padding: 10px 12px;
    text-align: center;
  }

  /* Hero wizard slot */
  .hero-wizard-slot {
    padding: 0 0 24px;
  }

  /* ============================
     SECTIONS
     ============================ */
  .benefit-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .benefit-card {
    padding: 16px 12px;
  }

  .benefit-card h3 {
    font-size: 14px;
  }

  /* Section başlık */
  .section-head {
    display: block;
    margin-bottom: 24px;
  }

  .section-head h2 {
    font-size: 26px;
    margin-bottom: 12px;
  }

  /* Servisler */
  .services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Blog grid */
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Results */
  .results-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  /* Why section */
  .why-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .why-grid h2 {
    font-size: 26px;
  }

  .why-cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* Showcase */
  .showcase-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .showcase-large {
    min-height: 240px;
  }

  /* Method steps */
  .steps {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* Trust strip */
  .premium-trust-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .premium-trust-grid b {
    font-size: 22px;
  }

  /* Locations */
  .location-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .location-cards {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  /* Map */
  .map-card img {
    width: 100%;
    height: auto;
  }

  /* Review */
  .review-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Expertise */
  .expertise-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  /* ============================
     INNER PAGES
     ============================ */
  .inner-hero h1,
  .location-hero h1 {
    font-size: 28px !important;
    line-height: 1.2;
  }

  .inner-hero-content,
  .location-hero-content {
    padding: 40px 0 32px;
  }

  /* ============================
     FLOATING BUTTONS
     ============================ */
  .hl-floating-actions {
    bottom: 16px;
    right: 12px;
    gap: 10px;
  }

  .floating-wa,
  .floating-phone {
    width: 48px;
    height: 48px;
  }
}

/* ============================
   KÜÇÜK TELEFONLAR (max 390px)
   ============================ */
@media (max-width: 390px) {
  .hero h1,
  .premium-hero h1,
  .hero-copy h1 {
    font-size: 24px !important;
    line-height: 1.18;
  }

  .eyebrow {
    font-size: 9px;
    letter-spacing: 0.08em;
  }

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

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

  .location-cards {
    grid-template-columns: 1fr;
  }

  .hero-stats span {
    flex: 1 1 100%;
  }

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

  .premium-trust-grid {
    grid-template-columns: 1fr 1fr;
  }
}