/* Sosyal Medya Yönetimi: mobil hero + ikinci landing bloğu düzeni
   Bu dosya yalnızca .agency-hero--social-media ve hemen arkasındaki .corp-page alanını etkiler. */
@media (max-width: 820px){
  /* Global hero CSS mobilde min-height:1240px veriyor. Bu sayfada gereksiz dev boşluğun ana nedeni buydu. */
  .agency-hero--social-media{
    min-height:0!important;
    padding-bottom:22px!important;
  }
  .agency-hero--social-media .agency-description{
    margin-bottom:0!important;
  }
  .agency-hero--social-media .agency-stage{
    height:680px!important;
    min-height:0!important;
    margin-top:30px!important;
  }
  .agency-hero--social-media .agency-glass-panel{
    top:150px!important;
    min-height:510px!important;
    padding:68px 16px 16px!important;
  }
  .agency-hero--social-media .agency-team-row{
    margin-top:14px!important;
    gap:9px!important;
  }

  /* Hemen alttaki eski Sosyal Medya landing hero: daha kompakt ve düzenli mobil görünüm */
  .agency-hero--social-media + .corp-page{
    padding-top:12px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero{
    padding-top:12px!important;
    gap:16px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-copy{
    padding:24px 20px!important;
    border-radius:24px!important;
  }
  .agency-hero--social-media + .corp-page .corp-eyebrow{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.14em!important;
    margin-bottom:15px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-copy h2{
    margin:0 0 16px!important;
    max-width:100%!important;
    font-size:36px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
    font-weight:700!important;
  }
  .agency-hero--social-media + .corp-page .corp-lead{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-note{
    font-size:14px!important;
    line-height:1.55!important;
    margin-top:14px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-mini{
    gap:7px!important;
    margin-top:16px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-mini span{
    padding:7px 10px!important;
    font-size:11px!important;
  }
  .agency-hero--social-media + .corp-page .corp-actions{
    margin-top:20px!important;
    gap:9px!important;
  }
  .agency-hero--social-media + .corp-page .corp-btn{
    min-height:46px!important;
    font-size:13px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-media,
  .agency-hero--social-media + .corp-page .corp-hero-media img{
    min-height:310px!important;
  }
}

@media (max-width: 620px){
  .agency-hero--social-media{
    padding-bottom:16px!important;
  }
  .agency-hero--social-media .agency-stage{
    height:660px!important;
    margin-top:24px!important;
  }
  .agency-hero--social-media .agency-glass-panel{
    top:146px!important;
    min-height:495px!important;
    padding:66px 14px 14px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero{
    padding-top:8px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-copy{
    padding:22px 18px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-copy h2{
    font-size:32px!important;
    line-height:1.04!important;
  }
  .agency-hero--social-media + .corp-page .corp-lead{
    font-size:14.5px!important;
  }
  .agency-hero--social-media + .corp-page .corp-hero-media,
  .agency-hero--social-media + .corp-page .corp-hero-media img{
    min-height:280px!important;
  }
}