/* === v1.22.7 Stream Event Cards Image Only ===
   Yayın Etkinlikleri kartlarında sadece eklenen görsel + görsel üstünde Katıl butonu görünür.
   Alttaki açıklama/başlık/bilgi alanları gizlenir.
*/

.stream-event-card{
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1200 / 620 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  position: relative !important;
  background: transparent !important;
}

.stream-event-art{
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
}

.stream-event-art img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
}

/* Alt metin alanı artık kart bloğu değil; sadece butonu görselin üstüne taşır */
.stream-event-content{
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* Senin istemediğin alt yazıların tamamı gizlenir */
.stream-event-content > span,
.stream-event-content > h3,
.stream-event-content > p{
  display: none !important;
}

/* Buton görsel üstünde, sol alt tarafta */
.stream-event-btn{
  position: absolute !important;
  left: 22px !important;
  bottom: 22px !important;
  width: auto !important;
  min-width: 116px !important;
  min-height: 44px !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;

  border-radius: 5px !important;
  font-size: 15.5px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0, 30, 45, .34) !important;

  background: linear-gradient(180deg, rgba(35,219,255,.98) 0%, rgba(11,161,212,.98) 55%, rgba(8,119,164,.98) 100%) !important;
  border: 1px solid rgba(160,240,255,.22) !important;
  box-shadow: 0 12px 24px rgba(9,170,220,.22), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.stream-event-btn:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}

/* Eğer görselin sol altı çok açık olursa buton okunurluğu için hafif alt gölge */
.stream-event-card:after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 42% !important;
  background: linear-gradient(0deg, rgba(0,10,16,.38), rgba(0,10,16,0)) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.stream-event-content{
  z-index: 2 !important;
}

/* Mobilde buton biraz küçülsün */
@media(max-width:760px){
  .stream-event-btn{
    left: 16px !important;
    bottom: 16px !important;
    min-width: 98px !important;
    min-height: 40px !important;
    padding: 0 20px !important;
    font-size: 14.5px !important;
  }
}


/* === v1.24.4 FINAL See All Button Vertical Align ===
   Anasayfadaki "Tümünü Gör" butonundaki yazıyı tam ortaya alır.
   Button5 / global button CSS etkilerini bu butonda ezer.
*/

html body:not(.admin-body) main.main .section-head > a,
html body:not(.admin-body) main.main .section-head > a.btn,
html body:not(.admin-body) main.main .section-head a[href]{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 20px !important;
  margin:0 !important;
  line-height:1 !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
  font-size:14px !important;
  font-weight:900 !important;
  border-radius:8px !important;
}

html body:not(.admin-body) main.main .section-head > a::before,
html body:not(.admin-body) main.main .section-head > a::after{
  line-height:1 !important;
}

html body:not(.admin-body) main.main .section-head{
  align-items:center !important;
}

@media(max-width:760px){
  html body:not(.admin-body) main.main .section-head > a,
  html body:not(.admin-body) main.main .section-head a[href]{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 13px !important;
    font-size:12px !important;
    border-radius:7px !important;
  }
}


/* === v1.24.5 Hero Buttons Below Image on Narrow Screens ===
   Hero görsellerinde yazılar görselin içinde olduğu için, dar ekranlarda HTML butonu
   görsel üstünden alıp görselin altına taşır. Böylece buton görseldeki yazının üstüne binmez.
*/

@media(max-width:1100px){
  html body:not(.admin-body) main.main > .hero-showcase{
    row-gap:18px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-card,
  html body:not(.admin-body) .hero-showcase .hero-slide{
    overflow:visible !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    margin-bottom:54px !important;
  }

  /* Görselin içinde yazı zaten gömülü olduğu için HTML başlık/açıklama dar ekranda gizlenir */
  html body:not(.admin-body) .hero-showcase .hero-bottom-content h1,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content p,
  html body:not(.admin-body) .hero-showcase .hero-badge{
    display:none !important;
  }

  /* Butonu görselin altına al */
  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-48px !important;
    z-index:8 !important;
    max-width:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    transform:none !important;
    pointer-events:auto !important;
    width:auto !important;
    min-width:112px !important;
    max-width:max-content !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    font-size:13.5px !important;
    font-weight:900 !important;
    border-radius:7px !important;
    white-space:nowrap !important;
  }

  /* Slider noktaları da görselin içinde kalıp butonla çakışmasın */
  html body:not(.admin-body) .hero-showcase .hero-dots{
    bottom:10px !important;
    z-index:7 !important;
  }
}

