/* =====================================================
   MOBILE FIXES — Tüm Sayfalara Uygulanan Mobil Düzeltmeler
   Masaüstü tasarımına hiçbir değişiklik yapmaz.
   ===================================================== */

/* ── GLOBAL: responsive medya + taşma guard ── */
img {
  max-width: 100%;
  height: auto;
}

iframe,
video {
  max-width: 100%;
}

pre {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Uzun URL / metinler mobilde taşmasın */
* {
  overflow-wrap: break-word;
}

/* ── GENEL: Yatay taşmayı önle ── */
@media (max-width: 900px) {
  html, body {
    overflow-x: hidden;
  }

  .container {
    width: calc(100% - 32px);
  }

  /* Section padding'leri küçült */
  .section {
    padding: 56px 0;
  }

  /* Section başlıkları */
  .section-head h2 {
    font-size: clamp(26px, 6vw, 40px);
  }

  /* Topbar — mobilde sadece iletişim linkleri */
  .topbar-inner {
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0;
    min-height: auto;
  }
  .topbar-inner p {
    display: none;
  }

  /* Header */
  .header-inner {
    min-height: 64px;
  }

  /* Brand logo */
  .brand-logo {
    max-height: 42px;
  }

  /* Stat cards — 2 sütuna */
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* İki sütunlu layoutlar — tek sütuna */
  .two-col,
  .process-panel,
  .hero-grid,
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Footer alt kısım */
  .footer-bottom-inner {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }

  .footer-grid {
    padding: 40px 0;
    gap: 28px;
  }

  /* Hizmetler & testimonial grid — 2 sütun */
  .services-grid,
  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Referanslar — 3 sütun */
  .references-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Form grid — tek sütun */
  .form-grid {
    grid-template-columns: 1fr;
  }

  /* Hero badges alanı */
  .hero-badges {
    left: 16px;
    right: 16px;
    bottom: 20px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  /* Hero görsel */
  .hero-visual {
    min-height: 320px;
  }

  /* WhatsApp butonu konumu */
  .whatsapp-float {
    left: 16px;
    bottom: 16px;
    width: 54px;
    height: 54px;
    font-size: 24px;
  }
}

/* ── 600px ve altı: Tek sütun her şey ── */
@media (max-width: 600px) {
  .section {
    padding: 44px 0;
  }

  .stats-grid,
  .services-grid,
  .testimonials-grid,
  .references-grid {
    grid-template-columns: 1fr;
  }

  .hero-grid {
    padding: 32px 0 48px;
  }

  .hero-copy h1,
  .page-title {
    font-size: clamp(28px, 8vw, 42px);
    letter-spacing: -0.025em;
  }

  .hero-copy p,
  .lead {
    font-size: 16px;
  }

  .hero-actions {
    flex-direction: column;
    gap: 10px;
  }

  .hero-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .stat-pills {
    gap: 8px;
  }

  .stat-pill {
    font-size: 13px;
    padding: 10px 13px;
  }

  /* section-head */
  .section-head h2 {
    font-size: clamp(24px, 7vw, 34px);
  }

  /* Footer linkler */
  .footer-links {
    gap: 8px;
  }
}

/* ── BLOG SAYFASI ── */
@media (max-width: 900px) {
  .blog-hero-card {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .blog-hero-copy h1 {
    font-size: clamp(32px, 7vw, 54px);
  }

  .featured-blog-card {
    grid-template-columns: 1fr;
  }

  .featured-blog-image {
    min-height: 220px;
  }

  .blog-grid-premium {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-cta-card {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .blog-results-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

@media (max-width: 600px) {
  .blog-grid-premium {
    grid-template-columns: 1fr;
  }

  .blog-hero-copy h1 {
    font-size: clamp(28px, 8vw, 40px);
  }

  .featured-blog-body {
    padding: 22px 18px;
  }
}

/* ── İLETİŞİM SAYFASI ── */
@media (max-width: 900px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}

/* ── ÜRÜN SAYFASI ── */
@media (max-width: 900px) {
  .product-hero {
    padding: 60px 0 42px;
  }

  .product-hero h1 {
    font-size: clamp(28px, 6vw, 44px);
  }

  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .feature-grid {
    grid-template-columns: 1fr;
  }

  .product-cta-row {
    flex-direction: column;
    align-items: center;
  }

  .product-cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ── SEGMENT SECTION ── */
@media (max-width: 900px) {
  .segment-section {
    padding: 60px 0;
  }

  .segment-panel {
    grid-template-columns: 1fr;
  }

  .segment-image-wrap {
    min-height: 320px;
  }

  .segment-tabs {
    width: 100%;
    border-radius: 18px;
    padding: 6px;
  }

  .segment-tab {
    font-size: 13px;
    padding: 10px 13px;
  }
}

@media (max-width: 600px) {
  .segment-cards {
    grid-template-columns: 1fr;
  }

  .segment-header h2 {
    font-size: clamp(24px, 7vw, 36px);
  }

  .segment-image-overlay h3 {
    font-size: 22px;
  }
}

/* ── STACK PRODUCTS ── */
@media (max-width: 900px) {
  .stack-products-section {
    padding: 60px 0 30px;
  }

  .stack-card:nth-child(1),
  .stack-card:nth-child(2),
  .stack-card:nth-child(3) {
    top: auto !important;
  }
}

/* ── HAKKIMIZDA ── */
@media (max-width: 600px) {
  .about-stats-bar {
    grid-template-columns: 1fr 1fr;
  }

  .about-inner {
    grid-template-columns: 1fr;
  }

  .about-right h1 {
    font-size: clamp(26px, 7vw, 36px);
  }
}

/* ── TRUST STRIP ── */
@media (max-width: 600px) {
  .trust-strip-grid {
    grid-template-columns: 1fr;
  }

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

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

/* ── PREMIUM INLINE CTA ── */
@media (max-width: 900px) {
  .premium-inline-cta {
    flex-direction: column;
    text-align: center;
    gap: 18px;
  }

  .inline-cta-actions {
    justify-content: center;
  }
}

/* ── SERVICE HERO GRID ── */
@media (max-width: 900px) {
  .service-hero-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ── HIZMET SAYFASI ── */
@media (max-width: 900px) {
  .service-detail-hero {
    padding: 60px 0 40px;
  }

  .service-body-card {
    padding: 24px 18px;
  }
}

/* ── HERO-UYUMSOFT (orange hero) ── */
@media (max-width: 900px) {
  .hero-uyumsoft {
    padding: 56px 0;
  }

  .hero-uyumsoft-inner {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    align-items: start;
  }

  .hero-left h1 {
    font-size: clamp(28px, 7vw, 40px);
  }

  .hero-side-card {
    width: 100%;
    max-width: 100%;
  }
}

/* Mobil/Tablet sekmeler: kapsül görünümünü kaldır, modern "chip" yap */
@media (max-width: 900px) {
  .hero-uyumsoft .hero-tabs {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 0 !important;
    margin: 0 0 18px !important;
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
  }

  .hero-uyumsoft .hero-tabs button {
    width: auto !important;
    flex: 0 1 auto;
    white-space: nowrap;
    padding: 12px 16px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.01em;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  }

  .hero-uyumsoft .hero-tabs button.active {
    background: #ffffff;
    border-color: rgba(255, 255, 255, 0.9);
    color: #ff7a00;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.14);
  }

  .hero-uyumsoft .hero-tabs button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 2px;
  }
}

/* ── NETFECT / SIENA / DONANIM ortak mockup (u-*) mobil düzeltmeleri ── */
@media (max-width: 900px) {
  .u-hero {
    padding-top: 72px !important;
    min-height: auto !important;
  }

  .u-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .u-dashboard {
    width: 100%;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 24px !important;
  }

  .u-screen {
    min-height: 320px !important;
    border-radius: 22px !important;
  }

  .u-screen-top {
    height: 56px !important;
    padding: 0 16px !important;
  }

  .u-screen-content {
    padding: 18px !important;
  }

  .u-metric-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── PICKER PREMIUM (tab-based picker) ── */
@media (max-width: 900px) {
  .picker-grid,
  .picker-layout {
    grid-template-columns: 1fr;
  }
}

/* ── MEGA MENU: mobilde kapatılmış zaten, ama min-width guard ── */
@media (max-width: 900px) {
  .mega-menu-v2,
  .dropdown-menu {
    display: none !important;
  }
}

/* ── REFERENCES GRID (6 sütun → küçük ekranlara) ── */
@media (max-width: 900px) {
  .references-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .references-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ── PAGE HERO ── */
@media (max-width: 600px) {
  .page-hero {
    padding: 60px 0 38px;
  }

  .page-content-card {
    padding: 20px 16px;
  }
}

/* ── EFATURA SAYFASI ── */
@media (max-width: 900px) {
  .efatura-grid,
  .efatura-features {
    grid-template-columns: 1fr;
  }
}

/* ── NETFECT SUITE ── */
@media (max-width: 600px) {
  .netfect-suite-grid {
    grid-template-columns: 1fr;
  }
}

/* ── GENEL BUTON SARMA ── */
@media (max-width: 480px) {
  .hero-actions,
  .search-actions,
  .product-cta-row,
  .inline-cta-actions {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .hero-actions .btn,
  .search-actions .btn,
  .product-cta-row .btn,
  .inline-cta-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ── ORBITAL SERVICES (fallback): 900px altında pozisyona ihtiyacı yok ── */
@media (max-width: 900px) {
  .orbital-services-wrap {
    width: 100%;
    height: auto;
  }
}

/* ── FOOTER GRID ── */
@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* ── TAŞAN TABLOLAR / YATAY KAYDIRMA ── */
@media (max-width: 900px) {
  .admin-table,
  .premium-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ── BLOG DETAIL ── */
@media (max-width: 900px) {
  .blog-detail-wrap {
    padding: 50px 0;
  }

  .blog-detail-hero {
    padding: 24px 18px;
  }

  .blog-detail-hero h1 {
    font-size: clamp(28px, 7vw, 48px);
  }

  .blog-block {
    padding: 20px 16px;
  }
}

/* ── STAT VALUE boyut düzeltme ── */
@media (max-width: 600px) {
  .stat-value {
    font-size: 36px;
  }
}

/* ── SOLUTION STACK: min-height override ── */
@media (max-width: 768px) {
  .solution-stack-section {
    height: auto !important;
    padding: 60px 0;
  }

  .solution-stack-sticky {
    position: relative !important;
    top: auto !important;
    height: auto !important;
  }

  .solution-groups-grid {
    height: auto !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    perspective: none;
  }

  .solution-group-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    max-width: 100% !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  .solution-stack-sticky h2 {
    font-size: clamp(28px, 7vw, 40px);
  }
}

/* ══════════════════════════════════════════════════
   1. HERO SIENA — TAB'LARın MOBİL DÜZENİ
   ══════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .hero-sienav2-inner {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .hero-sienav2 .hero-left {
    padding-bottom: 28px;
  }

  .hero-sienav2 .hero-tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 18px;
    padding: 6px;
    gap: 6px;
    margin-bottom: 22px;
  }

  .hero-sienav2 .hero-tabs button {
    width: 100%;
    text-align: center;
    padding: 13px 18px;
    border-radius: 12px;
    font-size: 14px;
  }

  .hero-sienav2 .hero-tabs button.active {
    background: #fff;
    color: #ff7a00;
    box-shadow: 0 6px 16px rgba(0,0,0,0.10);
  }

  .hero-sienav2 .hero-main-content h1,
  .hero-main-content h1 {
    font-size: clamp(26px, 7vw, 38px) !important;
    letter-spacing: -0.025em;
  }

  .hero-main-content p {
    font-size: 15px;
  }

  .hero-sienav2 .hero-side-card {
    transform: none !important;
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    margin-bottom: 0;
  }

  .hero-sienav2 .hero-side-card img {
    height: 200px;
    object-fit: cover;
  }

  .hero-sienav2 .hero-main-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    padding: 14px 24px;
  }

  .hero-sienav2 .hero-main-card img {
    height: 200px;
  }
}

/* ══════════════════════════════════════════════════
   2. ORBİTAL İKON KARTLARI — MOBİL DÜZELTMESİ
   ══════════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .orbital-services-wrap {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-top: 32px;
  }

  .orbital-ring,
  .orbital-center {
    display: none !important;
  }

  .orbital-rotator {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .orbital-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 150px !important;
    border-radius: 20px !important;
    padding: 20px 16px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,0.07) !important;
  }

  .orbital-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,0.12) !important;
  }

  .orbital-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 18px;
    margin-bottom: 12px;
  }

  .orbital-card h3 {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .orbital-card p {
    font-size: 13px;
    line-height: 1.55;
  }
}

@media (max-width: 600px) {
  .orbital-rotator {
    grid-template-columns: 1fr !important;
  }

  .orbital-services-section {
    padding: 56px 0 44px;
  }

  .orbital-services-section .section-head h2 {
    font-size: clamp(24px, 7vw, 36px);
  }
}

/* ══════════════════════════════════════════════════
   3. İLETİŞİM — HARİTA & KARTLAR TAŞMA DÜZELTMESİ
   ══════════════════════════════════════════════════ */

/* iframe: hardcoded width="550" ezilsin — tüm ekranlarda */
.map-box2 iframe,
.map-box iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

.map-box2,
.map-box {
  width: 100%;
  overflow: hidden;
}

.map-overlay-card {
  max-width: calc(100% - 28px);
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .map-box2 iframe {
    height: 340px !important;
  }

  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }

  .contact-action-card {
    padding: 20px 16px !important;
    min-height: auto;
  }

  .contact-info-box {
    padding: 24px 18px !important;
  }

  .info-item {
    width: 100%;
    min-width: 0;
  }

  .info-content {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .info-content p,
  .info-content a {
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .map-overlay-content {
    max-width: calc(100vw - 80px);
    padding: 12px 14px;
  }

  .map-overlay-content h4 {
    font-size: 14px;
  }

  .map-overlay-content p {
    font-size: 12px;
    max-width: none;
  }
}

@media (max-width: 600px) {
  .map-box2 iframe {
    height: 260px !important;
  }

  .contact-hero {
    padding: 60px 0 54px;
  }

  .contact-hero-inner h1 {
    font-size: clamp(26px, 7vw, 38px);
  }

  .map-overlay-card {
    left: 10px;
    right: 10px;
    bottom: 10px;
    gap: 10px;
    max-width: none;
  }
}