/* Kart düzeni: genişliklere dokunmuyoruz */
.cases-page-two__single{
  display:flex; gap:28px; align-items:flex-start;
  padding:24px; border-radius:20px; background:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.06);
}

/* Sol görsel: 270 x 359 sabit */
.cases-page-two__img-box{ width:270px; flex:0 0 270px; }
.cases-page-two__img{ width:270px; height:359px; border-radius:12px; overflow:hidden; background:#e9e9e9; }
.cases-page-two__img img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Sağ içerik: sabit yükseklik + metin sığdırma */
:root{ --case-body-h: 359px; } /* masaüstünde görsel yüksekliği ile eşit */
.cases-page-two__content{
  flex:1; min-width:0; display:flex; flex-direction:column;
  height:var(--case-body-h); overflow:hidden;
}

/* Başlık 2 satıra kadar */
.cases-page-two__title{
  margin:0 0 10px; line-height:1.2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Signs tek satırda taşmadan */
.cases-page-two__points{ margin:0 0 10px; }
.cases-page-two__points p{
  margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Kısa açıklama 3 satırda kesilsin */
.cases-page-two__text{
  margin:0 0 16px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Buton her zaman en altta */
.cases-page-two__btn-box{ margin-top:auto; }

/* Responsive: mobilde sabit yükseklik kalksın, görsel üstte */
@media (max-width: 991.98px){
  :root{ --case-body-h: 300px; }
}
@media (max-width: 575.98px){
  .cases-page-two__single{ flex-direction:column; align-items:stretch; }
  .cases-page-two__img-box{ width:100%; flex:0 0 auto; }
  .cases-page-two__img{ width:100%; height:240px; }
  :root{ --case-body-h:auto; }
  .cases-page-two__content{ height:auto; }
}

/* Mobile header logo fix */
/* --- Mobile logo fix (main-header-two) --- */
@media (max-width: 767px) {
  .main-menu-two__logo img {
    max-height: 48px;  /* eskisi 40px idi, biraz büyütüldü */
    width: auto;
    height: auto;
    display: block;
  }


  .main-menu-two__logo img {
    max-height: 40px;     /* logonun yüksekliğini sınırla */
    width: auto;
    height: auto;
    display: block;
  }
  /* Üst şerit çok yer kaplıyorsa mobilde gizleyebilirsin (opsiyonel) */
  /* .main-header-two__top { display: none; } */
}

/* --- Gri alan (hero/page header) yüksekliğini kısalt --- */
body .main-slider-two .item {
  padding-top: 180px !important;   /* önceki ~312px idi */
  padding-bottom: 120px !important;/* önceki ~210px idi */
}



/* Contact sayfası: header ile kahverengi kart arasında ve kart ile harita arasında boşluk */
.contact-details {
  padding-top: 16px;     /* gri alan ile kahverengi blok arasına ufak boşluk */
  margin-bottom: 16px;   /* kahverengi bloktan sonra boşluk */
}

.google-map-two {
  margin-top: 16px;   
  margin-bottom: 24px;   /* harita ile üstteki blok arasında boşluk */
}

/* Mobilde biraz daha sıkı tutalım */
@media (max-width: 767px) {
  .contact-details {
    padding-top: 12px;
    margin-bottom: 12px;
  }
  .google-map-two {
    margin-top: 12px;
    margin-bottom: 24px;
  }
}

/* Hero butonları: araya boşluk koy */
.main-slider-two__btn-box {
  display: flex;                 /* yatay hizalama */
  justify-content: center;
  align-items: center;
  gap: 16px;                     /* iki buton arası boşluk */
}

/* Mobilde alt alta gelsin ve arada boşluk devam etsin */
@media (max-width: 575px) {
  .main-slider-two__btn-box {
    flex-direction: column;      /* alt alta */
    gap: 12px;                   /* dikey boşluk */
  }
  /* İstersen butonları eş genişlikte yap */
  .main-slider-two__btn-box .thm-btn {
    width: 220px;                /* opsiyonel: çıkarabilirsin */
    text-align: center;
  }
}

/* Mobil: main-slider-two daha kısa + içerik biraz aşağıda */
@media (max-width: 767px) {
body .main-slider-two .item {
  padding-top: 130px !important;   /* önceki ~312px idi */
  padding-bottom: 70px !important;/* önceki ~210px idi */
}
  .main-slider-two .main-slider-two__content {
    transform: translateY(14px);    /* içeriği biraz aşağı indirir */
  }
}

/* Sticky header her sayfada koyu olsun (make-appointment dahil) */
.stricky-header,
.stricky-header.stricky-fixed,
.stricky-header .sticky-header__content,
.stricky-header .main-menu-two__wrapper {
  background-color: #221a17 !important;
}

/* Temanın açık renk veren kaplamasını kapat */
.stricky-header .main-menu-two__wrapper::before,
.stricky-header .main-menu-two__wrapper::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* Sticky iken linkler ve hamburger beyaz kalsın */
.stricky-header .main-menu__list > li > a,
.stricky-header .mobile-nav__toggler {
  color: #fff !important;
}

/* İstenmeyen alt çizgi/kenarlıkları kaldır (tema bazen ekliyor) */
.stricky-header .main-menu-two__wrapper {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Mobilde sticky header'ı aç + koyu yap + üste sabitle */
@media (max-width: 767px) {

  /* Bazı temalar mobilde gizliyor → görünür kıl */
  .stricky-header { display: block !important; visibility: visible !important; }

  /* Scroll sonrası tema iki farklı sınıf kullanabiliyor: stricked-menu / stricky-fixed */
  .stricky-header.stricked-menu,
  .stricky-header.stricky-fixed {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 9999;
  }

  /* Arkaplanı her zaman koyu tut (özellikle make-appointment’ta beyazı ezmek için) */
  .stricky-header,
  .stricky-header .sticky-header__content,
  .stricky-header .main-menu-two__wrapper {
    background: #221a17 !important;
  }

  /* Linkler & hamburger beyaz kalsın */
  .stricky-header .main-menu__list > li > a,
  .stricky-header .mobile-nav__toggler {
    color: #fff !important;
  }

  /* Yüksekliği sabitle ve içerik zıplamasın */
  :root { --sticky-h: 72px; }          /* ihtiyaca göre 60–80px */
  .stricky-header .main-menu-two__wrapper-inner { min-height: var(--sticky-h); }
}
/* Side menu (mobile menu) açılınca sticky header'ı kapat ve boşluğu kaldır */
@media (max-width: 1199px) {
  /* menü açıkken body'ye 'locked' sınıfı geliyor */
  body.locked .stricky-header {
    display: none !important;          /* header tamamen kapansın */
  }

  /* menü ekranın en üstünde kalsın (her ihtimale karşı) */
  .mobile-nav__wrapper {
    z-index: 10050 !important;
  }

  /* sticky için verdiğin üst padding menü açıkken boşluk bırakmasın */
  body.locked {
    padding-top: 0 !important;
  }
}