@media(max-width:900px){
  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    margin-bottom:50px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    bottom:-44px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    min-width:104px !important;
    min-height:36px !important;
    height:36px !important;
    padding:0 16px !important;
    font-size:13px !important;
  }
}

@media(max-width:520px){
  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    margin-bottom:46px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    bottom:-40px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    min-width:96px !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 14px !important;
    font-size:12.5px !important;
    border-radius:6px !important;
  }
}


/* === v1.24.6 Hero Mobile Button Visible Fix ===
   v1.24.5'te butonu görsel dışına taşırınca bazı cihazlarda görünmeme oldu.
   Bu sürüm butonu kartın kendi alt şeridine alır: görselin üstünde değil, ama kartın içinde görünür.
*/

@media(max-width:1100px){
  html body:not(.admin-body) main.main > .hero-showcase{
    row-gap:16px !important;
  }

  /* Dışarı taşırma yok; kartın içinde alt buton şeridi var */
  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    position:relative !important;
    overflow:hidden !important;
    margin-bottom:0 !important;
    padding-bottom:52px !important;
    box-sizing:border-box !important;
    background:rgba(3,19,31,.95) !important;
  }

  /* Görsel sadece üst alanda kalsın; buton şeridine taşmasın */
  html body:not(.admin-body) .hero-showcase .hero-full-img{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:calc(100% - 52px) !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:0 !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-shade{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:calc(100% - 52px) !important;
    z-index:1 !important;
    pointer-events:none !important;
  }

  /* Slider slide'ları kart yüksekliğinin tamamını kapsar ama buton şeridi içeride kalır */
  html body:not(.admin-body) .hero-showcase .hero-slide{
    overflow:hidden !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-slide.active{
    overflow:hidden !important;
  }

  /* Görselde yazılar gömülü olduğu için HTML yazıları gizli */
  html body:not(.admin-body) .hero-showcase .hero-bottom-content h1,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content p,
  html body:not(.admin-body) .hero-showcase .hero-badge{
    display:none !important;
  }

  /* Buton şeridi */
  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    bottom:8px !important;
    top:auto !important;
    height:36px !important;
    z-index:30 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 !important;
    margin:0 !important;
    max-width:none !important;
    transform:none !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:auto !important;
    min-width:104px !important;
    max-width:max-content !important;
    min-height:36px !important;
    height:36px !important;
    padding:0 16px !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    font-size:13px !important;
    font-weight:950 !important;
    border-radius:7px !important;
    white-space:nowrap !important;
  }

  /* Slider noktaları görsel alanında kalsın */
  html body:not(.admin-body) .hero-showcase .hero-dots{
    bottom:60px !important;
    z-index:20 !important;
  }
}

