:root{--tu-ana:#FAA292;}
/* Tema uyarlayıcı — iç sayfa parçaları (blog, hizmet, iletişim, hakkımızda, politika, 404). Şablonun kendi stillerini bozmamak için yalnız .tu-* sınıfları. */
.tu-kap { max-width: 1170px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
/* iç sayfa içeriği kendi açık zeminini ve yazı rengini taşır: koyu zeminli şablonda (body #292929) koyu gri yazı okunmuyordu (2026-10-27) */
.tu-blok { padding: 60px 0; text-align: left; background: #fff; color: #4b5563; }
.tu-blok h1, .tu-blok h2, .tu-blok h3, .tu-blok h4, .tu-blok h5, .tu-blok h6 { color: #111827; }
.tu-blok a:not(.tu-dugme) { color: inherit; }
.tu-blok .tu-icerik-metin a { color: var(--tu-ana, #2563eb); }
.tu-blok *, .tu-blok *::before, .tu-blok *::after { box-sizing: border-box; }
.tu-sayfa-baslik { padding: 70px 0 40px; background: #f5f6f8; text-align: center; }
.tu-sayfa-baslik h1 { margin: 0 0 10px; font-size: 34px; }
.tu-sayfa-baslik p { margin: 0 auto; max-width: 720px; opacity: .75; }
.tu-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 26px; margin: 24px 0; }
.tu-kart { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.tu-kart:hover { box-shadow: 0 10px 28px rgba(0,0,0,.08); transform: translateY(-2px); }
.tu-kart-resim { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #eee; }
.tu-kart-resim img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tu-kart-govde { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.tu-kart-govde h3 { margin: 0; font-size: 19px; line-height: 1.35; }
.tu-kart-govde h3 a { color: inherit; text-decoration: none; }
.tu-kart-govde p { margin: 0; opacity: .8; line-height: 1.6; }
.tu-ust { font-size: 13px; opacity: .65; letter-spacing: .02em; }
.tu-dugme { display: inline-block; align-self: flex-start; margin-top: auto; padding: 10px 18px; border-radius: 6px; background: var(--tu-ana, #2563eb); color: #fff !important; text-decoration: none; font-weight: 600; border: 0; cursor: pointer; }
.tu-dugme:hover { filter: brightness(.92); }
.tu-ara { display: flex; gap: 8px; max-width: 520px; margin: 0 0 18px; }
.tu-ara input { flex: 1; padding: 11px 14px; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; font: inherit; }
.tu-ara button { padding: 0 18px; border: 0; border-radius: 6px; background: var(--tu-ana, #2563eb); color: #fff; font-weight: 600; cursor: pointer; }
.tu-etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.tu-etiketler a { padding: 6px 12px; border-radius: 20px; border: 1px solid rgba(0,0,0,.12); text-decoration: none; color: inherit; font-size: 14px; }
.tu-etiketler a.secili, .tu-etiketler a:hover { background: var(--tu-ana, #2563eb); border-color: var(--tu-ana, #2563eb); color: #fff; }
.tu-bos { opacity: .7; }
.tu-yazi h1 { font-size: 32px; line-height: 1.25; margin: 0 0 10px; }
.tu-yazi-resim { width: 100%; max-height: 520px; object-fit: cover; border-radius: 10px; margin: 0 0 22px; display: block; }
.tu-icerik-metin { line-height: 1.8; margin-top: 18px; }
.tu-icerik-metin img { max-width: 100%; height: auto; }
.tu-icerik-metin blockquote { border-left: 4px solid var(--tu-ana, #2563eb); margin: 20px 0; padding: 8px 18px; opacity: .9; }
/* şablonun alıntı süsü (büyük tırnak ikonu, 110px boşluğa göre konumlu) bu sade alıntıda yazının üstüne biniyordu (Creto) */
.tu-icerik-metin blockquote:before, .tu-icerik-metin blockquote:after { content: none !important; display: none !important; }
.tu-galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 20px 0; }
.tu-galeri img { width: 100%; border-radius: 8px; display: block; }
.tu-alt-baslik { margin: 40px 0 0; font-size: 24px; }
.tu-iki { display: grid; grid-template-columns: minmax(0, 2.6fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.tu-iki-esit { grid-template-columns: 1fr 1fr; align-items: center; }
.tu-yan ul { list-style: none; margin: 0; padding: 0; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; overflow: hidden; }
.tu-yan li a { display: block; padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,.06); color: inherit; text-decoration: none; }
.tu-yan li a.secili, .tu-yan li a:hover { background: var(--tu-ana, #2563eb); color: #fff; }
.tu-kopyala { background: #f5f6f8; border-radius: 8px; padding: 16px; margin: 12px 0; }
.tu-form { margin-top: 30px; display: grid; gap: 12px; max-width: 820px; }
.tu-form h3 { margin: 0; }
.tu-form-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tu-form input, .tu-form textarea { width: 100%; padding: 12px 14px; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; font: inherit; background: #fff; color: #111; }
.tu-form .tu-dugme { justify-self: start; }
.tu-form-mesaj { font-size: 14px; }
.tu-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tu-harita { margin-top: 30px; }
.tu-harita iframe { width: 100%; min-height: 360px; border: 0; border-radius: 10px; }
.tu-404 { text-align: center; padding: 110px 0; }
.tu-404-kod { font-size: 110px; font-weight: 800; line-height: 1; color: var(--tu-ana, #2563eb); }
.tu-sayfalama, .tr-sayfalama { display: flex; flex-wrap: wrap; gap: 6px; margin: 26px 0 0; }
.tr-sayfalama a, .tr-sayfalama span { padding: 8px 13px; border-radius: 6px; border: 1px solid rgba(0,0,0,.12); text-decoration: none; color: inherit; }
.tr-sayfalama .act, .tr-sayfalama span.act, .tr-sayfalama a:hover { background: var(--tu-ana, #2563eb); border-color: var(--tu-ana, #2563eb); color: #fff; }
@media (max-width: 860px) { .tu-iki, .tu-iki-esit, .tu-form-iki { grid-template-columns: 1fr; } .tu-yazi h1 { font-size: 26px; } }
/* içerikteki tablolar (hizmet detayında model / fiyat listeleri): okunur satır, başlık, mobilde yatay kaydırma */
.tu-icerik-metin h3 { margin: 28px 0 12px; font-size: 20px; }
.tu-icerik-metin table { width: 100%; border-collapse: collapse; margin: 0 0 28px; font-size: 15px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; overflow: hidden; }
.tu-icerik-metin th { background: var(--tu-ana, #2563eb); color: #fff; font-weight: 600; text-align: left; padding: 12px 14px; white-space: nowrap; }
.tu-icerik-metin td { padding: 10px 14px; border-top: 1px solid rgba(0,0,0,.07); }
.tu-icerik-metin tbody tr:nth-child(even) td { background: rgba(0,0,0,.025); }
.tu-icerik-metin tbody tr:hover td { background: rgba(0,0,0,.05); }
.tu-icerik-metin td:first-child { font-weight: 600; white-space: nowrap; }
@media (max-width: 768px) { .tu-icerik-metin table { display: block; overflow-x: auto; white-space: nowrap; } .tu-iki { grid-template-columns: 1fr; } }
/* detay içeriği düzeni (tu_icerik_duzenle): giriş, bölüm başlıkları, kart ızgarası, numaralı adımlar, çağrı düğmesi */
.tu-icerik-metin .tu-giris { font-size: 17px; line-height: 1.75; opacity: .9; margin: 0 0 8px; }
.tu-icerik-metin .tu-bolum-bas { font-size: 19px; letter-spacing: .03em; margin: 44px 0 18px; padding-left: 14px; border-left: 4px solid var(--tu-ana, #2563eb); line-height: 1.3; }
.tu-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; margin: 0 0 10px; }
.tu-kart-k { position: relative; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; padding: 20px 20px 18px; box-shadow: 0 4px 16px rgba(0,0,0,.04); transition: box-shadow .2s, transform .2s; }
.tu-kart-k:hover { box-shadow: 0 12px 28px rgba(0,0,0,.08); transform: translateY(-2px); }
.tu-kart-k h3 { font-size: 16px; margin: 0 0 8px; line-height: 1.35; }
.tu-kart-k p { margin: 0; font-size: 14px; line-height: 1.65; opacity: .82; }
.tu-adimlar .tu-kart-k { padding-top: 46px; }
.tu-adim-no { position: absolute; top: 14px; left: 20px; font-size: 13px; font-weight: 700; color: var(--tu-ana, #2563eb); letter-spacing: .05em; }
.tu-cagri { margin: 22px 0 6px; }
.tu-cagri .tu-dugme { padding: 13px 24px; }
/* kart ve içerik metni sola yaslı (şablonun "justify" ayarı dar kartta kelimeler arası boşluk açıyordu); yan liste kaydırırken menünün altında görünür kalır */
.tu-icerik-metin p, .tu-kart-k p, .tu-icerik-metin .tu-giris { text-align: left; }
.tu-yan { position: sticky; top: 110px; }
@media (max-width: 768px) { .tu-yan { position: static; } }
/* eşit boy kart satırı (tu_bolum: sütunlara dağılan kart grubu) */
.tu-esit-satir { display: flex; flex-wrap: wrap; }
.tu-esit-satir > [class*="col-"] { display: flex; flex-direction: column; float: none; }
.tu-esit-satir > [class*="col-"] > *:not(script):not(style) { flex: 1 1 auto; }
.tu-esit-satir > [class*="col-"] > .content-inner > .content-front { min-height: 100%; }
/* yazı gövdesi (yapay zekânın / editörün HTML'i): şablonun ul/h2 sıfırlamasına rağmen okunur başlık ve madde işaretleri; blog yazısı okunur genişlikte */
.tu-icerik-metin p { margin: 0 0 16px; }
.tu-icerik-metin h2 { font-size: 26px; line-height: 1.3; margin: 34px 0 12px; }
.tu-icerik-metin ul, .tu-icerik-metin ol { margin: 0 0 18px; padding-left: 22px; }
.tu-icerik-metin ul > li { list-style: disc; margin: 0 0 6px; }
.tu-icerik-metin ol > li { list-style: decimal; margin: 0 0 6px; }
.tu-blog-yazi > div > * { max-width: 860px; margin-left: auto; margin-right: auto; }
/* detay sonu: teklif çağrısı + diğer hizmetler */
.tu-oneri-cagri { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 50px 0 0; padding: 26px 30px; border-radius: 12px; background: #f5f6f8; border-left: 5px solid var(--tu-ana, #2563eb); }
.tu-oneri-cagri h3 { margin: 0 0 6px; font-size: 21px; }
.tu-oneri-cagri p { margin: 0; opacity: .8; }
.tu-oneri-cagri .tu-dugme { margin: 0; padding: 13px 26px; }
@media (max-width: 768px) { .tu-icerik-metin h2 { font-size: 22px; } }
/* The Roof "hakkımızda" görsel şeridi: dekupe portrede yüzün üstüne geliyordu, görselin altına */
.about-img .about-img-title { top: auto; bottom: 40px; }