/* Mobil Programlama alt sayfalari: sayfa bazinda tam genislik yerlesimi */

@media (min-width: 768px) {
  html[data-module="mp"] .page-shell,
  html[data-module="mp"] .wizard-wrap {
    width: calc(100vw - clamp(2rem, 4vw, 4rem)) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  html[data-module="mp"] .wizard-wrap {
    padding-inline: 0 !important;
  }

  html[data-module="mp"] .page-hero {
    width: calc(100vw - clamp(2rem, 4vw, 4rem)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-inline: clamp(1rem, 2vw, 2rem) !important;
  }

  html[data-module="mp"] .sozluk-hero,
  html[data-module="mp"] .mufredat-panel,
  html[data-module="mp"] .curriculum-panel,
  html[data-module="mp"] .projeler-panel,
  html[data-module="mp"] .sss-panel,
  html[data-module="mp"] .sozluk-body,
  html[data-module="mp"] .toolbar,
  html[data-module="mp"] .sozluk-filters {
    width: calc(100vw - clamp(2rem, 4vw, 4rem)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[data-module="mp"] .ph-inner,
  html[data-module="mp"] .tb-inner,
  html[data-module="mp"] .main {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  html[data-module="mp"] .tb-inner,
  html[data-module="mp"] .main,
  html[data-module="mp"] .page-title,
  html[data-module="mp"] .layout,
  html[data-module="mp"] .al-hero,
  html[data-module="mp"] .al-skor-bar,
  html[data-module="mp"] .al-body,
  html[data-module="mp"] .ara-hero,
  html[data-module="mp"] .ara-body,
  html[data-module="mp"] .ek-hero,
  html[data-module="mp"] .ek-body,
  html[data-module="mp"] .kay-hero,
  html[data-module="mp"] .kay-filtre-wrap,
  html[data-module="mp"] .kay-body,
  html[data-module="mp"] .sozluk-hero,
  html[data-module="mp"] .sozluk-filters,
  html[data-module="mp"] .sozluk-body,
  html[data-module="mp"] .sss-hero,
  html[data-module="mp"] .sss-body {
    padding-left: clamp(1rem, 2vw, 2rem) !important;
    padding-right: clamp(1rem, 2vw, 2rem) !important;
  }

  html[data-module="mp"] body:has(.sss-body) .sss-body {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    box-sizing: border-box;
  }

  html[data-module="mp"] .mod-hero .hero-left {
    padding-left: clamp(1rem, 2vw, 2rem) !important;
  }

  html[data-module="mp"] .mod-hero .hero-right {
    padding-right: clamp(1rem, 2vw, 2rem) !important;
  }
}

/* F6-14-S018: header logo gradyan override - alistirmalar.html'den tasindi.
   PAYLASILAN (7/11 diger mp alt sayfasinda da var); bu, ONCEDEN VAR OLAN
   davranisin YENIDEN KONUMLANDIRILMASIDIR, yeni bir override DEGILDIR. */