/* Tepe Zemin Yapı - müşteri revizyonları v18. Ön yüz içindir; admin panel dosyalarına uygulanmaz. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
:root{
 --tz-blue:#1769aa;
 --tz-blue-dark:#124f82;
 --tz-ink:#111111;
 --tz-body:#242424;
 --tz-muted:#626b73;
 --tz-line:#e4e7eb;
 --tz-soft:#f5f8fb;
 --tg-theme-primary:#1769aa;
 --tg-theme-secondary:#1769aa;
 --tg-theme-color:#1769aa;
}
html,body,button,input,select,textarea{font-family:'Inter',Arial,sans-serif!important}
body{color:var(--tz-body);background:#fff}
h1,h2,h3,h4,h5,h6,.title,.section__title,.sub-title{font-family:'Inter',Arial,sans-serif!important;color:var(--tz-ink)}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
a:hover{color:var(--tz-blue)}
/* Üst iletişim şeridi: tüm ön yüz sayfalarında */
.tz-contact-strip{position:relative;z-index:1001;background:#fff;border-bottom:1px solid var(--tz-line);color:#222}
.tz-contact-strip-inner{width:min(1240px,calc(100% - 48px));min-height:39px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:26px}
.tz-contact-strip a,.tz-contact-address{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#222;text-decoration:none;font-size:12px;font-weight:500;line-height:1.45}
.tz-contact-strip i{color:var(--tz-blue);font-size:12px}
.tz-contact-address span{overflow-wrap:anywhere}
#tz-site-header-v8 .tz-shell-wrap{background:#fff!important;border-color:#e6e9ed!important}
#tz-site-header-v8 .tz-nav-link{font-family:'Inter',Arial,sans-serif!important;color:#111!important;font-weight:550!important}
#tz-site-header-v8 .tz-nav-link:hover,#tz-site-header-v8 .tz-nav-link:focus-visible{color:var(--tz-blue)!important}
#tz-site-header-v8 .tz-nav-item:last-child>.tz-nav-link{padding:13px 19px!important;min-height:0!important;border-radius:5px!important;background:var(--tz-blue)!important;color:#fff!important;font-weight:650!important}
#tz-site-header-v8 .tz-nav-item:last-child>.tz-nav-link:hover{background:var(--tz-blue-dark)!important;color:#fff!important}
#tz-site-header-v8 .tz-activity-dropdown{overflow:visible!important}
#tz-site-header-v8 .tz-activity-category-link,#tz-site-header-v8 .tz-activity-services a{font-family:'Inter',Arial,sans-serif!important;color:#171717!important}
#tz-site-header-v8 .tz-activity-category-link:hover,#tz-site-header-v8 .tz-activity-services a:hover{color:var(--tz-blue)!important;background:#f2f7fb!important}
#tz-mobile-panel-v8 .tz-mobile-nav>a.tz-mobile-quote{margin-top:12px;padding:14px!important;border-radius:5px!important;background:var(--tz-blue)!important;color:#fff!important}
#tz-mobile-panel-v8 .tz-mobile-child-link{padding-left:24px!important}
/* Yalnızca ana sayfa: hero ve iletişim bölümü görünür; içerik kayıtları silinmez. */
.tz-home-revised>.tepe-about-v16,
.tz-home-revised>.service-area-1,
.tz-home-revised>.testimonial-area-1,
.tz-home-revised>.statistics-area-1,
.tz-home-revised>.team-area-1,
.tz-home-revised>.blog-area-1{display:none!important}
.tz-home-revised>.contact-area-1{padding-top:68px!important;padding-bottom:70px!important;background:#fff!important}
.tz-home-revised .contact-area-1 .section__title .title{font-size:clamp(25px,2.4vw,34px)!important;line-height:1.25!important;font-weight:700!important}
.hero-wrapper{background:#fff!important}
.hero-wrapper::before,.hero-wrapper::after{background:rgba(23,105,170,.035)!important}
.hero-title{font-family:'Inter',Arial,sans-serif!important;font-size:clamp(34px,4vw,48px)!important;line-height:1.16!important;font-weight:750!important;background:none!important;-webkit-text-fill-color:#111!important;color:#111!important;text-shadow:none!important}
.hero-title::after{background:var(--tz-blue)!important}
.hero-wrapper p{color:#555!important}
/* Turuncu/sarı vurguları maviye çevir; logo görsellerine ve logoya müdahale etme. */
body:not(.tz-logo-context) .text-theme-secondary,
body:not(.tz-logo-context) .text-theme-secondary a{color:var(--tz-blue)!important}
.btn,.tg-button-wrap2 .icon,.service-box .service-icon,.contact-btn,.read-more:hover,.pagination .page-item.active .page-link{background-color:var(--tz-blue)!important;border-color:var(--tz-blue)!important}
.btn:hover,.contact-btn:hover{background-color:var(--tz-blue-dark)!important;border-color:var(--tz-blue-dark)!important}
.link-btn,.read-more,.blog__post-meta ul li i,.blog__post-content .title a:hover{color:var(--tz-blue)!important}
.tg-button-wrap2,.contact-form-wrap,.service-card,.blog__post-item{border-color:#e4e7eb!important}
.tg-button-wrap2 .icon,.service-card-icon .icon{box-shadow:0 5px 15px rgba(23,105,170,.12)!important}
.hero-wrapper [style*="#C6A15B"],.hero-wrapper [style*="#c6a15b"]{color:var(--tz-blue)!important}
/* Blog: kompakt 3 sütunlu kartlar, altı kayıt/sayfa. */
.blog__area .row{row-gap:24px}
.blog__area .blog__post-item{height:100%;margin-bottom:24px!important;border:1px solid #e4e7eb!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.045)!important;overflow:hidden!important;background:#fff!important}
.blog__area .blog__post-item::before{background:var(--tz-blue)!important}
.blog__area .blog__post-thumb{height:160px!important;aspect-ratio:unset!important;min-height:0!important}
.blog__area .blog__post-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.blog__area .blog__post-content{padding:20px!important}
.blog__area .blog__post-content .title,.blog__area .blog__post-content .title a{font-family:'Inter',Arial,sans-serif!important;font-size:18px!important;line-height:1.35!important;font-weight:650!important;letter-spacing:-.015em!important;color:#111!important}
.blog__area .blog__post-content .blog-text{font-size:14px!important;line-height:1.65!important;color:#5d646b!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.blog__area .blog__post-date{background:var(--tz-blue)!important;color:#fff!important}
.blog__area .category-badge{background:var(--tz-blue)!important}
/* Hizmet detayları: başlık menü adını yansıtsın, dengeli boyutta ve büyük harfli olsun. */
.service-sidebar .sidebar-widget:has(.category-list){display:none!important}
.service-sidebar{padding-top:0!important}
.breadcrumb__area .title,.service-details h1,.service-details h2,.service-details h3,.service-content h1,.service-content h2,.service-content h3,.service-main-content h1,.service-main-content h2{font-family:'Inter',Arial,sans-serif!important;font-size:clamp(23px,2vw,30px)!important;line-height:1.3!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.005em!important;color:#111!important}
/* Eski açıklamalar müşteri tarafından revize edileceği için hizmet detayında görünmesin. Metinler DB'de korunur. */
/* description enabled */
/* Sarı/turuncu dekoratif çizgi, hover ve vurgu renkleri */
.blog__post-item::before,.service-card-number:before,.tepe-service-number:before,.section__title .sub-title:before,.section__title .sub-title:after{background-color:var(--tz-blue)!important}
[style*="#C6A15B"],[style*="#c6a15b"],[style*="198, 161, 91"],[style*="198,161,91"]{border-color:var(--tz-blue)!important;box-shadow-color:var(--tz-blue)!important}
@media(max-width:767.98px){
 .tz-contact-strip-inner{width:calc(100% - 28px);padding:8px 0;min-height:0;display:grid;grid-template-columns:1fr;gap:6px;justify-content:start}
 .tz-contact-strip a,.tz-contact-address{font-size:11px}
 .hero-wrapper{padding:42px 0!important}
 .hero-style1{max-width:100%!important;padding:25px 0!important}
 .hero-style1 p{max-width:100%!important;font-size:16px!important}
 .tz-home-revised>.contact-area-1{padding-top:42px!important}
 .blog__area .blog__post-content{padding:16px!important}
}
/* Fix Activity & Service Mega Menus - No Overlap, No Text Truncation */
#tz-site-header-v8 .tz-activity-dropdown {
    max-height: 85vh !important;
    overflow: visible !important;
}
#tz-site-header-v8 .tz-activity-dropdown:not(.tz-service-dropdown) {
    width: 680px !important;
    display: grid !important;
    grid-template-columns: 350px 1fr !important;
    position: absolute !important;
    overflow: visible !important;
}
#tz-site-header-v8 .tz-activity-dropdown:not(.tz-service-dropdown) .tz-activity-categories {
    width: 350px !important;
    display: flex !important;
    flex-direction: column !important;
    border-right: 1px solid #eef2f5 !important;
}
#tz-site-header-v8 .tz-activity-dropdown:not(.tz-service-dropdown) .tz-activity-category-link {
    white-space: normal !important;
    line-height: 1.45 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    display: block !important;
}
#tz-site-header-v8 .tz-activity-dropdown:not(.tz-service-dropdown) .tz-activity-services {
    left: 350px !important;
    width: calc(100% - 350px) !important;
    min-width: 310px !important;
    box-shadow: none !important;
}
#tz-site-header-v8 .tz-activity-dropdown:not(.tz-service-dropdown) .tz-activity-services a {
    white-space: normal !important;
    padding: 10px 16px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    display: block !important;
}

#tz-site-header-v8 .tz-service-dropdown {
    width: 640px !important;
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    overflow: visible !important;
}
#tz-site-header-v8 .tz-service-dropdown .tz-activity-categories {
    width: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    border-right: 1px solid #eef2f5 !important;
}
#tz-site-header-v8 .tz-service-dropdown .tz-activity-services {
    left: 320px !important;
    width: calc(100% - 320px) !important;
}
.service-details-area .service-title{font-family:'Inter',Arial,sans-serif!important;font-size:clamp(24px,2.2vw,31px)!important;line-height:1.3!important;font-weight:700!important;text-transform:uppercase!important;color:#111!important}
.service-details-area .service-summary {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    margin-bottom: 24px !important;
}
.service-details-area .service-content {
    display: block !important;
    color: #334155 !important;
    font-size: 15.5px !important;
    line-height: 1.8 !important;
}
.service-details-area .service-content h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f3460 !important;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
    border-left: 4px solid #1769aa !important;
    padding-left: 12px !important;
    line-height: 1.35 !important;
}
.service-details-area .service-content h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a365d !important;
    margin-top: 24px !important;
    margin-bottom: 10px !important;
}
.service-details-area .service-content p {
    margin-bottom: 18px !important;
    line-height: 1.8 !important;
}
.service-details-area .service-content ul {
    margin-bottom: 22px !important;
    padding-left: 22px !important;
    list-style-type: disc !important;
}
.service-details-area .service-content li {
    margin-bottom: 8px !important;
    line-height: 1.7 !important;
}
.service-details-area .service-content strong {
    color: #0f172a !important;
    font-weight: 600 !important;
}
.service-details-area .service-content .lead {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    background: #f8fafc !important;
    padding: 16px 20px !important;
    border-radius: 8px !important;
    border-left: 4px solid #1769aa !important;
    margin-bottom: 24px !important;
    line-height: 1.7 !important;
}
.service-details-area .service-category{display:none!important}
.service-details-area .service-cta{background:#f5f8fb!important}
.service-details-area .service-cta h4{font-size:20px!important;color:#111!important}
/* Replace known legacy gold accents on the public-facing theme only. */
.tepe-service-number:before,.tepe-offer-submit,.hero-wrapper .hero-title::after{background:#1769aa!important}
.tepe-anchor-nav a:hover,.tepe-district-grid a:hover{color:#1769aa!important;border-color:#1769aa!important}
.service-details-area a[style*="#C6A15B"],.service-details-area a[style*="#c6a15b"]{color:#1769aa!important}


#blog-list>.blog__post-item{width:auto!important;min-width:0!important;margin:0!important}
.blog__area .row.gy-100>.col-lg-8:has(#blog-list){width:100%!important;flex:0 0 100%!important;max-width:100%!important}
.blog__area .row.gy-100>.col-lg-4{display:none!important}
#blog-list .blog__post-content .blog__post-meta{margin-bottom:12px!important;padding-bottom:12px!important}
#blog-list .blog__post-content .title{margin-bottom:12px!important}
#blog-list .blog__post-content p{font-size:14px!important;line-height:1.6!important;margin-bottom:16px!important}
#blog-list .blog__post-content .btn{padding:10px 14px!important;font-size:12px!important;border-radius:5px!important}
@media(max-width:991.98px){}
@media(max-width:575.98px){}


/* 1. Resim yüksekliği makul, 3'lü grid'de boğmuyor */
.blog__area .blog__post-thumb,
#blog-list .blog__post-thumb {
  height: 200px !important;
  aspect-ratio: unset !important;
}

/* 2. Başlık: uppercase kaldır, boyut küçült, taşma yok */
#blog-list .blog__post-content .title,
#blog-list .blog__post-content .title a {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #111 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
}

/* 3. İçerik alanı padding küçült, p gizle (sadece başlık + buton yeter) */
#blog-list .blog__post-content {
  padding: 16px 18px 18px !important;
}
#blog-list .blog__post-content > p {
  display: none !important;
}

/* 4. Meta (yazar/tarih) küçük ve kompakt */
#blog-list .blog__post-meta {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}
#blog-list .blog__post-meta ul li {
  font-size: 11px !important;
  margin-right: 12px !important;
  color: #888 !important;
}

/* 5. Kategori badge: küçük, köşeli pill */
#blog-list .category-badge {
  font-size: 10px !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.3px !important;
  font-weight: 600 !important;
  background: var(--tz-blue) !important;
  box-shadow: none !important;
}

/* 6. "Devamını Oku" butonu kompakt */
#blog-list .blog__post-content .btn {
  padding: 8px 14px !important;
  font-size: 12px !important;
  border-radius: 5px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

/* 7. Kart hover yukarı kayma fazlaydı, azalt */
#blog-list .blog__post-item:hover {
  transform: translateY(-4px) !important;
}

