/* ==========================================================================
   Mobil elden gecirme
   style.css ve responsive.css'e dokunmadan, en sona yuklenen duzeltme katmani.

   Cozdugu somut sorunlar:
     1. Bolunmus hero telefonda 1127px yer kapliyordu (icerige inmeden 1.4 ekran)
     2. Dil degistirici telefonda tamamen gizliydi (display:none)
     3. Dokunma hedefleri cok kucuktu (26-36px; olmasi gereken >=44px)
     4. Urun izgarasinda kartlar birbirine yapisikti (gap:0)
   ========================================================================== */

/* ---------------------------------------------------------------
   1. BOLUNMUS HERO - telefonda kompakt
   --------------------------------------------------------------- */
@media (max-width: 900px) {
  .split-panel { padding: 26px 20px 24px; }
  .split-icon { display: none; }

  .split-eyebrow {
    margin-bottom: 13px;
    padding: 5px 12px;
    font-size: .66rem;
    letter-spacing: .08em;
  }

  .split-title {
    font-size: 1.5rem;
    line-height: 1.22;
    margin-bottom: 10px;
  }

  /* Aciklamayi 3 satirla sinirla: bilgi kaybolmasin ama hero sismesin */
  .split-desc {
    font-size: .89rem;
    line-height: 1.55;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .split-chips { gap: 6px; margin-bottom: 16px; }
  .split-chip { padding: 4px 10px; font-size: .7rem; }

  /* Butonlar alt alta degil yan yana -> panel basina ~55px kazanc */
  .split-actions { gap: 9px; }
  .split-actions .split-btn {
    flex: 1 1 calc(50% - 5px);
    justify-content: center;
    min-height: 46px;
    padding: 11px 10px;
    font-size: .82rem;
  }
  .split-actions .split-btn i { font-size: .85rem; }
}

@media (max-width: 380px) {
  .split-title { font-size: 1.34rem; }
  .split-actions .split-btn { flex: 1 1 100%; }
}

/* ---------------------------------------------------------------
   2. DOKUNMA HEDEFLERI - hepsi en az 44px
   --------------------------------------------------------------- */
@media (max-width: 900px) {
  .site-switch { padding: 3px; margin-right: 8px; }
  .site-switch-btn {
    min-width: 46px;
    min-height: 42px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .site-switch-btn i { font-size: .95rem; }

  .hamburger {
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
  }

  .btn-info-al,
  .info-request-btn { min-height: 44px; }

  .filter-btn {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
  }

  .mobile-cta a { min-height: 48px; }

  .nav-link { min-height: 48px; display: flex; align-items: center; }
}

/* ---------------------------------------------------------------
   3. DIL DEGISTIRICI - mobil menu icinde
   Ust bardaki kopya <=768px'te gizli; menudeki kopya orada gorunur.
   --------------------------------------------------------------- */
.lang-switcher-mobil { display: none; }

@media (max-width: 768px) {
  .lang-switcher-mobil {
    display: flex;
    gap: 8px;
    /* .nav'da align-items:center oldugu icin icerik kadar daraliyordu */
    width: 100%;
    align-self: stretch;
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid var(--dark-border);
  }
  .lang-switcher-mobil .lang-btn {
    flex: 1;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    border: 1px solid var(--dark-border);
    background: rgba(255, 255, 255, .04);
    color: var(--text-secondary);
    font-weight: 700;
    font-size: .82rem;
    transition: var(--transition);
  }
  .lang-switcher-mobil .lang-btn.active {
    color: var(--dark);
    background: var(--primary);
    border-color: var(--primary);
  }
  body.site-3d .lang-switcher-mobil .lang-btn.active { color: #fff; }
}

/* ---------------------------------------------------------------
   4. URUN IZGARASI - yapisik kartlar duzeltmesi
   --------------------------------------------------------------- */
@media (max-width: 480px) {
  .products-grid { gap: 12px; }
  .product-name { font-size: .84rem; line-height: 1.35; }
  .product-image { height: 150px; }
}

/* ---------------------------------------------------------------
   5. VURAL 3D - mobil ince ayarlar
   --------------------------------------------------------------- */
@media (max-width: 900px) {
  .v3d-hero { padding: 54px 0 44px; }
  .v3d-wordmark { font-size: clamp(2.3rem, 12vw, 3.4rem); letter-spacing: -.035em; }
  .v3d-wordmark small { font-size: .34em; margin-top: 12px; line-height: 1.45; }
  .v3d-lead { font-size: .93rem; line-height: 1.65; margin-bottom: 26px; }
  .v3d-kicker { margin-bottom: 20px; font-size: .68rem; }
  .v3d-cta .v3d-btn { min-height: 50px; padding: 13px 22px; }

  .v3d-cats { grid-template-columns: 1fr; gap: 16px; }
  .v3d-cat-body { padding: 16px 17px; }
  .v3d-cat-body h3 { font-size: .99rem; }
  .v3d-cat-body p { font-size: .79rem; }

  .v3d-stats { grid-template-columns: 1fr 1fr; }
  .v3d-stat { padding: 20px 14px; }

  .v3d-head { margin-bottom: 30px; }
  .v3d-head h2 { font-size: 1.5rem; }
  .v3d-head p { font-size: .91rem; }

  .v3d-ticker { padding: 12px 0; }
  .v3d-ticker-track { gap: 26px; }
  .v3d-ticker-item { font-size: .76rem; }

  .site3d-hero { padding: 50px 0 40px; }
  .printer-art { max-width: 320px; }
  .svc3d-grid { grid-template-columns: 1fr; gap: 14px; }
  .steps3d { grid-template-columns: 1fr; gap: 22px; }
  .mat-row { gap: 8px; }
  .mat-pill { font-size: .78rem; padding: 8px 13px; }
}

/* ---------------------------------------------------------------
   6. GENEL MOBIL OKUNABILIRLIK
   --------------------------------------------------------------- */
@media (max-width: 768px) {
  /* Sabit ustbar + alt aksiyon cubugu icin guvenli bosluk */
  .main { padding-bottom: 76px; }

  .section { padding: 44px 0; }
  .section-title { font-size: 1.4rem; line-height: 1.25; }
  .section-subtitle { font-size: .92rem; }

  .page-hero { padding-top: 88px; padding-bottom: 26px; }
  .page-title { font-size: 1.45rem; line-height: 1.25; }
  .page-subtitle { font-size: .92rem; }

  /* Uzun kategori/filtre siralari tasmasin */
  .category-filter { gap: 8px; }

  /* Formlar: iOS'ta otomatik yakinlastirmayi engellemek icin >=16px */
  input[type="text"], input[type="tel"], input[type="email"],
  input[type="number"], select, textarea, .form-control { font-size: 16px; }

  /* Tablolar ve genis icerikler yatay kaydirilabilsin */
  .pd-specs, .pd-tab-content table { overflow-x: auto; display: block; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .split-panel::before, .v3d-cat img, .logo-3d .v3d-mark { transition: none; }
}