/* =========================================================
SEAACADEMYIK — AJANS HİZMETLERİ
RESPONSIVE.CSS — Sadece kırılımlar (768 / 1024 / 1200)
Klasör: C:\xampp\htdocs\seaacademy-ik\ajans-hizmetleri\css\responsive.css
Not: style.css mobil-first. Burada sadece üst kırılımlar var.
========================================================= */


/* =========================================================
>= 768px (Tablet)
========================================================= */
@media (min-width: 768px){

  /* Container boşluğu */
  .container{
    width:min(var(--container), calc(100% - 64px));
  }

  /* Genel başlıklar */
  .section-head h2{
    font-size:30px;
  }
  .section-head .sub{
    font-size:15px;
  }

  /* HERO */
  .hero-media{
    height: 620px;
  }
  .hero-content{
    grid-template-columns: 1.25fr .75fr;
    align-items:start;
    gap:18px;
    margin-top:-280px;
    padding-bottom:28px;
  }
  .hero-left h1{
    font-size:44px;
  }
  .hero-sub{
    font-size:15.6px;
  }
  .hero-badges{
    left:24px;
    right:24px;
    bottom:24px;
  }

  /* GRID */
  .grid-3{ grid-template-columns: repeat(3, 1fr); }
  .grid-4{ grid-template-columns: repeat(4, 1fr); }

  /* Kategori kart yüksekliği */
  .cat-media{ height: 200px; }
  .cat-body h3{ font-size:17px; }

  /* Callout */
  .callout{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:14px;
  }
  .callout-left{ flex: 1; }
  .callout-right{ flex: 0 0 auto; }

  /* Showcase */
  .masonry{
    grid-template-columns: repeat(3, 1fr);
    gap:12px;
  }
  .show-card:nth-child(1){ grid-column:1 / span 2; min-height:280px; }
  .show-card:nth-child(4){ grid-column:2 / span 2; min-height:260px; }

  .mini-strip{
    grid-template-columns: repeat(3, 1fr);
  }

  /* Trust */
  .trust-wrap{
    grid-template-columns: 1.1fr .9fr;
    align-items:start;
  }
  .trust-left h2{ font-size:28px; }
  .trust-wall img{ height: 160px; }

  /* FORM */
  .form-grid{
    grid-template-columns: 1.2fr .8fr;
    align-items:start;
  }
  .row{
    grid-template-columns: 1fr 1fr;
  }
  .upload-grid{
    grid-template-columns: 1fr 1fr;
  }
  .side-image img{
    height: 340px;
  }

  /* Inner hero (oyunculuk/bakıcılık/cast) */
  .hero--inner .hero-media{ height:560px; }
  .hero-content--inner{ margin-top:-260px; }

  /* Thank you */
  .hero-content--center{
    margin-top:-300px;
    padding-bottom:80px;
  }
}


/* =========================================================
>= 1024px (Desktop)
========================================================= */
@media (min-width: 1024px){

  /* Bölüm aralıkları */
  .section{
    padding:78px 0;
  }

  /* HERO */
  .hero-media{
    height: 680px;
  }
  .hero-content{
    margin-top:-310px;
    grid-template-columns: 1.35fr .65fr;
    gap:22px;
  }
  .hero-left h1{
    font-size:52px;
  }
  .hero-sub{
    font-size:16px;
  }

  /* Hero card */
  .hero-card{
    padding:20px;
  }
  .hero-card h3{
    font-size:19px;
  }

  /* Categories */
  .cat-media{ height: 220px; }
  .cat-body{ padding:16px 16px 18px; }
  .cat-body p{ font-size:14px; }

  /* Guide */
  .guide-card img{ height: 210px; }

  /* Showcase */
  .show-card{ min-height:170px; }
  .show-card:nth-child(1){ min-height:320px; }
  .show-card:nth-child(4){ min-height:300px; }

  /* Trust */
  .trust-left h2{ font-size:32px; }
  .trust-card{ padding:18px; }
  .trust-wall img{ height: 175px; }

  /* Form */
  .form-card{ padding:18px; }
  .side-card{ padding:16px; }
  .side-image img{ height: 380px; }

  /* Inner hero */
  .hero--inner .hero-media{ height:600px; }
  .hero-content--inner{ margin-top:-280px; }
}


/* =========================================================
>= 1200px (Wide)
========================================================= */
@media (min-width: 1200px){

  /* Container daha geniş nefes */
  .container{
    width:min(var(--container), calc(100% - 96px));
  }

  /* HERO */
  .hero-media{
    height: 720px;
  }
  .hero-content{
    margin-top:-330px;
  }
  .hero-left h1{
    font-size:58px;
  }

  /* Grid boşlukları */
  .grid{
    gap:16px;
  }

  /* Kategori görselleri */
  .cat-media{ height: 240px; }

  /* Showcase */
  .masonry{ gap:14px; }
  .show-card:nth-child(1){ min-height:340px; }
  .show-card:nth-child(4){ min-height:320px; }

  /* Trust */
  .trust-wall img{ height: 190px; }

  /* Form */
  .side-image img{ height: 410px; }

  /* Inner hero */
  .hero--inner .hero-media{ height:640px; }
  .hero-content--inner{ margin-top:-300px; }

  /* Thank you */
  .success-card{
    padding:22px;
  }
}