/* ============================================================
   ACSA OTOMOTİV — MOBİL YENİDEN TASARIM
   Tek dosya, mobil-öncelikli. Tüm kurallar @media (max-width:768px)
   içindedir → MASAÜSTÜ GÖRÜNÜMÜNE SIFIR ETKİ.
   Yükleme: inc/siteust.aspx (tüm sayfalarda ortak include).
   Tasarım kaynağı: design_handoff_acsa_mobil/*.dc.html
   ============================================================ */

/* Masaüstünde mobil-özel öğeleri gizle (media query dışında) */
.m-only { display: none; }

@media (max-width: 768px) {

  /* ---- Tasarım token'ları ---- */
  :root {
    --acsa-kirmizi: #e11b22;
    --acsa-siyah:   #161616;
    --acsa-footer:  #0f0f10;
    --acsa-metin:   #1a1a1a;
    --acsa-metin2:  #555;
    --acsa-soluk:   #888;
    --acsa-kart:    #f6f6f7;
    --acsa-cizgi:   #ececec;
    --acsa-ayrac:   #f1f1f1;
    --acsa-beyaz:   #ffffff;
    --acsa-r-kart:  14px;
    --acsa-r-btn:   10px;
    --acsa-head-h:  52px;
    --f-baslik: 'Barlow Semi Condensed', 'Open Sans', sans-serif;
    --f-govde:  'Open Sans', sans-serif;
  }

  /* ---- Genel mobil reset / taşma kontrolü ---- */
  html, body { overflow-x: hidden; max-width: 100%; }
  body { -webkit-text-size-adjust: 100%; }
  .m-only { display: block; }

  /* Drawer açıkken arka plan kaymasın */
  body.m-open { overflow: hidden; }

  /* ---- MASAÜSTÜ HEADER'INI MOBİLDE GİZLE ---- */
  .ustbg,
  .gorselmenubg,
  .menukara { display: none !important; }

  /* İçeriği sabit header altına it (.site tüm public sayfalarda kök sarmalayıcı) */
  .site { padding-top: var(--acsa-head-h); }

  /* ============================================================
     MOBİL HEADER (sabit üst bar)
     ============================================================ */
  .m-head {
    position: fixed; top: 0; left: 0; right: 0;
    height: var(--acsa-head-h);
    z-index: 1000;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 16px;
    background: var(--acsa-beyaz);
    border-bottom: 1px solid #eee;
  }
  .m-head .m-logo { display: inline-flex; align-items: center; }
  .m-head .m-logo img { height: 26px; width: auto; display: block; }
  .m-head-actions { display: flex; align-items: center; gap: 8px; }

  .m-tel {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    background: var(--acsa-kirmizi); border-radius: var(--acsa-r-btn);
    text-decoration: none;
  }
  .m-burger {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    background: #f4f4f5; border: none; border-radius: var(--acsa-r-btn);
    cursor: pointer; padding: 0;
  }
  .m-tel:active, .m-burger:active { transform: scale(0.94); }

  /* ============================================================
     SCRIM + DRAWER
     ============================================================ */
  .m-scrim {
    position: fixed; inset: 0;
    background: rgba(10,10,12,0.5);
    -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
    z-index: 1040;
    opacity: 0; pointer-events: none;
    transition: opacity 0.3s ease;
  }
  body.m-open .m-scrim { opacity: 1; pointer-events: auto; }

  .m-drawer {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: 300px; max-width: 84%;
    background: var(--acsa-beyaz);
    z-index: 1045;
    box-shadow: -16px 0 40px -12px rgba(0,0,0,0.4);
    display: flex; flex-direction: column;
    transform: translateX(105%);
    transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
  }
  body.m-open .m-drawer { transform: translateX(0); }

  .m-drawer-top {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 18px 14px; border-bottom: 1px solid #eee;
  }
  .m-drawer-top .m-logo img { height: 26px; width: auto; display: block; }
  .m-drawer-close {
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px;
    background: #f4f4f5; border: none; border-radius: var(--acsa-r-btn);
    cursor: pointer; padding: 0;
  }
  .m-drawer-close:active { transform: scale(0.94); }

  /* ---- Nav ---- */
  .m-nav { flex: 1; overflow-y: auto; padding: 8px 0; -webkit-overflow-scrolling: touch; }
  .m-nav > a,
  .m-acc {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    font-family: var(--f-baslik); font-weight: 600; font-size: 16px;
    letter-spacing: 0.3px; color: var(--acsa-metin);
    text-decoration: none; text-align: left;
    background: none; border: none; border-top: 1px solid var(--acsa-ayrac);
    cursor: pointer;
  }
  .m-nav > a:first-child { border-top: none; }
  .m-nav > a:active,
  .m-acc:active { background: #f7f7f8; }
  .m-acc svg { transition: transform 0.25s ease; flex: none; }
  .m-acc.open svg { transform: rotate(180deg); }

  /* ---- Accordion alt menü ---- */
  .m-sub {
    max-height: 0; opacity: 0; overflow: hidden;
    background: #fafafa;
    transition: max-height 0.3s ease, opacity 0.3s ease;
  }
  .m-sub.open { max-height: 640px; opacity: 1; }
  .m-sub a {
    display: block;
    padding: 11px 20px 11px 32px;
    font-family: var(--f-govde); font-size: 14px;
    color: var(--acsa-metin2); text-decoration: none;
  }
  .m-sub a:active { color: var(--acsa-kirmizi); }
  .m-yeni {
    display: inline-block; margin-left: 6px; padding: 2px 7px;
    background: var(--acsa-kirmizi); color: #fff; border-radius: 20px;
    font-family: var(--f-baslik); font-weight: 700; font-size: 10px; letter-spacing: 0.5px;
    vertical-align: middle;
  }
  .m-alev { margin-left: 4px; font-size: 14px; vertical-align: middle; }

  /* ---- Drawer alt CTA ---- */
  .m-drawer-foot { padding: 16px 18px; border-top: 1px solid #eee; }
  .m-call {
    display: flex; align-items: center; justify-content: center; gap: 9px;
    height: 48px;
    background: var(--acsa-kirmizi); border-radius: var(--acsa-r-btn);
    color: #fff; text-decoration: none;
    font-family: var(--f-baslik); font-weight: 700; font-size: 16px; letter-spacing: 0.3px;
  }
  .m-call:active { transform: scale(0.98); }

  /* ============================================================
     GENEL İÇERİK YARDIMCILARI
     ============================================================ */
  .orta { width: 100%; max-width: 100%; padding: 0; margin: 0; overflow: hidden; }
  .orta img, .slider img { max-width: 100%; height: auto; }
  .clear { clear: both; }

  /* ============================================================
     ANASAYFA — SLIDER (Bootstrap carousel)
     ============================================================ */
  .slider, .slider .carousel, .slider .carousel-inner, .slider .item, .slider .fill {
    width: 100%; float: none;
  }
  .slider .item .fill img.genelimg { width: 100%; height: auto; display: block; }
  /* Slider üzeri yazı */
  .slider .slidetext {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 40px 18px 16px;
    background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0));
    color: #fff;
    font-family: var(--f-baslik); font-weight: 700; font-size: 20px; line-height: 1.15;
    text-align: left;
  }
  /* Yuvarlak göstergeler */
  .slider .carousel-indicators { bottom: 8px; margin-bottom: 0; }
  .slider .carousel-indicators li {
    width: 7px; height: 7px; margin: 0 4px;
    border-color: rgba(255,255,255,0.7);
  }
  .slider .carousel-indicators li.active { background: var(--acsa-kirmizi); border-color: var(--acsa-kirmizi); }
  /* Sol/sağ ok kontrolleri */
  .slider .carousel-control {
    width: 40px; background: none; opacity: 1; text-shadow: none;
  }
  .slider .carousel-control .glyphicon {
    font-size: 16px; color: #fff;
    width: 32px; height: 32px; line-height: 32px;
    margin-top: -16px; border-radius: 50%;
    background: rgba(0,0,0,0.35);
  }

  /* ============================================================
     ANASAYFA — KURUMSAL BLOĞU
     ============================================================ */
  .anasol, .anasag { width: 100%; float: none; }
  .sagbosluk, .solbosluk { padding: 0; }

  .anasol { padding: 34px 20px 8px; }
  .anakurumsal {
    margin: 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 700; font-size: 26px;
    letter-spacing: -0.2px; color: var(--acsa-metin);
    text-transform: none;
  }
  .anasol .kurumsalcizgi {
    float: none; margin: 12px 0 0; width: 40px; height: 3px;
    background: var(--acsa-kirmizi);
  }
  .anakurumsalyazi {
    width: 100%; margin: 16px 0 0; text-align: left;
  }
  .anakurumsalyazi .text16px {
    font-family: var(--f-govde); font-size: 14.5px; line-height: 1.7; color: var(--acsa-metin2);
  }
  .devamisag, .devamisol {
    float: none; width: auto; margin: 18px 0 0;
  }

  /* "Devamı" / "Siteye Git" butonları → kırmızı pill */
  a.devami {
    float: none; display: inline-flex; align-items: center; gap: 7px;
    padding: 11px 20px; border-radius: var(--acsa-r-btn);
    font-family: var(--f-baslik); font-weight: 600; font-size: 14px; letter-spacing: 0.3px;
    background: var(--acsa-kirmizi); color: #fff; text-decoration: none;
  }
  a.devami:active { transform: scale(0.97); }
  a.devami .glyphicon { font-size: 13px; }

  /* ============================================================
     ANASAYFA — SİTE ADI + SLOGAN
     ============================================================ */
  .anasag { padding: 8px 20px 12px; }
  .anagorsel { float: none; width: 100%; margin: 0; }
  .anagorsel img.genelimg { width: 100%; border-radius: var(--acsa-r-kart); }
  .anasiteadi {
    float: none; width: 100%; margin: 18px 0 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 600; font-size: 18px;
    letter-spacing: 0; color: var(--acsa-soluk);
  }
  h1.slogan {
    float: none; width: 100%; margin: 4px 0 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 700; font-size: 30px; line-height: 1.05;
    letter-spacing: -0.3px; color: var(--acsa-metin); word-spacing: normal;
  }

  .anavideo { display: none; }

  /* ============================================================
     ANASAYFA — MARKA KUTULARI (m1/m2/m3 → kartlar)
     ============================================================ */
  .ana3kutu {
    float: none; width: auto; margin: 14px 20px 0;
    background: var(--acsa-beyaz);
    border: 1px solid var(--acsa-cizgi); border-radius: var(--acsa-r-kart);
    box-shadow: 0 4px 14px -12px rgba(0,0,0,0.3);
    overflow: hidden;
  }
  .ana3gorsel {
    float: none; width: 100%; height: 168px; margin: 0;
    border-radius: 0;
  }
  /* kart içi metin alanı */
  .ana3kutu .yancizgi { display: none; }
  .hizmet3 { float: none; width: 100%; text-align: left; padding: 16px 18px 18px; }
  .ana3baslik {
    float: none; width: 100%; margin: 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 700; font-size: 20px;
    letter-spacing: -0.2px; color: var(--acsa-metin);
  }
  .ana3yazi {
    float: none; width: 100%; margin: 8px 0 0; text-align: left;
  }
  .ana3yazi .text16px {
    font-family: var(--f-govde); font-size: 13.5px; line-height: 1.6; color: var(--acsa-metin2);
  }

  /* ============================================================
     YUKARI ÇIK BUTONU
     ============================================================ */
  .topbtnbg { text-align: center; padding: 26px 0 8px; }
  a.topbtn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 50%;
    background: var(--acsa-kart); color: var(--acsa-metin); text-decoration: none;
  }
  a.topbtn:active { transform: scale(0.94); }

  /* ============================================================
     KATEGORİ / ÜRÜN LİSTE SAYFALARI (kategori1 + kategori2)
     ============================================================ */
  .ortasol, .ortasag { width: 100%; float: none; padding: 0; }
  .sayfaalan { width: 100%; padding: 0; }

  /* ---- Hero banner ---- */
  .ustgorsel {
    width: 100%; height: 150px; margin: 0;
    background-size: cover; background-position: center; background-repeat: no-repeat;
    background-color: var(--acsa-siyah);
  }

  /* ---- Kategori chip'leri (yan menü → yatay şerit) ---- */
  .yan-baslik, .yan-baslik-cizgi { display: none; }
  .ortasol { padding: 16px 0 4px; }
  .yan-butonlar-bg .closed,
  #yanmenu.closed { display: block; }
  .yan-butonlar {
    display: flex; gap: 8px; overflow-x: auto;
    padding: 0 20px 6px; margin: 0;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .yan-butonlar::-webkit-scrollbar { display: none; }
  a.yan-buton {
    flex: 0 0 auto; display: block; float: none; width: auto; margin: 0;
    border: 1px solid #e5e5e5; border-radius: 20px; background: #fff;
    text-decoration: none;
  }
  a.yan-buton .yan-btn-pad {
    display: flex; align-items: center; padding: 8px 15px;
    font-family: var(--f-baslik); font-weight: 600; font-size: 13px; letter-spacing: 0.2px;
    color: var(--acsa-metin); white-space: nowrap;
  }
  .yan-buton-ok { display: none; }
  a.yan-buton.m-aktif { background: var(--acsa-metin); border-color: var(--acsa-metin); }
  a.yan-buton.m-aktif .yan-btn-pad { color: #fff; }
  a.yan-buton:active { transform: scale(0.96); }

  /* ---- Breadcrumb ---- */
  .breadcrumbbg {
    display: flex; flex-wrap: wrap; align-items: center; gap: 5px;
    padding: 14px 20px 0; margin: 0; font-family: var(--f-govde);
  }
  .breadcrumbbg a.breadcrumb {
    float: none; padding: 0; margin: 0; background: none;
    font-size: 12px; color: var(--acsa-soluk); text-decoration: none;
  }
  .breadcrumbbg .slash { color: #ccc; font-size: 12px; }

  /* ---- Sayfa başlığı ---- */
  .sayfadabaslik {
    float: none; clear: both; width: auto; display: block;
    padding: 8px 20px 4px; margin: 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 700; font-size: 26px;
    letter-spacing: -0.2px; color: var(--acsa-metin);
  }

  /* ============================================================
     kategori1 — ÜRÜN SATIRLARI (thumbnail + ad + açıklama + chevron)
     ============================================================ */
  .urunustsol200,
  .urunustsol200 .urun200kutu, .urunustsol200 .urun200, .urunustsol200 .urun200pro {
    float: none; width: 72px; height: 72px; margin: 0; padding: 0; position: relative;
  }
  .urunustsol200 { float: left; margin: 16px 14px 0 20px; }
  .urunustsol200 a.urun300btn { display: block; }
  .urunustsol200 .urun200pro {
    background: #fff; border: 1px solid var(--acsa-cizgi); border-radius: 12px; overflow: hidden;
    -webkit-filter: none; filter: none;
  }
  img.urunimg {
    position: static; width: 100%; height: 100%; object-fit: contain;
    box-sizing: border-box; padding: 6px; margin: 0; top: auto; left: auto;
  }
  .urunustsag200 {
    overflow: hidden; position: relative; float: none; width: auto;
    min-height: 72px; padding: 16px 40px 16px 0;
    border-bottom: 1px solid var(--acsa-ayrac);
    text-align: left;
  }
  a.isiticibtn {
    display: block; float: none; width: auto; margin: 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 600; font-size: 17px; line-height: 1.2;
    color: var(--acsa-metin); text-decoration: none;
  }
  a.isiticibtn:active { color: var(--acsa-kirmizi); }
  .urunustsag200 .text16px {
    margin-top: 4px; text-align: left;
    font-family: var(--f-govde); font-size: 12.5px; line-height: 1.5; color: #666;
  }
  .urunustsag200::after {
    content: ""; position: absolute; right: 18px; top: 50%;
    width: 8px; height: 8px;
    border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;
    transform: translateY(-50%) rotate(-45deg);
  }

  /* ============================================================
     kategori2 — ÜRÜN KARTLARI (2'li grid: görsel + ad + İncele)
     ============================================================ */
  .kareort {
    display: flex; flex-wrap: wrap; gap: 12px;
    position: static; left: auto; width: auto; max-width: 100%;
    margin: 0; padding: 16px 20px;
  }
  .katliste-kutu { float: none; width: calc(50% - 6px); height: auto; margin: 0; box-sizing: border-box; }
  .katliste {
    float: none; width: auto; height: 100%; background: #fff;
    border: 1px solid var(--acsa-cizgi); border-radius: var(--acsa-r-kart); overflow: hidden;
  }
  a.katliste-btn { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
  .katliste-pro {
    float: none; width: auto; height: 150px; position: relative;
    padding: 0; margin: 0; background: #fff; overflow: hidden;
    border-bottom: 1px solid var(--acsa-ayrac);
  }
  img.katliste-img {
    position: static; top: auto; left: auto;
    width: 100%; height: 100%; object-fit: contain;
    padding: 14px; box-sizing: border-box; display: block; margin: 0;
  }
  .katliste-adi {
    width: auto; padding: 10px 12px 0; margin: 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 600; font-size: 15px; line-height: 1.15;
    color: var(--acsa-metin);
  }
  .katliste-tum {
    display: inline-block; width: auto; align-self: flex-start;
    margin: 8px 12px 12px; padding: 6px 13px;
    border-radius: 8px; background: var(--acsa-kirmizi); color: #fff;
    font-family: var(--f-baslik); font-weight: 600; font-size: 12px; letter-spacing: 0.3px;
    text-align: center; white-space: nowrap;
  }
  .katliste-kutu:active .katliste { border-color: var(--acsa-kirmizi); }

  /* ============================================================
     ÜRÜN DETAY (urun.aspx)
     ============================================================ */
  /* Ana ürün görseli */
  .urunustsol { float: none; width: auto; height: auto; margin: 16px 20px 0; }
  .urunustsol .urun300kutu { float: none; width: auto; max-width: none; height: auto; margin: 0; }
  .urunustsol .urun300, .urunustsol .urun300pro {
    float: none; width: 100%; max-width: none; height: 300px; position: relative;
    border-radius: var(--acsa-r-kart); overflow: hidden;
    background: #fff; white-space: normal;
    -webkit-filter: none; filter: none;
  }
  .urunustsol .urun300 { border: 1px solid var(--acsa-cizgi); }
  .urunustsol .urun300pro img.urunimg { padding: 16px; }

  /* Başlık + kısa açıklama */
  .urunustsag { float: none; width: auto; height: auto; margin: 18px 20px 0; }
  .h1ort { text-align: left; }
  .sayfaalan h1, .h1ort h1 {
    margin: 0; text-align: left;
    font-family: var(--f-baslik); font-weight: 700; font-size: 26px; line-height: 1.1;
    letter-spacing: -0.2px; color: var(--acsa-metin);
  }
  .urunustsag .text16px {
    margin-top: 8px; text-align: left;
    font-family: var(--f-govde); font-size: 14.5px; line-height: 1.6; color: var(--acsa-metin2);
  }

  /* Teknik özellik görseli (utablo bir resimdir) */
  .uruntablo {
    float: none; width: auto; max-width: none; margin: 18px 20px;
    background: none; border: 1px solid var(--acsa-cizgi); border-radius: 12px; overflow: hidden;
  }
  img.uruntabloimg { width: 100%; height: auto; display: block; }

  /* Bölüm başlıkları (AÇIKLAMA / BENZER ÜRÜNLER) */
  .aciklamaust {
    float: none; display: block; width: auto; margin: 18px 20px 0; padding: 0;
    background: none; text-align: left;
    font-family: var(--f-baslik); font-weight: 700; font-size: 13px; letter-spacing: 1.5px;
    text-transform: uppercase; color: var(--acsa-kirmizi);
  }
  .aciklama { float: none; width: auto; background: none; }
  .aciklamayazi { float: none; margin: 8px 20px 0; }
  .aciklamayazi .text16px {
    font-family: var(--f-govde); font-size: 14.5px; line-height: 1.7; color: var(--acsa-metin2);
  }

  /* İndirilebilir dosya satırları */
  .dosyalistekutu { float: none; width: auto; margin: 12px 20px 0; }
  .dosyalistealt {
    display: flex; align-items: center; gap: 12px;
    background: var(--acsa-kart); border-radius: 12px; padding: 12px 14px;
  }
  .dosyasol {
    float: none; flex: none;
    width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
    background: #fff; border-radius: 9px; color: var(--acsa-kirmizi); margin: 0;
  }
  .dosyasol .glyphicon { font-size: 18px; }
  .dosyasag { float: none; flex: 1; min-width: 0; margin: 0; }
  .dosyasag .text16px {
    font-family: var(--f-govde); font-weight: 600; font-size: 13.5px; color: var(--acsa-metin); text-align: left;
  }
  .indir { float: none; margin: 8px 0 0; }
  .indir a.devami { padding: 8px 16px; }

  /* Galeri thumbnail'ları (4'lü satır, lightbox açar) */
  .urungorseller {
    float: none; width: auto; margin: 10px 20px 0;
    display: flex; flex-wrap: wrap; gap: 8px;
  }
  .urun140kutu { float: none; width: calc(25% - 6px); height: auto; margin: 0; }
  .urun140, .urun140pro {
    float: none; width: 100%; height: 78px; position: relative;
    border-radius: 10px; overflow: hidden; background: #fff;
    -webkit-filter: none; filter: none;
  }
  .urun140 { border: 1px solid var(--acsa-cizgi); }
  .urun140pro img.urunimg { padding: 8px; }

  /* Video */
  .svideo, .sayfavideo { float: none; width: auto; margin: 14px 20px 0; }
  .svideo iframe, .svideo video, .svideo embed, .svideo object,
  .sayfavideo iframe, .sayfavideo video, .sayfavideo embed, .sayfavideo object {
    width: 100% !important; max-width: 100%; aspect-ratio: 16 / 9; height: auto;
  }

  /* ============================================================
     UYGULAMA DETAY (uygulama.aspx) — ürün detayla aynı sınıfları
     paylaşır; tek farkı başlık/açıklama .buzust sarmalayıcısında.
     ============================================================ */
  .buzust { float: none; width: auto; height: auto; margin: 18px 0 0; padding: 0 20px; box-sizing: border-box; }
  .buzust .h1ort { text-align: left; }
  .buzust .text16px {
    float: none; clear: both; width: auto; display: block;
    margin-top: 8px; text-align: left;
    font-family: var(--f-govde); font-size: 14.5px; line-height: 1.6; color: var(--acsa-metin2);
  }
  .buzust .text16px p { margin: 0; }
  .buzust .h1ort { clear: both; }

  /* ============================================================
     GENEL İÇERİK METNİ (tüm iç sayfalar için güvenli varsayılan)
     ============================================================ */
  .text16px {
    font-family: var(--f-govde); font-size: 14.5px; line-height: 1.7; color: var(--acsa-metin2);
  }
  /* Sayfa içi iframe (harita / gömülü içerik) responsive */
  .sayfaalan iframe { width: 100% !important; max-width: 100%; border: 0; border-radius: 12px; }

  /* ============================================================
     KURUMSAL (kurumsal.aspx) — marka blokları
     ============================================================ */
  .markaliste { float: none; width: auto; height: auto; margin: 0 20px 24px; }
  .markasol { float: none; width: 120px; height: 120px; margin: 0; }
  .markasol .marka200kutu, .markasol .marka200, .markasol .marka200pro {
    float: none; width: 120px; height: 120px; margin: 0; position: relative;
    border-radius: 12px; overflow: hidden; background: var(--acsa-kart);
  }
  img.markalogoimg { position: static; width: 100%; height: 100%; object-fit: contain; padding: 12px; box-sizing: border-box; top: auto; left: auto; }
  .markasag { float: none; width: auto; height: auto; margin: 14px 0 0; }
  .markasag .sayfadabaslik { padding: 0; font-size: 20px; }
  .markasag .text16px { margin-top: 8px; }
  .markasag .devamisol { margin: 14px 0 0; }

  /* ============================================================
     REFERANSLAR (fabrika-montaj.aspx) — logo grid'i (3'lü)
     ============================================================ */
  .refbg {
    float: none; display: inline-block; vertical-align: top;
    width: calc(33.333% - 8px); height: auto; margin: 0 2px 10px;
  }
  .referanslar400 {
    float: none; width: 100%; height: auto; margin: 0;
  }
  .referanslar400-pro {
    float: none; width: 100%; height: 88px; position: relative;
    border: 1px solid var(--acsa-cizgi); border-radius: 10px; overflow: hidden; background: #fff;
  }
  img.refsayfa-img { position: static; width: 100%; height: 100%; object-fit: contain; padding: 10px; box-sizing: border-box; top: auto; left: auto; }
  .refadi { float: none; width: 100%; margin-top: 5px; font-size: 11.5px; color: var(--acsa-soluk); text-align: center; }

  /* ============================================================
     DOSYALAR (dosyalar.aspx) — belge indirme kartları
     ============================================================ */
  .belgelistekutu {
    float: none; width: auto; height: auto; margin: 12px 20px 0;
    background: var(--acsa-kart); border-radius: var(--acsa-r-kart);
  }
  .belgelistealt { margin: 0; display: flex; align-items: center; gap: 14px; padding: 16px; }
  .belgesol { float: none; width: auto; height: auto; margin: 0; flex: none; }
  .belge100pro {
    float: none; width: 64px; height: 64px; position: relative;
    border-radius: 10px; overflow: hidden; background: #fff;
  }
  img.belge100img { position: static; width: 100%; height: 100%; object-fit: contain; padding: 6px; box-sizing: border-box; top: auto; left: auto; }
  .belgesag { display: block; float: none; flex: 1; min-width: 0; }
  .belgesag .text16px {
    font-family: var(--f-baslik); font-weight: 600; font-size: 14.5px; line-height: 1.25; color: var(--acsa-metin);
  }
  .belgeindir { float: none; margin: 10px 0 0; }
  .belgeindir a.devami { padding: 8px 16px; }

  /* ============================================================
     İLETİŞİM (iletisim.aspx)
     ============================================================ */
  .sayfaalan > .text16px { padding: 0 20px; }
  a.mailbtn { color: var(--acsa-kirmizi); font-weight: 600; text-decoration: none; word-break: break-word; }

  /* ============================================================
     FOOTER (sitealt.aspx) — tüm sayfalarda
     .altalan link kolonları mobilde gizli kalır (linkler drawer'da
     mevcut → SEO için DOM'da). Görünen kısmı koyu footer.
     ============================================================ */
  .altbg1 {
    float: none; width: auto; height: auto;
    background: var(--acsa-footer); padding: 30px 20px 22px;
  }
  .altbg2 { float: none; width: auto; height: auto; background: #000; padding: 16px 20px; }
  .altbg1 .alt, .altbg2 .alt { width: auto; max-width: 100%; }
  .altalanadres { float: none; width: auto; height: auto; margin: 0; }
  .alttext { text-align: left; color: #bbb; font-family: var(--f-govde); font-size: 13.5px; line-height: 1.7; }
  .alttext strong {
    color: #fff; font-family: var(--f-baslik); font-weight: 600;
    letter-spacing: 1px; font-size: 13.5px;
  }
  .sosyalmedya { float: none; width: auto; margin: 20px 0 0; display: flex; gap: 8px; }
  .sosyalmedya a {
    float: none; margin: 0; width: 36px; height: 36px;
    background-color: rgba(255,255,255,0.08); background-size: 18px 18px;
  }
  .sosyalmedya a:active { transform: scale(0.92); }
  .sosyalmedya .l-icon { display: none; }
  .copyright { width: auto; text-align: center; color: #888; font-size: 12px; }

  /* ============================================================
     SİTE HARİTASI (site-haritasi.aspx) + ufak yardımcılar
     ============================================================ */
  .ustarabosluk { height: 8px; }
  .mapalan { float: none; width: auto; height: auto; margin: 16px 20px 0; }
  .maptext {
    margin: 0 0 6px;
    font-family: var(--f-baslik); font-weight: 700; font-size: 13px;
    letter-spacing: 1.5px; text-transform: uppercase; color: var(--acsa-kirmizi);
  }
  a.mapbtn {
    display: block; padding: 10px 0; border-bottom: 1px solid var(--acsa-ayrac);
    color: var(--acsa-metin); font-family: var(--f-govde); font-size: 14.5px; text-decoration: none;
  }
  a.mapbtn:active { color: var(--acsa-kirmizi); }

}