/* Mobil ve Tablet Görünüm (991px ve altı) - Hakkımızda Bölümü */
@media (max-width: 991px) {
  
  /* 1. Bölümü mobilde alt alta dizilen esnek kutu (flex) yapar */
  body section.about-05-split.split-section {
    display: flex !important;
    flex-direction: column !important;
    padding: 40px 0 !important;
    position: relative !important;
    height: auto !important;
  }

  /* 2. Metin alanını (container) her zaman ÜSTE alır */
  body section.about-05-split.split-section .container {
    order: 1 !important;
    width: 100% !important;
    position: relative !important;
    z-index: 5 !important;
  }

  body section.about-05-split.split-section .shop-split-content {
    padding: 0 0 30px 0 !important;
  }

  /* 3. Resim kapsayıcısını yazının ALTINA alır */
  body section.about-05-split.split-section .side-background {
    order: 2 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* 4. Şablonun gizlediği resmi görünür yapar ve boyutlandırır */
  body section.about-05-split.split-section .img-side {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    height: 300px !important; /* Mobildeki resim yüksekliği */
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
  }

  body section.about-05-split.split-section .img-holder {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}