/*
  ADRASAN APART - MOBILE HERO V5
  Bu dosya yalnızca mobil görünümü düzeltir. Masaüstü tasarıma dokunmaz.
*/
.mobile-hero-reserve-btn{
  display:none;
}

@media (max-width: 880px){
  /* Mobil üst menü: logo tam orta, hamburger tam sağ */
  .site-header{
    top:18px !important;
  }
  .nav-shell{
    display:grid !important;
    grid-template-columns:64px minmax(0, 1fr) 64px !important;
    align-items:center !important;
    gap:0 !important;
    width:calc(100% - 26px) !important;
    min-height:82px !important;
    padding:10px 14px !important;
    border-radius:999px !important;
  }
  .brand{
    grid-column:2 !important;
    justify-self:center !important;
    justify-content:center !important;
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
  }
  .brand picture,
  .brand img{
    margin-inline:auto !important;
  }
  .brand img{
    width:158px !important;
    max-height:58px !important;
    object-fit:contain !important;
  }
  .nav-actions{
    grid-column:3 !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    width:auto !important;
    margin:0 !important;
    gap:0 !important;
  }
  .main-nav,
  .reservation-link,
  .lang{
    display:none !important;
  }
  .menu-toggle{
    display:flex !important;
    width:58px !important;
    height:58px !important;
    margin:0 !important;
    flex:0 0 58px !important;
  }
  .mobile-panel{
    width:calc(100% - 26px) !important;
    margin-top:10px !important;
  }

  /* Mobil hero: görsel alanı daha görünür, rezervasyon formu hero üstünde büyümez */
  .hero-section{
    min-height:100svh !important;
    padding:126px 0 42px !important;
    display:flex !important;
    align-items:stretch !important;
  }
  .hero-media,
  .hero-media picture,
  .hero-media img{
    width:100% !important;
    height:100% !important;
  }
  .hero-media img{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.22) 32%, rgba(0,0,0,.52) 100%) !important;
  }
  .hero-grid{
    width:min(520px, calc(100% - 32px)) !important;
    min-height:calc(100svh - 168px) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    gap:18px !important;
  }
  .hero-copy{
    max-width:100% !important;
    padding-top:0 !important;
  }
  .hero-copy h1{
    font-size:clamp(40px, 10.8vw, 54px) !important;
    line-height:.92 !important;
    letter-spacing:-.04em !important;
    text-shadow:0 12px 36px rgba(0,0,0,.34) !important;
  }
  .hero-copy h1 em{
    font-size:.58em !important;
    margin-top:7px !important;
  }
  .hero-copy p{
    max-width:100% !important;
    margin:18px 0 0 !important;
    font-size:16.5px !important;
    line-height:1.55 !important;
    text-shadow:0 10px 28px rgba(0,0,0,.28) !important;
  }
  .eyebrow{
    margin-bottom:15px !important;
    font-size:12px !important;
    letter-spacing:.20em !important;
  }
  .eyebrow:after{
    width:48px !important;
  }

  /* Hero içindeki tam rezervasyon formunu mobilde kaldır, kompakt buton göster */
  .hero-reservation-card{
    max-width:100% !important;
    width:auto !important;
    padding:0 !important;
    margin:2px 0 0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .hero-reservation-card h2,
  .hero-reservation-card .reservation-hero{
    display:none !important;
  }
  .mobile-hero-reserve-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    min-height:58px !important;
    padding:16px 24px !important;
    border-radius:999px !important;
    background:rgba(255,250,240,.96) !important;
    color:#243122 !important;
    font-weight:1000 !important;
    letter-spacing:.02em !important;
    box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
    border:1px solid rgba(255,255,255,.6) !important;
    backdrop-filter:blur(8px) !important;
  }
  .mobile-hero-reserve-btn span{
    font-size:22px !important;
    line-height:1 !important;
  }

  /* Footer rezervasyon formu mobilde tam kullanılmaya devam eder */
  .footer-cta .reservation-form{
    display:grid !important;
  }
}

@media (max-width: 520px){
  .site-header{
    top:16px !important;
  }
  .nav-shell{
    grid-template-columns:58px minmax(0, 1fr) 58px !important;
    min-height:76px !important;
    padding:9px 12px !important;
  }
  .brand img{
    width:146px !important;
    max-height:52px !important;
  }
  .menu-toggle{
    width:54px !important;
    height:54px !important;
    flex-basis:54px !important;
  }
  .hero-section{
    min-height:100svh !important;
    padding:118px 0 34px !important;
  }
  .hero-grid{
    width:calc(100% - 30px) !important;
    min-height:calc(100svh - 152px) !important;
    gap:16px !important;
  }
  .hero-copy h1{
    font-size:clamp(37px, 11.2vw, 48px) !important;
  }
  .hero-copy p{
    font-size:16px !important;
  }
  .mobile-hero-reserve-btn{
    width:100% !important;
    min-height:56px !important;
  }
}

@media (max-width: 380px){
  .brand img{
    width:132px !important;
  }
  .menu-toggle{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  .hero-copy h1{
    font-size:35px !important;
  }
}