/* 8. Grid boşluğu biraz sık, dengeli görünsün */
#blog-list {
  gap: 20px !important;
}


/* başlık font-size v18'deki genel .blog__area kuralını da ezip 15px yapsın */
.blog__area #blog-list .blog__post-content .title,
.blog__area #blog-list .blog__post-content .title a {
  font-size: 15px !important;
  text-transform: none !important;
}

/* ── Blog kart v2: 6 kart/sayfa, kompakt, boşluksuz ── */

/* Üst başlık bölümü boşluğu azalt */
.blog__area{padding-top:40px!important;padding-bottom:60px!important}
.blog__area .row.justify-content-center.mb-60{margin-bottom:24px!important}
.blog__area .section__title{margin-bottom:20px!important}
.blog__area .section__title .title{font-size:clamp(22px,2.4vw,32px)!important;margin-bottom:8px!important}
.blog__area .section__title p{margin-top:4px!important}
.breadcrumb__area + .blog__area,
section.blog__area{padding-top:36px!important}

/* Grid: 3 sütun, gap küçük */
#blog-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important
}
#blog-list>.blog__post-item{width:auto!important;min-width:0!important;margin:0!important}

/* Resim: sabit küçük yükseklik */
#blog-list .blog__post-thumb{
  height:155px!important;
  aspect-ratio:unset!important;
  min-height:0!important;
  overflow:hidden!important
}
#blog-list .blog__post-thumb img{
  width:100%!important;height:100%!important;object-fit:cover!important
}

