/* Robotik Kodlama alt sayfalari: sayfa bazinda tam genislik yerlesimi */

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

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

  html[data-module="rk"] .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="rk"] .sozluk-hero,
  html[data-module="rk"] .curriculum-panel,
  html[data-module="rk"] .projeler-panel,
  html[data-module="rk"] .sss-panel,
  html[data-module="rk"] .sozluk-body,
  html[data-module="rk"] .toolbar,
  html[data-module="rk"] .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="rk"] .ph-inner,
  html[data-module="rk"] .tb-inner,
  html[data-module="rk"] .main {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }

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

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

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

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