/* Site özel düzeltmeleri — skin-1.css'ten SONRA yüklenir */

/* Menü okunabilirliği
   skin-1.css tüm a:hover'lara #1d2a5d (lacivert) veriyor ve alt menü hover zeminini #000 yapıyor;
   koyu zemin üzerinde koyu yazı okunmuyordu. */
.nav-dark.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .sub-menu li > a:hover,
.nav-dark.header-nav .nav > li .sub-menu li > a:focus{
  background-color:#1d2a5d;
  color:#fff;
}
.nav-dark.header-nav .nav > li .sub-menu li:hover > .fa,
.nav-dark.header-nav .nav > li .sub-menu li:hover .submenu-toogle{
  color:#fff;
}

/* Footer link okunabilirliği
   skin-1.css footer linklerine hover'da #1d2a5d (lacivert) veriyordu; koyu footer zemininde okunmuyordu. */
.footer-dark .footer-top a:hover,
.footer-dark .footer-top a:focus,
.footer-dark .footer-top a:active,
.footer-dark .footer-bottom a:hover,
.footer-dark .footer-bottom a:focus,
.site-footer .widget_services ul li a:hover,
.site-footer .widget_services ul li a:focus{
  color:#d7b39a;
}
.footer-dark .footer-bottom a:hover font{
  color:#d7b39a;
}

/* Banner breadcrumb: skin-1.css lacivert veriyordu, koyu banner üzerinde okunmuyordu */
.sx-breadcrumb li a,
.sx-breadcrumb li a:focus{
  color:#d7b39a;
}
.sx-breadcrumb li a:hover{
  color:#fff;
}

