/* =================================================================== ELÇİ PATENT TASARIM DİLİ Kaynak: /marka-tescil-basvuru (referans sayfa, dokunulmuyor) 15 Eylül 2026 KADEMELİ GEÇİŞ Bu dosyanın tüm kuralları `body.td2` altında. Bir sayfa yeni tasarıma geçsin isteniyorsa, o sayfa `inc/ust.php`'den ÖNCE şunu tanımlar: $tasarim = 'yeni'; ust.php bunu görünce basar ve bu dosyayı yükler. Dönmeyen sayfalar eski stiliyle çalışmaya devam eder. Bir sayfa bozulursa o satır silinerek anında geri alınır. DİLİN İMZASI (referanstan birebir) - Köşe yuvarlaklığı YOK (border-radius: 0) - Gölge YOK, yerine 1px saç teli çizgi (--cizgi) - Bölüm başlıklarının üstünde 46x3px altın çizgi - Kağıt zeminli (--kagit) bölüm bantları, beyaz kartlar - Butonlar kare, büyük harf, harf aralıklı, altın alt çizgili - Tek font ailesi: Atkinson Hyperlegible =================================================================== */ @font-face { font-family: 'Atk'; src: url('/fonts/atkinson-tr.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Atk'; src: url('/fonts/atkinson-tr-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Atk'; src: url('/fonts/atkinson-tr-it.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; } :root { /* Tasarım dilinin jetonları. Yeni adlar olduğu için eski sayfalarla çakışmaz; çerçeve (üst menü + altbilgi) bunları her sayfada kullanır. */ --lac: #0a3c85; --koyu: #052248; --pir: #a8781f; --pir2: #e0b65c; --mtn: #12203a; --gri: #5b6a82; --kagit: #f5f3ef; --cizgi: #dcd7cd; --cizgi2: rgba(255,255,255,.17); --yes: #1d6b3a; --kose: 10px; /* kart ve yuzeyler */ --kose-kucuk: 6px; /* buton, giris, rozet */ --kose: 10px; /* kart ve yuzeyler */ --kose-kucuk: 6px; /* buton, giris, rozet */ --wa-yesil: #19803f; /* beyaz yazi ile CR 5.00; referanstaki #1c8a4b 4.39 kaliyor */ --wa-yesil: #19803f; /* beyaz yazi ile CR 5.00; referanstaki #1c8a4b 4.39 kaliyor */ --pir-metin: #8a6119; /* acik zeminde KUCUK altin yazi icin; --pir metin olarak 3.91 kaliyor */ --aile: 'Atk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; } body.td2 { --lac: #0a3c85; --koyu: #052248; --pir: #a8781f; --pir2: #e0b65c; --mtn: #12203a; --gri: #5b6a82; --kagit: #f5f3ef; --cizgi: #dcd7cd; --cizgi2: rgba(255,255,255,.17); --yes: #1d6b3a; --pir-metin: #8a6119; /* acik zeminde KUCUK altin yazi icin; --pir metin olarak 3.91 kaliyor */ --aile: 'Atk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; /* Eski değişkenleri de yeni palete bağla: style.css içinde var(--primary-blue) kullanan 107 kural kendiliğinden döner. */ --primary-blue: #0a3c85; --secondary-blue: #a8781f; --light-gray: #f5f3ef; --primary-color: #0a3c85; --accent-color: #a8781f; --light-bg: #f5f3ef; font-family: var(--aile); background: #fff; color: var(--mtn); line-height: 1.65; font-size: 16px; -webkit-font-smoothing: antialiased; } /* style.css'teki `* { font-family: 'Segoe UI' }` kuralını ezmek için evrensel seçici gerekiyor. DİKKAT: ::before / ::after'a DOKUNMA. İkon fontları ve kendi ikon kurallarımız glifi sözde öğede taşıyor; oraya Atkinson yazılırsa bütün ikonlar boş kareye döner. */ body.td2 * { font-family: var(--aile); } body.td2 a { color: var(--lac); } /* Font Awesome kendi ailesinde kalsın. FA6 marka ikonlarını --fa-style-family değişkeniyle ayırt ediyor, aynı değişkeni kullanıyoruz. */ body.td2 .fa, body.td2 .fas, body.td2 .far, body.td2 .fal, body.td2 .fad, body.td2 .fab, body.td2 .fa-solid, body.td2 .fa-regular, body.td2 .fa-brands, body.td2 [class^="fa-"], body.td2 [class*=" fa-"] { font-family: var(--fa-style-family, "Font Awesome 6 Free") !important; } /* FA 6.5.1 marka ailesini .fab uzerinde dogrudan tanimliyor, degisken uzerinden degil */ body.td2 .fab, body.td2 .fa-brands { font-family: "Font Awesome 6 Brands" !important; } /* =================================================================== ÇERÇEVE: HER SAYFADA Üst şerit, menü ve altbilgi .td2 kapsamı DIŞINDA. Sitenin tamamı bu çerçeveyi paylaşıyor, gövdesi henüz dönmemiş sayfalar dahil. Font ailesi bilinçli olarak devralınıyor: dönmüş sayfalarda Atkinson, dönmemişlerde Segoe UI. Böylece 100+ sayfanın metin metriği bir anda değişmiyor. Gövdeler de dönünce font site geneline alınabilir. =================================================================== */ /* ===================== ÜST ŞERİT + MENÜ ===================== */ .top-bar { background: var(--koyu); color: #b9cbe2; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 12.5px; } .top-bar-item { color: #b9cbe2; } .top-bar-item i { color: var(--pir2); } .header { background: #fff; border-bottom: 1px solid var(--cizgi); box-shadow: none; padding: 0; } .header .nav-link { color: var(--mtn); font-size: 13px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; padding: 22px 13px; border-bottom: 3px solid transparent; transition: color .18s, border-color .18s; } .header .nav-link:hover, .header .nav-link.aktif { color: var(--lac); border-bottom-color: var(--pir); background: none; } .header .nav-link i { display: none; } .logo img { border-radius: 0; max-height: 58px; } /* ===================== SAYFA KABUĞU ===================== */ body.td2 #page-content.makale-detay { background: var(--kagit); padding: 0 0 56px; border-top: 1px solid var(--cizgi); } body.td2 .makale-detay .post-item-wrap1 { background: #fff; border: 1px solid var(--cizgi); border-radius: 0; box-shadow: none; padding: 0 46px 46px; } /* ===================== MAKALE BAŞLIK BANDI ===================== */ body.td2 .makale-bas { margin: 0 -46px 34px; padding: 34px 46px 24px; background: #fff; border-bottom: 1px solid var(--cizgi); border-radius: 0; } body.td2 .makale-kicker { gap: 10px; margin-bottom: 14px; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--pir); } body.td2 .makale-kicker::before { content: ""; width: 46px; height: 3px; background: var(--pir); flex-shrink: 0; margin-right: 4px; } body.td2 .makale-kicker .mkc-marka { color: var(--pir); } body.td2 .makale-kicker .mkc-ayrac { color: var(--cizgi); font-weight: 400; } body.td2 .makale-kicker .mkc-kat { color: var(--gri); } body.td2 .makale-h1 { font-size: clamp(27px, 3.3vw, 40px); line-height: 1.16; font-weight: 700; letter-spacing: -.4px; color: var(--lac); margin-bottom: 16px; } body.td2 .makale-meta { gap: 7px 22px; padding: 0; margin: 0; border: none; font-size: 12.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--gri); } body.td2 .makale-meta .mm-yazar { color: var(--lac); text-transform: none; letter-spacing: 0; font-size: 14.5px; } body.td2 .makale-meta .mm-item i { color: var(--pir); } body.td2 .yazar-avatar { background: var(--lac); border-radius: 0; font-size: 10px; letter-spacing: .5px; opacity: 1; } /* ===================== ÖZET KUTUSU ===================== */ body.td2 .makale-ozet-kutu { background: var(--kagit); border: 1px solid var(--cizgi); border-left: 3px solid var(--pir); border-radius: 0; padding: 22px 26px; margin-bottom: 30px; } body.td2 .makale-ozet-etiket { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--pir); margin-bottom: 10px; } body.td2 .makale-ozet-kutu p { color: var(--mtn); font-size: 15.5px; line-height: 1.7; font-weight: 400; } /* ===================== İÇİNDEKİLER ===================== */ body.td2 .makale-icindekiler { background: #fff; border: 1px solid var(--cizgi); border-radius: 0; margin-bottom: 34px; } body.td2 .makale-icindekiler summary { background: var(--kagit); border-bottom: 1px solid var(--cizgi); color: var(--lac); font-size: 13px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; padding: 15px 20px; } body.td2 .makale-icindekiler summary::after { content: "\2212"; font-family: -apple-system, Arial, sans-serif !important; font-size: 22px; color: var(--pir); transform: none; } body.td2 .makale-icindekiler details:not([open]) summary::after { content: "+"; } body.td2 .makale-icindekiler details[open] summary::after { transform: none; } body.td2 .makale-icindekiler .mi-sayi { color: var(--gri); letter-spacing: .5px; } body.td2 .makale-icindekiler ol { padding: 18px 20px 20px; } body.td2 .makale-icindekiler li a { color: var(--mtn); font-size: 14.5px; } body.td2 .makale-icindekiler li a::before { color: var(--pir); font-size: 13px; } body.td2 .makale-icindekiler li a:hover { color: var(--lac); } /* ===================== GÖVDE TİPOGRAFİSİ ===================== */ body.td2 .single-post .post-item-description > div { font-size: 17px; line-height: 1.75; color: var(--mtn); } body.td2 .single-post .post-item-description > div h2 { font-family: var(--aile); font-size: clamp(23px, 2.6vw, 30px); font-weight: 700; letter-spacing: -.3px; line-height: 1.22; color: var(--lac); margin: 54px 0 18px; padding-bottom: 0; position: relative; } /* Altın çizgi başlığın ALTINDA değil ÜSTÜNDE, referanstaki gibi */ body.td2 .single-post .post-item-description > div h2::after { display: none; } body.td2 .single-post .post-item-description > div h2::before { content: ""; display: block; width: 46px; height: 3px; background: var(--pir); margin: 0 0 16px; } body.td2 .single-post .post-item-description > div h3 { font-size: 18.5px; font-weight: 700; color: var(--lac); margin: 36px 0 12px; } body.td2 .single-post .post-item-description > div p { margin-bottom: 20px; } /* :not(.makale-bas) sart: kunye alani da bir `> div`, disarida tutulmazsa ekmek kirintisi ve yazar adi govde baglantisi gibi alti cizili cikiyor */ body.td2 .single-post .post-item-description > div:not(.makale-bas) a { color: var(--lac); font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(10,60,133,.35); } body.td2 .single-post .post-item-description > div:not(.makale-bas) a:hover { border-bottom-color: var(--pir); } body.td2 .single-post .post-item-description > div strong { color: var(--koyu); } body.td2 .single-post .post-item-description > div ul li::before { color: var(--pir); } body.td2 .single-post .post-item-description > div em { background: var(--kagit); border-left: 3px solid var(--pir); border-radius: 0; color: var(--gri); } body.td2 .makale-icerik blockquote { background: var(--kagit); border-left: 3px solid var(--pir); border-radius: 0; color: var(--gri); } body.td2 .makale-disclaimer { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 0; color: var(--gri); font-size: 13px; } body.td2 .makale-kaynak { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 0; } body.td2 .makale-kaynak-baslik { color: var(--pir); } /* Gövde içine gömülü satır içi uyarı kutuları (sarı zeminli) */ body.td2 .makale-icerik > div[style*="fff8e6"] { background: var(--kagit) !important; border-left-color: var(--pir) !important; } /* ===================== TABLOLAR ===================== */ body.td2 .makale-tablo-sar { border: 1px solid var(--cizgi); border-radius: 0; } body.td2 .makale-tablo-dis::after { border-radius: 0; background: linear-gradient(to right, rgba(5,34,72,0), rgba(5,34,72,.14)); } body.td2 .makale-tablo { font-size: 15px; } body.td2 .makale-tablo caption { color: var(--pir); letter-spacing: .8px; text-transform: uppercase; font-size: 12px; } body.td2 .makale-tablo thead th { background: var(--koyu); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; padding: 14px 16px; } body.td2 .makale-tablo tbody td { border-top: 1px solid var(--cizgi); color: var(--gri); padding: 13px 16px; } body.td2 .makale-tablo tbody tr:nth-child(even) td { background: var(--kagit); } body.td2 .makale-tablo tbody tr:hover td { background: #efece5; } body.td2 .makale-tablo tbody td:first-child { color: var(--mtn); font-weight: 700; } /* ===================== KARAR METNİ ÇEKMECESİ ===================== */ body.td2 .karar-metin-cekmece { border: 1px solid var(--cizgi); border-radius: 0; } body.td2 .karar-metin-cekmece summary { background: var(--kagit); color: var(--lac); font-size: 13px; letter-spacing: .8px; text-transform: uppercase; } body.td2 .karar-metin-cekmece summary::after { color: var(--pir); } body.td2 .karar-metin-govde { color: var(--gri); } /* ===================== ETİKETLER ===================== */ body.td2 .single-post .post-tags a { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 0; color: var(--gri); font-size: 12.5px; padding: 6px 14px; } body.td2 .single-post .post-tags a:hover { background: var(--lac); border-color: var(--lac); color: #fff; } /* ===================== EMSAL KARAR ARAMA ===================== */ body.td2 .karar-arama-bolum { background: var(--koyu); border-radius: 0; border-top: 3px solid var(--pir); padding: 34px 32px; } body.td2 .karar-arama-baslik > i { color: var(--pir2); } body.td2 .karar-arama-baslik h3 { font-size: 22px; } body.td2 .karar-arama-baslik p { color: #b9cbe2; } body.td2 .karar-arama-input { border-radius: 0; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.07); font-size: 16px; padding: 14px 18px; } body.td2 .karar-arama-input:focus { border-color: var(--pir2); background: rgba(255,255,255,.12); } body.td2 .karar-arama-btn { border-radius: 0; background: var(--pir); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; padding: 14px 26px; } body.td2 .karar-arama-btn:hover { background: var(--pir2); color: var(--koyu); } body.td2 .karar-arama-oneriler > span { color: #8fa9c8; } body.td2 .karar-arama-oneriler a { border-radius: 0; background: transparent; border: 1px solid var(--cizgi2); color: #b9cbe2; padding: 5px 13px; } body.td2 .karar-arama-oneriler a:hover { background: rgba(255,255,255,.1); color: #fff; border-color: var(--pir2); } /* ===================== SAĞ KOLON CTA ===================== */ body.td2 .makale-yan-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 0; box-shadow: none; padding: 26px 24px; } body.td2 .makale-cta-kart { border-top: 3px solid var(--pir); } body.td2 .makale-yan-kart h4 { color: var(--lac); font-size: 19px; font-weight: 700; letter-spacing: -.2px; } body.td2 .makale-cta-kart p { color: var(--gri); font-size: 14.5px; } body.td2 .makale-cta-btn { border-radius: 0; font-size: 13px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; padding: 15px 14px; } body.td2 .makale-cta-btn.wa { background: #1c8a4b; border: 1px solid #1c8a4b; } body.td2 .makale-cta-btn.tel { background: var(--lac); border: 1px solid var(--lac); border-bottom: 3px solid var(--pir); } body.td2 .makale-cta-guven { color: var(--gri); font-size: 12px; letter-spacing: .5px; text-transform: uppercase; border-top: 1px solid var(--cizgi); padding-top: 14px; margin-top: 16px; } body.td2 .makale-cta-guven i { color: var(--pir); } /* ===================== MAKALE ORTASI CTA (mobil) ===================== */ @media (max-width: 991px) { body.td2 .makale-ara-cta { background: var(--koyu); border-radius: 0; border-top: 3px solid var(--pir); padding: 24px 20px; } body.td2 .makale-ara-cta .mac-metin strong { font-size: 18px; } body.td2 .makale-ara-cta .mac-metin span { color: #b9cbe2; } body.td2 .makale-ara-cta .mac-btn { border-radius: 0; font-size: 13px; letter-spacing: .8px; text-transform: uppercase; padding: 14px 16px; } body.td2 .makale-ara-cta .mac-btn.wa { background: #1c8a4b; } body.td2 .makale-ara-cta .mac-btn.tel { background: var(--pir); color: #fff; } } /* ===================== YORUMLAR ===================== */ body.td2 .yorum-bolum { border-top: 1px solid var(--cizgi); } body.td2 .yorum-baslik { color: var(--lac); font-size: 13px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; } body.td2 .yorum-baslik i { color: var(--pir); } body.td2 .yorum-sayi { background: var(--pir); border-radius: 0; font-size: 12px; } body.td2 .yorum-item { border-bottom: 1px solid var(--cizgi); } body.td2 .yorum-avatar { background: var(--lac); border-radius: 0; } body.td2 .yorum-ad { color: var(--mtn); } body.td2 .yorum-tarih { color: var(--gri); } body.td2 .yorum-metin { color: var(--gri); font-size: 15px; } body.td2 .yorum-cevap { background: var(--kagit); border-left: 3px solid var(--pir); border-radius: 0; } body.td2 .yorum-cevap-baslik { color: var(--pir); letter-spacing: .6px; text-transform: uppercase; } body.td2 .yorum-form-wrap { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 0; padding: 30px; } body.td2 .yorum-form-grup label { font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--gri); } body.td2 .yorum-form-grup label span { color: var(--pir); } body.td2 .yorum-form-grup input, body.td2 .yorum-form-grup textarea { border-radius: 0; border: 1px solid #c3ccd9; font-size: 16px; padding: 14px; } body.td2 .yorum-form-grup input:focus, body.td2 .yorum-form-grup textarea:focus { border-color: var(--lac); box-shadow: inset 0 -3px 0 var(--pir); } body.td2 .yorum-gonder-btn { background: var(--lac); border-radius: 0; border-bottom: 3px solid var(--pir); font-size: 13px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; padding: 15px 30px; } body.td2 .yorum-gonder-btn:hover { background: #08326f; } body.td2 .yorum-bildirim { border-radius: 0; } /* ===================== DEVAMINI OKUYUN ===================== */ body.td2 .makale-devam { border-top: 1px solid var(--cizgi); } body.td2 .makale-devam-baslik { color: var(--lac); font-size: 13px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; } body.td2 .makale-devam-baslik i { color: var(--pir); } body.td2 .makale-devam-grid { gap: 0; border: 1px solid var(--cizgi); border-bottom: 0; } body.td2 .md-kart { background: #fff; border: 0; border-bottom: 1px solid var(--cizgi); border-right: 1px solid var(--cizgi); border-radius: 0; color: var(--mtn); font-size: 15px; font-weight: 700; padding: 18px 20px; } body.td2 .md-kart i { color: var(--pir); } body.td2 .md-kart:hover { background: var(--kagit); color: var(--lac); } body.td2 .makale-devam-tumu { color: var(--pir); font-size: 12px; letter-spacing: .8px; text-transform: uppercase; } /* ===================== BÜLTEN ŞERİDİ ===================== */ body.td2 .makale-bulten-serit { background: var(--koyu); border: 0; border-top: 3px solid var(--pir); border-radius: 0; padding: 26px 28px; } body.td2 .makale-bulten-serit .mbs-metin > i { color: var(--pir2); } body.td2 .makale-bulten-serit .mbs-metin strong { color: #fff; font-size: 18px; } body.td2 .makale-bulten-serit .mbs-metin span { color: #b9cbe2; } body.td2 .makale-bulten-serit .yd-bulten-input { border-radius: 0; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.07); color: #fff; font-size: 15px; padding: 13px 15px; } body.td2 .makale-bulten-serit .yd-bulten-input::placeholder { color: #8fa9c8; } body.td2 .makale-bulten-serit .yd-bulten-btn { background: var(--pir); border-radius: 0; font-size: 13px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; padding: 13px 24px; } body.td2 .makale-bulten-serit .yd-bulten-btn:hover { background: var(--pir2); color: var(--koyu); opacity: 1; } /* ===================== SABİT CTA'LAR ===================== */ body.td2 #sorgulaBtn { background: var(--pir); border-radius: 0; box-shadow: none; font-size: 12px; letter-spacing: 1px; } body.td2 #sorgulaBtn:hover { background: var(--pir2); color: var(--koyu); } body.td2 #whatsappEtiket { background: var(--koyu); border-radius: 0; letter-spacing: .8px; } @media (max-width: 767px) { body.td2 #mobilCta { background: #fff; border-top: 1px solid var(--cizgi); box-shadow: none; gap: 9px; padding: 9px 10px; } body.td2 #mobilCta .mc-btn { border-radius: 0; font-size: 12px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; min-height: 48px; line-height: 1.2; white-space: nowrap; gap: 7px; } body.td2 #mobilCta .mc-wa { background: #1c8a4b; } body.td2 #mobilCta .mc-tel { background: var(--lac); flex-basis: 108px; } body.td2 { padding-bottom: 66px; } } /* ===================== ALTBİLGİ ===================== */ footer.site-harita { background: #03162f; color: #728daf; border-top: 3px solid var(--pir); } footer.site-harita a { color: #b9cbe2; } footer.site-harita a:hover { color: #fff; } footer.site-harita h4 { color: var(--pir2); font-size: 12px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; } /* ===================== MOBİL ===================== */ @media (max-width: 600px) { body.td2 .makale-detay .post-item-wrap1 { padding: 0 16px 30px; } body.td2 .makale-bas { margin: 0 -16px 26px; padding: 24px 16px 18px; } body.td2 .makale-kicker { font-size: 11px; letter-spacing: .8px; margin-bottom: 11px; } body.td2 .makale-kicker::before { width: 32px; height: 2px; } body.td2 .makale-h1 { font-size: 26px; line-height: 1.2; } body.td2 .makale-meta { font-size: 11.5px; gap: 6px 14px; } body.td2 .single-post .post-item-description > div { font-size: 16.5px; } body.td2 .single-post .post-item-description > div h2 { font-size: 21px; margin-top: 42px; } body.td2 .single-post .post-item-description > div h2::before { width: 32px; height: 2px; margin-bottom: 12px; } body.td2 .single-post .post-item-description > div h3 { font-size: 17px; } body.td2 .makale-ozet-kutu { padding: 18px 16px; } body.td2 .karar-arama-bolum { padding: 26px 18px; } body.td2 .makale-bulten-serit { padding: 22px 16px; } body.td2 .yorum-form-wrap { padding: 22px 16px; } body.td2 .makale-tablo { font-size: 14px; } body.td2 .makale-tablo thead th { padding: 11px 10px; font-size: 11px; } body.td2 .makale-tablo tbody td { padding: 10px 10px; } body.td2 .md-kart { border-right: 0; } } /* Cok dar telefonlarda "UCRETSIZ MARKAMI SORGULA" tek satira sigmiyor */ @media (max-width: 370px) { body.td2 #mobilCta .mc-btn { font-size: 11px; letter-spacing: 0; } body.td2 #mobilCta .mc-tel { flex-basis: 92px; } } /* =================================================================== MAKALE ÜST BÖLGESİ, YENİDEN Şikâyet: başlık menünün dibinden başlıyordu, göz yoruyordu. Üç değişiklik: 1. Kart ile menü arasına kağıt zeminin göründüğü bir nefes payı 2. Künye alanı kağıt zeminli, gövdeden çizgiyle ayrılmış bir alan 3. En üste ekmek kırıntısı: gözün yumuşak bir girişi oluyor, ayrıca gerçek gezinme ve BreadcrumbList şeması sağlıyor =================================================================== */ body.td2 #page-content.makale-detay { padding-top: 34px; } body.td2 .makale-bas { margin: 0 -46px 34px; padding: 30px 46px 26px; background: var(--kagit); border-bottom: 1px solid var(--cizgi); } /* Ekmek kırıntısı */ body.td2 .makale-kirinti { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--gri); } body.td2 .makale-kirinti a { color: var(--gri); text-decoration: none; border-bottom: 1px solid transparent; } body.td2 .makale-kirinti a:hover { color: var(--lac); border-bottom-color: var(--pir); } body.td2 .makale-kirinti span[aria-hidden] { color: var(--cizgi); font-weight: 400; } body.td2 .makale-kirinti .mkr-son { color: var(--pir); } /* Künye alanındaki marka satırı: altın çizgi artık kırıntının altında başlığı taşıyan blokta duruyor */ body.td2 .makale-kicker { margin-bottom: 13px; } @media (max-width: 600px) { body.td2 #page-content.makale-detay { padding-top: 16px; } body.td2 .makale-bas { margin: 0 -16px 26px; padding: 20px 16px 20px; } body.td2 .makale-kirinti { font-size: 10.5px; letter-spacing: .4px; gap: 6px; margin-bottom: 15px; } body.td2 .makale-kicker { margin-bottom: 10px; } } /* =================================================================== MAKALE ÜST BÖLGESİ, SADELEŞTİRME Şikâyet: "yazı kirlilikleri var, karmaşıklık hakim". Haklıydı: kırıntı ile marka satırı neredeyse aynı şeyi söylüyordu (ikisi de yazının türünü). Marka satırı tamamen kaldırıldı, tür bilgisi kırıntının son basamağında kaldı. "ELÇİ PATENT" yazısı yerine amblem kullanılıyor. Meta şeridi iki yana yaslandı. Sıra: [amblem] Ana Sayfa › Makaleler › Rehber ──── (altın çizgi) H1 ─────────────────────────────────────── (saç teli) yazar tarih süre görüntülenme =================================================================== */ /* Tek satır: amblem + kırıntı */ body.td2 .makale-kirinti { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; font-size: 12px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; color: var(--gri); line-height: 1; } body.td2 .mkr-amblem { height: 28px; width: auto; display: block; margin-right: 6px; flex-shrink: 0; } body.td2 .makale-kirinti a { color: var(--gri); text-decoration: none; border-bottom: 1px solid transparent; } body.td2 .makale-kirinti a:hover { color: var(--lac); border-bottom-color: var(--pir); } body.td2 .makale-kirinti .mkr-ok { color: #c2bcb0; font-weight: 400; } body.td2 .makale-kirinti .mkr-son { color: var(--pir); } /* Altın çizgi artık başlığın kendi işareti, gövdedeki h2'lerle aynı dil */ body.td2 .makale-h1::before { content: ""; display: block; width: 46px; height: 3px; background: var(--pir); margin: 0 0 18px; } body.td2 .makale-h1 { margin-bottom: 0; } /* Meta şeridi: iki yana yaslı, üstünde saç teli */ body.td2 .makale-meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin: 24px 0 0; padding: 15px 0 0; border-top: 1px solid var(--cizgi); border-bottom: none; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--gri); } body.td2 .makale-meta .mm-yazar { color: var(--lac); text-transform: none; letter-spacing: 0; font-size: 14.5px; } @media (max-width: 720px) { /* Dar ekranda iki yana yaslamak ögeleri birbirinden koparıyor */ body.td2 .makale-meta { justify-content: flex-start; gap: 8px 16px; font-size: 11.5px; } } @media (max-width: 600px) { body.td2 .makale-kirinti { font-size: 10.5px; letter-spacing: .4px; gap: 7px; margin-bottom: 16px; } body.td2 .mkr-amblem { height: 22px; margin-right: 3px; } body.td2 .makale-h1::before { width: 32px; height: 2px; margin-bottom: 13px; } body.td2 .makale-meta { margin-top: 18px; padding-top: 13px; } } /* =================================================================== ÜST MENÜ: NEFES PAYI Şikâyet: "header çok bitişik olmuş". style.css'ten gelen dikey ayraçlar (border-right) ve sıfırlanan yan dolgular menüyü sıkıyordu. Ayraçlar kalktı, dolgu gerçek değerine çıktı. Aktiflik göstergesi artık alttaki altın çizgi. =================================================================== */ .header .nav-links .nav-link { border-right: 0; padding: 26px 19px; } .header .nav-links .nav-link:first-child { padding-left: 19px; } .header .nav-links .nav-link:last-child { padding-right: 19px; } .header .nav-links .nav-link::after { display: none; } .header .nav { padding-top: 0; padding-bottom: 0; } @media (max-width: 1100px) { .header .nav-links .nav-link { padding: 24px 13px; font-size: 12px; } } /* Künye alanındaki bağlantılar sade */ body.td2 .makale-bas a { border-bottom: 1px solid transparent; text-decoration: none; } body.td2 .makale-bas .mm-yazar:hover { color: var(--pir); } body.td2 .makale-bas .makale-kirinti a:hover { color: var(--lac); border-bottom-color: var(--pir); } /* =================================================================== MAKALE ÜST BÖLGESİ, SON HAL Ekmek kırıntısı ve yazar adı kaldırıldı. Sıra: [amblem, ortada] ──── (altın çizgi, ortada) H1 (sola hizalı) ───────────────────────────────────── (saç teli) tarih (sol) görüntülenme (orta) okuma süresi (sağ) =================================================================== */ /* Amblem ortada ve yalnız */ body.td2 .makale-bas > .mkr-amblem { display: block; height: 46px; width: auto; margin: 4px auto 18px; } /* Altın çizgi amblemin altında, ortalanmış ayraç */ body.td2 .makale-h1::before { margin: 0 auto 22px; } /* Üç ögeli künye: sol, orta, sağ */ body.td2 .makale-meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 12px; margin: 24px 0 0; padding: 15px 0 0; border-top: 1px solid var(--cizgi); font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--gri); } body.td2 .makale-meta .mm-tarih { flex: 1 1 0; justify-content: flex-start; } body.td2 .makale-meta .mm-goruntuleme { flex: 1 1 0; justify-content: center; } body.td2 .makale-meta .mm-sure { flex: 1 1 0; justify-content: flex-end; } body.td2 .makale-meta .mm-item { display: flex; align-items: center; white-space: nowrap; } @media (max-width: 600px) { body.td2 .makale-bas > .mkr-amblem { height: 38px; margin: 0 auto 14px; } body.td2 .makale-h1::before { width: 32px; height: 2px; margin: 0 auto 16px; } body.td2 .makale-meta { font-size: 10.5px; letter-spacing: .2px; gap: 6px; margin-top: 18px; padding-top: 13px; } body.td2 .makale-meta .mm-item i { margin-right: 5px; } } @media (max-width: 400px) { /* Üç öge tek satıra sığmıyor: ikon metinleri kısalt yerine ikonları küçült */ body.td2 .makale-meta { font-size: 10px; } body.td2 .makale-meta .mm-item i { font-size: 10px; margin-right: 4px; } } /* =================================================================== BASLIK ORTALI Amblem ve altin cizgi ortada oldugu icin baslik da ortalandi. Govde metni ve h2/h3 sola hizali kalmaya devam ediyor: ortali uzun metin okuma hizini dusuruyor, burasi yalniz kunye alani. Ortali basligin satirlari cok kisa kalmasin diye max-width var. =================================================================== */ body.td2 .makale-bas .makale-h1 { text-align: center; max-width: 22ch; margin-left: auto; margin-right: auto; } @media (max-width: 600px) { body.td2 .makale-bas .makale-h1 { max-width: none; } } /* =================================================================== GOLGE Referans sayfada golge yok, derinligi hairline cizgi kuruyor. Ana kartlar kagit zeminin ustunde biraz duz kaldigi icin cok hafif bir golge eklendi. Iki kural onemli: 1. Cizgi KALIYOR, golge onun yerine degil yanina geliyor 2. Yalniz UST DUZEY kartlarda: makale karti ve yan kolon karti. Tablo, icindekiler, ozet kutusu, yorum formu gibi ic ogeler duz kalmali; hepsine golge verilirse sayfa yeniden "her sey havada" gorunumune doner, ki ondan bilincli uzaklastik. Su an C (belirgin) kullaniliyor. Daha hafifi isteniyorsa: 0 1px 2px rgba(12,32,58,.05), 0 8px 22px rgba(12,32,58,.07) =================================================================== */ body.td2 .makale-detay .post-item-wrap1, body.td2 .makale-yan-kart { box-shadow: 0 2px 4px rgba(12,32,58,.06), 0 16px 44px rgba(12,32,58,.13); } /* =================================================================== BASLIK BANDI GOLGESI Kunye alani kartin ustune oturan ayri bir katman gibi dursun, govdeye golge dusursun. Negatif spread (-8px) onemli: bant kartin sol/sag kenarlariyla tam hizali, normal bir golge kartin disina tasip kagit zemine sizardi. Negatif spread golgeyi her kenardan iceri cekiyor, geriye yalniz asagi dusen golge kaliyor. Ayni isi overflow:hidden ile de yapmak mumkundu ama o, icerideki herhangi bir sticky ogeyi bozar; bu yol yan etkisiz. =================================================================== */ body.td2 .makale-bas { position: relative; z-index: 1; box-shadow: 0 10px 20px -8px rgba(12,32,58,.18); } /* =================================================================== ANA SAYFA Bölümler referans dile çevriliyor. style.css'teki bazı kurallar !important taşıdığı için (hero-title, sss-bolumu, guven-bolumu) buradaki karşılıkları da !important almak zorunda. =================================================================== */ /* ---- Bölüm başlıkları: ortada altın çizgi, alttaki gradyan yerine ---- */ body.td2 .yorumlar-bolumu h2, body.td2 .sss-bolumu h2, body.td2 .surec-baslik h2, body.td2 .ref-baslik h2, body.td2 .td-ust h2 { font-family: var(--aile); font-weight: 700; color: var(--lac); font-size: clamp(25px, 3.2vw, 34px); letter-spacing: -.3px; padding-bottom: 0; } body.td2 .yorumlar-bolumu h2::after, body.td2 .sss-bolumu h2::after, body.td2 .surec-baslik h2::after, body.td2 .ref-baslik h2::after { display: none; } body.td2 .yorumlar-bolumu h2::before, body.td2 .sss-bolumu h2::before, body.td2 .surec-baslik h2::before, body.td2 .ref-baslik h2::before { content: ""; display: block; width: 46px; height: 3px; background: var(--pir); margin: 0 auto 16px; } /* ---- Hero ---- */ body.td2 .hero { background: var(--koyu) !important; border-bottom: 3px solid var(--pir); } body.td2 .hero::before, body.td2 .hero::after { display: none; } body.td2 .hero .hero-title { font-family: var(--aile) !important; font-size: clamp(30px, 4.2vw, 46px) !important; font-weight: 700 !important; line-height: 1.14 !important; letter-spacing: -.5px; color: #fff !important; } body.td2 .hero .hero-title span { color: var(--pir2) !important; } body.td2 .hero p { color: #b9cbe2; } body.td2 .hero p strong { color: #fff; } /* Hero form kartı */ body.td2 .hero-form-kart { border-radius: 0 !important; border: 1px solid var(--cizgi); border-top: 4px solid var(--pir); box-shadow: none !important; padding: 28px 26px !important; } body.td2 .hero-form-kart h3 { font-family: var(--aile) !important; font-size: 24px !important; font-weight: 700 !important; color: var(--lac) !important; } body.td2 .hero-form-kart .hf-top p { color: var(--gri) !important; font-size: 14px !important; } body.td2 .hero-form-label { font-family: var(--aile) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .8px; text-transform: uppercase; color: var(--gri) !important; } body.td2 .hero-form-label i { color: var(--pir) !important; } body.td2 .hero-form-kart .form-control, body.td2 .hero-form-kart .hero-input-wrap .form-control { border-radius: 0 !important; border: 1px solid #c3ccd9 !important; font-size: 18px !important; padding: 16px !important; text-align: left !important; } body.td2 .hero-form-kart .form-control:focus, body.td2 .hero-form-kart .hero-input-wrap .form-control:focus { border-color: var(--lac) !important; box-shadow: inset 0 -3px 0 var(--pir) !important; } body.td2 .hero-form-kart .cta-button { background: var(--lac) !important; border-radius: 0 !important; border-bottom: 3px solid var(--pir); font-size: 14px !important; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; } body.td2 .hero-form-kart .cta-button:hover { background: #08326f !important; } body.td2 .hero-form-guven { color: var(--gri); font-size: 12.5px; } body.td2 .hero-form-guven i { color: var(--yes); } body.td2 .taksit-rozet { background: var(--pir2) !important; color: var(--koyu) !important; border-radius: 0 !important; font-family: var(--aile) !important; font-size: 11px !important; letter-spacing: .6px; text-transform: uppercase; } /* Hero içindeki rozet, fiyat kutusu ve butonlar */ body.td2 .hero .cta-button, body.td2 .hero a[class*="btn"] { border-radius: 0 !important; } /* ---- Referans şeridi ---- */ body.td2 .ref-bolumu { background: var(--kagit) !important; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); } body.td2 .ref-kart { border-radius: 0 !important; border: 1px solid var(--cizgi) !important; box-shadow: none !important; background: #fff !important; } body.td2 .ref-baslik p { color: var(--gri); } /* ---- Tescile dahil olanlar ---- */ body.td2 .tescil-dahil-bolumu { background: #fff !important; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); } body.td2 .td-item { border-radius: 0 !important; border: 1px solid var(--cizgi) !important; box-shadow: none !important; background: #fff !important; } body.td2 .td-item-one { background: var(--kagit) !important; border-color: var(--pir) !important; } body.td2 .td-item-one::before { display: none !important; } body.td2 .td-ikon { color: var(--pir) !important; } body.td2 .td-metin strong, body.td2 .td-metin h3 { color: var(--lac) !important; } body.td2 .td-metin p, body.td2 .td-metin span { color: var(--gri) !important; } /* ---- Süreç adımları: referanstaki .adimlar dili ---- */ body.td2 .surec-bolumu { background: var(--kagit) !important; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); } body.td2 .surec-baslik p { color: var(--gri); } body.td2 .surec-liste { border-top: 1px solid var(--cizgi); } body.td2 .surec-adim { align-items: baseline; gap: 20px; } body.td2 .surec-numara { width: auto !important; height: auto !important; border-radius: 0 !important; background: none !important; color: var(--pir) !important; font-family: var(--aile) !important; font-size: 32px !important; font-weight: 700; line-height: .9; min-width: 54px; } body.td2 .surec-cizgi { display: none !important; } body.td2 .surec-kart { background: none !important; border: 0 !important; border-bottom: 1px solid var(--cizgi) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 22px !important; margin-bottom: 22px !important; } body.td2 .surec-kart:hover { box-shadow: none !important; transform: none !important; } body.td2 .surec-kart-son { border-bottom: 0 !important; margin-bottom: 0 !important; } body.td2 .surec-kart h3 { font-family: var(--aile) !important; font-size: 17px !important; color: var(--lac) !important; } body.td2 .surec-kart p { font-size: 15px !important; color: var(--gri) !important; } body.td2 .surec-sure { background: none !important; border-radius: 0 !important; color: var(--gri) !important; font-size: 12px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; padding: 0 !important; } body.td2 .surec-kart-son .surec-sure { color: var(--yes) !important; background: none !important; } /* ---- Sonuç bandı ---- */ body.td2 .sonuc-band { background: var(--koyu) !important; border-top: 3px solid var(--pir); } body.td2 .sonuc-sayi { font-family: var(--aile) !important; color: var(--pir2) !important; font-weight: 700 !important; } body.td2 .sonuc-etiket { font-family: var(--aile) !important; color: #8fa9c8 !important; letter-spacing: .8px !important; } body.td2 .sonuc-stat-ayrac, body.td2 .sonuc-ayrac { background: var(--cizgi2) !important; } body.td2 .sonuc-metin h3 { font-family: var(--aile) !important; color: #fff !important; } body.td2 .sonuc-metin p { color: #b9cbe2 !important; } body.td2 .sonuc-band-btn { background: #1c8a4b !important; border-radius: 0 !important; font-family: var(--aile) !important; font-size: 13px !important; letter-spacing: .8px; text-transform: uppercase; } body.td2 .sonuc-band-btn:hover { background: #17713d !important; transform: none !important; } /* ---- Yorumlar ---- */ body.td2 .yorumlar-bolumu { background: #fff !important; } body.td2 .yorum-kart { background: var(--kagit) !important; border: 1px solid var(--cizgi) !important; border-radius: 0 !important; box-shadow: none !important; } body.td2 .yorum-yildiz { color: var(--pir) !important; } body.td2 .yorum-kart .yorum-metin { color: var(--mtn) !important; } body.td2 .yorum-kisi { color: var(--lac) !important; } body.td2 .yorum-kisi small { color: var(--gri) !important; } body.td2 .yorum-google-link a { border-radius: 0 !important; border: 1px solid var(--cizgi) !important; color: var(--lac) !important; font-size: 13px; letter-spacing: .6px; text-transform: uppercase; } body.td2 .yorum-google-link a:hover { background: var(--kagit) !important; } /* ---- CTA bandı ---- */ body.td2 .cta-band { background: var(--koyu) !important; border-top: 3px solid var(--pir); } body.td2 .cta-band h2 { font-family: var(--aile) !important; font-weight: 700 !important; font-size: clamp(25px, 3.2vw, 34px) !important; } body.td2 .cta-band p { color: #b9cbe2 !important; } body.td2 .cta-band-btn { border-radius: 0 !important; font-family: var(--aile) !important; font-size: 13px !important; letter-spacing: .8px; text-transform: uppercase; padding: 16px 30px !important; } body.td2 .cta-band-btn.wa { background: #1c8a4b !important; } body.td2 .cta-band-btn.wa:hover { background: #17713d !important; transform: none !important; box-shadow: none !important; } body.td2 .cta-band-btn.tel { border: 1px solid var(--cizgi2) !important; } body.td2 .cta-band-btn.tel:hover { background: rgba(255,255,255,.1) !important; border-color: var(--pir2) !important; transform: none !important; } /* ---- SSS ---- */ body.td2 .sss-bolumu { background: var(--kagit) !important; border-top: 1px solid var(--cizgi); } body.td2 .sss-liste { border-top: 1px solid var(--cizgi); max-width: 840px; margin: 0 auto; } body.td2 .sss-item { background: none !important; border: 0 !important; border-bottom: 1px solid var(--cizgi) !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 0 !important; } body.td2 .sss-item summary { font-family: var(--aile) !important; font-weight: 700 !important; font-size: 18px !important; color: var(--lac) !important; padding: 19px 44px 19px 0 !important; } body.td2 .sss-item summary::after { right: 6px !important; font-size: 23px !important; color: var(--pir) !important; font-family: -apple-system, Arial, sans-serif !important; } body.td2 .sss-item .sss-cevap { padding: 0 0 22px !important; color: #42506b !important; font-size: 15px !important; } body.td2 .sss-item .sss-cevap a { color: var(--lac) !important; } /* ---- Güven bölümü ---- */ body.td2 .guven-bolumu { background: #fff !important; } @media (max-width: 600px) { body.td2 .surec-numara { font-size: 24px !important; min-width: 40px; } body.td2 .surec-adim { gap: 14px; } body.td2 .sss-item summary { font-size: 16px !important; } body.td2 .hero-form-kart { padding: 20px 18px !important; } } /* ---- Hero'nun kalan parcalari ---- */ body.td2 .hero-rozet { border-radius: 0 !important; background: rgba(224,182,92,.12) !important; border: 1px solid rgba(224,182,92,.45) !important; color: var(--pir2) !important; font-size: 12px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; } body.td2 .hero-rozet i { color: var(--pir2) !important; } body.td2 .hero-fiyat { border-radius: 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--cizgi2) !important; border-bottom: 1px solid var(--cizgi2) !important; padding: 17px 0 !important; } body.td2 .hero-fiyat strong, body.td2 .hero-fiyat b { color: var(--pir2) !important; font-family: var(--aile) !important; } body.td2 .hero-fiyat small, body.td2 .hero-fiyat span { color: #8fa9c8 !important; } body.td2 .hero-fiyat i { color: var(--pir) !important; } body.td2 .hero-wa-btn { background: #1c8a4b !important; border: 1px solid #1c8a4b !important; border-radius: 0 !important; font-size: 14px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; } body.td2 .hero-wa-btn:hover { background: #17713d !important; transform: none !important; } body.td2 .hero-tel-btn { border-radius: 0 !important; border: 1px solid var(--cizgi2) !important; background: transparent !important; font-size: 14px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; } body.td2 .hero-tel-btn:hover { background: rgba(255,255,255,.1) !important; border-color: var(--pir2) !important; transform: none !important; } /* Kalan iki yuvarlak koseli oge */ body.td2 .td-etiket { border-radius: 0 !important; border: 0 !important; background: var(--pir2) !important; color: var(--koyu) !important; font-size: 11px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; } body.td2 .sss-liste { border-radius: 0 !important; overflow: visible !important; } /* =================================================================== ANA SAYFA: RENK UYUMU VE KONTRAST Olculen sorunlar: .taksit-rozet beyaz yazi + koyu altin CR 3.91 -> ac altin zemin + lacivert yazi CR 8.30 .td-etiket ayni sorun, ayni cozum Referans sayfa da altin rozetlerde koyu yazi kullaniyor, dogru kalip o. Palet disi kalan renkler (tarama ile bulundu): .td-ikon #eef1f6 zemin + #3c6baa ikon (eski soguk gri + eski mavi) .td-aciklama #4a6070 .yorumlar-ust #555 .td-etiket #c8d4e4 cerceve =================================================================== */ body.td2 .td-ikon { background: var(--kagit) !important; border: 1px solid var(--cizgi) !important; border-radius: 0 !important; color: var(--pir) !important; } body.td2 .td-ikon i { color: var(--pir) !important; } body.td2 .td-aciklama { color: var(--gri) !important; border-color: var(--cizgi) !important; } body.td2 .yorumlar-ust { color: var(--gri) !important; border-color: var(--cizgi) !important; } body.td2 .yorumlar-ust a { color: var(--lac) !important; } /* =================================================================== MAKALELER LİSTELEME Kart görselleri kaldırıldı: 85 kartın 85'inde aynı logo duruyordu, bilgi taşımıyor ve ızgarayı monotonlaştırıyordu. Görsel kutusunun yerini tür etiketi aldı (Mahkeme Kararı / Rehber). Makaleye özel kapak görselleri üretilirse kutu geri gelir: tek kural, `.makale-kart-gorsel img { display: block }`. =================================================================== */ /* ---- Sayfa başlığı bandı ---- */ body.td2 .page-header { background: var(--koyu) !important; border-bottom: 3px solid var(--pir); padding: 52px 0 46px !important; } body.td2 .page-header::after { display: none !important; } body.td2 .page-header h1 { font-family: var(--aile) !important; font-size: clamp(27px, 3.6vw, 40px) !important; font-weight: 700 !important; letter-spacing: -.4px; color: #fff !important; } body.td2 .page-header h1::before, body.td2 .page-header h1::after { display: none !important; } body.td2 .page-header p { color: #b9cbe2 !important; font-size: 16px !important; } /* ---- Arama kutusu ---- */ body.td2 .makale-arama-input { border-radius: 0 !important; border: 1px solid rgba(255,255,255,.28) !important; background: rgba(255,255,255,.07) !important; color: #fff !important; font-size: 16px !important; padding: 15px 18px 15px 46px !important; } body.td2 .makale-arama-input::placeholder { color: #8fa9c8 !important; } body.td2 .makale-arama-input:focus { border-color: var(--pir2) !important; background: rgba(255,255,255,.12) !important; box-shadow: none !important; } body.td2 .makale-arama-ikon { color: var(--pir2) !important; } body.td2 .makale-arama-sonuc { color: #b9cbe2 !important; } /* ---- Izgara ve kartlar ---- */ body.td2 .makale-liste-bolum { background: var(--kagit) !important; border-bottom: 1px solid var(--cizgi); } body.td2 .makale-kart { background: #fff !important; border: 1px solid var(--cizgi) !important; border-top: 3px solid var(--pir) !important; border-radius: 0 !important; box-shadow: none !important; } body.td2 .makale-kart { box-shadow: 0 1px 3px rgba(12,32,58,.06), 0 10px 26px rgba(12,32,58,.09) !important; transition: box-shadow .22s; } body.td2 .makale-kart:hover { transform: none !important; box-shadow: 0 2px 5px rgba(12,32,58,.08), 0 18px 44px rgba(12,32,58,.16) !important; } /* ---- Bülten kartı ---- */ body.td2 .bulten-bolum { background: #fff !important; border-top: 1px solid var(--cizgi); } body.td2 .bulten-kart { background: var(--koyu) !important; border: 0 !important; border-top: 3px solid var(--pir) !important; border-radius: 0 !important; box-shadow: none !important; } body.td2 .bulten-ikon { color: var(--pir2) !important; background: none !important; border-radius: 0 !important; } body.td2 .bulten-sol h2 { font-family: var(--aile) !important; color: #fff !important; font-size: 24px !important; } body.td2 .bulten-sol h2::after, body.td2 .bulten-sol h2::before { display: none !important; } body.td2 .bulten-sol p { color: #b9cbe2 !important; } body.td2 .bulten-input { border-radius: 0 !important; border: 1px solid rgba(255,255,255,.28) !important; background: rgba(255,255,255,.07) !important; color: #fff !important; font-size: 15px !important; } body.td2 .bulten-input::placeholder { color: #8fa9c8 !important; } body.td2 .bulten-input:focus { border-color: var(--pir2) !important; box-shadow: none !important; } body.td2 .bulten-btn { background: var(--pir) !important; border-radius: 0 !important; font-size: 13px !important; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; } body.td2 .bulten-btn:hover { background: var(--pir2) !important; color: var(--koyu) !important; } body.td2 .bulten-not { color: #8fa9c8 !important; } /* ---- Sektör / şehir kutuları: stilleri aşağıdaki ALT BÖLÜM bloğunda ---- */ @media (max-width: 600px) { body.td2 .page-header { padding: 34px 0 30px !important; } body.td2 .makale-kart-gorsel { padding: 12px 16px !important; } body.td2 .makale-kart-govde { padding: 16px 16px 20px !important; } body.td2 .makale-kart h3 { font-size: 16.5px !important; } } /* Sayfalama butonu */ body.td2 .ms-btn { border-radius: 0 !important; border: 1px solid var(--cizgi) !important; background: #fff !important; color: var(--lac) !important; font-size: 12px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; } body.td2 .ms-btn:hover:not(:disabled) { background: var(--lac) !important; border-color: var(--lac) !important; color: #fff !important; } body.td2 .ms-btn[aria-current="true"], body.td2 .ms-aktif { background: var(--lac) !important; border-color: var(--lac) !important; color: #fff !important; } /* =================================================================== ALTIN RENGIN IKI GOREVI --pir (#a8781f) dekoratif: cizgiler, cerceveler, buyuk rakamlar. Acik zeminde KUCUK YAZI olarak kullanildiginda beyazda 3.91, kagitta 3.53 veriyor, ikisi de AA altinda. Kucuk altin yazilar icin --pir-metin (#8a6119): beyazda 5.52, kagitta 4.98. Koyu zeminde zaten --pir2 kullaniliyor, orada sorun yok. =================================================================== */ body.td2 .rozet-karar, body.td2 .rozet-karar i, body.td2 .makale-git, body.td2 .makale-kart .makale-git, body.td2 .makale-kart-meta i, body.td2 .makale-ozet-etiket, body.td2 .makale-devam-tumu, body.td2 .makale-tablo caption, body.td2 .yorum-cevap-baslik, body.td2 .makale-kaynak-baslik, body.td2 .makale-icindekiler li a::before, body.td2 .makale-meta .mm-item i, body.td2 .yorum-baslik i, body.td2 .makale-devam-baslik i, body.td2 .surec-sure.altin, body.td2 .hero-form-label i, body.td2 .td-ikon i, body.td2 .makale-cta-guven i, body.td2 .karar-metin-cekmece summary::after, body.td2 .sss-item summary::after, body.td2 .makale-icindekiler summary::after, body.td2 .makale-ozet-etiket i { color: var(--pir-metin) !important; } /* =================================================================== HERO FORMU: ORANTI VE BUTON KONTRASTI 1. Kartta `min-height: 480px` vardi ve `.hf-bottom` uzerinde `margin-top: auto` ile icerik ust/alt diye ayriliyordu. Sonuc ortada 117px'lik bos delik. Kart artik icerigi kadar yuksek. 2. Hero butonlarinin yazi rengi `--lac` olarak miras aliniyordu (govdedeki `a { color: var(--lac) }` kuralindan). Lacivert zemin uzerinde telefon butonu CR 1.5 ile okunmuyordu. Ikisi de beyaz. 3. Form basligi `h2`, benim onceki `h3` kuralim hic uygulanmamisti. =================================================================== */ body.td2 .hero-form-kart { min-height: 0 !important; } body.td2 .hf-bottom { margin-top: 26px !important; } body.td2 .hf-top p { margin-top: 12px !important; } body.td2 .hero-form-kart h2 { font-family: var(--aile) !important; font-size: 25px !important; font-weight: 700 !important; color: var(--lac) !important; line-height: 1.25 !important; text-align: center; } body.td2 .hero-form-kart h2::after, body.td2 .hero-form-kart h2::before { display: none !important; } /* Hero butonlari: yazi ve ikon beyaz */ body.td2 .hero-wa-btn, body.td2 .hero-wa-btn i, body.td2 .hero-wa-btn span, body.td2 .hero-tel-btn, body.td2 .hero-tel-btn i, body.td2 .hero-tel-btn span { color: #fff !important; } body.td2 .hero-tel-btn { border-color: rgba(255,255,255,.35) !important; } body.td2 .hero-tel-btn:hover { border-color: var(--pir2) !important; } /* WhatsApp yesili: beyaz 14px kalin yazi ile #1c8a4b 4.39 veriyor, AA icin 4.5 gerekiyor. Bir tik koyulastirildi, CR 5.00. */ body.td2 .hero-wa-btn, body.td2 .cta-band-btn.wa, body.td2 .sonuc-band-btn, body.td2 .makale-cta-btn.wa, body.td2 #mobilCta .mc-wa, body.td2 .makale-ara-cta .mac-btn.wa { background: var(--wa-yesil) !important; border-color: var(--wa-yesil) !important; } body.td2 .hero-wa-btn:hover, body.td2 .cta-band-btn.wa:hover, body.td2 .sonuc-band-btn:hover, body.td2 .makale-cta-btn.wa:hover { background: #146633 !important; } /* =================================================================== BUTON YAZI RENGI TARAMASI Govdedeki `a { color: var(--lac) }` kurali, zemin verdigim ama yazi rengini acikca yazmadigim butonlarda miras aliniyor ve kontrasti dusuruyor. Bir sayfa cevrildikten sonra su tarama calistirilmali: document.querySelectorAll('a,button').forEach(function(e){ var c=getComputedStyle(e); if(!e.offsetHeight) return; if(/rgba$0, 0, 0, 0$/.test(c.backgroundColor)) return; // yazi rengi ile zemini karsilastir, 4.5 altini bildir }); Boyle yakalananlar: .sonuc-band-btn lacivert yazi / yesil zemin CR 2.10 #sorgulaBtn beyaz yazi / koyu altin CR 3.91 =================================================================== */ body.td2 .sonuc-band-btn, body.td2 .sonuc-band-btn i, body.td2 .sonuc-band-btn span { color: #fff !important; } /* Sol kenardaki sorgula sekmesi: ac altin zemin + lacivert yazi, CR 8.29 */ body.td2 #sorgulaBtn { background: var(--pir2) !important; color: var(--koyu) !important; } body.td2 #sorgulaBtn i, body.td2 #sorgulaBtn span { color: var(--koyu) !important; } body.td2 #sorgulaBtn:hover { background: var(--pir) !important; color: #fff !important; } body.td2 #sorgulaBtn:hover i, body.td2 #sorgulaBtn:hover span { color: #fff !important; } /* =================================================================== ALTIN ZEMINLI BUTONLAR: TEK KALIP Koyu altin (--pir) zemin uzerinde ne beyaz yazi (3.91) ne de lacivert yazi (4.04) AA gecmiyor. Tek calisan kombinasyon ACIK ALTIN zemin (--pir2) + LACIVERT yazi (--koyu): CR 8.29. Rozetlerde de ayni kalip kullaniliyor, referans sayfa da boyle. Altin zeminli her yeni butonu bu kurala ekle. =================================================================== */ body.td2 .bulten-btn, body.td2 .karar-arama-btn, body.td2 .yd-bulten-btn, body.td2 .makale-bulten-serit .yd-bulten-btn { background: var(--pir2) !important; color: var(--koyu) !important; } body.td2 .bulten-btn i, body.td2 .karar-arama-btn i, body.td2 .yd-bulten-btn i { color: var(--koyu) !important; } body.td2 .bulten-btn:hover, body.td2 .karar-arama-btn:hover, body.td2 .yd-bulten-btn:hover, body.td2 .makale-bulten-serit .yd-bulten-btn:hover { background: #eccc86 !important; color: var(--koyu) !important; } /* =================================================================== INCE UST BOLGE Sikayet: "bardaki yazilar mavi oldugu icin okunmuyor" ve "headerdaki menuler cok yer kapliyor". 1. Ust seritteki telefon/e-posta baglantilari `--lac` miras aliyordu, lacivert zeminde CR 1.5. Seritteki kural (0,1,0) `body.td2 a` (0,1,2) kuralini yenemiyordu; secici (0,2,0)'a cikarildi. 2. Logo `inc/menu.php` icinde satir ici `max-height: 100px` tasiyordu, CSS'teki olcuyu eziyordu. Satir ici stil kaldirildi. 3. Yukseklikler: serit 35 -> 28, header 79 -> 62, toplam 114 -> 90px. =================================================================== */ /* Ust serit */ .top-bar { font-size: 11.5px; } .top-bar { line-height: 1.5; } .top-bar .top-bar-inner { padding-top: 4px; padding-bottom: 4px; min-height: 0; } .top-bar .top-bar-item i { font-size: 11px; line-height: 1; } .top-bar .top-bar-item, .top-bar a.top-bar-item { color: #b9cbe2; text-decoration: none; } .top-bar a.top-bar-item:hover { color: #fff; } .top-bar .top-bar-item i, .top-bar a.top-bar-item i { color: var(--pir2); margin-right: 5px; } .top-bar .top-bar-right { display: inline-flex; gap: 20px; align-items: center; } /* Logo ve menu */ .header .logo img { height: 46px !important; max-height: 46px !important; width: auto; } @media (max-width: 1150px) { .header .nav-links .nav-link { padding: 20px 10px; font-size: 11.5px; letter-spacing: .3px; } } @media (max-width: 991px) { .header .logo img { height: 40px !important; max-height: 40px !important; } .top-bar { font-size: 11px; } .top-bar .top-bar-right { gap: 14px; } } @media (max-width: 600px) { .top-bar .container { padding-top: 5px; padding-bottom: 5px; } .header .logo img { height: 36px !important; max-height: 36px !important; } } /* =================================================================== HEADER: ESTETIK AYARI Kullanici notu: "illa koseli yapacagiz diye estetikten vazgecmeyelim". Header'da yuvarlatilmis oge zaten yoktu; sertligin kaynagi baskaydi: 1. Yedi menu ogesi de BUYUK HARF + kalin + harf araligiyla ayni tonda bagiriyordu. Buyuk harf mikro etiket icindir (rozet, kicker), ana menu icin degil. Normal yazim, 15px, 600 agirlik. 2. Logo 46px ile 912px'lik menunun yaninda eziliyordu. 56px. 3. Menu sag kenara sifir bosluklda dayaniyordu. 4. Duz beyaz bant + sert hairline yerine hairline + cok hafif golge. Altin vurgu duruyor ama artik hover/aktif durumda ince bir cizgi, kalin bir blok degil. =================================================================== */ .header { box-shadow: 0 1px 0 var(--cizgi), 0 8px 24px rgba(12,32,58,.09); border-bottom: 0; } .header .logo img { height: 56px !important; max-height: 56px !important; } .header .nav-links { gap: 2px; padding-right: 8px; } .header .nav-links .nav-link { padding: 22px 15px; font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--mtn); border-bottom: 2px solid transparent; transition: color .18s, border-color .18s; } .header .nav-links .nav-link:hover, .header .nav-links .nav-link.aktif { color: var(--lac); border-bottom-color: var(--pir); background: none; } @media (max-width: 1200px) { .header .nav-links .nav-link { font-size: 14px; padding: 21px 11px; } } @media (max-width: 1050px) { .header .nav-links .nav-link { font-size: 13.5px; padding: 20px 9px; } .header .logo img { height: 48px !important; max-height: 48px !important; } } @media (max-width: 991px) { .header .logo img { height: 44px !important; max-height: 44px !important; } } @media (max-width: 600px) { .header .logo img { height: 38px !important; max-height: 38px !important; } } /* =================================================================== MAKALE KARTI, YENIDEN Kullanici: "bu makale kartlari cok estetiksiz olmus, gene logomuz olsun ustte ve estetik bir gorunum yapalim". Logo geri geldi ama tam kilit yerine AMBLEM kullaniliyor: kucuk boyda tam logonun yazisi okunmuyordu. Amblem kagit zeminli bir bandin ortasinda, altinda tur etiketi. Bant karta hem gorsel capa hem de tur bilgisi veriyor. =================================================================== */ body.td2 .makale-kart-gorsel { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 9px; background: var(--kagit) !important; border-bottom: 1px solid var(--cizgi) !important; padding: 22px 20px 18px !important; text-align: center !important; min-height: 0 !important; text-decoration: none; } body.td2 .makale-kart-gorsel img { display: block !important; height: 38px !important; max-height: 38px !important; width: auto !important; opacity: .92; transition: opacity .2s; } body.td2 .makale-kart:hover .makale-kart-gorsel img { opacity: 1; } body.td2 .rozet-karar, body.td2 .rozet-rehber { position: static !important; display: inline-flex !important; align-items: center; gap: 7px; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; font-family: var(--aile); font-size: 11px !important; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; line-height: 1; } body.td2 .rozet-karar { color: var(--pir-metin) !important; } body.td2 .rozet-karar i { color: var(--pir-metin) !important; font-size: 11px; } body.td2 .rozet-rehber { color: var(--gri) !important; } /* Kart govdesi */ body.td2 .makale-kart-govde { padding: 22px 24px 26px !important; } body.td2 .makale-kart-meta { border-bottom: 1px solid var(--cizgi); padding-bottom: 13px; margin-bottom: 15px !important; } body.td2 .makale-kart h3 { font-size: 18px !important; line-height: 1.34 !important; margin-bottom: 13px !important; } body.td2 .makale-kart p { font-size: 14.5px !important; line-height: 1.62 !important; } body.td2 .makale-kart .makale-git { margin-top: 4px; } @media (max-width: 600px) { body.td2 .makale-kart-gorsel { padding: 18px 16px 15px !important; } body.td2 .makale-kart-gorsel img { height: 32px !important; max-height: 32px !important; } body.td2 .makale-kart-govde { padding: 18px 18px 22px !important; } } /* =================================================================== KART GOLGESI VE BANT YUKSEKLIGI "Rehber" etiketi kalkinca rehber kartlarinin bandi karar kartlarininkinden ~20px kisa kaliyor ve izgarada bant cizgileri ayni hizaya oturmuyordu. Banta sabit yukseklik verildi, amblem her kartta ayni yerde duruyor. =================================================================== */ body.td2 .makale-kart-gorsel { min-height: 100px !important; } @media (max-width: 600px) { body.td2 .makale-kart-gorsel { min-height: 88px !important; } } /* =================================================================== KOSE YUMUSATMA Referans dilin imzasi kare koseydi ama kart yuzeylerinde tam kare sert kaliyordu. Iki jeton: --kose (10px) yuzeyler icin, --kose-kucuk (6px) buton, giris ve rozetler icin. Hairline cizgiler, golgeler ve altin vurgular aynen duruyor; degisen yalniz kose. Bant gibi karta yapisik ogeler SADECE ust koseleri almali, yoksa kartin cercevesinden tasiyor. overflow:hidden ile de olurdu ama o icerideki sticky ogeleri bozar. =================================================================== */ /* --- Yuzeyler --- */ body.td2 .makale-detay .post-item-wrap1, body.td2 .makale-yan-kart, body.td2 .makale-kart, body.td2 .makale-icindekiler, body.td2 .makale-ozet-kutu, body.td2 .makale-tablo-sar, body.td2 .karar-metin-cekmece, body.td2 .yorum-form-wrap, body.td2 .yorum-cevap, body.td2 .makale-disclaimer, body.td2 .makale-kaynak, body.td2 .hero-form-kart, body.td2 .td-item, body.td2 .yorum-kart, body.td2 .ref-kart, body.td2 .bulten-kart, body.td2 .makale-bulten-serit, body.td2 .karar-arama-bolum, body.td2 .makale-ara-cta, body.td2 .makale-devam-grid { border-radius: var(--kose) !important; } /* Karta yapisik ust bant: yalniz ust koseler */ body.td2 .makale-bas { border-radius: var(--kose) var(--kose) 0 0 !important; } body.td2 .makale-kart-gorsel { border-radius: var(--kose) var(--kose) 0 0 !important; } /* Izgara icindeki hucreler disa tasmasin */ body.td2 .makale-devam-grid { overflow: hidden; } /* --- Buton, giris, rozet --- */ body.td2 .makale-cta-btn, body.td2 .hero-wa-btn, body.td2 .hero-tel-btn, body.td2 .hero-form-kart .cta-button, body.td2 .hero-form-kart .form-control, body.td2 .hero-form-kart .hero-input-wrap .form-control, body.td2 .cta-band-btn, body.td2 .sonuc-band-btn, body.td2 .bulten-btn, body.td2 .bulten-input, body.td2 .karar-arama-btn, body.td2 .karar-arama-input, body.td2 .yd-bulten-btn, body.td2 .yd-bulten-input, body.td2 .yorum-gonder-btn, body.td2 .yorum-form-grup input, body.td2 .yorum-form-grup textarea, body.td2 .makale-arama-input, body.td2 .ms-btn, body.td2 .taksit-rozet, body.td2 .td-etiket, body.td2 .hero-rozet, body.td2 .single-post .post-tags a, body.td2 .yorum-google-link a, body.td2 .makale-ara-cta .mac-btn, body.td2 #mobilCta .mc-btn { border-radius: var(--kose-kucuk) !important; } /* Yuvarlak kalmasi gerekenler */ body.td2 .yazar-avatar, body.td2 .yorum-avatar { border-radius: 4px !important; } /* =================================================================== KART: BASLIK ONE CIKSIN Baslik meta satirinin USTUNE alindi (isaretleme degisikligi): goz amblem bandinin hemen altinda basliga iniyor. Yazar adi kaldirildi, meta yalniz tarih ve goruntulenme. =================================================================== */ body.td2 .makale-kart h3 { font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -.2px; margin: 0 0 14px !important; } body.td2 .makale-kart h3 a { color: var(--lac) !important; } body.td2 .makale-kart h3 a:hover { color: var(--pir-metin) !important; } /* Meta artik basligin altinda: ust cizgi, alt cizgi degil */ body.td2 .makale-kart-meta { justify-content: space-between !important; gap: 12px !important; border-bottom: 0 !important; border-top: 1px solid var(--cizgi); padding: 12px 0 0 !important; margin: 0 0 14px !important; font-size: 11.5px !important; } @media (max-width: 600px) { body.td2 .makale-kart h3 { font-size: 18.5px !important; } } /* =================================================================== MAKALELER SAYFASI ALT BOLUMU Bulten seridi ve "Sektor Rehberleri" / "Sehre Gore" kutulari. Kutular PHP icinde satir ici stille basiliyordu, CSS ulasamiyordu. Satir ici stiller kaldirilip `.liste-kutu` sinifina cevrildi. =================================================================== */ /* --- Bolum basliklari --- */ body.td2 .liste-bolum { padding: 60px 0 !important; } body.td2 .liste-bolum h2 { font-family: var(--aile); font-size: clamp(22px, 2.4vw, 28px) !important; font-weight: 700 !important; color: var(--lac) !important; margin: 0 0 8px !important; letter-spacing: -.2px; } body.td2 .liste-bolum h2::before { content: ""; display: block; width: 46px; height: 3px; background: var(--pir); margin: 0 0 16px; } body.td2 .liste-bolum > .container > p { color: var(--gri) !important; font-size: 15px !important; margin: 0 0 28px !important; max-width: 640px; } body.td2 .liste-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px,100%), 1fr)); gap: 18px; } /* --- Kutular --- */ body.td2 .liste-kutu { display: flex !important; flex-direction: column; background: #fff !important; border: 1px solid var(--cizgi) !important; border-top: 3px solid var(--pir) !important; border-radius: var(--kose) !important; padding: 22px 22px 24px !important; text-decoration: none !important; box-shadow: 0 1px 3px rgba(12,32,58,.06), 0 10px 26px rgba(12,32,58,.09) !important; transition: box-shadow .22s, border-color .22s; } body.td2 .liste-kutu:hover { box-shadow: 0 2px 5px rgba(12,32,58,.08), 0 18px 44px rgba(12,32,58,.16) !important; } body.td2 .liste-kutu i { color: var(--pir-metin) !important; font-size: 20px !important; margin-bottom: 14px !important; display: block; } body.td2 .liste-kutu h3 { font-family: var(--aile); color: var(--lac) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.34 !important; margin: 0 0 8px !important; } body.td2 .liste-kutu p { color: var(--gri) !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important; } body.td2 .liste-kutu:hover h3 { color: var(--pir-metin) !important; } /* --- Bulten seridi --- */ body.td2 .bulten-bolum { padding: 56px 0 !important; } body.td2 .bulten-kart { display: grid !important; grid-template-columns: 1fr 380px; align-items: center; gap: 40px !important; padding: 34px 38px !important; box-shadow: 0 2px 5px rgba(12,32,58,.10), 0 18px 44px rgba(12,32,58,.18); } body.td2 .bulten-sol { display: flex !important; align-items: flex-start; gap: 18px !important; } body.td2 .bulten-ikon { font-size: 30px !important; margin-top: 2px; flex-shrink: 0; } body.td2 .bulten-sol h2 { margin: 0 0 9px !important; line-height: 1.25 !important; } body.td2 .bulten-sol p { margin: 0 !important; font-size: 14.5px !important; line-height: 1.6 !important; } body.td2 .bulten-form { margin: 0 !important; } body.td2 .bulten-input-grup { display: flex !important; gap: 10px !important; margin: 0 0 12px !important; } body.td2 .bulten-input { flex: 1 1 auto; padding: 14px 16px !important; } body.td2 .bulten-btn { flex: 0 0 auto; padding: 14px 24px !important; white-space: nowrap; } body.td2 .bulten-not { margin: 0 !important; font-size: 12.5px !important; } body.td2 .bulten-mesaj { margin: 10px 0 0 !important; } @media (max-width: 900px) { body.td2 .bulten-kart { grid-template-columns: 1fr; gap: 26px !important; padding: 28px 24px !important; } } @media (max-width: 600px) { body.td2 .liste-bolum { padding: 40px 0 !important; } body.td2 .liste-izgara { gap: 14px; } body.td2 .liste-kutu { padding: 18px 18px 20px !important; } body.td2 .bulten-input-grup { flex-direction: column; } body.td2 .bulten-btn { width: 100%; justify-content: center; } } body.td2 .liste-bolum-kagit { background: var(--kagit) !important; border-top: 1px solid var(--cizgi); } body.td2 .liste-bolum-beyaz { background: #fff !important; border-top: 1px solid var(--cizgi); } /* =================================================================== SEHIR SAYFALARI (inc/sehir-vekil.php, 70 sayfa) Sablon bastan sona satir ici stille yaziliydi; stiller kaldirilip sinifa cevrildi. Sablondaki