/* expkits.com telefon uyumu - 26.09.2026 (Goktug: "Site telefona uyumlu yap"). Yalniz dar ekranda (<=880px) devreye girer; masaustu gorunumu degismez. */
.mobil-menu { display: none; }
@media (max-width: 880px) {
  html, body { margin: 0 !important; padding: 0 !important; min-width: 0 !important; width: 100% !important; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  /* iskelet tablolari blok olur: hucre genisligi icerige gore buyumez */
  body > table, body > table > tbody, body > table > tbody > tr, body > table > tbody > tr > td,
  table[width="100%"], table[width="100%"] > tbody, table[width="100%"] > tbody > tr, table[width="100%"] > tbody > tr > td,
  table[width="850"], table[width="850"] > tbody, table[width="850"] > tbody > tr, table[width="850"] > tbody > tr > td,
  table[width="827"], table[width="827"] > tbody, table[width="827"] > tbody > tr, table[width="827"] > tbody > tr > td,
  .shadowbox > table, .shadowbox > table > tbody, .shadowbox > table > tbody > tr, .shadowbox > table > tbody > tr > td { display: block !important; width: auto !important; height: auto !important; }
  body div, body img, body iframe, body video, body object, body embed, body ul, body ol, body p, body h1, body h2, body h3, body pre, body [style*="width"] { max-width: 100% !important; box-sizing: border-box; }
  body img { height: auto !important; }
  body iframe, body video, .video-js { width: 100% !important; }
  /* kalan veri tablolari: kendi kutusunda yatay kaydirilir */
  body table:not([width="100%"]):not([width="850"]):not([width="827"]) { display: block; overflow-x: auto; max-width: 100% !important; }
  /* ekrandan genis kalan icerik tablolari (mobil.js isaretler) alt alta dizilir; urun kartlari ikiser yan yana */
  table.mobil-yigin, table.mobil-yigin > tbody, table.mobil-yigin > tbody > tr, table.mobil-yigin > tbody > tr > td, table.mobil-yigin > tr, table.mobil-yigin > tr > td { display: block !important; width: auto !important; height: auto !important; }
  table.mobil-yigin > tbody > tr > td.fixed { display: inline-block !important; vertical-align: top; width: calc(50% - 4px) !important; }
  pre { white-space: pre-wrap; word-break: break-word; }
  body td, body p, body li { overflow-wrap: anywhere; }
  .shadowbox { width: auto !important; margin: 8px 6px !important; }
  .bx-wrapper, .bx-viewport { max-width: 100% !important; }
  /* telefon menusu */
  .mobil-menu { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; background: #f4f4f4; border-bottom: 1px solid #ddd; }
  .mobil-menu a { flex: 1 1 30%; text-align: center; padding: 10px 4px; background: #fff; border: 1px solid #d0d0d0; border-radius: 6px; color: #333; font: 600 14px/1.2 "Source Sans Pro", Arial, sans-serif; text-decoration: none; }
  .mobil-menu a.magaza { background: #c8102e; border-color: #c8102e; color: #fff; }
}