@media (max-width: 767px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
  .container { padding: 0 16px !important; }
  .section { padding: 40px 0 !important; }
  h1 { font-size: clamp(22px, 6vw, 32px) !important; }
  h2 { font-size: clamp(19px, 5vw, 26px) !important; }
  h3 { font-size: clamp(16px, 4.5vw, 22px) !important; }
  .page-banner-area { padding: 28px 16px !important; }
  .page-banner-area h1 { font-size: clamp(20px, 6vw, 30px) !important; }
  .foto-slider-hero { aspect-ratio: 4/3 !important; max-height: 75vw !important; }
  .slide-text-overlay, .slide-text-sol, .slide-text-orta, .slide-text-sag { bottom: 14px !important; left: 14px !important; right: 14px !important; padding: 0 !important; max-width: 100% !important; transform: none !important; }
  .slide-baslik { font-size: clamp(16px, 5vw, 24px) !important; line-height: 1.2 !important; }
  .slide-altyazi { display: none !important; }
  .hero-content-band { padding: 36px 0 32px !important; }
  .hero-content-band h1 { font-size: clamp(20px, 6vw, 30px) !important; }
  .hcb-highlights { grid-template-columns: 1fr !important; }
  .hero-btns { flex-direction: column !important; }
  .hbtn { width: 100% !important; justify-content: center !important; }
  .iletisim-hero { padding: 40px 0 32px !important; }
  .iletisim-info-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .iletisim-cols { grid-template-columns: 1fr !important; }
  .iletisim-form-card { padding: 24px 18px !important; }
  .form-row { grid-template-columns: 1fr !important; }
  .proje-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .cards-grid { grid-template-columns: 1fr !important; }
  .cards-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
  .quick-links-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .about-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .about-visual { height: 220px !important; }
  .services-grid { grid-template-columns: 1fr !important; }
  .contact-grid { grid-template-columns: 1fr !important; }
  .contact-form { padding: 22px 16px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .footer-bottom .container { flex-direction: column !important; text-align: center !important; }
  .urun-bar-item { flex: 0 0 85vw !important; width: 85vw !important; }
  .section-header h2 { font-size: clamp(18px, 5.5vw, 26px) !important; }
  .page-header { padding: 36px 0 !important; }
  .page-header h1 { font-size: clamp(20px, 6vw, 30px) !important; }
  .harita-card iframe { height: 220px !important; }
}
@media (max-width: 480px) {
  .container { padding: 0 12px !important; }
  .quick-links-grid { grid-template-columns: 1fr !important; }
  .cards-grid-4 { grid-template-columns: 1fr !important; }
  .urun-bar-item { flex: 0 0 92vw !important; width: 92vw !important; }
  .iletisim-form-card { padding: 18px 14px !important; }
  .info-card { padding: 18px 14px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .proje-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .iletisim-info-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .iletisim-cols { grid-template-columns: 1fr !important; }
  .footer-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .cards-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ══ OKUNAKLILIK DÜZELTMELERİ — TÜM EKRANLAR ══ */

/* Koyu sayfalarda silik yazıları düzelt */
body.dark-page p,
body.dark-page li,
body.dark-page td,
body.dark-page span:not(.urun-status-txt):not(.urun-no):not(.urun-ok-label) {
  color: rgba(255,255,255,0.88) !important;
}

/* Tablo label'ları (TOPLAM ALAN, EN x BOY vs) */
body.dark-page [style*="opacity:.4"],
body.dark-page [style*="opacity: .4"],
body.dark-page [style*="opacity:0.4"],
body.dark-page [style*="opacity: 0.4"] {
  opacity: 0.85 !important;
}

/* Genel düşük opacity yazılar */
body.dark-page .text-muted,
body.dark-page [style*="color:rgba(255,255,255,0.4"],
body.dark-page [style*="color: rgba(255,255,255,0.4"],
body.dark-page [style*="color:rgba(255,255,255,.4"],
body.dark-page [style*="color: rgba(255,255,255,.4"] {
  color: rgba(255,255,255,0.80) !important;
}

/* İçerik sayfalarındaki tablo hücre başlıkları */
.sp table th,
.sp table td,
.hk table th,
.hk table td {
  color: rgba(255,255,255,0.85) !important;
}

/* Bar chart / progress değerleri */
[style*="color:rgba(255,255,255,0.45"],
[style*="color: rgba(255,255,255,0.45"],
[style*="color:rgba(255,255,255,.45"],
[style*="color:rgba(255,255,255,0.5"],
[style*="color:rgba(255,255,255,.5"] {
  color: rgba(255,255,255,0.82) !important;
}

/* ══ MOBİL OKUNAKLILIK ══ */
@media (max-width: 767px) {
  body.dark-page p,
  body.dark-page li,
  body.dark-page span,
  body.dark-page td,
  body.dark-page div {
    color: rgba(255,255,255,0.90) !important;
  }

  /* Tablo düzeni mobilde dikey */
  .sp table,
  .hk table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Sekme butonları mobilde tam genişlik */
  .machine-tabs-wrap,
  [class*="tab-btn"],
  [class*="tabs-nav"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    flex-wrap: nowrap !important;
  }
}