@media(max-width:520px){
  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    padding-bottom:48px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-full-img,
  html body:not(.admin-body) .hero-showcase .hero-shade{
    height:calc(100% - 48px) !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    left:10px !important;
    right:10px !important;
    bottom:7px !important;
    height:34px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    min-width:94px !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 14px !important;
    font-size:12.5px !important;
    border-radius:6px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-dots{
    bottom:55px !important;
  }
}


/* === v1.24.7 Mobile Sidebar Overlay Fix ===
   Mobilde sidebar açılınca hero butonları sidebar'ın üstünde sabit kalmasın.
*/

@media(max-width:1000px){
  /* Sidebar/backdrop her şeyin üstünde kalsın */
  html body.menu-open .sidebar{
    z-index:1000 !important;
  }

  html body.menu-open .sidebar-backdrop{
    z-index:990 !important;
  }

  /* Menü açıkken hero buton/dot içerikleri görünmesin; sidebar'a binmesin */
  html body.menu-open:not(.admin-body) .hero-showcase .hero-bottom-content,
  html body.menu-open:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body.menu-open:not(.admin-body) .hero-showcase .hero-dots{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:0 !important;
  }

  /* Menü açıkken hero kartları stacking context oluşturup öne çıkmasın */
  html body.menu-open:not(.admin-body) .hero-showcase,
  html body.menu-open:not(.admin-body) .hero-card,
  html body.menu-open:not(.admin-body) .hero-slider,
  html body.menu-open:not(.admin-body) .hero-slide{
    z-index:1 !important;
  }
}


/* === v1.24.8 Mobile Auth Visual Hide ===
   Mobilde giriş/kayıt sayfalarındaki dikey görselleri gizler.
   Sadece form alanı görünür.
*/

@media(max-width:900px){
  html body:not(.admin-body) .auth-embedded-main{
    padding-left:14px !important;
    padding-right:14px !important;
    padding-top:82px !important;
  }

  html body:not(.admin-body) .auth-embedded-shell,
  html body:not(.admin-body) .auth-login-shell,
  html body:not(.admin-body) .auth-register-shell{
    display:block !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
  }

  html body:not(.admin-body) .auth-embedded-visual{
    display:none !important;
  }

  html body:not(.admin-body) .auth-embedded-form-wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  html body:not(.admin-body) .auth-card-pro,
  html body:not(.admin-body) .auth-card-inline{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    border-radius:20px !important;
  }
}

@media(max-width:520px){
  html body:not(.admin-body) .auth-embedded-main{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  html body:not(.admin-body) .auth-card-pro,
  html body:not(.admin-body) .auth-card-inline{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  html body:not(.admin-body) .auth-card-head h1{
    font-size:25px !important;
    line-height:1.08 !important;
  }

  html body:not(.admin-body) .auth-card-head p{
    font-size:13.5px !important;
    line-height:1.45 !important;
  }
}


/* === v1.24.9 Hero Mobile Full Width Button Bar ===
   Mobilde sol hero ve sağ slider butonlarını kart genişliği boyunca tam hizalı yapar.
   İki hero alanında da aynı bağlı alt buton şeridi görünümü kullanılır.
*/

@media(max-width:1100px){
  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    position:relative !important;
    overflow:hidden !important;
    margin-bottom:0 !important;
    padding-bottom:54px !important;
    box-sizing:border-box !important;
    background:rgba(3,19,31,.96) !important;
  }

  /* Görsel üst alan; buton şeridi kartın içinde altta kalır */
  html body:not(.admin-body) .hero-showcase .hero-full-img,
  html body:not(.admin-body) .hero-showcase .hero-shade{
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:calc(100% - 54px) !important;
  }

  /* HTML yazılar görselde zaten gömülü olduğu için gizli */
  html body:not(.admin-body) .hero-showcase .hero-bottom-content h1,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content p,
  html body:not(.admin-body) .hero-showcase .hero-badge{
    display:none !important;
  }

  /* Sol görsel ve slider için aynı, karta bağlı tam genişlik buton şeridi */
  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    height:54px !important;
    z-index:35 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 10px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    transform:none !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
    background:
      linear-gradient(180deg, rgba(3,19,31,.80), rgba(3,19,31,.98)) !important;
    border-top:1px solid rgba(25,200,245,.10) !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 14px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    line-height:1 !important;
    text-align:center !important;
    font-size:13.5px !important;
    font-weight:950 !important;
    border-radius:7px !important;
    white-space:nowrap !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Slider noktaları görsel alanında, alt buton şeridinin üstünde kalsın */
  html body:not(.admin-body) .hero-showcase .hero-dots{
    bottom:64px !important;
    z-index:25 !important;
  }
}

@media(max-width:520px){
  html body:not(.admin-body) .hero-showcase .hero-left-image,
  html body:not(.admin-body) .hero-showcase .hero-slider{
    padding-bottom:50px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-full-img,
  html body:not(.admin-body) .hero-showcase .hero-shade{
    height:calc(100% - 50px) !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content{
    height:50px !important;
    padding:7px 8px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-bottom-content .btn,
  html body:not(.admin-body) .hero-showcase .hero-bottom-content a.btn{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    font-size:12.8px !important;
    border-radius:6px !important;
  }

  html body:not(.admin-body) .hero-showcase .hero-dots{
    bottom:58px !important;
  }
}


/* === v1.25.2 Home Hero Top Gap Fix ===
   Anasayfada üst bar ile ilk hero görseli arasındaki gereksiz boşluğu azaltır.
   Mobilde belirgin gap'i kapatır, desktop'ta hero alanını çok hafif yukarı alır.
*/

/* Desktop: çok az yukarı */
@media(min-width:1001px){
  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-10px !important;
  }
}

/* Tablet / mobil: üst boşluğu ciddi azalt */
@media(max-width:1000px){
  html body:not(.admin-body) main.main{
    padding-top:70px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-34px !important;
  }
}

/* Dar mobil: screenshot'taki büyük boşluğu kapatır */
@media(max-width:620px){
  html body:not(.admin-body) main.main{
    padding-top:62px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-42px !important;
  }
}

/* Çok dar telefonlar */
@media(max-width:390px){
  html body:not(.admin-body) main.main{
    padding-top:58px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-44px !important;
  }
}


/* === v1.25.4 Stream Event Image Sharpness Fix ===
   Yayın Etkinlikleri görsellerinde browser downscale / filter kaynaklı puslanma-tırtıklanmayı azaltır.
   Sadece görsel render kalitesini hedefler; hizalama ve kart yapısına dokunmaz.
*/

html body:not(.admin-body) .stream-event-card{
  isolation:isolate !important;
  transform:none !important;
  filter:none !important;
  background:#020d16 !important;
}

html body:not(.admin-body) .stream-event-card:hover{
  transform:none !important;
}

html body:not(.admin-body) .stream-event-art{
  background:#020d16 !important;
  transform:none !important;
  filter:none !important;
}

html body:not(.admin-body) .stream-event-art img{
  opacity:1 !important;
  filter:none !important;
  transform:translateZ(0) !important;
  backface-visibility:hidden !important;
  will-change:auto !important;
  image-rendering:auto !important;
  image-rendering:-webkit-optimize-contrast !important;
  -ms-interpolation-mode:bicubic !important;
}

/* Görsel üstünde herhangi bir pseudo/gradient varsa görseli matlaştırmasın */
html body:not(.admin-body) .stream-event-card::before,
html body:not(.admin-body) .stream-event-art::before,
html body:not(.admin-body) .stream-event-art::after{
  display:none !important;
  content:none !important;
}

/* Görselin tam oranda oturması için kart ve art aynı ratio'da kalsın */
html body:not(.admin-body) .stream-event-card{
  aspect-ratio:1200 / 620 !important;
}

html body:not(.admin-body) .stream-event-art,
html body:not(.admin-body) .stream-event-art img{
  aspect-ratio:1200 / 620 !important;
}

/* Mobilde çok küçük görünürken aliasing artmasın diye kartı biraz daha geniş slider gibi bırak */
@media(max-width:900px){
  html body:not(.admin-body) .stream-event-card{
    flex-basis:78% !important;
    min-width:260px !important;
  }
}

@media(max-width:420px){
  html body:not(.admin-body) .stream-event-card{
    flex-basis:84% !important;
    min-width:252px !important;
  }
}


/* === v1.25.5 Home Hero Top Gap Balance ===
   v1.25.2'de mobil hero fazla yukarı çekilmişti ve kesme yapıyordu.
   Bu override gap'i azaltılmış ama güvenli seviyeye getirir.
*/

/* Desktop: sadece çok hafif yukarı */
@media(min-width:1001px){
  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-6px !important;
  }
}

/* Tablet / mobil: kesmeyecek güvenli boşluk */
@media(max-width:1000px){
  html body:not(.admin-body) main.main{
    padding-top:82px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-16px !important;
  }
}

/* Dar mobil: önceki -42px çok fazlaydı, güvenli değer */
@media(max-width:620px){
  html body:not(.admin-body) main.main{
    padding-top:78px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-18px !important;
  }
}

/* Çok dar telefonlar */
@media(max-width:390px){
  html body:not(.admin-body) main.main{
    padding-top:76px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-16px !important;
  }
}


/* === v1.25.6 Home Hero Mobile Gap +1 Step Down ===
   Mobilde hero alanı üst bara fazla yapışık kalmıştı.
   Sadece mobil/tablet için bir tık aşağı alır; desktop'a dokunmaz.
*/

@media(max-width:1000px){
  html body:not(.admin-body) main.main{
    padding-top:88px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-8px !important;
  }
}

@media(max-width:620px){
  html body:not(.admin-body) main.main{
    padding-top:86px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-8px !important;
  }
}

@media(max-width:390px){
  html body:not(.admin-body) main.main{
    padding-top:84px !important;
  }

  html body:not(.admin-body) main.main > .hero-grid.hero-showcase,
  html body:not(.admin-body) main.main > .hero-showcase{
    margin-top:-6px !important;
  }
}