/* ==========================================================================
   ASVARIS · Hizmetlerimiz — tasarim paketi ile site kabugu arasindaki koprü.
   Tasarimin kendi olculeri satir ici stillerde; burada yalnizca dar ekran
   davranisi ve site ile cakismalar giderilir. Kapsam: #dc-root.
   ========================================================================== */

.hizmetler-dc { display: block; width: 100%; margin: 0; padding: 0; }
#dc-root { display: block; width: 100%; }
#dc-root img { max-width: 100%; }

/* Sabit baslik altinda kalan capalar */
#dc-root section[id] { scroll-margin-top: 96px; }

/* --------------------------------------------------- 1100px ve altı ------ */
@media (max-width: 1100px) {
  #dc-root section { padding-left: 28px !important; padding-right: 28px !important; }
  #dc-root .hz-g5 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* ---------------------------------------------------- 900px ve altı ------ */
@media (max-width: 900px) {
  #dc-root .hz-g4,
  #dc-root .hz-g5 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #dc-root .hz-g3 { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ---------------------------------------------------- 760px ve altı ------ */
@media (max-width: 760px) {
  #dc-root section { padding-left: 16px !important; padding-right: 16px !important; }

  /* Tum ızgaralar tek sütuna iner */
  #dc-root .hz-g2,
  #dc-root .hz-g3,
  #dc-root .hz-g4,
  #dc-root .hz-g5,
  #dc-root .hz-g6 { grid-template-columns: minmax(0, 1fr) !important; }

  /* Kart ic bosluklari dar ekranda kücülür */
  #dc-root section > div[style*="padding: 34px"] { padding: 22px 18px 24px !important; }
  #dc-root div[style*="padding: 44px 56px"] { padding: 26px 20px !important; }
  #dc-root div[style*="padding: 28px 30px"] { padding: 20px 18px !important; }
  #dc-root div[style*="padding: 26px 28px"] { padding: 20px 18px !important; }
  #dc-root div[style*="padding: 24px 26px"] { padding: 18px 16px !important; }
  #dc-root div[style*="padding: 22px 24px"] { padding: 16px 15px !important; }

  /* Sekme seritleri kaydirilabilir olsun, satira yayilip ezilmesin */
  #dc-root div[style*="flex-wrap: wrap"][style*="gap: 8px"] { row-gap: 8px !important; }

  /* Bant görselleri üzerindeki metin bloklari tasmasin */
  #dc-root div[style*="position: absolute"][style*="inset: 0"][style*="align-items: center"] {
    position: static !important; padding: 20px 18px !important; background: rgba(9,17,48,.72);
  }
  #dc-root div[style*="position: relative"][style*="border-radius: 18px"] > img,
  #dc-root div[style*="position: relative"][style*="border-radius: 14px"] > img { display: block; }
}

/* ---------------------------------------------------- 560px ve altı ------ */
@media (max-width: 560px) {
  #dc-root h1 { font-size: 30px !important; line-height: 1.16 !important; }
  #dc-root h2 { font-size: 21px !important; line-height: 1.3 !important; }
  #dc-root h3 { font-size: 17px !important; }
  #dc-root a[style*="border-radius: 999px"] { white-space: normal !important; }

  /* 118px / 236px sabit ilk sütunlar */
  #dc-root div[style*="grid-template-columns: 118px"],
  #dc-root div[style*="grid-template-columns: 236px"] { grid-template-columns: minmax(0, 1fr) !important; }

  /* Sağ alt maskot, içeriğin üstüne binmesin */
  #dc-root { padding-bottom: 8px; }
}

/* Talep formu penceresi dar ekranda tam otursun */
@media (max-width: 480px) {
  #dc-root div[style*="position: fixed"][style*="z-index: 200"] { padding: 14px !important; }
  #dc-root div[style*="max-width: 460px"] { padding: 22px 18px 20px !important; }
}