/* İçerik alanı sıkı */
#blog-list .blog__post-content{padding:12px 14px 14px!important}

/* Meta satırı */
#blog-list .blog__post-meta{margin-bottom:6px!important;padding-bottom:6px!important}
#blog-list .blog__post-meta ul li{font-size:11px!important;margin-right:10px!important;color:#888!important}

/* Başlık: küçük, 2 satır, taşmaz */
#blog-list .blog__post-content .title,
#blog-list .blog__post-content .title a,
.blog__area #blog-list .blog__post-content .title,
.blog__area #blog-list .blog__post-content .title a{
  font-family:'Inter',Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#111!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin-bottom:8px!important
}

/* Açıklama gizle */
#blog-list .blog__post-content>p{display:none!important}

/* Buton kompakt */
#blog-list .blog__post-content .btn{
  padding:7px 12px!important;font-size:11px!important;
  border-radius:5px!important;letter-spacing:0!important;
  text-transform:none!important;box-shadow:none!important
}

/* Kategori badge köşeli küçük */
#blog-list .category-badge{
  font-size:10px!important;padding:3px 8px!important;
  border-radius:4px!important;letter-spacing:0.2px!important;
  font-weight:600!important;background:var(--tz-blue)!important;
  box-shadow:none!important
}

/* Hover hafif */
#blog-list .blog__post-item:hover{transform:translateY(-3px)!important}