/* Erişilebilirlik (PageSpeed): metin içi linkler yalnızca renkle ayırt ediliyordu */
.product-block p a,.faq-list p a,.acod-content a,.price-note a{text-decoration:underline}
/* ayırıcıdaki çizgili desen metin kontrastını ölçülemez/zayıf yapıyordu */
.sx-separator p{background:#fff;position:relative}
/* karusel başındaki pasif (soluk) geri düğmesi: işe yaramıyor, kontrast hatası veriyordu */
.owl-nav .owl-prev.disabled,.owl-nav .owl-next.disabled{visibility:hidden}

/* "Hızlı İletişim" kapat: <a href="javascript:void"> yerine gerçek düğme */
.contact-nav button.contact_close{width:auto;background:none;padding:0;line-height:1;color:#000;cursor:pointer}

/* Tahmini fiyat tablosu */
.price-table-wrap{width:100%;overflow-x:auto;margin:20px 0 10px}
.price-table{width:100%;min-width:440px;border-collapse:collapse;font-size:14px;background:#fff}
.price-table caption{caption-side:top;text-align:left;font-weight:600;color:#000;padding:0 0 10px;font-size:16px}
.price-table th{background:#23252d;color:#fff;text-align:left;padding:12px 14px;font-weight:600}
.price-table td{padding:12px 14px;border-bottom:1px solid #e5e5e5;color:#23252d}
.price-table tbody tr:nth-child(even) td{background:#f6f7f8}
.price-table td:last-child{font-weight:600;white-space:nowrap}
.price-table a{color:#1d2a5d;text-decoration:underline}
.price-note{font-size:13px;color:#555;margin-bottom:16px}
.price-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:30px}
.price-cta-link{color:#1d2a5d;font-weight:600;text-decoration:underline}
.price-cta-link:hover{color:#000}

/* Mobilde fiyat tablosu: her satır bir kart, yatay kaydırma yok */
@media only screen and (max-width:575px){
  .price-table-wrap{overflow:visible}
  .price-table{min-width:0}
  .price-table thead{display:none}
  .price-table,.price-table tbody,.price-table tr,.price-table td{display:block;width:100%}
  .price-table tr{margin-bottom:10px;border:1px solid #e5e5e5;border-left:4px solid #23252d;background:#fff}
  .price-table tbody tr:nth-child(even) td{background:transparent}
  .price-table td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border-bottom:0}
  .price-table td:first-child{display:block;background:#f6f7f8!important;font-weight:600;font-size:15px}
  /* \00D6=Ö \00E7=ç \00FC=ü — CSS dosyası charset başlığı olmadan sunulduğu için kaçış kodu */
  .price-table td:nth-child(2):before{content:"Standart \00D6l\00E7\00FC";color:#666;font-weight:400}
  .price-table td:nth-child(3):before{content:"Tahmini Fiyat";color:#666;font-weight:400}
  .price-table td:last-child{white-space:normal;text-align:right;color:#000}
}

/* Mobil yatay taşma düzeltmesi: ayırıcı kutusu dışındaki başlıkların dekor çizgileri
   kutunun 40px dışına konuyor (style.css .sep-line-one:after right:-40px); mobilde ekranı 25px taşırıyordu. */
@media only screen and (max-width:991px){
  .sep-line-one:not(.sx-separator-outer .sep-line-one):before,
  .sep-line-one:not(.sx-separator-outer .sep-line-one):after{display:none}
}

/* "Hızlı İletişim" paneli ilk açılışta ekranın SAĞ dışında sabit duruyordu (right:-100%);
   iPhone Safari bu yüzden sayfayı yana kaydırıyor, sağda boş şerit gösteriyordu.
   Kapatınca zaten sola gidiyor (custom.js: right:100%), başlangıç konumunu da sola alıyoruz. */
.contact-slide-hide{right:100%}

/* Mobilde yatay kaymaya karşı son güvenlik: taşan dekorlar kırpılır.
   clip, hidden'dan farklı olarak kaydırma alanı oluşturmaz; yapışkan menü ve kaydırma olayları bozulmaz. */
@media only screen and (max-width:991px){
  html,body{overflow-x:hidden}
  @supports (overflow-x:clip){
    html,body{overflow-x:clip}
  }
  /* basılı tutup sürükleyince sayfa yana kaymasın: tarayıcı yalnızca dikey kaydırma ve
     iki parmakla yakınlaştırma yapar; karuseller parmak hareketini kendi JS'leriyle işler */
  html,body{touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}
}

/* ============ Anasayfa hero (Revolution Slider yerine, JS'siz) ============
   Yükseklik = ekran − header (header: masaüstü 127px, menü iki satırken 195px, mobil 71px).
   svh: iPhone adres çubuğunda 100vh fazla gelir. Sabit yükseklik → yerleşim kayması (CLS) yok. */
.sas-hero{
  position:relative;overflow:hidden;background:#2b2d33;
  height:calc(100vh - 127px);height:calc(100svh - 127px);min-height:480px;max-height:960px;
}
.sas-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.sas-hero:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}
.sas-hero-panel{display:none}
.sas-hero-content{
  position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;
  align-items:center;text-align:center;padding:24px 20px;color:#fff;font-family:'Poppins',sans-serif;
}
.sas-hero-content > *{margin:0}
.sas-hero-badge{display:inline-block;background:#000;color:#fff;font-weight:600;font-size:80px;line-height:80px;padding:14px 12px 4px;margin-bottom:26px}
.sas-hero-kicker{font-size:28px;line-height:1.2;font-weight:300;letter-spacing:4px;text-transform:uppercase}
.sas-hero-title{font-size:30px;line-height:1.25;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin:12px 0 22px}
.sas-hero-text{font-size:17px;line-height:26px;font-weight:500;max-width:360px;margin-bottom:28px}
.sas-hero-kicker,.sas-hero-title,.sas-hero-text{text-shadow:0 2px 10px rgba(0,0,0,.6)}

/* tablet ve mobil: yazılar görselin üstünde, perde koyu */
@media only screen and (max-width:1023px){
  .sas-hero:before{background:rgba(0,0,0,.62)}
}
@media only screen and (max-width:767px){
  .sas-hero{height:calc(100vh - 71px);height:calc(100svh - 71px);min-height:440px}
}

/* masaüstü: solda koyu panel, sol/alt açık çerçeve, metin sola hizalı (eski slider düzeni) */
@media only screen and (min-width:1024px){
  .sas-hero{border-left:40px solid #eef1f2;border-bottom:60px solid #eef1f2}
  .sas-hero-panel{display:block;position:absolute;left:0;top:0;bottom:0;width:calc(100% - 570px);min-width:420px;background:#23252d;z-index:2}
  .sas-hero-content{
    align-items:flex-start;text-align:left;
    padding:40px 40px 40px max(90px, calc((100% - 1270px) / 2 + 110px));
  }
  .sas-hero-badge{font-size:100px;line-height:100px;padding:18px 12px 4px;margin-bottom:34px}
  .sas-hero-kicker{font-size:54px;font-weight:200;letter-spacing:10px}
  .sas-hero-title{font-size:42px;letter-spacing:10px;margin:14px 0 26px}
  .sas-hero-text{font-size:19px;line-height:29px;max-width:600px;margin-bottom:34px}
  .sas-hero-kicker,.sas-hero-title,.sas-hero-text{text-shadow:none}
}
@media only screen and (min-width:1024px) and (max-width:1279px){
  .sas-hero{height:calc(100vh - 195px);height:calc(100svh - 195px)}
}
@media only screen and (min-width:1240px){
  .sas-hero-panel{width:calc(100% - 870px);min-width:460px}
  .sas-hero-badge{font-size:120px;line-height:120px;padding:20px 12px 4px}
  .sas-hero-kicker{font-size:64px}
  .sas-hero-title{font-size:48px}
  .sas-hero-text{font-size:20px;line-height:30px}
}

/* açılış animasyonu (yalnızca CSS; hareket azaltma tercihine saygılı) */
@media (prefers-reduced-motion:no-preference){
  .sas-hero-img{animation:sasZoom 7s ease-out both}
  .sas-hero-panel{animation:sasPanel .9s cubic-bezier(.2,.7,.2,1) both}
  .sas-hero-content > *{animation:sasUp .8s cubic-bezier(.2,.7,.2,1) both}
  .sas-hero-content > :nth-child(1){animation-delay:.25s}
  .sas-hero-content > :nth-child(2){animation-delay:.4s}
  .sas-hero-content > :nth-child(3){animation-delay:.55s}
  .sas-hero-content > :nth-child(4){animation-delay:.7s}
  .sas-hero-content > :nth-child(5){animation-delay:.85s}
}
@keyframes sasZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes sasPanel{from{transform:translateX(-100%)}to{transform:none}}
@keyframes sasUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* İç sayfa banner'ı (breadcrumb arkası) — mobil netlik
   style.css: background-attachment:fixed → iPhone Safari bunu desteklemiyor, görseli tüm sayfa
   yüksekliğine göre büyütüp bulanıklaştırıyordu. Mobilde normal kaydırma, kısa banner, daha açık perde. */
@media only screen and (max-width:767px){
  .sx-bnr-inr{
    height:auto;
    min-height:340px;
    background-attachment:scroll!important;
    background-position:center center!important;
    background-size:cover;
  }
  .sx-bnr-inr .container{height:auto}
  .sx-bnr-inr-entry{padding-top:110px;padding-bottom:18px}
  .sx-bnr-inr .overlay-main.opacity-07{opacity:.5}
  /* metin, açılan perdeye rağmen okunur kalsın */
  .sx-bnr-inr-entry .banner-title-outer h1,
  .sx-bnr-inr-entry .banner-title-outer p{text-shadow:0 1px 8px rgba(0,0,0,.55)}
  .sx-bnr-inr-entry .banner-title-outer p{font-size:14px;line-height:1.6;margin-bottom:0}
  .sx-bnr-inr-entry .banner-title-outer{margin-bottom:12px}
}

/* Mobil boşluk düzenlemeleri */
@media only screen and (max-width:767px){
  /* iletişim haritası: 450px telefonda ekranın yarısından fazlası */
  .contact-map{height:300px}
  /* referans logoları: 8 logo ~800px yer kaplıyordu; 3'lü, daha kısa kutular */
  .client-grid .row > [class*="col-"]{flex:0 0 33.333%;max-width:33.333%;margin-bottom:12px;padding-left:6px;padding-right:6px}
  .client-grid .client-logo-pic{padding:10px}
  .client-grid .client-logo-pic img{max-height:56px;width:auto;margin:0 auto;display:block}
  .client-grid{margin-bottom:10px}
  /* mobil boşluk sınıfı olmayan tema bölümleri telefonda da 80px üst/alt boşluk bırakıyordu
     (mobile-page-padding / inner-page-padding zaten style.css'te 30px'e iniyor, onlara dokunulmuyor) */
  .section-full.p-t80:not(.mobile-page-padding):not(.inner-page-padding){padding-top:40px}
  .section-full.p-b80:not(.mobile-page-padding):not(.inner-page-padding){padding-bottom:40px}
  .section-full.p-tb80:not(.mobile-page-padding):not(.inner-page-padding){padding-top:40px;padding-bottom:40px}
}

/* Mobil alt iletişim bandı (Arayın / WhatsApp / Konum) */
.mobile-bar{display:none}
@media only screen and (max-width:767px){
  .mobile-bar{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:9998;
    background:#2b3a46;
    box-shadow:0 -4px 16px rgba(0,0,0,.18);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .mobile-bar a,
  .mobile-bar a:hover,
  .mobile-bar a:focus{
    flex:1 1 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:46px;
    color:#fff;
    font-family:'Poppins',sans-serif;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    border-right:1px solid rgba(255,255,255,.12);
  }
  .mobile-bar a:last-child{border-right:0}
  .mobile-bar a:active{background:rgba(255,255,255,.1)}
  .mobile-bar .fa{font-size:15px}
  .mobile-bar .fa-whatsapp{color:#25d366;font-size:17px}

  /* bant içeriğin üstünü kapatmasın */
  body{padding-bottom:calc(46px + env(safe-area-inset-bottom))}

  /* eski yüzen butonlar mobilde gizli; işlevleri bantta */
  .float,.buyBtn{display:none!important}
  button.scroltop{bottom:calc(56px + env(safe-area-inset-bottom))!important}
}

/* YouTube kapak görseli (js/yt-lite.js) */
.yt-lite{
  position:relative;
  display:block;
  width:100%;
  max-width:560px;
  aspect-ratio:16/9;
  background:#000;
  overflow:hidden;
  cursor:pointer;
  margin-bottom:20px;
}
.yt-lite img,
.yt-lite iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.yt-lite img{ object-fit:cover; transition:opacity .2s; }
.yt-lite:hover img{ opacity:.85; }
.yt-lite .yt-play{
  position:absolute;
  left:50%;
  top:50%;
  width:68px;
  height:48px;
  margin:-24px 0 0 -34px;
  border:0;
  border-radius:12px;
  background:rgba(0,0,0,.75);
  cursor:pointer;
  transition:background .2s;
}
.yt-lite .yt-play:before{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  margin:-10px 0 0 -7px;
  border-style:solid;
  border-width:10px 0 10px 18px;
  border-color:transparent transparent transparent #fff;
}
.yt-lite:hover .yt-play,
.yt-lite .yt-play:focus{ background:#f00; }

/* Mobil menü (koyu zemin) */
@media only screen and (max-width:991px){
  .nav-dark.header-nav .nav > li > a:hover,
  .nav-dark.header-nav .nav > li > a:focus,
  .nav-dark.header-nav .nav > li:hover > a,
  .nav-dark.header-nav .nav > li.active > a,
  .nav-dark.header-nav .nav > li.current-menu-item > a,
  .nav-dark.header-nav .nav li.has-child.nav-active > a{
    background-color:#1d2a5d;
    color:#fff;
  }
  .nav-dark.header-nav .nav > li .sub-menu li > a{
    color:#fff;
  }
}