/* =====================================================
   MAIN MOBILE COMPACT FIX
   style.css ve style2.css'ten sonra yüklenmeli.
   Mobilde üstteki boşluğu doğrudan main + hero üzerinden sıfırlar.
   ===================================================== */

@media screen and (max-width: 760px){

  html,
  body{
    margin:0 !important;
    padding-top:0 !important;
    overflow-x:hidden !important;
  }

  body{
    padding-bottom:125px !important;
  }

  .navbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:0 16px !important;
    z-index:999999 !important;
  }

  .site-main,
  main.mobile-compact-main{
    margin:0 !important;
    padding:0 !important;
    display:block !important;
  }

  main.mobile-compact-main > .hero,
  main.mobile-compact-main > section#home,
  main.mobile-compact-main > section.hero.section{
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:66px 18px 24px !important;
    display:block !important;
    gap:0 !important;
    align-items:start !important;
  }

  main.mobile-compact-main > .hero .hero-content{
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    position:relative !important;
    top:auto !important;
  }

  main.mobile-compact-main > .hero .eyebrow{
    margin-top:0 !important;
    margin-bottom:8px !important;
  }

  main.mobile-compact-main > .hero h1{
    margin-top:0 !important;
    margin-bottom:12px !important;
    line-height:.88 !important;
  }

  main.mobile-compact-main > .hero .hero-actions{
    margin-top:16px !important;
  }

  main.mobile-compact-main > .hero .vibe-pills{
    margin-top:12px !important;
  }

  /* Üst boşluğun asıl sebebi olan görsel stage mobilde tamamen kaldırılır */
  main.mobile-compact-main > .hero .hero-stage,
  main.mobile-compact-main > .hero #heroStage{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  main.mobile-compact-main > .hero .blob-one{
    top:52px !important;
    left:-54px !important;
    width:135px !important;
    height:135px !important;
  }

  main.mobile-compact-main > .hero .blob-two{
    display:none !important;
  }

  .mobile-bottom-nav{
    display:grid !important;
    position:fixed !important;
    left:16px !important;
    right:16px !important;
    bottom:calc(16px + env(safe-area-inset-bottom)) !important;
    top:auto !important;
    z-index:2147483647 !important;
    transform:none !important;
    margin:0 !important;
    pointer-events:auto !important;
  }

  .mobile-bottom-nav,
  .mobile-bottom-nav *{
    pointer-events:auto !important;
  }
}

@media screen and (max-width: 420px){
  main.mobile-compact-main > .hero,
  main.mobile-compact-main > section#home,
  main.mobile-compact-main > section.hero.section{
    padding-top:62px !important;
  }
}