/* Sidebar gizle */
.blog__area .row.gy-100>.col-lg-4{display:none!important}
.blog__area .row.gy-100>.col-lg-8:has(#blog-list){
  width:100%!important;flex:0 0 100%!important;max-width:100%!important
}

/* Tablet */
@media(max-width:991.98px){
  #blog-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
/* Mobil */
@media(max-width:575.98px){
  #blog-list{grid-template-columns:1fr!important;gap:14px!important}
  .blog__area{padding-top:24px!important}
}


/* -------------------------------------------------------------------------
   Faaliyet Alanları & Hizmetler Mega Menü - Kesin İki Kolon ve Sıfır Çakışma
   ------------------------------------------------------------------------- */
#tz-site-header-v8 .tz-activity-dropdown {
    width: 720px !important;
    max-width: 95vw !important;
    display: grid !important;
    grid-template-columns: 360px 360px !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: 0 16px 40px rgba(8,55,85,0.18) !important;
}
#tz-site-header-v8 .tz-activity-categories {
    width: 360px !important;
    display: flex !important;
    flex-direction: column !important;
    border-right: 1px solid #e1edf4 !important;
    background: #fff !important;
}
#tz-site-header-v8 .tz-activity-category-link {
    white-space: normal !important;
    line-height: 1.45 !important;
    padding: 13px 18px !important;
    font-size: 13.5px !important;
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
}
#tz-site-header-v8 .tz-activity-services {
    position: absolute !important;
    left: 360px !important;
    top: 0 !important;
    width: 360px !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-y: visible !important;
    background: #fff !important;
    box-shadow: none !important;
    border-left: 1px solid #e1edf4 !important;
}
#tz-site-header-v8 .tz-activity-services a {
    white-space: normal !important;
    padding: 11px 18px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #eef4f8 !important;
}

#tz-site-header-v8 .tz-service-dropdown {
    width: 680px !important;
    display: grid !important;
    grid-template-columns: 340px 340px !important;
    overflow: visible !important;
}
#tz-site-header-v8 .tz-service-dropdown .tz-activity-categories {
    width: 340px !important;
}
#tz-site-header-v8 .tz-service-dropdown .tz-activity-services {
    left: 340px !important;
    width: 340px !important;
}