/* TUM bilesenlerin media query'leri (1420 / 1180 / 760 / 420 px) */

@media (max-width:1420px){
  #primaryNav{justify-content:center;flex-wrap:wrap}
}
@media (max-width:1180px){
  :root{--page-pad:32px;--section-y:64px}
  .section-layout,.form-wrap{grid-template-columns:1fr}
  .card-grid,.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-cms-section="projeler.kartlar"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:720px;
  }
  .member-card,
  .member-card:nth-child(4),
  .member-card:nth-child(5){
    grid-column:auto;
  }
  .why-layout{grid-template-columns:1fr}
  .event-page-hero,
  .calendar-hero,
  .event-feature-card,
  .blog-page-head,
  .blog-lead-grid,
  .blog-feature-card,
  .event-detail-hero,
  .calendar-layout,
  .event-detail-layout{
    grid-template-columns:1fr;
  }
  .event-post-grid,
  .event-post-grid.compact{
    grid-template-columns:1fr;
  }
  .event-card{
    grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);
  }
  .event-category-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .event-carousel-track{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .blog-filter{
    justify-content:flex-start;
  }
  .event-detail-media{
    min-height:420px;
  }
  .event-gallery-grid{
    grid-template-columns:1fr;
  }
  .news-detail .event-detail-hero{
    margin:24px var(--page-pad) 0;
  }
  .news-detail .event-detail-intro{
    border-top:1px solid var(--line);
    border-left:0;
  }
  .cta-inner{display:grid}
  .cta-actions{justify-content:flex-start}
}
@media (max-width:760px){
  :root{--page-pad:16px;--section-y:52px}
  .site-header{position:sticky}
  .topbar{min-height:64px;padding:.8rem 4.4rem .8rem 1rem}
  .brand{align-items:center}
  .brand-title{max-width:100%;font-size:clamp(1.15rem,5.2vw,1.55rem);line-height:1.15}
  .menu-toggle{position:absolute;right:1rem;display:inline-flex}
  #primaryNav{
    display:none;
    max-height:calc(100vh - 64px);
    width:100%;
    padding:.75rem 1rem 1rem;
    overflow-y:auto;
    border-top:1px solid var(--line);
    background:rgba(255,255,255,.98);
  }
  .site-header.menu-open #primaryNav,
  #primaryNav.is-open{
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:.35rem;
  }
  #primaryNav > a,
  #primaryNav .dropbtn{
    width:100%;
    justify-content:flex-start;
    background:transparent;
    color:#344054;
  }
  #primaryNav .dropdown{width:100%}
  #primaryNav .dropdown::before{display:none!important}
  #primaryNav .dropbtn{justify-content:space-between}
  #primaryNav .dropbtn::after{transition:transform .2s ease}
  #primaryNav .dropdown.open .dropbtn::after,
  #primaryNav .dropdown.is-open .dropbtn::after{transform:translateY(1px) rotate(225deg)}
  #primaryNav .dropdown-content{
    display:none;
    position:static;
    width:100%;
    min-width:0;
    margin:.15rem 0 .4rem;
    padding:.35rem;
    border-color:#edf2f7;
    background:#f8fafc;
    box-shadow:none;
  }
  #primaryNav .dropdown:hover .dropdown-content,
  #primaryNav .dropdown:focus-within .dropdown-content{display:none}
  #primaryNav .dropdown.open .dropdown-content,
  #primaryNav .dropdown.is-open .dropdown-content{display:block}
  #primaryNav .dropdown-content a{padding-left:1rem}
  .nav-badge,
  .nav-volunteer{justify-content:center}
  .page-hero{min-height:420px;padding:58px var(--page-pad) 54px}
  .page-hero:before{background:linear-gradient(90deg, rgba(13,34,29,.92), rgba(13,34,29,.64)), var(--hero-image) center/cover}
  .page-hero h1{font-size:34px;line-height:1.15}
  .page-hero p{font-size:16px}
  .button{width:100%}
  .section-copy h1,.section-copy h2,.section-head h1,.section-head h2,.cta-inner h2{font-size:30px;line-height:1.18}
  .section-head{display:block}
  .section-head p{margin-top:12px}
  .card-grid,.form-grid,.board-grid{grid-template-columns:1fr}
  [data-cms-section="projeler.kartlar"] .card-grid{grid-template-columns:1fr}
  .member-grid{gap:14px}
  .why-copy h2{font-size:30px;line-height:1.18}
  .why-points{grid-template-columns:1fr}
  .why-points span{min-height:0}
  .why-visual img{padding:14px}
  .event-page-hero,
  .calendar-hero{
    display:block;
    padding:42px var(--page-pad);
  }
  .event-feature-card,
  .calendar-hero-note{
    margin-top:24px;
  }
  .event-hero-copy h1,
  .calendar-hero h1,
  .event-detail-intro h1{
    font-size:34px;
    line-height:1.15;
  }
  .event-detail-intro h1{
    font-size:25px;
    overflow-wrap:anywhere;
  }
  .event-hero-copy p,
  .calendar-hero p,
  .event-detail-intro p{
    max-width:100%;
    font-size:16px;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .event-feature-card,
  .blog-compact-card,
  .event-card{
    grid-template-columns:1fr;
  }
  .blog-page-head h1{
    font-size:34px;
    line-height:1.15;
  }
  .blog-page-head p{
    font-size:16px;
  }
  .blog-filter button{
    min-width:0;
  }
  .blog-filter{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .blog-filter button:last-child{
    grid-column:1 / -1;
  }
  .blog-lead-grid{
    width:100%;
  }
  .blog-feature-card{
    display:block;
    min-height:0;
  }
  .blog-card-media{
    min-height:0;
  }
  .blog-card-media img{
    width:100%;
    height:300px;
    min-height:0;
    max-width:100%;
    aspect-ratio:auto;
    object-fit:contain;
    padding:14px;
  }
  .blog-card-body h2,
  .blog-card-body h3{
    overflow-wrap:anywhere;
  }
  .blog-card-body,
  .blog-compact-card .blog-card-body{
    padding:20px;
  }
  .blog-card-body h2{
    font-size:24px;
    line-height:1.18;
  }
  .event-feature-card img,
  .event-card-media img{
    min-height:220px;
    aspect-ratio:16/10;
  }
  .event-feature-card > div,
  .event-card-body,
  .event-agenda{
    max-width:100%;
    overflow:visible;
    padding:20px;
  }
  .event-feature-card p,
  .event-card p{
    overflow-wrap:normal;
    word-break:normal;
  }
  .event-card h3{
    font-size:22px;
  }
  .event-meta{
    display:grid;
    gap:6px;
  }
  .event-meta span + span:before{
    display:none;
  }
  .event-category-links,
  .event-facts{
    grid-template-columns:1fr;
  }
  .event-detail-media{
    min-height:280px;
  }
  .news-detail .event-detail-hero{
    margin:0;
    border-right:0;
    border-left:0;
    border-radius:0;
  }
  .news-detail .event-detail-media{
    min-height:0;
    padding:16px;
  }
  .news-detail .event-detail-media img{
    width:100%;
    max-height:none;
  }
  .event-detail-intro{
    padding:36px 24px;
  }
  .event-article h2,
  .event-agenda h2,
  .calendar-heading h2,
  .upcoming-panel h2{
    font-size:26px;
    line-height:1.18;
  }
  .calendar-panel{
    overflow-x:auto;
  }
  .calendar-weekdays,
  .calendar-grid{
    min-width:640px;
  }
  .calendar-day{
    min-height:52px;
  }
  .calendar-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .event-carousel{
    gap:10px;
  }
  .event-carousel-track{
    grid-template-columns:1fr;
    gap:12px;
  }
  .carousel-arrow{
    width:36px;
    height:36px;
    font-size:18px;
  }
  .card{min-height:auto;padding:22px}
  .card h3{font-size:23px;margin-top:28px}
  .step{grid-template-columns:1fr;gap:12px;padding:20px}
  .site-footer{display:block}
  .site-footer div + div{margin-top:18px}
}
@media (max-width:420px){
  .member-grid{grid-template-columns:1fr}
}