/* SABIT HEADER ORTUSMESI (05.09.2026, olculdu):
   header 96px, main margin-top 75px -> icerigin ust 21px'i header'in altinda
   kaliyordu. Hem mobil hem masaustunde. Bagimsiz olarak dogrulandi. */
/* header yuksekligi = logo + navbar padding(32px). Her kirilmada olculdu. */
main{margin-top:105px}
html{scroll-padding-top:113px}
@media (max-width:1099px){main{margin-top:96px}html{scroll-padding-top:104px}}
@media (max-width:520px){main{margin-top:84px}html{scroll-padding-top:92px}}
@media (max-width:380px){main{margin-top:78px}html{scroll-padding-top:86px}}
.hero.dva-hero{position:relative;overflow:hidden}
.hero.dva-hero > .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:0}
.hero.dva-hero::after{content:"";position:absolute;inset:0;z-index:1;
 background:linear-gradient(180deg,rgba(6,8,12,.52) 0%,rgba(6,8,12,.34) 45%,rgba(6,8,12,.62) 100%)}
.hero.dva-hero .hero-content{position:relative;z-index:2}
.hero.dva-hero .hero-content h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero.dva-hero .hero-content p{color:rgba(255,255,255,.92)}
.hero.dva-hero .hero-content .breadcrumb,
.hero.dva-hero .hero-content .breadcrumb a,
.hero.dva-hero .hero-content .breadcrumb span{color:rgba(255,255,255,.85)}
.hero.dva-hero .hero-content{padding-left:20px;padding-right:20px}
.hero.dva-hero .hero-content .breadcrumb{justify-content:center;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hero.dva-hero .hero-content h1{font-size:clamp(1.75rem,4.2vw,3rem);line-height:1.15;margin:0 0 .5rem}
.hero.dva-hero .hero-content p{font-size:clamp(.95rem,1.5vw,1.05rem);margin:.35rem 0 0}
.hero.dva-hero .hero-content .breadcrumb{margin-top:1rem;font-size:.9rem;opacity:.9;letter-spacing:.2px}
/* MOBIL: baslik ekranin yarisini yemesin, icerik hemen gorunsun (Serhat 05.09) */
@media (max-width:768px){
  .hero.dva-hero{height:230px!important;min-height:230px!important}
  .hero.dva-hero .hero-content h1{font-size:1.55rem}
  .hero.dva-hero .hero-content p{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero.dva-hero .hero-content .breadcrumb{margin-top:.6rem;font-size:.8rem}
}
/* YAZI SAYFASI KAPAGI (olculdu 05.09): mobilde 500px = ekranin %62'si.
   Diger sayfalarla ayni ritme cekildi. */
@media (max-width:768px){
  .single-blog-header{height:260px!important;min-height:260px!important}
  .single-blog-header h1{font-size:1.45rem!important;line-height:1.2}
  .single-blog-header .blog-meta{font-size:.8rem}
  /* iOS zoom: 16px altindaki form alanina dokununca Safari sayfayi buyutuyor
     ve geri dondurmuyor. 15 alanin 15'i 14px'ti (olculdu). */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
}
@media (max-width:480px){
  .hero.dva-hero{height:200px!important;min-height:200px!important}
  .hero.dva-hero .hero-content h1{font-size:1.4rem}
}

/* ===== TASARIM DENETIMI DUZELTMELERI (05.09.2026) ===== */

/* 1) MENU 1350px ALTINDA KAYBOLUYORDU. 1280/1366 laptoplarda ust menu ve
      basvuru butonu hic gorunmuyordu. Esik 1100px'e cekildi. */
@media (min-width:1100px){
  .header .nav-menu{display:flex!important}
  .header .header-actions .btn-primary{display:inline-flex!important}
  .header .menu-toggle,.header .mobile-menu-toggle,.header .hamburger{display:none!important}
}
@media (min-width:1100px) and (max-width:1349px){
  .header .nav-menu{gap:1.1rem}
  .header .nav-menu a{font-size:.92rem}
  .header .header-actions .btn{padding:.55rem 1rem;font-size:.85rem}
}

/* 2) BASVURU BUTONU MOBILDE UST CUBUKTAN GIZLENMISTI.
      Sitenin tek para kazandiran eylemi telefonda gorunmuyordu. */
@media (max-width:1099px){
  .header .header-actions .btn-primary{
    display:inline-flex!important;align-items:center;
    padding:.5rem .85rem;font-size:.8rem;white-space:nowrap;margin-right:.35rem}
}
/* Kucuk ekranda buton hamburger'i disari itiyordu (olculdu: 375px ekranda
   hamburger sag kenari 399px). Butun cubuk daraltildi. */
@media (max-width:520px){
  .header .navbar{gap:.3rem}
  .header .header-actions{gap:.3rem}
  .header .header-actions .btn-primary{padding:.42rem .55rem;font-size:.7rem;letter-spacing:0}
  .header .logo{height:52px!important}
}
@media (max-width:380px){
  .header .header-actions .btn-primary{padding:.38rem .45rem;font-size:.64rem}
  .header .logo{height:46px!important}
}

/* 3) KART IC BOSLUKLARI MOBILDE HIC KUCULMUYORDU.
      375px ekranda kart icindeki metne 231px kaliyordu (~28 karakter/satir). */
@media (max-width:600px){
  .document-card,.info-card,.pricing-item,.service-card,.feature-card,
  .bento-card,.blog-card .blog-content,.faq-item,.quick-contact-card{
    padding:1.25rem!important}
  .section{padding-top:2.25rem!important;padding-bottom:2.25rem!important}
  .section-title{margin-bottom:1.25rem!important}
}

/* 4) IZGARA TASMASI (olculdu 768px): belgeler 5 sutun (762px) ve partner
      logolari 4 sutun (768px) 720px'lik kaba sigmiyordu -> yatay kaydirma.
      minmax(0,1fr) sutunlarin kucululmesini saglar. */
@media (max-width:992px){
  .documents-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important}
  .partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.25rem!important}
}
@media (max-width:600px){
  .documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 5) MASAUSTU: KUTU GENISLIKLERI TUTARSIZDI (olculdu 1440px'te).
      Fiyat kutusu 1184px, altindaki icerik kutusu 860px -> hizasiz duruyordu.
      Kutu genisligi hizalandi, ic bosluk artirilarak satir uzunlugu okunur tutuldu. */
@media (min-width:1100px){
  .dva-seo{max-width:1184px!important;padding-left:120px!important;padding-right:120px!important}
}
@media (min-width:992px) and (max-width:1099px){
  .dva-seo{max-width:96%!important;padding-left:64px!important;padding-right:64px!important}
}

/* 6) MOBILDE KOMPAKTLIK (Serhat isaretledi: kutular ve bosluklar gereksiz buyuk).
      Olculdu: .pricing-card padding 48px, header alt bosluk 32px, ozellik listesi
      alt bosluk 48px -> kart 375px ekranda 589px yuksekligindeydi. */
@media (max-width:600px){
  .pricing-card{padding:20px!important}
  .pricing-card .pricing-header{margin-bottom:14px!important}
  .pricing-card .pricing-features{margin-bottom:18px!important}
  .pricing-card .pricing-features li{margin-bottom:8px!important;font-size:.9rem!important}
  .pricing-card .price{font-size:2rem!important;line-height:1.1!important}
  .pricing-card h3{font-size:1.05rem!important;line-height:1.25!important;margin-bottom:6px!important}
  .pricing-card p{font-size:.88rem!important;line-height:1.45!important}
  .pricing-card .badge{font-size:.68rem!important;padding:6px 14px!important}
  .pricing-card .btn{padding:12px 18px!important;font-size:.92rem!important}

  .blog-card .blog-content{padding:16px!important}
  .blog-card .blog-meta{font-size:.74rem!important;margin-bottom:6px!important;gap:.6rem!important}
  .blog-card h3{font-size:1.02rem!important;line-height:1.28!important;margin:2px 0 8px!important}
  .blog-card h3 a{font-size:inherit!important}
  .blog-card p{font-size:.88rem!important;line-height:1.45!important;margin-bottom:10px!important}
  .blog-card .read-more{font-size:.88rem!important}

  .section-title h2{font-size:1.35rem!important;line-height:1.25!important}
  .section-title p{font-size:.9rem!important;line-height:1.45!important}
}

/* 7) FIYAT SATIRLARINA BASVUR BUTONU (Serhat onayi 05.09) */
.pricing-item{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.pricing-item .item-content{flex:1 1 240px;min-width:0}
.pricing-item .item-price{white-space:nowrap}
.pricing-item .item-action .btn{white-space:nowrap;padding:.6rem 1.15rem;font-size:.92rem;box-shadow:none}
@media (max-width:600px){
  .pricing-item{gap:.6rem}
  .pricing-item .item-action{width:100%}
  .pricing-item .item-action .btn{width:100%;padding:.7rem 1rem}
}

/* 8) ROZET RENKLERI TEK PALETE INDIRILDI (Serhat onayi 05.09).
      Onceden mor/yesil/turuncu/sari karisikti; marka disi renkler kalkti.
      Ayrim renkle degil, dolgu/cerceve ile yapiliyor. */
.ticket-badge,.ticket-badge.family,.ticket-badge.budget,.ticket-badge.luxury,
.ticket-badge.popular,.ticket-badge.new{
  background:#d71923!important;color:#fff!important;
  border:1px solid #d71923!important;box-shadow:none!important;
  font-weight:600;letter-spacing:.2px}
.ticket-badge.budget,.ticket-badge.family{
  background:#fff!important;color:#d71923!important;border:1px solid #d71923!important}

/* 9) WHATSAPP BUTONU sadelestirildi (05.09.2026).
      Buton kalsin — trafik zaten WhatsApp'a yonlendiriliyor. Kalkan sey
      uc katmanli yesil parilti ve 3 saniyede bir donen animasyon: her ekranda
      goz caliyordu ve 75px capla icerigin uzerine biniyordu. */
.whatsapp-float{
  width:58px!important;height:58px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  animation:none!important}
.whatsapp-float:hover{box-shadow:0 8px 22px rgba(0,0,0,.24)!important;transform:translateY(-2px)}
.whatsapp-float i,.whatsapp-float svg{font-size:26px!important}
@media (max-width:600px){
  .whatsapp-float{width:52px!important;height:52px!important}
  .whatsapp-float i,.whatsapp-float svg{font-size:23px!important}
}

/* 10) SSS VE HABER KARTLARI MOBILDE COK BUYUKTU (Serhat, 06.09; olculdu).
       SSS: .faq-item 20px dis + .faq-question 32px ic bosluk -> 51px yazi icin
       155px kutu. Haber karti: 551px (gorsel 250 + icerik 301, ic bosluk 32). */
@media (max-width:600px){
  /* Sikca sorulan sorular */
  .faq-item{padding:0!important;margin-bottom:10px!important}
  .faq-question{padding:14px 16px!important;gap:.6rem}
  .faq-question span{font-size:.95rem!important;line-height:1.32!important}
  .faq-answer{padding:0 16px 14px!important;font-size:.9rem!important;line-height:1.5!important}

  /* Haber kartlari */
  .news-card .news-image,.news-card .news-image img,.news-card > a > img{height:170px!important}
  .news-content{padding:16px!important}
  .news-content h3{font-size:1.05rem!important;line-height:1.3!important;margin-bottom:8px!important}
  .news-content p{font-size:.88rem!important;line-height:1.45!important;margin-bottom:10px!important}
  .news-date{font-size:.75rem!important;padding:4px 10px!important;margin-bottom:8px!important}
  .news-link{font-size:.88rem!important}
}