/* Programlama Egitimi - ortak responsive katmani
   Telefon: hamburgerli tek kolon.
   Tablet: hamburger yok, icerik akiskan kalir.
*/

.pe-mobile-nav-link {
  display: none !important;
}

body.pe-panel-open {
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.pe-panel-open .hero {
  display: none !important;
}


body.pe-panel-open .theme-fab {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.pe-panel-open #peMainWrap {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.pe-panel-open #programlama-shell,
body.pe-panel-open #peLegacyMount {
  min-width: 0 !important;
  max-width: 100% !important;
}



@media (min-width: 768px) and (max-width: 1199px) {
  .hero,
  .hero-section,
  .page-shell,
  .pe-wrap {
    height: auto !important;
    min-height: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .hero-inner,


  .hero-layout {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.pe-panel-open .main-wrap {
    position: static !important;
    width: min(96vw, 1520px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    overflow: visible !important;
    padding-bottom: clamp(2rem, 4vw, 4rem) !important;
  }
}

@media (max-width: 767px) {
  .back-btn {
    display: none !important;
  }

  .pe-mobile-nav-link {
    display: flex !important;
  }

  .hero,
  .hero-section,
  .page-shell,
  .pe-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  .hero-inner,


  .hero-layout,


  .ph-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }

  .hero-right {
    display: none !important;
  }




  .hero-left,





  .hero-copy {
    min-width: 0 !important;
  }

  .hero-h1,


  .hero-copy h1 {
    font-size: clamp(1.7rem, 8vw, 2.35rem) !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .hero-desc,


  .hero-copy p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: .9rem !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }














  body.pe-panel-open .main-wrap {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: .75rem .85rem clamp(4rem, 8vh, 5rem) !important;
    overflow: visible !important;
  }

  body.pe-panel-open .pe-panel-topbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .75rem !important;
    margin-top: .25rem !important;
  }

  body.pe-panel-open .kapat-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  body.pe-panel-open .pe-panel-guide {
    grid-template-columns: 1fr !important;
  }

  .layout,


  .grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .resource-grid,


  .faq-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1199px) {
  html[data-module="pe"] .ticker-wrap {
    display: none !important;
  }
}